/* The Stocgle Lens: native-scroll cinema, isolated from workspace styles. */
.cinema .stocgle-film{position:relative;height:380svh;background:#061619;color:#edf8ee;--film-accent:#20b9a5;isolation:isolate}
.cinema .film-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at 74% 47%,#0d3539 0%,#081e23 32%,#061619 68%)}
.cinema .film-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06161966,transparent 60%),linear-gradient(0deg,#061619,transparent 17%,transparent 89%,#061619);z-index:1}
.cinema .film-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinema .film-masthead{position:absolute;z-index:3;top:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7f7e421;padding-bottom:20px;font:10px Consolas,monospace;letter-spacing:1.5px;color:#b1cec7}
.cinema .film-masthead>span{display:flex;align-items:center;gap:10px}.cinema .film-masthead i{width:6px;height:6px;background:#20b9a5;border-radius:50%;box-shadow:0 0 15px #20b9a5}
.cinema .film-masthead a{font:inherit;color:#9dbeb7;letter-spacing:.5px;padding:8px 0}
.cinema .film-masthead a:hover{color:white}
.cinema .film-copy{position:absolute;z-index:3;top:50%;left:7%;width:42%;max-width:680px;transform:translateY(-49%)}
.cinema .film-eyebrow{font:10px Consolas,monospace;letter-spacing:2px;color:var(--film-accent);display:block;margin-bottom:30px}
.cinema .film-copy h2{font-size:clamp(46px,5.45vw,94px);line-height:1.01;letter-spacing:-.065em;font-weight:600;margin:0 0 25px;color:#edf8ee}
.cinema .film-copy h2 em{font-style:normal;color:var(--film-accent)}
.cinema .film-copy p{font-size:clamp(13px,1.1vw,17px);line-height:1.8;color:#a4bcb8;max-width:340px;margin:0 0 27px;text-wrap:pretty}
.cinema .film-link{display:inline-flex;align-items:center;gap:35px;padding:13px 0;border-bottom:1px solid #d7f7e454;color:#edf8ee;font-size:12px}
.cinema .film-link span{font-size:22px;color:var(--film-accent);transition:transform .2s}.cinema .film-link:hover span{transform:translate(3px,-3px)}
.cinema .film-copy[hidden]{display:none}
.cinema .film-copy.is-entering{animation:film-copy-enter .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes film-copy-enter{from{opacity:0;translate:0 20px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.cinema .film-object-label{position:absolute;z-index:2;left:51%;right:6%;bottom:16%;text-align:center;font:9px Consolas,monospace;letter-spacing:3px;color:#94bdb5;pointer-events:none}
.cinema .film-masthead-actions{display:flex;align-items:center;gap:25px}
.cinema .film-motion{font:9px Consolas,monospace;letter-spacing:.4px;padding:9px 0;background:transparent;border:0;color:#b1cec7;cursor:pointer}
.cinema .film-motion:focus-visible{outline:2px solid #ffd000;outline-offset:6px}
.cinema .film-motion:disabled{cursor:default;opacity:.7}
.cinema .film-tags{position:absolute;z-index:2;inset:22% 7% 27% 53%;pointer-events:none}
.cinema .film-tags span{position:absolute;font:9px Consolas,monospace;letter-spacing:1px;color:#c2dbd4;display:flex;align-items:center;gap:9px;transition:opacity .4s;white-space:nowrap}
.cinema .film-tags span::before{content:"";width:5px;height:5px;border:1px solid var(--tag-color,#20b9a5);border-radius:50%}
.cinema .film-tags span:nth-child(1){top:3%;left:5%}.cinema .film-tags span:nth-child(2){top:21%;right:-4%;--tag-color:#00a6d2}.cinema .film-tags span:nth-child(3){bottom:6%;right:5%;--tag-color:#ffd000}.cinema .film-tags span:nth-child(4){bottom:26%;left:-7%;--tag-color:#e72b27}
.cinema .film-question{position:absolute;z-index:2;left:53%;right:7%;bottom:20%;text-align:center;font-size:clamp(11px,1.1vw,16px);color:#dbede6;opacity:0;transition:opacity .35s;pointer-events:none}
.cinema .film-question span{color:#ffd000}
.cinema .film-navigation{position:absolute;z-index:4;bottom:36px;left:5.5%;right:5.5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.cinema .film-navigation button{position:relative;display:flex;align-items:center;gap:15px;min-height:55px;padding:18px 0 8px;border:0;border-top:1px solid #8ab5ab40;background:transparent;color:#749b93;font:11px Consolas,monospace;text-align:left;cursor:pointer}
.cinema .film-navigation button::before{position:absolute;content:"";left:0;top:-1px;width:100%;height:2px;background:var(--film-accent);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
.cinema .film-navigation button[aria-pressed=true]{color:#edf8ee}.cinema .film-navigation button b{font-size:9px;font-weight:400;color:#71a095}.cinema .film-navigation button>span:last-child{margin-left:auto;font-size:17px}
.cinema .film-navigation button:focus-visible,.cinema .film-masthead a:focus-visible,.cinema .film-link:focus-visible,.cinema .film-jump:focus-visible{outline:2px solid #ffd000;outline-offset:6px}
.cinema .film-jump{display:inline-flex;align-items:center;gap:12px;font:9px Consolas,monospace;letter-spacing:1px;color:#b2d4c9;padding:10px 0;background:transparent;border:0;cursor:pointer}
.cinema .film-jump span{color:#20b9a5;font-size:15px}
.cinema .film-static-art{display:none;position:absolute;width:min(37vw,500px);right:9%;top:50%;transform:translateY(-50%)}
.cinema .film-static-art img{width:100%;height:auto}
.cinema .stocgle-film.no-canvas .film-static-art{display:block}
.cinema .stocgle-film.no-canvas .film-tags{display:none}
.cinema .motion-reveal{opacity:0;transform:translate3d(0,35px,0);transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.cinema .motion-reveal.is-revealed{opacity:1;transform:none}
.cinema .motion-reveal:focus-within{opacity:1;transform:none}
.cinema .horizon-chart-panel.motion-reveal #horizon-chart{clip-path:inset(0 100% 0 0);transition:clip-path 1.7s cubic-bezier(.2,.65,.2,1) .2s}
.cinema .horizon-chart-panel.is-revealed #horizon-chart{clip-path:inset(0 0 0 0)}
@media(min-width:1800px){.cinema .film-copy{left:9%}.cinema .film-copy h2{font-size:108px}}
@media(max-width:700px){.cinema .journey-bottom .film-jump{position:absolute;right:6%;bottom:10px;max-width:115px;gap:7px;padding:6px 0;font-size:8px;line-height:1.5;text-align:right}.cinema .journey-bottom .film-jump span{font-size:12px}}
@media(max-width:760px){
 .cinema .stocgle-film{height:340svh}.cinema .film-stage{min-height:610px}
 .cinema .film-masthead{top:25px;left:7%;right:7%;font-size:8px;letter-spacing:1px;padding-bottom:14px}.cinema .film-masthead a{font-size:8px}.cinema .film-masthead-actions{gap:15px}.cinema .film-masthead a{max-width:75px;line-height:1.6}.cinema .film-motion{font-size:8px}
 .cinema .film-copy{top:104px;left:7%;width:86%;max-width:none;transform:none}
 .cinema .film-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}
 .cinema .film-copy h2{font-size:clamp(36px,8vw,56px);line-height:1.02;margin-bottom:13px}
 .cinema .film-copy p{font-size:11px;line-height:1.7;max-width:300px;margin-bottom:7px}
 .cinema .film-link{font-size:10px;padding:7px 0;gap:25px}.cinema .film-link span{font-size:17px}
 .cinema .film-navigation{left:7%;right:7%;bottom:23px;gap:14px}.cinema .film-navigation button{font-size:9px;gap:7px;min-height:49px}.cinema .film-navigation button b{font-size:8px}.cinema .film-navigation button>span:last-child{display:none}
 .cinema .film-object-label{left:7%;right:7%;bottom:105px;font-size:7px;letter-spacing:2px}
 .cinema .film-tags{inset:49% 13% 24% 13%}.cinema .film-tags span{font-size:7px;letter-spacing:.5px}.cinema .film-tags span:nth-child(1){top:8%;left:0}.cinema .film-tags span:nth-child(2){top:23%;right:-4%}.cinema .film-tags span:nth-child(3){bottom:0;right:0}.cinema .film-tags span:nth-child(4){bottom:20%;left:-4%}
 .cinema .film-question{left:10%;right:10%;bottom:18%;font-size:10px}
 .cinema .film-static-art{width:53%;right:23.5%;top:66%}.cinema .film-jump{font-size:8px;letter-spacing:.5px}
}
@media(max-height:700px) and (min-width:761px){.cinema .film-copy h2{font-size:clamp(40px,5vw,72px)}.cinema .film-copy p{font-size:12px;margin-bottom:12px}.cinema .film-eyebrow{margin-bottom:18px}}
@media(max-width:760px) and (max-height:700px){.cinema .film-masthead{top:17px}.cinema .film-copy{top:86px}.cinema .film-copy h2{font-size:34px}.cinema .film-copy p{max-width:290px;font-size:10px}.cinema .film-eyebrow{margin-bottom:11px}.cinema .film-object-label{bottom:93px}.cinema .film-question{bottom:15.7%}}
@media(max-width:360px){.cinema .film-motion{font-size:0;min-width:28px;min-height:32px}.cinema .film-motion::after{content:"Ⅱ";font-size:13px}.cinema .film-motion[aria-pressed=true]::after{content:"▶"}.cinema .film-motion:disabled::after{content:"◦"}}
@media(prefers-reduced-motion:reduce),(max-height:540px){
 .cinema .stocgle-film{height:auto}.cinema .film-stage{position:relative;height:780px;min-height:0}
 .cinema .film-copy.is-entering{animation:none}.cinema .motion-reveal{opacity:1;transform:none;transition:none}
 .cinema .horizon-chart-panel.motion-reveal #horizon-chart{clip-path:none;transition:none}
 .cinema .film-tags span,.cinema .film-question{transition:none}
}
@media(max-height:540px) and (min-width:761px){.cinema .film-stage{height:620px}}