/* The central square expands and rounds into a circle with native scroll. */
.f-site .f-gap-images{--scene-start:max(112px,22svmin);--scene-end:min(94vw,82svh);--scene-size:calc(var(--scene-start) + (var(--scene-end) - var(--scene-start))*var(--scene-expand,0))}
.f-site.motion-enabled .f-gap{height:340svh}
.f-site.motion-enabled .f-gap .scene-sticky{height:100svh;min-height:0;padding:0}
.f-site.motion-enabled .f-gap-images{width:var(--scene-size);height:var(--scene-size);aspect-ratio:1;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);border-radius:calc(var(--scene-round,0)*50%);z-index:2;will-change:width,height,border-radius}
.f-site.motion-enabled .f-gap[data-scene] .f-gap-art{clip-path:inset(0);transition:none;will-change:opacity,transform}
.f-site.motion-enabled .f-gap[data-scene] .f-gap-art-0{opacity:1;transform:scale(calc(1 + var(--scene-dissolve-a,0)*.035))}
.f-site.motion-enabled .f-gap[data-scene] .f-gap-art-1{opacity:var(--scene-dissolve-a,0);transform:scale(calc(1.035 - var(--scene-dissolve-a,0)*.035))}
.f-site.motion-enabled .f-gap[data-scene] .f-gap-art-2{opacity:var(--scene-dissolve-b,0);transform:scale(calc(1.035 - var(--scene-dissolve-b,0)*.035))}
.f-site.motion-enabled .f-gap .f-gap-art img{animation:none;transform-origin:center}
.f-site:not(.motion-enabled) .f-gap-images{width:min(75vw,560px)!important;height:auto!important;aspect-ratio:1;border-radius:50%}
.f-site.motion-enabled .f-gap h2{z-index:5;opacity:var(--scene-title,1);transform:translateY(calc(var(--scene-expand,0)*-18vh));will-change:transform,opacity}
.f-site .f-optical-particles{z-index:3;opacity:calc(.9 - var(--scene-expand,0)*.3)}
.f-site.motion-paused .f-optical-particles{opacity:0}
.f-site.motion-enabled .f-gap .scene-sticky:after{content:"";position:absolute;inset:55% 0 0;z-index:4;pointer-events:none;background:linear-gradient(transparent,rgba(9,16,27,.78));opacity:var(--scene-expand,0)}
.f-site.motion-enabled .f-gap .scene-sticky>p{z-index:5;text-shadow:0 2px 18px #071123;bottom:38px}
.f-site.motion-enabled .f-gap-art figcaption{top:auto;bottom:16%;left:25%;right:25%;max-width:none;text-align:center;opacity:var(--scene-caption,0)}
@media(max-width:650px){
 .f-site.motion-enabled .f-gap{height:300svh}
 .f-site.motion-enabled .f-gap h2{transform:translateY(calc(var(--scene-expand,0)*-10vh))}
 .f-site.motion-enabled .f-gap .scene-sticky>p{bottom:28px}
}
@media(prefers-reduced-motion:reduce){.f-site .f-optical-particles{display:none}.f-site .f-gap-art img{animation:none!important}}
.f-site.large-text .f-gap-art img{animation:none!important}
/* Static reading layouts keep the paragraph within its content column. */
.f-site.large-text .f-gap .scene-sticky>p{transform:none!important}
@media(prefers-reduced-motion:reduce){.f-site .f-gap .scene-sticky>p{transform:none!important}}