© All rights reserved. John Gerst Design · Holiframes LLC

Recent news

Visual Portfolio, Posts & Image Gallery for WordPress
All
Journal
Projects
Spatial Studies
Projects

Living Light Ceiling

html,body{overflow-x:hidden!important} .elementor-widget-jg_project_detail_sequence,.elementor-widget-jg_project_feature_moment,.elementor-widget-jg_project_process_strip,.elementor-widget-jg_project_hero{overflow-x:clip!important;max-width:100%!important} .jg-project-details,.jg-project-feature,.jg-project-process,.jg-project-hero{overflow-x:clip!important;max-width:100%!important} .jg-project-detail,.jg-project-process__item,.jg-project-feature figure{position:relative!important;isolation:isolate!important;overflow:visible!important;z-index:1!important} .jg-ambient-spill{position:relative!important;isolation:isolate!important;overflow:visible!important;z-index:0!important;background:transparent!important;filter:none!important;opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important;clip-path:none!important;transform:none!important} .jg-ambient-spill:before,.jg-ambient-spill:after{content:"";position:absolute;inset:var(--jg-ambient-inset,-58%);z-index:0!important;pointer-events:none;border-radius:inherit;transform:translate(var(--jg-ambient-x,0%),var(--jg-ambient-y,0%)) scale(calc(var(--jg-ambient-scale,1.48) * var(--jg-ambient-sx,1.2)),calc(var(--jg-ambient-scale,1.48) * var(--jg-ambient-sy,1.05))) rotate(var(--jg-ambient-rot,0deg));transform-origin:center;will-change:transform,opacity,filter;background-clip:padding-box;overflow:hidden!important} .jg-ambient-spill:before{background-image:var(--jg-ambient-image);background-size:cover;background-position:center;filter:blur(var(--jg-ambient-blur,170px)) saturate(var(--jg-ambient-sat,1.3)) brightness(1.24);opacity:var(--jg-ambient-opacity,.56)} .jg-ambient-spill:after{opacity:calc(var(--jg-ambient-opacity,.56) * .9);mix-blend-mode:screen;filter:blur(calc(var(--jg-ambient-blur,170px) * .72))} .jg-ambient-spill>img,.jg-ambient-spill picture,.jg-ambient-spill picture img{position:relative!important;z-index:5!important;display:block!important;opacity:1!important;filter:none!important;-webkit-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;clip-path:none!important;transform:none!important;mix-blend-mode:normal!important;background:transparent!important} .jg-ambient-spill.is-bias-natural:after{background:radial-gradient(ellipse ...
Projects

Cinematic Transition

.jgts45-rt{display:inline}.jgts45-rt--tablet,.jgts45-rt--mobile{display:none}@media(max-width:1024px) and (min-width:768px){.jgts45-rt--desktop{display:none}.jgts45-rt--tablet{display:inline}}@media(max-width:767px){.jgts45-rt--desktop,.jgts45-rt--tablet{display:none}.jgts45-rt--mobile{display:inline}} ...
Spatial Studies

Small Spaces, Large Experiences

.jg-ambient-spill{position:relative;isolation:isolate;overflow:visible}.jg-ambient-spill:before{content:"";position:absolute;inset:var(--jg-ambient-inset,-6%);z-index:-1;pointer-events:none;background-image:var(--jg-ambient-image);background-size:cover;background-position:center;filter:blur(var(--jg-ambient-blur,56px)) saturate(var(--jg-ambient-sat,1.15));opacity:var(--jg-ambient-opacity,.14);transform:scale(var(--jg-ambient-scale,1.06));}.jg-ambient-spill:after{content:"";position:absolute;inset:var(--jg-ambient-inset,-6%);z-index:-1;pointer-events:none;opacity:calc(var(--jg-ambient-opacity,.14) * .55);mix-blend-mode:screen}.jg-ambient-spill.is-bias-teal:after{background:radial-gradient(ellipse at 50% 35%,rgba(24,156,170,.75),transparent 62%)}.jg-ambient-spill.is-bias-warm:after{background:radial-gradient(ellipse at 50% 55%,rgba(198,111,45,.65),transparent 62%)}.jg-ambient-spill.is-bias-teal_amber:after{background:radial-gradient(ellipse at 42% 30%,rgba(24,156,170,.62),transparent 58%),radial-gradient(ellipse at ...
Projects

Arrival Sequence

html,body{overflow-x:hidden!important} .elementor-widget-jg_project_detail_sequence,.elementor-widget-jg_project_feature_moment,.elementor-widget-jg_project_process_strip,.elementor-widget-jg_project_hero{overflow-x:clip!important;max-width:100%!important} .jg-project-details,.jg-project-feature,.jg-project-process,.jg-project-hero{overflow-x:clip!important;max-width:100%!important} .jg-project-detail,.jg-project-process__item,.jg-project-feature figure{position:relative!important;isolation:isolate!important;overflow:visible!important;z-index:1!important} .jg-ambient-spill{position:relative!important;isolation:isolate!important;overflow:visible!important;z-index:0!important;background:transparent!important;filter:none!important;opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important;clip-path:none!important;transform:none!important} .jg-ambient-spill:before,.jg-ambient-spill:after{content:"";position:absolute;inset:var(--jg-ambient-inset,-58%);z-index:0!important;pointer-events:none;border-radius:inherit;transform:translate(var(--jg-ambient-x,0%),var(--jg-ambient-y,0%)) scale(calc(var(--jg-ambient-scale,1.48) * var(--jg-ambient-sx,1.2)),calc(var(--jg-ambient-scale,1.48) * var(--jg-ambient-sy,1.05))) rotate(var(--jg-ambient-rot,0deg));transform-origin:center;will-change:transform,opacity,filter;background-clip:padding-box;overflow:hidden!important} .jg-ambient-spill:before{background-image:var(--jg-ambient-image);background-size:cover;background-position:center;filter:blur(var(--jg-ambient-blur,170px)) saturate(var(--jg-ambient-sat,1.3)) brightness(1.24);opacity:var(--jg-ambient-opacity,.56)} .jg-ambient-spill:after{opacity:calc(var(--jg-ambient-opacity,.56) * .9);mix-blend-mode:screen;filter:blur(calc(var(--jg-ambient-blur,170px) * .72))} .jg-ambient-spill>img,.jg-ambient-spill picture,.jg-ambient-spill picture img{position:relative!important;z-index:5!important;display:block!important;opacity:1!important;filter:none!important;-webkit-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;clip-path:none!important;transform:none!important;mix-blend-mode:normal!important;background:transparent!important} .jg-ambient-spill.is-bias-natural:after{background:radial-gradient(ellipse ...
Top