:root{--bg:#000;--fg:#fff;--dim:#888;--card:#0d0d0d;--line:rgba(255,255,255,.14);--acc:#fff;--acc2:#888;--on-acc:#000;--radius:0px;--font:'Plus Jakarta Sans',sans-serif;--font-h:'Syncopate',sans-serif}
[data-theme=light]{--bg:#f2f1ee;--fg:#0a0a0a;--dim:#6a6a6a;--card:#e8e7e3;--line:rgba(0,0,0,.18);--acc:#0a0a0a;--on-acc:#fff}
html{cursor:none}@media(pointer:coarse){html{cursor:auto}.cur{display:none}}a,button{cursor:none}@media(pointer:coarse){a,button{cursor:pointer}}
.loader{position:fixed;inset:0;z-index:2000;background:#000;color:#fff;display:grid;place-items:center;transition:transform 1s cubic-bezier(.8,0,.2,1);font-family:var(--font-h)}.loader.done{transform:translateY(-100%)}.loader span{font-size:clamp(4rem,14vw,10rem)}.loader i{position:absolute;bottom:0;left:0;height:4px;background:#fff;width:0;transition:width .2s}
.cur{position:fixed;left:0;top:0;z-index:1900;width:14px;height:14px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;transition:width .3s,height .3s;translate:-50% -50%}.cur.big{width:70px;height:70px}
.nav{position:fixed;inset:0 0 auto;z-index:700;mix-blend-mode:difference;color:#fff}.nav-in{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-family:var(--font-h);font-weight:700;letter-spacing:.2em;font-size:.95rem}.nav nav{display:flex;gap:34px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}.nr{display:flex;gap:10px;align-items:center}.lang{font-size:.72rem;opacity:.5;color:#fff}.lang[aria-pressed=true]{opacity:1}.nav .icon-btn{background:none;border-color:rgba(255,255,255,.4);color:#fff}
.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden}.kick{font-size:.72rem;letter-spacing:.4em;color:var(--dim);margin-bottom:24px}.hero h1{font-family:var(--font-h);font-size:clamp(3rem,13vw,13rem);line-height:.88;letter-spacing:-.04em;font-weight:700}.hero h1 span{display:block}.hero h1 .o{color:transparent;-webkit-text-stroke:1.5px var(--fg);margin-left:.4em}
.lead{max-width:24em;margin:30px 0;font-size:1.2rem;font-weight:200}.hmeta{display:flex;gap:40px;flex-wrap:wrap}.hmeta b{font-family:var(--font-h);font-size:2.2rem;font-weight:400;display:block}.hmeta span{font-size:.72rem;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}
.scroll{position:absolute;right:30px;bottom:30px;writing-mode:vertical-rl;display:flex;gap:14px;align-items:center;font-size:.68rem;letter-spacing:.4em;color:var(--dim)}.scroll i{width:1px;height:70px;background:var(--fg);animation:sl 2s infinite;transform-origin:top}@keyframes sl{50%{transform:scaleY(.3)}}
.sec{padding:clamp(70px,10vw,140px) 0}.band{background:var(--card);border-block:1px solid var(--line)}.wh{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-end;margin-bottom:40px}.wh h2{font-family:var(--font-h);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:400}
.chip{border-radius:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;background:none}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.pj{display:grid;grid-template-columns:70px 1fr auto auto;gap:24px;align-items:center;padding:34px 8px;border-bottom:1px solid var(--line);transition:.5s;width:100%;text-align:left}.pj:hover{padding-left:30px;background:color-mix(in srgb,var(--fg) 5%,transparent)}.pj .n{font-family:var(--font-h);color:var(--dim)}.pj h3{font-family:var(--font-h);font-size:clamp(1.2rem,3.4vw,2.8rem);font-weight:400;letter-spacing:-.02em}.pj .m{color:var(--dim);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.pj .y{font-family:var(--font-h);font-size:.8rem}
.prev{position:fixed;left:0;top:0;width:min(360px,34vw);aspect-ratio:4/3;pointer-events:none;z-index:600;opacity:0;transition:opacity .3s;transform:translate(-50%,-50%);border:1px solid var(--line);overflow:hidden}.prev.on{opacity:1}.prev svg{width:100%;height:100%}
.big{font-family:var(--font-h);font-size:clamp(1.3rem,3.2vw,2.8rem);line-height:1.25;letter-spacing:-.02em;max-width:26em}.scrub .sw{opacity:.2;transition:opacity .3s}.scrub .sw.lit{opacity:1}
.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:60px}.vals div{border-top:1px solid var(--fg);padding-top:16px}.vals b{font-family:var(--font-h);font-size:.9rem;letter-spacing:.1em;display:block;margin-bottom:8px;font-weight:400}.vals p{color:var(--dim);font-size:.92rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px)}.two h2{font-family:var(--font-h);font-size:clamp(1.6rem,3.6vw,3rem);font-weight:400;line-height:1.1}.field label output{float:right}.field input,.field textarea{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--line);padding-inline:0}.btn{border-radius:0;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.btn-acc{background:var(--fg);color:var(--bg)}
.foot{border-top:1px solid var(--line);padding:26px 0;font-size:.78rem;letter-spacing:.14em;color:var(--dim)}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ov{display:grid;gap:18px}.ov .stage{position:relative;aspect-ratio:16/9;border:1px solid var(--line);overflow:hidden;background:#000}.ov svg{width:100%;height:100%;display:block}.cmp{position:absolute;inset:0}.cmp .a{position:absolute;inset:0}.cmp .b{position:absolute;inset:0;clip-path:inset(0 0 0 var(--x,50%))}.cmp .h{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:#fff;pointer-events:none}.cmp .h::after{content:"↔";position:absolute;top:50%;left:50%;translate:-50% -50%;width:40px;height:40px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center}.cmp input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:ew-resize;-webkit-appearance:none}
.ov .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.ov .meta div{border-top:1px solid var(--line);padding-top:8px}.ov small{display:block;color:var(--dim);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.ov .row{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:860px){.pj{grid-template-columns:40px 1fr auto}.pj .m{display:none}.two{grid-template-columns:1fr}.nav nav{display:none}.prev{display:none}}