/* Original websites and the supplied recording, carried through native camera chapters. */
.additional-case{position:relative;height:550svh;scroll-margin-top:0;background:oklch(8% .004 90);color:var(--text)}
.additional-case--nda{height:500svh}
.additional-stage{position:sticky;top:0;height:100svh;overflow:clip;perspective:1600px;isolation:isolate}
.additional-heading{position:absolute;top:92px;left:4vw;right:4vw;text-align:center;z-index:2;transform:translateZ(1px);opacity:var(--case-opacity,1)}
.additional-heading h1{font-family:'Avenir Next',Avenir,Manrope,sans-serif;font-size:clamp(38px,4.6vw,66px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:0}
.additional-heading .additional-subtitle{font-size:clamp(18px,1.7vw,26px);letter-spacing:-.025em;color:var(--muted);margin-top:12px;line-height:1.2}
.additional-plane{position:absolute;left:50%;top:50%;width:min(1500px,90vw,calc((100svh - 280px)*16/9));aspect-ratio:16/9;transform:translate(-50%,-50%) translateY(50px);overflow:clip;border:1px solid oklch(42% .008 90 / .4);background:oklch(12% .007 90);box-shadow:0 35px 100px oklch(3% .004 90 / .55);isolation:isolate;contain:layout paint;will-change:transform,opacity}
.additional-plane>img,.additional-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.additional-frame{position:absolute;inset:0;width:1280px;height:720px;border:0;transform:scale(var(--case-frame-scale,1));transform-origin:0 0;pointer-events:none;opacity:0;transition:opacity .4s ease-out}
.additional-video{opacity:0;transition:opacity .4s ease-out;pointer-events:none}
.case-ready .additional-frame,.case-ready .additional-video{opacity:1}
.additional-case--nda .additional-plane{aspect-ratio:4010/2722;width:min(1500px,90vw,calc((100svh - 320px)*4010/2722))}
.additional-controls{position:absolute;left:0;right:0;bottom:25px;z-index:3;display:flex;align-items:center;justify-content:center;gap:25px;font-size:10px;color:var(--muted);opacity:var(--case-opacity,1);transform:translateZ(1px)}
.additional-controls a{color:inherit;text-underline-offset:4px}.additional-controls button{font:inherit;font-size:16px;min-width:44px;min-height:44px;cursor:pointer;background:none;border:1px solid oklch(38% .006 90);border-radius:50%;color:var(--text)}
.additional-controls :is(button,a):focus-visible{outline:1px solid var(--text);outline-offset:5px}.additional-controls button[hidden]{display:none}
@media(max-height:700px){.additional-heading{top:88px}.additional-heading h1{font-size:38px}.additional-heading .additional-subtitle{font-size:18px;margin-top:8px}.additional-controls{bottom:12px}.additional-case--nda .additional-plane{width:min(1000px,90vw,calc((100svh - 290px)*4010/2722))}}
.additional-reduced{height:auto;min-height:100svh}.additional-reduced .additional-stage{position:relative;height:auto;min-height:100svh;padding:110px 6vw 100px;overflow:visible;perspective:none}.additional-reduced .additional-heading{position:relative;top:auto;left:auto;right:auto;opacity:1!important}.additional-reduced .additional-plane{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;width:min(1100px,100%);margin:40px auto 0}.additional-reduced .additional-controls{bottom:25px;opacity:1!important}
@media(prefers-reduced-motion:reduce){.additional-frame,.additional-video{transition:none}}
@media print{.additional-case{height:auto;break-inside:avoid}.additional-stage{position:relative;height:auto;min-height:0;overflow:visible;perspective:none;padding:25px 0}.additional-heading{position:relative;top:auto;left:auto;right:auto;opacity:1!important}.additional-heading h1{font-size:38px}.additional-plane,.additional-case--nda .additional-plane{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;width:100%;margin:30px 0 0;box-shadow:none}.additional-frame,.additional-video,.additional-controls{display:none!important}}