/* A faint watermark within each original home section, fading out before its edges. */
.home-gallery :is(.home-showcase,.catalog-callout,.home-hub,.instagram-section,.contact-teaser){position:relative;isolation:isolate}
.home-gallery .ambient-surface{--surface-tone:255,255,255;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;contain:strict;opacity:.14;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent)}
.home-gallery .ambient-surface::after{content:"";position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' opacity='.9' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.home-gallery .ambient-surface i{display:block;position:absolute;inset:-25%;background:radial-gradient(ellipse at 28% 45%,rgba(var(--surface-tone),.15),transparent 43%),linear-gradient(118deg,transparent 31%,rgba(var(--surface-tone),.018) 38%,rgba(var(--surface-tone),.12) 44%,rgba(var(--surface-tone),.025) 49%,transparent 57%);transform:translate3d(-3%,-2%,0) rotate(-3deg);animation:surface-light 48s ease-in-out infinite alternate;animation-play-state:paused}
.home-gallery .ambient-surface i+i{inset:-20%;opacity:.5;background:repeating-radial-gradient(ellipse at 75% 115%,transparent 0 28px,rgba(var(--surface-tone),.055) 29px,transparent 30px 63px),radial-gradient(ellipse at 82% 75%,rgba(var(--surface-tone),.07),transparent 47%);animation-name:surface-relief;animation-duration:58s;transform:translate3d(2%,1%,0) rotate(3deg)}
.home-gallery .catalog-callout>.ambient-surface{--surface-tone:40,40,50}
.home-gallery .catalog-callout>.ambient-surface i{opacity:.55}
.home-gallery .instagram-section>.ambient-surface i{opacity:.65}
.home-gallery .home-hub>.ambient-surface i{animation-delay:-9s}
.home-gallery .contact-teaser>.ambient-surface i{animation-delay:-17s}
.home-gallery .surface-in-view>.ambient-surface i{animation-play-state:running}
.home-gallery.textures-paused .ambient-surface i{animation-play-state:paused}
@keyframes surface-light{to{transform:translate3d(3%,2%,0) rotate(3deg)}}
@keyframes surface-relief{to{transform:translate3d(-2%,-1%,0) rotate(-3deg)}}
@media(max-width:680px){.home-gallery .ambient-surface i{animation-duration:56s}.home-gallery .ambient-surface i+i{animation-duration:66s;background-size:130% 100%;opacity:.35}}
@media(prefers-reduced-motion:reduce){.home-gallery .ambient-surface i{animation:none!important;transform:none}}

/* The original blue metal returns inside the gallery and contact sections only. */
.home-gallery .blue-metal-surface{opacity:.62;background:radial-gradient(ellipse at 25% 42%,#164d76,#091b31 55%,#02070e);mask-image:linear-gradient(transparent,#000 17%,#000 72%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 17%,#000 72%,transparent)}
.home-gallery .home-showcase>.blue-metal-surface{height:920px;bottom:auto;mask-image:linear-gradient(transparent,#000 13%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 65%,transparent)}
.home-gallery .blue-metal-surface i{--surface-tone:93,188,247;opacity:.55}
.home-gallery .blue-metal-surface canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease}
.home-gallery .blue-metal-ready canvas{opacity:1}
.home-gallery .blue-metal-ready i{display:none}
.home-gallery .contact-teaser>.blue-metal-surface{opacity:.55}
@media(max-width:680px){.home-gallery .home-showcase>.blue-metal-surface{height:780px}}
@media(prefers-reduced-motion:reduce){.home-gallery .blue-metal-surface canvas{transition:none}}