.microfilms{background:radial-gradient(ellipse at 15% 35%,#14294380,transparent 50%),#080e18;border-bottom:1px solid #283447;padding-top:105px}.microfilms .section-heading{grid-template-columns:1.4fr 1fr}.microfilms h2{font-size:clamp(32px,3.7vw,58px)}.film-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.film-tabs button{background:#0d1623;border:1px solid #263448;border-radius:6px;padding:20px;display:flex;align-items:center;gap:15px;text-align:left;color:#8499b3}.film-tabs button[aria-selected=true]{background:#1a2330;border-color:#d3aa785e;color:#f1d1ae}.film-tabs span{font:11px monospace;color:#b6916f}.film-tabs b{font-weight:500;font-size:15px;flex:1}.film-tabs small{font:10px monospace;white-space:nowrap}.film-shell{border:1px solid #354358;border-radius:10px;background:#101a29;overflow:hidden}.film-stage{height:560px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 56%,#263e565c,transparent 63%),#090f19}.film-stage[data-episode="1"]{background:radial-gradient(ellipse at 40% 65%,#74512e40,transparent 60%),#0c111b}.film-stage[data-episode="2"]{background:radial-gradient(ellipse at 50% 50%,#6e302b44,transparent 56%),#0c1019}.film-stage[data-decision="check"]{background:radial-gradient(ellipse at 50% 50%,#285a7344,transparent 56%),#0c1019}.film-vignette{position:absolute;inset:0;box-shadow:inset 0 0 110px #0008;z-index:2;pointer-events:none}.film-chrome{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:4;font:11px monospace;color:#9db1c9;letter-spacing:1px}.film-chrome>div{display:flex;gap:20px}.film-chrome button{background:none;border:0;color:#a1b3c9;font-size:11px;padding:6px 0}.film-ghost{position:absolute;top:70px;left:0;right:0;text-align:center;font:800 clamp(60px,9vw,145px)/1 'Manrope',sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #57728c4a;z-index:-1;white-space:nowrap}#film-canvas{position:absolute;inset:35px 13% 42px;cursor:grab;touch-action:pan-y;z-index:1}#film-canvas:active{cursor:grabbing}#film-canvas canvas{display:block;width:100%;height:100%}.film-readout{position:absolute;left:35px;bottom:105px;z-index:3;pointer-events:none;max-width:340px;text-shadow:0 2px 20px #000}.film-readout>span{font:10px monospace;letter-spacing:1.7px;color:#bfcee0}.film-readout strong{display:block;font:500 43px/1.35 'Manrope',sans-serif;letter-spacing:-1.5px;color:#eec295;margin:12px 0 5px}.film-readout p{font-size:12px!important;line-height:1.7!important;max-width:300px;margin:0;color:#aebed1!important}.film-subtitles{position:absolute;bottom:26px;left:30px;right:30px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:25px}.film-caption{font-size:16px;color:#e7eaf0;font-weight:400;max-width:650px}.film-drag-hint{font-size:9px;letter-spacing:1.7px;color:#7088a3;white-space:nowrap}.film-controls{display:flex;align-items:center;gap:22px;background:#131e2e;padding:15px 25px;border-top:1px solid #354358}.film-controls button{background:none;border:0;color:#afc2d9;font-size:22px;padding:5px}.film-controls .film-play{width:42px;height:42px;border-radius:50%;background:#e5b685;color:#151e29;font-size:17px;flex-shrink:0}.film-controls input{flex:1;width:auto;min-width:20px}.film-controls output{font:11px monospace;color:#a8bad0;white-space:nowrap}.film-engine{font-size:9px;letter-spacing:1px;color:#7a90a9;white-space:nowrap}.film-bottom{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:32px;padding:25px 30px;background:#0f1927}.film-adjust label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px;color:#acbdd0}.film-adjust output{white-space:nowrap;color:var(--copper)}.film-bottom>p{font-size:11px!important;line-height:1.7!important;margin:0}.film-continue{background:none;border:0;border-bottom:1px solid #8c6f5360;color:var(--copper);font-size:12px;text-align:left;line-height:1.6;padding:6px 0}.film-decision{position:absolute;z-index:5;top:43%;left:50%;transform:translate(-50%,-50%);width:min(470px,85%);background:#101a2aea;backdrop-filter:blur(16px);border:1px solid #aa825d80;border-radius:9px;padding:25px;text-align:center;box-shadow:0 20px 70px #0009}.film-decision[hidden]{display:none}.film-decision p{color:#e7d4be!important;font-size:17px;margin:0 0 20px;line-height:1.5!important}.film-decision>div{display:flex;gap:12px}.film-decision button{flex:1;border:1px solid #42556d;padding:13px;border-radius:5px;background:#1a293c;color:#d9e2ee;font-size:13px}.film-decision button:first-child{background:#ebbd8b;color:#101923;border-color:#ebbd8b}.film-shell:fullscreen{width:100vw;height:100svh;border:0;border-radius:0;display:flex;flex-direction:column}.film-shell:fullscreen .film-stage{height:auto;flex:1;min-height:200px}.film-static{position:absolute;top:25%;width:100%;text-align:center;font:700 85px 'Manrope';color:var(--copper)}.film-static small{display:block;font-size:13px;letter-spacing:3px}
@media(max-width:1050px){.film-stage{height:520px}.film-bottom{grid-template-columns:1fr 1.2fr}.film-continue{grid-column:1/-1;justify-self:start}.film-engine{display:none}.film-readout strong{font-size:35px}.film-tabs button{padding:17px 13px;gap:10px}.film-tabs b{font-size:13px}.film-tabs small{display:none}}
@media(max-width:700px){.microfilms .section-heading{grid-template-columns:1fr}.film-tabs{gap:7px}.film-tabs button{flex-direction:column;align-items:flex-start;padding:12px 9px;gap:8px}.film-tabs b{font-size:12px;line-height:1.4}.film-tabs span{font-size:9px}.film-stage{height:550px}.film-chrome{top:18px;left:17px;right:17px;font-size:9px;letter-spacing:0}.film-chrome>div{gap:12px}.film-chrome button{font-size:9px}.film-ghost{top:80px;font-size:13vw}#film-canvas{inset:45px -20% 150px}.film-readout{left:20px;bottom:95px;max-width:90%}.film-readout strong{font-size:36px}.film-readout p{font-size:12px!important}.film-subtitles{left:20px;right:20px;bottom:22px;display:block}.film-caption{font-size:14px;display:block;line-height:1.6}.film-drag-hint{font-size:8px;display:block;margin-top:10px}.film-controls{padding:12px 16px;gap:12px}.film-controls output{font-size:10px}.film-controls .film-play{width:35px;height:35px;font-size:14px}.film-controls button{font-size:20px;padding:3px}.film-bottom{grid-template-columns:1fr;gap:15px;padding:20px}.film-bottom>p{font-size:11px!important}.film-decision{top:40%;padding:20px;width:90%}.film-decision p{font-size:16px}.film-decision button{font-size:12px;padding:12px 8px}.film-shell:fullscreen .film-bottom{padding:12px 20px}.film-shell:fullscreen .film-bottom>p{display:none}}