/* Optical glass, layered light and a slow camera drift. Copy stays still. */
.dynamic-fv .image-hero__stage{background:#f8fbff;isolation:isolate}
.dynamic-fv .image-hero__title{z-index:4;pointer-events:none}
.dynamic-fv .image-hero__image{animation:none!important;transform:none!important;opacity:1}
.dynamic-fv .image-hero__actions{z-index:5}
.fv-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#f6faff}
.fv-scene::after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#fff 0%,#ffffffbd 32%,#ffffff8a 46%,#ffffff00 59%);pointer-events:none}
.fv-art-parallax{position:absolute;inset:0 -5% 0 5%;transform:translate3d(var(--fv-pointer-x,0px),var(--fv-pointer-y,0px),0);transition:transform 1.6s cubic-bezier(.22,1,.36,1)}
.fv-artwork{position:absolute;inset:-1%;transform-origin:77% 53%;animation:fv-camera-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.fv-background,.fv-background img{display:block;width:100%;height:100%;object-fit:cover}
.fv-background{position:absolute;inset:0}
.fv-flow{position:absolute;inset:0;z-index:1;width:100%;height:100%}
.fv-refraction{position:absolute;z-index:2;inset:8% -20% -20% 42%;opacity:.34;mix-blend-mode:screen;filter:blur(16px);background:conic-gradient(from 30deg at 52% 44%,transparent 0deg,#c1e8ff50 24deg,transparent 42deg,#ffffffb8 74deg,transparent 88deg,#b1dfff63 115deg,transparent 146deg,#fff9 187deg,transparent 207deg,#8fceff54 255deg,transparent 280deg,#fff8 319deg,transparent 345deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 69%);-webkit-mask-image:radial-gradient(ellipse,#000 10%,transparent 69%);animation:fv-light-turn 24s ease-in-out infinite alternate;animation-play-state:paused}
.fv-atmosphere{position:absolute;inset:4% -15% 10% 47%;z-index:2;mix-blend-mode:soft-light;background:radial-gradient(ellipse at 66% 42%,#82c4fb99,transparent 51%),radial-gradient(ellipse at 35% 64%,#fff,transparent 55%);filter:blur(25px);animation:fv-atmosphere-drift 13s ease-in-out infinite alternate;animation-play-state:paused}

.fv-is-running .fv-artwork,.fv-is-running .fv-refraction,.fv-is-running .fv-atmosphere{animation-play-state:running}
.fv-motion-toggle{position:absolute;z-index:6;right:3.5%;bottom:3%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #b9cfe26b;border-radius:30px;background:#ffffffbb;color:#43647f;font-size:11px;line-height:1.6;min-height:36px;backdrop-filter:blur(8px);box-shadow:0 3px 15px #1d456706}
.fv-motion-toggle[hidden]{display:none}.fv-motion-toggle:hover{background:#fff;border-color:#7cafda}
.fv-pause-icon{display:block;width:9px;height:10px;border-inline:2px solid currentColor}
.fv-motion-toggle[aria-pressed=true] .fv-pause-icon{width:0;height:0;border:5px solid transparent;border-left:7px solid currentColor;border-right:0;margin-left:2px}
@keyframes fv-camera-drift{from{transform:translate3d(.15%,.3%,0) scale(1.005)}to{transform:translate3d(-.6%,-.45%,0) scale(1.035)}}
@keyframes fv-light-turn{from{transform:rotate(-19deg) scale(.92);opacity:.24}to{transform:rotate(24deg) scale(1.09);opacity:.58}}
@keyframes fv-atmosphere-drift{from{transform:translate(-4%,3%);opacity:.4}to{transform:translate(5%,-4%);opacity:.9}}
@media(max-width:1050px) and (min-width:601px){.fv-motion-toggle{font-size:9px;padding:5px 9px;min-height:30px}}
@media(max-width:600px){
 .fv-scene{background:#fff}
 .fv-scene::after{background:linear-gradient(#fff 0%,#ffffffaa 47%,#ffffff00 64%)}
 .fv-art-parallax{inset:0}
 .fv-artwork{inset:0;transform-origin:50% 83%;animation-name:fv-camera-drift-mobile}
 .fv-refraction{inset:60% -15% -12%;filter:blur(8px)}
 .fv-atmosphere{inset:60% -10% -5%;filter:blur(15px)}
 
 .fv-motion-toggle{right:5%;bottom:1.4%;padding:6px 10px;min-height:30px;font-size:9px;background:#ffffffcb}
 .fv-pause-icon{width:8px;height:8px}
 .dynamic-fv .image-hero__time{color:#3c5d79}.dynamic-fv .image-hero__note{color:#516c83}
}
@keyframes fv-camera-drift-mobile{from{transform:translate3d(0,.25%,0) scale(1)}to{transform:translate3d(-.35%,-.25%,0) scale(1.028)}}
@media(prefers-reduced-motion:reduce){.fv-art-parallax{transform:none!important}.fv-artwork,.fv-refraction,.fv-atmosphere{animation:none!important}.fv-motion-toggle{display:none}}
@media print{.fv-motion-toggle,.fv-flow{display:none}.fv-art-parallax{transform:none}.fv-artwork,.fv-refraction,.fv-atmosphere{animation:none}}
