/* A light-filled counterpoint to the dark Stocgle Lens film. */
.cinema .perspective-film{position:relative;height:740svh;background:#f5f5ef;color:#142e2d;--perspective-progress:0;--perspective-formation:0;--perspective-direction:1;isolation:isolate}
.cinema .perspective-stage{position:sticky;top:0;height:100svh;min-height:660px;overflow:clip;background:#f5f5ef}
.cinema .perspective-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 76% 44%,var(--perspective-wash),transparent 68%);transition:background .65s;pointer-events:none}
.cinema .perspective-room{position:absolute;left:42%;right:-15%;top:54%;bottom:-16%;overflow:hidden;opacity:.33;pointer-events:none;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.cinema .perspective-room>div{position:absolute;inset:0;background-image:linear-gradient(#86a99a44 1px,transparent 1px),linear-gradient(90deg,#86a99a44 1px,transparent 1px);background-size:70px 70px;transform:perspective(400px) rotateX(54deg) translateX(var(--perspective-pan,0px));transform-origin:center top}
.cinema .perspective-header{position:absolute;z-index:5;top:32px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:1px solid #375e502b;font:9px Consolas,monospace;letter-spacing:.9px;color:#57776b}
.cinema .perspective-header>span b{font:inherit;color:#173e35;margin-left:8px}.cinema .perspective-header>div{display:flex;align-items:center;gap:27px}
.cinema .perspective-header button,.cinema .perspective-header a{background:transparent;border:0;padding:8px 0;font:9px Consolas,monospace;letter-spacing:.2px;color:#34594d;cursor:pointer}
.cinema .perspective-header button:disabled{cursor:default;opacity:.7}
.cinema .perspective-number{position:absolute;right:4%;top:8%;font-size:clamp(140px,20vw,350px);line-height:1;letter-spacing:-.09em;color:#173e3505;font-weight:600;pointer-events:none}
.cinema .perspective-chapter[hidden]{display:none}
.cinema .perspective-copy{position:absolute;z-index:3;left:7%;top:47%;width:37%;max-width:580px;transform:translateY(-50%)}
.cinema .perspective-eyebrow{display:block;font:9px Consolas,monospace;letter-spacing:1.5px;color:var(--perspective-accent);margin-bottom:23px}
.cinema .perspective-copy h2{font-size:clamp(42px,5.05vw,83px);font-weight:600;line-height:1.02;letter-spacing:-.06em;margin:0 0 23px;color:#122e29;text-wrap:balance}
.cinema .perspective-tagline{font-size:clamp(17px,1.8vw,27px);line-height:1.3;letter-spacing:-.04em;color:var(--perspective-accent);margin:0 0 20px}
.cinema .perspective-explanation{font-size:clamp(12px,1.05vw,15px);line-height:1.8;color:#526f64;max-width:390px;margin:0 0 24px;text-wrap:pretty}
.cinema .perspective-cta{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #6485797a;padding:12px 0;color:#183e31;font-size:12px}
.cinema .perspective-cta>span{font-size:24px;line-height:1;color:var(--perspective-accent);transition:transform .2s}
.cinema .perspective-cta:hover>span{transform:translate(3px,-3px)}
.cinema .perspective-note{font-size:10px;line-height:1.65;max-width:365px;margin:19px 0 0;color:#738477}
.cinema .perspective-visual{position:absolute;z-index:2;right:2%;top:15%;width:55%;height:65%;display:flex;align-items:center;justify-content:center;transform:translate3d(var(--perspective-pointer-x,0px),var(--perspective-pointer-y,0px),0);transition:transform .4s ease-out;pointer-events:none}
.cinema .perspective-visual svg{width:100%;height:100%;overflow:visible;max-width:900px}
.cinema .perspective-visual svg text{fill:#466a5b;font:11px Consolas,monospace;letter-spacing:1.1px}
.cinema .perspective-visual svg .ps-engraved{font-size:12px;letter-spacing:2px;fill:#124c41}
.cinema .perspective-visual svg .ps-art-caption{font-size:10px;letter-spacing:2.2px;fill:#627b6d}
.cinema .perspective-visual svg .ps-ratio{font:27px Arial,sans-serif;letter-spacing:-1px;fill:#21594d}
.cinema .perspective-visual svg .ps-engine-symbol{font:47px Arial,sans-serif;fill:#147d79;opacity:.7}
.cinema .perspective-visual svg .ps-shield-label{font:18px Consolas,monospace;letter-spacing:3px;fill:#247d64}
.cinema .perspective-visual-note{position:absolute;bottom:-1%;left:0;right:0;text-align:center;font:7px Consolas,monospace;letter-spacing:1.2px;color:#85958b}
.cinema .perspective-steps{position:absolute;left:7%;right:6%;bottom:137px;display:flex;gap:30px;list-style:none;margin:0;padding:0}
.cinema .perspective-steps li{display:flex;align-items:center;gap:12px;font-size:10px;color:#84978b;transition:color .25s}
.cinema .perspective-steps li>span{display:grid;place-items:center;border:1px solid #a5b9ac;border-radius:50%;width:23px;height:23px;font:8px Consolas,monospace;flex-shrink:0;transition:background .25s}
.cinema .perspective-steps li.is-current{color:#254d3b}.cinema .perspective-steps li.is-current>span{background:var(--perspective-accent);color:white;border-color:var(--perspective-accent)}
.cinema .perspective-footer{position:absolute;z-index:5;bottom:25px;left:5.5%;right:5.5%}
.cinema .perspective-caption{display:flex;justify-content:space-between;gap:15px;font:8px Consolas,monospace;letter-spacing:1px;color:#6d8176;padding-bottom:17px}
.cinema .perspective-footer nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.cinema .perspective-footer button{position:relative;display:flex;align-items:center;gap:10px;min-height:45px;padding:15px 0 5px;border:0;border-top:1px solid #b8c7bb;background:none;color:#7f9284;text-align:left;cursor:pointer}
.cinema .perspective-footer button b{font:8px Consolas,monospace;color:inherit}.cinema .perspective-footer button>span{font:10px Consolas,monospace}
.cinema .perspective-footer button i{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--perspective-accent);transform:scaleX(var(--perspective-complete,0));transform-origin:left}
.cinema .perspective-footer button[aria-pressed=true]{color:#153e2d}
.cinema .perspective-film button:focus-visible,.cinema .perspective-film a:focus-visible{outline:2px solid #aa820b;outline-offset:5px}
.cinema .perspective-chapter.is-entering .perspective-copy{animation:perspective-copy-in .55s cubic-bezier(.2,.65,.2,1) both}
.cinema .perspective-chapter.is-entering .perspective-visual{animation:perspective-camera-in .75s cubic-bezier(.2,.65,.2,1) both}
@keyframes perspective-copy-in{from{opacity:0;translate:0 18px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes perspective-camera-in{from{opacity:0;translate:calc(var(--perspective-direction)*75px) 15px;scale:.93;filter:blur(3px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
.cinema .ps-plate{transform:translateY(calc(var(--plate)*(1 - var(--perspective-formation))*46px))}
.cinema .ps-flow{animation:perspective-flow 7s linear infinite}
@keyframes perspective-flow{to{stroke-dashoffset:-160}}
.cinema .ps-engine{animation:perspective-engine 4s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes perspective-engine{from{translate:0 0}to{translate:0 -9px}}
.cinema .ps-market-plane{transform:perspective(1000px) rotateY(-11deg) rotateX(6deg) rotateZ(-3deg);transform-origin:center;transform-box:fill-box}
.cinema .ps-candle{opacity:calc(.35 + var(--perspective-formation)*.65);translate:0 calc((1 - var(--perspective-formation))*(7 - var(--candle))*-4px)}
.cinema .ps-volume{transform:scaleY(calc(.3 + var(--perspective-formation)*.7))}
.cinema .ps-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - (.22 + var(--perspective-formation)*.78))}
.cinema .ps-comet{offset-path:path('M80 435 C168 435 175 335 264 353 S379 216 455 248 S549 129 638 145');animation:perspective-comet 5s cubic-bezier(.3,.2,.6,.9) infinite;offset-distance:50%}
@keyframes perspective-comet{from{offset-distance:0%}to{offset-distance:100%}}
.cinema .ps-balance{transform-origin:360px 235px;transform:rotate(calc((1 - var(--perspective-formation))*-8deg))}
.cinema .ps-risk-wave{stroke-dasharray:9 0;animation:perspective-risk 4s ease-in-out infinite alternate}
@keyframes perspective-risk{from{opacity:.65}to{opacity:1}}
.cinema .ps-globe{transform-origin:center;transform-box:fill-box;animation:perspective-globe 7s ease-in-out infinite alternate}
@keyframes perspective-globe{from{translate:0 -3px}to{translate:0 5px}}
.cinema .ps-ownership.earlier{stroke-dasharray:.23 1}.cinema .ps-ownership.latest{stroke-dasharray:calc(.23 + var(--perspective-formation)*.2) 1}
.cinema .perspective-film:not(.is-visible) *,.cinema .perspective-film.is-still svg *{animation-play-state:paused!important}
.cinema .perspective-film.is-still .perspective-visual{transition:none}
@media(max-width:1100px) and (min-width:761px){
 .cinema .perspective-copy{left:6%;width:38%}.cinema .perspective-copy h2{font-size:48px}.cinema .perspective-tagline{font-size:21px}
 .cinema .perspective-header{font-size:8px}.cinema .perspective-header>span b{display:block;margin:5px 0 0}.cinema .perspective-steps{gap:20px}.cinema .perspective-steps li{font-size:9px;gap:7px}
 .cinema .perspective-footer nav{gap:10px}.cinema .perspective-footer button{gap:5px}.cinema .perspective-footer button>span{font-size:8px}
}
@media(max-height:800px) and (min-width:761px){
 .cinema .perspective-header{top:23px;padding-bottom:16px}.cinema .perspective-copy{top:46%}.cinema .perspective-copy h2{font-size:clamp(38px,4.2vw,62px);margin-bottom:15px}
 .cinema .perspective-eyebrow{margin-bottom:16px}.cinema .perspective-tagline{font-size:21px;margin-bottom:13px}.cinema .perspective-explanation{font-size:12px;line-height:1.7;margin-bottom:12px}
 .cinema .perspective-note{font-size:9px;margin-top:12px}.cinema .perspective-visual{top:11%;height:64%}.cinema .perspective-steps{bottom:126px}.cinema .perspective-footer{bottom:19px}
}
@media(max-width:760px){
 .cinema .perspective-film{height:690svh}.cinema .perspective-stage{min-height:660px}
 .cinema .perspective-header{top:20px;left:7%;right:7%;gap:10px;font-size:7px;letter-spacing:.4px;padding-bottom:15px;align-items:center}
 .cinema .perspective-header>span b{display:block;margin:5px 0 0}.cinema .perspective-header>div{gap:15px}.cinema .perspective-header a{font-size:7px;line-height:1.5;max-width:69px}.cinema .perspective-header button{font-size:7px;white-space:nowrap}
 .cinema .perspective-copy{left:7%;top:94px;width:86%;max-width:none;transform:none}
 .cinema .perspective-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px}.cinema .perspective-copy h2{font-size:clamp(32px,7.8vw,50px);margin-bottom:12px;max-width:95%;text-wrap:initial}
 .cinema .perspective-tagline{font-size:17px;margin-bottom:11px;line-height:1.24}.cinema .perspective-tagline br{display:none}
 .cinema .perspective-explanation{font-size:11px;line-height:1.65;max-width:420px;margin-bottom:10px}
 .cinema .perspective-cta{font-size:10px;gap:20px;padding:6px 0}.cinema .perspective-cta>span{font-size:18px}
 .cinema .perspective-note{font-size:8px;line-height:1.5;max-width:430px;margin-top:10px}
 .cinema .perspective-visual{left:3%;right:3%;top:38%;width:94%;height:43%}.cinema .perspective-visual-note{bottom:-1%;font-size:6px;letter-spacing:.5px}
 .cinema .perspective-number{font-size:170px;top:38%;right:6%;color:#173e3506}
 .cinema .perspective-steps{bottom:114px;left:7%;right:7%;display:block;min-height:28px}
 .cinema .perspective-steps li{font-size:10px;gap:10px;position:absolute;inset:0;opacity:0;pointer-events:none}.cinema .perspective-steps li.is-current{opacity:1}
 .cinema .perspective-steps li>span{width:22px;height:22px}
 .cinema .perspective-footer{left:7%;right:7%;bottom:17px}.cinema .perspective-caption{font-size:6px;letter-spacing:.6px;padding-bottom:12px}
 .cinema .perspective-footer nav{gap:5px}.cinema .perspective-footer button{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:9px;text-align:center;padding-top:11px;min-height:49px}
 .cinema .perspective-footer button>span{font-size:7px;letter-spacing:-.4px;white-space:nowrap}.cinema .perspective-footer button b{font-size:8px}
}
@media(max-width:760px) and (max-height:760px){
 .cinema .perspective-header{top:14px;padding-bottom:12px}.cinema .perspective-copy{top:77px}.cinema .perspective-copy h2{font-size:32px;margin-bottom:9px}.cinema .perspective-eyebrow{margin-bottom:10px}
 .cinema .perspective-tagline{font-size:15px;margin-bottom:8px}.cinema .perspective-explanation{font-size:10px;line-height:1.55;margin-bottom:7px}.cinema .perspective-note{font-size:7px;margin-top:7px}
 .cinema .perspective-visual{top:39%;height:40%}.cinema .perspective-steps{bottom:104px}.cinema .perspective-footer{bottom:12px}.cinema .perspective-visual-note{bottom:0}
}
@media(max-width:360px){.cinema .perspective-header button{font-size:0;min-width:24px;min-height:28px}.cinema .perspective-header button::after{content:'Ⅱ';font-size:12px}.cinema .perspective-header button[aria-pressed=true]::after{content:'▶'}.cinema .perspective-copy h2{font-size:30px}.cinema .perspective-footer button>span{font-size:6px}.cinema .perspective-visual{top:43%;height:36%}}
@media(prefers-reduced-motion:reduce),(max-height:620px){
 .cinema .perspective-film{height:auto}.cinema .perspective-stage{position:relative;height:840px;min-height:0}
 .cinema .perspective-chapter.is-entering .perspective-copy,.cinema .perspective-chapter.is-entering .perspective-visual{animation:none}
}
@media(prefers-reduced-motion:reduce){.cinema .perspective-film *{animation:none!important;transition:none!important}.cinema .perspective-visual{transform:none}.cinema .ps-draw{stroke-dashoffset:0}}
@media(max-height:620px) and (min-width:761px){.cinema .perspective-stage{height:720px}}