.og{--ease-og:cubic-bezier(.16,1,.3,1);--pad-og:clamp(20px,5vw,72px);background:var(--canvas);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.6}.og :focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.og-display{font-family:var(--display);letter-spacing:-.025em;font-weight:700;font-stretch:118%;line-height:1.03}.og-btn{white-space:nowrap;background:var(--accent);color:#0c1512;height:46px;font:500 .95rem/1 var(--text);cursor:pointer;transition:transform .4s var(--ease-og), background .3s;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.og-btn:hover{background:#ffb54d}.og-btn:active{transform:scale(.97)}.og-film{height:820vh;position:relative}.og-stage{height:100svh;position:sticky;top:0;overflow:hidden}.og-stage canvas{width:100%;height:100%;position:absolute;inset:0}.og-steps{z-index:3;left:var(--pad-og);right:var(--pad-og);bottom:calc(26px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid;position:absolute}.og-steps li{font:500 .78rem/1.2 var(--text);color:var(--ink-soft);opacity:.55;transition:opacity .4s}.og-steps li.on{opacity:1;color:var(--ink)}.og-steps i{background:var(--line);height:2px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.og-steps i b{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.og-scene{z-index:2;pointer-events:none;visibility:hidden;max-width:min(30rem,38vw);position:absolute}.og-scene.live{pointer-events:auto}.og-scene .og-display{margin:0;font-size:clamp(2rem,3.7vw,3.5rem)}.og-scene h1.og-display{font-size:clamp(2.4rem,5.2vw,4.8rem)}.og-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.og-mask>span{will-change:transform;display:block}.og-scene p{color:var(--ink-soft);will-change:transform, opacity;max-width:36ch;margin:1rem 0 0;font-size:clamp(1rem,1.2vw,1.1rem)}.og-scene p strong{color:var(--ink);font-weight:500}.og-scene .og-btn{margin-top:1.5rem}.og-L{left:var(--pad-og);top:50%;transform:translateY(-50%)}.og-R{right:var(--pad-og);top:50%;transform:translateY(-50%)}.og-hero{left:var(--pad-og);max-width:min(40rem,46vw);bottom:clamp(90px,14vh,150px)}.og-scrim{z-index:1;pointer-events:none;display:none;position:absolute;inset:0}@media (max-width:767px){.og-film{height:640vh}.og-scene,.og-L,.og-R,.og-hero{left:var(--pad-og);right:var(--pad-og);top:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));max-width:none;transform:none}.og-scene .og-display{font-size:clamp(1.8rem,8.2vw,2.5rem)}.og-scene h1.og-display{font-size:clamp(2.1rem,10vw,3rem)}.og-scene p{font-size:.98rem}.og-scrim{background:linear-gradient(#0c151200 46%,#0c1512db 64%,#0c1512f5 100%);display:block}.og-steps{gap:5px}.og-steps li span{display:none}}.og-list{padding:clamp(96px,14vw,170px) var(--pad-og);grid-template-columns:1fr 1.3fr;align-items:start;gap:clamp(40px,7vw,110px);max-width:1180px;margin:0 auto;display:grid}.og-list h2{margin:0;font-size:clamp(2rem,4.4vw,3.6rem)}.og-intro{position:sticky;top:120px}.og-intro p{color:var(--ink-soft);max-width:34ch;margin-top:1rem}.og-list ol{counter-reset:c;margin:0;padding:0;list-style:none}.og-list li{counter-increment:c;border-top:1px solid var(--line)}.og-list li:last-child{border-bottom:1px solid var(--line)}.og-list label{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:1.25rem 0;display:grid}.og-list label:before{content:counter(c, decimal-leading-zero);font:500 .85rem/1.9 var(--text);color:var(--ink-soft)}.og-list b{font:600 1.1rem/1.4 var(--display);font-stretch:112%;transition:color .3s;display:block}.og-list small{color:var(--ink-soft);margin-top:.25rem;font-size:.97rem;display:block}.og-list input{appearance:none;cursor:pointer;width:24px;height:24px;transition:all .3s var(--ease-og);border:1.5px solid #ece8df59;border-radius:50%;margin-top:2px}.og-list input:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 5px var(--canvas)}.og-list li:has(input:checked) b{color:var(--ink-soft)}@media (max-width:767px){.og-list{grid-template-columns:1fr}.og-intro{position:static}}.og-close{padding:clamp(80px,12vw,150px) var(--pad-og);text-align:center;border-top:1px solid var(--line)}.og-close h2{margin:0;font-size:clamp(2.4rem,7vw,6rem)}.og-close p{color:var(--ink-soft);max-width:44ch;margin:1.2rem auto 2rem}