*{box-sizing:border-box}html,body{margin:0;background:#0c1822;color:#f0f2ed;font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8fe3d3;outline-offset:5px}#studio{height:100svh;min-height:680px;position:relative;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em;z-index:3}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:19px;letter-spacing:-1px;border-right:1px solid #527077;padding-right:16px}#source-link{color:#9eb5bd}#story{position:absolute;top:22%;left:5.5%;width:31%;pointer-events:none;z-index:2}#eyebrow{color:#89dfd0;letter-spacing:.2em;font-size:12px;font-weight:700;margin:0 0 22px}h1{font-weight:500;letter-spacing:-.075em;font-size:clamp(46px,5.1vw,106px);line-height:.99;margin:0 0 25px}h1 em{font-style:normal;color:#8be5d2}#subtitle{color:#b4c5c8;font-size:clamp(14px,1.25vw,24px);line-height:1.55;max-width:390px;margin:0}#fact{margin-top:30px;border-top:1px solid #31464d;padding-top:20px;display:flex;gap:14px;align-items:baseline}#fact-value{font-size:clamp(25px,2.4vw,44px);letter-spacing:-.05em;font-weight:500;white-space:nowrap}#fact-label{font-size:12px;color:#9bb1b7;line-height:1.4;max-width:155px}#object-label{position:absolute;top:14%;left:48%;font-family:monospace;font-size:12px;letter-spacing:.08em;color:#849fa7;pointer-events:none}#evidence{position:absolute;right:5%;bottom:24%;width:26%;padding:17px 20px;border-left:2px solid #87dccc;background:#10212be8;pointer-events:none}#evidence-label{font-size:10px;text-transform:uppercase;color:#91b0b9;letter-spacing:.16em;display:block;margin-bottom:9px}#evidence-value{font-family:monospace;font-size:15px;color:#dfede6;font-weight:500}#evidence-note{font-size:12px;color:#9bb2b9;line-height:1.5;margin:7px 0 0}#scope{position:absolute;left:5.5%;bottom:24%;font-size:11px;color:#7d98a3;letter-spacing:.035em;max-width:28%}#transport{position:absolute;bottom:22px;left:4.5%;right:4.5%;background:#0d1b24eb;border-top:1px solid #334850;padding-top:13px;z-index:4}.transport-row{display:flex;align-items:center;gap:9px}button,#download{border:1px solid #3b525b;background:#182b36;color:#d5e7e5;padding:9px 15px;border-radius:4px;cursor:pointer;font-size:12px}#play{background:#96ddcd;color:#0b272c;border-color:#96ddcd;min-width:106px}button:hover,#download:hover{filter:brightness(1.18)}#clock{margin-left:auto;font:11px monospace;color:#9eb5bd}.timeline-label{display:flex;align-items:center;gap:14px;font-size:10px;color:#7e9fa8;margin-top:10px}#timeline{flex:1;accent-color:#96ddcd;height:3px;cursor:pointer}#chapters{display:flex;gap:5px;justify-content:space-between;margin-top:12px}#chapters button{border:none;background:transparent;padding:3px 4px;font-size:10px;color:#85a4ac;text-align:left}#chapters button.active{color:#a2e8d7}.inspection-tools{display:flex;align-items:center;gap:25px;margin:12px 0;font-size:11px;color:#a7bec4}.inspection-tools[hidden]{display:none}.inspection-tools label{display:flex;align-items:center;gap:12px}.inspection-tools input{accent-color:#96ddcd}.inspection-tools span{margin-left:auto}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#0c1822;z-index:8;font-size:14px}#loading[hidden]{display:none}#film-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#17313d;pointer-events:none}#film-progress i{display:block;height:100%;width:0;background:#83dec9}.capture #transport,.capture header #source-link{display:none}.capture #evidence{bottom:10%;width:27%}.capture #scope{bottom:8%}.capture #studio{min-height:0}.capture #story{top:25%}.capture #fact{margin-top:32px}.capture header{top:4.5%}.capture #object-label{top:15%}
@media(min-width:1700px){header{font-size:17px}.brand-mark{font-size:26px}#eyebrow{font-size:16px}#fact-label{font-size:16px;max-width:200px}#evidence{padding:22px 26px}#evidence-label{font-size:14px}#evidence-value{font-size:21px}#evidence-note{font-size:16px}#scope,#object-label{font-size:15px}}
@media(max-width:700px){#studio{min-height:850px;height:100svh}header{top:22px;left:6%;right:6%;font-size:9px;letter-spacing:0}.brand{gap:10px}.brand-mark{font-size:16px;padding-right:10px}#source-link{max-width:80px;text-align:right}#story{top:11%;left:7%;width:86%}#eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:48px;max-width:310px;letter-spacing:-.065em;margin-bottom:12px}h1 br{display:none}#subtitle{font-size:13px;max-width:300px;line-height:1.45}#fact{position:absolute;right:0;top:165px;border:0;margin:0;padding:0;display:block;text-align:right}#fact-value{font-size:24px;display:block}#fact-label{font-size:9px;max-width:100px;display:block;margin-left:auto}#object-label{left:7%;top:39%;font-size:9px}#evidence{left:7%;right:7%;bottom:24%;width:auto;padding:9px 12px;max-height:98px}#evidence-label{font-size:8px;margin-bottom:5px}#evidence-value{font-size:12px}#evidence-note{font-size:10px;margin-top:4px}#scope{bottom:20.8%;font-size:8px;left:7%;max-width:86%}#transport{left:6%;right:6%;bottom:14px;padding-top:10px}.transport-row{flex-wrap:wrap;gap:5px}button,#download{padding:8px 9px;font-size:10px}#play{min-width:85px}#clock{font-size:9px}#chapters{flex-wrap:wrap;justify-content:flex-start;gap:5px}#chapters button{font-size:8px}#chapters button.active{border-bottom:1px solid}.timeline-label{font-size:8px}.inspection-tools{gap:8px;flex-wrap:wrap;font-size:10px;margin:8px 0}.inspection-tools span{display:none}.inspection-tools input[type=range]{width:105px}.capture #studio{min-height:0}.capture #story{top:14%}.capture #evidence{bottom:9%;width:auto}.capture #scope{bottom:5%;max-width:80%}.capture #fact{top:155px}.capture #object-label{top:45%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:700px){#scene{inset:auto;left:0;top:36%;height:30%;width:100%;mask-image:linear-gradient(transparent,black 8%,black 92%,transparent)}h1{font-size:42px;max-width:350px}h1 br{display:initial}#fact{position:static;display:flex;align-items:baseline;text-align:left;margin-top:12px;gap:12px}#fact-value{font-size:21px}#fact-label{max-width:220px;text-align:left;margin:0}#object-label{top:35%;font-size:8px}.capture #scene{top:40%;height:43%}.capture #object-label{top:38%}}