© All rights reserved. John Gerst Design · Holiframes LLC

Archive

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 at 50% 50%,rgba(255,255,255,.16),transparent 72%)} .jg-ambient-spill.is-bias-teal:after{background:radial-gradient(ellipse at 50% 44%,rgba(28,168,178,.82),transparent 72%)} .jg-ambient-spill.is-bias-warm:after{background:radial-gradient(ellipse at 50% 55%,rgba(196,151,58,.82),transparent 72%)} .jg-ambient-spill.is-bias-teal_amber:after{background:radial-gradient(ellipse at 32% 36%,rgba(28,168,178,.78),transparent 70%),radial-gradient(ellipse at 72% ...

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}} ...

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 65% 68%,rgba(198,111,45,.45),transparent 62%)}.jg-ambient-spill.is-mask-soft:before,.jg-ambient-spill.is-mask-soft:after{mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.92) 0%,rgba(0,0,0,.42) 48%,transparent 80%)}.jg-ambient-spill.is-mask-directional:before,.jg-ambient-spill.is-mask-directional:after{mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.55) 24%,rgba(0,0,0,.92) 52%,transparent 100%)}.jg-ambient-spill.is-mask-irregular:before,.jg-ambient-spill.is-mask-irregular:after{mask-image:radial-gradient(ellipse at 36% 40%,rgba(0,0,0,.76),transparent 62%),radial-gradient(ellipse at 68% ...

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 at 50% 50%,rgba(255,255,255,.16),transparent 72%)} .jg-ambient-spill.is-bias-teal:after{background:radial-gradient(ellipse at 50% 44%,rgba(28,168,178,.82),transparent 72%)} .jg-ambient-spill.is-bias-warm:after{background:radial-gradient(ellipse at 50% 55%,rgba(196,151,58,.82),transparent 72%)} .jg-ambient-spill.is-bias-teal_amber:after{background:radial-gradient(ellipse at 32% 36%,rgba(28,168,178,.78),transparent 70%),radial-gradient(ellipse at 72% ...
About

Creeping they’re she’d. Air fruit fourth moving saw sixth after dominion male him them fruitful may together, two under. Night i he replenish fourth.

Recent posts
Follow us
Stay updated
Top