:root{--ink:#f1ede4;--ink-2:#f1ede4a8;--ink-3:#f1ede457;--line:#f1ede42e;--glass:#10110e6b;--accent:#b9c9a6;--tag:#6f8466;--gate:#070806e6;--ease:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);background:#0a0b09;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scrim{pointer-events:none;position:fixed;inset:0}#scrim i{position:absolute;left:0;right:0}#scrim .t{background:linear-gradient(#08090780,#08090700);height:150px;top:0}#scrim .b{background:linear-gradient(#08090700,#08090799);height:40vh;bottom:0}#gate{pointer-events:none;position:fixed;inset:0}#gate .mask{background:var(--gate);height:0;position:absolute;left:0;right:0}#gate .top{top:0}#gate .bottom{bottom:0}#top{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:24px;left:28px;right:28px}.brand .t{letter-spacing:.34em;font-size:15px;font-weight:700}.brand .s{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:6px;font-size:10px}#modes{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);pointer-events:auto;gap:2px;padding:3px;display:flex}#modes button{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);padding:8px 16px;font-size:10px;transition:color .3s,background .3s}#modes button:hover{color:var(--ink)}#modes button.on{color:#111;background:var(--ink)}#story{pointer-events:none;max-width:470px;position:fixed;bottom:128px;left:28px}#story.out{visibility:hidden}#story .kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);align-items:baseline;gap:14px;font-size:10px;display:flex}#st-es{letter-spacing:.08em;text-transform:none;color:var(--ink-2);font-size:12px;font-style:italic}#st-title{letter-spacing:-.03em;text-shadow:0 1px 30px #00000059;margin-top:12px;font-size:46px;font-weight:700;line-height:1.02}#st-body{opacity:.9;text-shadow:0 1px 16px #0009;max-width:410px;margin-top:14px;font-size:14px;line-height:1.6}#panel{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);gap:10px;width:300px;padding:14px 16px;display:grid;position:fixed;bottom:128px;right:28px}body.mode-film #panel{opacity:0;pointer-events:none}#panel .row{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}#panel .row.hide{display:none}#panel label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);font-size:9px}#panel output{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:10px}#panel .seg{border:1px solid var(--line);grid-column:2/4;display:flex}#panel .seg button{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);flex:1;padding:6px 4px;font-size:9px}#panel .seg button.on{color:var(--ink);background:#f1ede429}input[type=range]{appearance:none;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-3);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--ink-3);height:1px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:11px;height:11px}#strip{scrollbar-width:none;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:22px;left:28px;right:28px;overflow-x:auto}#strip::-webkit-scrollbar{display:none}.shot{opacity:.5;width:108px;height:74px;transition:opacity .4s, transform .4s var(--ease);flex:none;position:relative}.shot:hover{opacity:.9}.shot.on{opacity:1;transform:translateY(-6px)}.shot .box{border:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;height:58px;color:var(--ink-2);background:var(--glass);-webkit-backdrop-filter:blur(10px);text-align:center;place-items:center;padding:0 6px;font-size:9px;display:grid}.shot.on .box{color:var(--ink)}.shot:after{content:"";background:var(--accent);height:2px;transform:scaleX(var(--p,0));transform-origin:0;position:absolute;bottom:8px;left:0;right:0}#legend{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;gap:6px;padding:12px 14px;display:grid;position:fixed;top:96px;left:28px}body.uses #legend{opacity:1}#legend div{grid-template-columns:12px auto;align-items:center;column-gap:9px;display:grid}#legend i{grid-row:span 2;width:12px;height:12px}#legend b{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}#legend span{color:var(--ink-2);grid-column:2;font-size:10px}.lab.use .tx,.lab.use:after{background:var(--tag)}.lab.use:before{box-shadow:0 0 0 2px var(--tag)}#credits{text-align:right;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;font-size:9px;line-height:1.8;position:fixed;top:70px;right:28px}#credits span{letter-spacing:.04em;text-transform:none;font-size:10px}#labels{pointer-events:none;position:fixed;inset:0}.lab{white-space:nowrap;opacity:0;position:absolute;top:0;left:0}.lab.show{opacity:1}.lab .tx{background:var(--tag);color:#fff;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;font-size:9px;font-weight:700;display:block;transform:translate(-50%,calc(-100% - 26px))}.lab .tx small{letter-spacing:.04em;text-transform:none;opacity:.85;margin-top:1px;font-size:10px;font-weight:400;display:block}.lab:after{content:"";background:var(--tag);width:1px;height:26px;position:absolute;top:-26px;left:0}.lab:before{content:"";width:7px;height:7px;box-shadow:0 0 0 2px var(--tag);background:#fff;border-radius:50%;position:absolute;top:-3px;left:-3px}#loader{z-index:10;background:#0a0b09;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}#loader.done{display:none}.l-t{letter-spacing:.5em;font-size:13px;font-weight:700}.l-b{background:var(--line);width:180px;height:1px}.l-b i{background:var(--ink);width:0;height:1px;transition:width .3s;display:block}.l-s{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-size:9px}@media (width<=760px){#story{bottom:112px;left:16px;right:16px}#st-title{font-size:30px}#st-body{font-size:13px}#panel{width:auto;padding:10px 12px;bottom:104px;left:16px;right:16px}#credits{display:none}#legend{padding:8px 10px;top:auto;bottom:200px;left:16px}#legend span{display:none}#top{flex-direction:column;gap:12px;left:16px;right:16px}#modes{width:100%}#modes button{flex:1;padding:8px 4px}#strip{left:16px;right:16px}.shot{width:92px}}body.shoot *,body.shoot :after,body.shoot :before{transition:none!important}body.shoot #loader,body.clean #top,body.clean #story,body.clean #panel,body.clean #strip,body.clean #credits,body.clean #scrim,body.clean #labels,#vcredit{display:none}body.video #vcredit{letter-spacing:-.02em;color:#fff;pointer-events:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:60px;font-weight:700;line-height:1.1;display:block;position:fixed;top:0;left:15px}body.video #top,body.video #strip,body.video #panel,body.video #credits,body.video #loader{display:none}body.video #scrim .t{height:190px}body.video #story{bottom:64px;left:40px}body.video #legend{top:104px;left:22px}body.clean #vcredit,body.clean #legend,body.clean #labels,body.clean #story{display:none!important}