.fov-experience{--zoom:1;--lens-tilt:0deg;--pov-position:50%;--progress:0%;background:#f8f8f3;color:#0e1b4d;position:relative;margin:32px 0 0}
.fov-experience.is-enhanced{height:240vh;height:240svh}
.fov-experience__sticky{max-width:1240px;margin:auto;padding:46px 40px 28px}
.is-enhanced .fov-experience__sticky{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.fov-experience__header{max-width:850px;margin-bottom:28px}
.fov-kicker{font-size:11px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#078ba5;margin:0 0 10px!important}
.fov-experience h2{font-size:clamp(28px,3.3vw,48px);font-weight:700;letter-spacing:-1.5px;line-height:1.08;margin:0 0 14px;color:#0e1b4d}
.fov-experience__header>p:last-child{font-size:16px;line-height:1.65;max-width:730px;margin:0;color:#52616e}
.fov-experience__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fov-product-stage,.fov-pov-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;aspect-ratio:1.32;background:white;min-width:0}
.fov-product-stage{border:1px solid #e7e9e6}
.fov-product-stage__zoom{position:absolute;inset:0;transform:scale(var(--zoom));transform-origin:50% 50%;will-change:transform}
.fov-product-stage__zoom>img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}
.fov-lens{position:absolute;left:48.1%;top:48.5%;width:3.8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#263238 0%,#11191d 25%,#05080a 55%,#202627 72%,#080b0c 83%);box-shadow:0 0 0 1px #181c1c;transform:perspective(70px) rotateX(var(--lens-tilt));display:grid;place-items:center}
.fov-lens i{display:block;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#425b60,#071419 65%)}
.fov-stage-label{position:absolute;left:22px;top:20px;z-index:2;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;line-height:1.4}
.fov-product-stage__caption{position:absolute;bottom:22px;left:22px;right:22px;font-size:13px;color:#52616e}
.fov-angle{position:absolute;right:22px;top:20px;text-align:right;z-index:2}
.fov-angle>span{display:block;font-size:28px;line-height:1;font-weight:600;letter-spacing:-1px;color:#078ba5;font-variant-numeric:tabular-nums}
.fov-angle small{font-size:9px;text-transform:uppercase;letter-spacing:1px}
.fov-pov-stage>img{width:100%;height:100%;object-fit:cover;object-position:50% var(--pov-position);display:block;will-change:object-position}
.fov-pov-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(#001b2a55,transparent 30%,transparent 55%,#001b2aaa);pointer-events:none}
.fov-pov-stage .fov-stage-label{color:white}
.fov-viewfinder{position:absolute;inset:17%;z-index:1;border:1px solid #ffffff65;border-radius:8px;pointer-events:none}
.fov-viewfinder:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffb3;font:300 26px sans-serif}
.fov-pov-stage__caption{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:white;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.4px}
.fov-experience [data-caption]{display:none}.fov-experience [data-caption="level"]{display:block}
.fov-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.fov-controls[hidden]{display:none}
.fov-controls__buttons{display:flex;padding:4px;background:#e9ece7;border:1px solid #dce2dc;border-radius:40px;gap:4px}
.fov-controls button{font:inherit;font-size:12px;font-weight:600;color:#475566;border:0;border-radius:30px;background:transparent;padding:12px 20px;cursor:pointer;min-height:44px}
.fov-controls button[aria-pressed="true"]{background:#0e1b4d;color:white;box-shadow:0 3px 8px #0e1b4d15}
.fov-controls button:hover{background:#d3dedc;color:#0e1b4d}
.fov-controls button:focus-visible{outline:3px solid #078ba5;outline-offset:3px}
.fov-scroll-hint{font-size:11px;color:#52616e;margin:0}.fov-scroll-hint span{margin-left:14px;color:#078ba5;font-size:20px}
.fov-demo-note{font-size:10px;line-height:1.5;color:#66717b;margin:14px 0 0}
.fov-progress{height:2px;background:#e4e7df;margin-top:20px}.fov-progress span{display:block;height:100%;background:#078ba5;width:var(--progress)}
.fov-capture-summary{background:#0e1b4d;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:34px max(24px,calc((100vw - 1160px)/2));gap:25px}
.fov-capture-summary>div{padding-left:22px;border-left:1px solid #ffffff30}.fov-capture-summary strong{font-size:22px;display:block;font-weight:600;letter-spacing:-.4px}.fov-capture-summary span{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#c9d9e1}
@media(min-width:750px) and (max-height:760px){.fov-experience__sticky{padding-top:20px;padding-bottom:16px}.fov-experience__header{margin-bottom:16px}.fov-experience h2{font-size:32px}.fov-experience__grid{max-height:45vh}.fov-product-stage,.fov-pov-stage{aspect-ratio:auto;height:45vh}.fov-experience__header>p:last-child{font-size:14px}.fov-controls{margin-top:12px}.fov-progress{margin-top:10px}}
@media(max-width:749px){.fov-experience{margin-top:18px}.fov-experience.is-enhanced{height:220svh}.fov-experience__sticky{padding:25px 18px 22px}.fov-experience__header{margin-bottom:18px}.fov-experience h2{font-size:30px;letter-spacing:-1px;max-width:370px}.fov-experience__header>p:last-child{font-size:13px;line-height:1.5}.fov-experience__grid{grid-template-columns:1fr;gap:10px}.fov-product-stage{aspect-ratio:2.8;max-height:18svh}.fov-pov-stage{aspect-ratio:1.85;max-height:30svh}.fov-product-stage__zoom>img{width:72%;left:14%}.fov-lens{width:2.736%;left:48.632%;top:48.2%}.fov-stage-label{left:14px;top:13px;font-size:8px;letter-spacing:1px}.fov-angle{right:14px;top:13px}.fov-angle>span{font-size:22px}.fov-angle small{font-size:7px}.fov-product-stage__caption{left:14px;bottom:10px;font-size:9px}.fov-pov-stage__caption{left:16px;bottom:16px;font-size:17px}.fov-controls{margin-top:14px;display:block}.fov-controls__buttons{justify-content:space-between}.fov-controls button{font-size:11px;padding:10px 13px;flex:1}.fov-scroll-hint{text-align:center;margin-top:9px;font-size:10px}.fov-scroll-hint span{font-size:14px}.fov-demo-note{font-size:9px;margin-top:8px}.fov-progress{margin-top:12px}.fov-capture-summary{padding:25px 18px;gap:12px}.fov-capture-summary>div{padding-left:10px}.fov-capture-summary strong{font-size:15px}.fov-capture-summary span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.fov-experience.is-enhanced{height:auto}.is-enhanced .fov-experience__sticky{position:relative;min-height:0}.fov-product-stage__zoom{will-change:auto}.fov-scroll-hint,.fov-progress{display:none}}

.fov-experience.is-manual .fov-product-stage__zoom,.fov-experience.is-manual .fov-lens{transition:transform .5s ease}.fov-experience.is-manual .fov-pov-stage>img{transition:object-position .65s ease}@media(prefers-reduced-motion:reduce){.fov-experience.is-manual .fov-product-stage__zoom,.fov-experience.is-manual .fov-lens,.fov-experience.is-manual .fov-pov-stage>img{transition:none}}

.fov-camera-housing{position:absolute;left:46.35%;top:39%;width:7.3%;height:24%;perspective:240px;background:#101314;border-radius:12%;box-shadow:inset 0 0 5px #000}
.fov-camera-pivot{position:absolute;inset:4%;transform-style:preserve-3d;transform:rotateX(var(--lens-tilt));transform-origin:50% 50%;}
.fov-camera-face{position:absolute;inset:0;border-radius:12%;background:linear-gradient(110deg,#383c3e,#181b1d 35%,#25282a);border:1px solid #080a0b;display:grid;place-items:center;transform:translateZ(4px);backface-visibility:hidden}
.fov-camera-face i{width:61%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 32%,#69838b 0%,#213840 13%,#071115 32%,#020506 49%,#313a3e 52%,#101516 67%,#030506 70%);box-shadow:0 1px 2px #000}
.fov-camera-top,.fov-camera-bottom{position:absolute;left:0;width:100%;height:8px;background:linear-gradient(#4c5052,#16191b);border:1px solid #090b0c}
.fov-camera-top{top:0;transform-origin:top;transform:translateZ(4px) rotateX(-90deg)}
.fov-camera-bottom{bottom:0;transform-origin:bottom;transform:translateZ(4px) rotateX(90deg)}
.is-manual .fov-camera-pivot{transition:transform .65s ease}
.fov-catches{max-width:1200px;margin:auto;padding:80px 24px;color:#0e1b4d}.fov-catches h2{font-size:44px;margin:8px 0 16px;letter-spacing:-1px}.fov-catches>p{max-width:640px;color:#52616e}.fov-catches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.fov-catch-placeholder{aspect-ratio:9/12;border-radius:18px;background:linear-gradient(150deg,#143c49,#081b2b);display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:#fff}.fov-catch-placeholder:nth-child(2){background:linear-gradient(150deg,#466568,#152b35)}.fov-catch-placeholder:nth-child(3){background:linear-gradient(150deg,#526d7d,#142639)}.fov-catch-placeholder small{font-size:10px;letter-spacing:2px;text-transform:uppercase}.fov-catch-placeholder b{font-size:23px}.fov-catch-placeholder span{font-size:13px;color:#c2d7df}.fov-catch-placeholder em{font-style:normal;font-size:42px;text-align:center;color:#ffffff60}
@media(max-width:749px){.fov-camera-housing{left:47.37%;width:5.26%;top:31%;height:40%}.fov-catches{padding:50px 18px}.fov-catches h2{font-size:34px}.fov-catches-grid{grid-template-columns:1fr;gap:16px}.fov-catch-placeholder{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.is-manual .fov-camera-pivot{transition:none}}

.fov-rendered-camera{width:100%;height:100%;display:block;object-fit:cover;object-position:85% center;background:#fff}
.fov-product-stage__caption{background:#ffffffd9;width:max-content;padding:5px 9px;border-radius:20px}
@media(max-width:749px){.fov-product-stage{aspect-ratio:1.9;max-height:25svh}.fov-rendered-camera{object-position:90% center}.fov-experience__header>p:last-child{font-size:12px}}

/* Full-width, proportional camera animation on mobile. */
@media(max-width:749px){.fov-experience__grid .fov-product-stage{width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);aspect-ratio:16/9;height:auto;max-height:none;border-radius:0;border-inline:0}.fov-product-stage .fov-rendered-camera{width:100%;height:100%;object-fit:contain;object-position:center}}