:root{--fg:#ecebe7;--mut:rgba(236,235,231,.58);--line:rgba(236,235,231,.16)}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}html{scrollbar-width:none}::-webkit-scrollbar{display:none}body{background:#000;color:var(--fg);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(hover:hover){body,a,button{cursor:none}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0}.mono{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}.grain{display:none;position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:gr .8s steps(3) infinite}@keyframes gr{33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}}.vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.55))}#track{height:1700vh}#intro{position:fixed;inset:0;z-index:200;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;padding:24px}#intro .mk{width:46px;height:46px}#intro .mk path{fill:none;stroke:var(--fg);stroke-width:1.3;stroke-dasharray:140;stroke-dashoffset:140;animation:dr 2s cubic-bezier(.6,0,.2,1) forwards}@keyframes dr{to{stroke-dashoffset:0}}#intro .t{font-size:12px;letter-spacing:.5em;padding-left:.5em;font-weight:500}#intro p{color:var(--mut);font-size:13px;line-height:1.8}#intro .bar{width:140px;height:1px;background:var(--line);overflow:hidden}#intro .bar i{display:block;height:100%;background:var(--fg);transform:scaleX(0);transform-origin:left}#intro .ch{display:flex;gap:10px;opacity:0;transform:translateY(8px);transition:.9s;pointer-events:none}#intro.ready .ch{opacity:1;transform:none;pointer-events:auto}#intro .ch button{padding:12px 22px;border-radius:99px;border:1px solid var(--line);font-size:12px;letter-spacing:.06em;transition:.4s}#intro .ch button:first-child{background:var(--fg);color:#000}#intro .ch button:hover{border-color:var(--fg)}header{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,2.4vw,30px) clamp(16px,3vw,40px)}.logo{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.42em}.logo svg{width:20px;height:20px}.hr{display:flex;align-items:center;gap:24px}.hr nav{display:flex;gap:22px;font-size:12px;color:var(--mut)}.hr nav a{transition:color .3s}.hr nav a:hover{color:var(--fg)}@media(max-width:860px){.hr nav{display:none}#coord{display:none}}.snd{display:flex;align-items:center;gap:8px}.eq{display:flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:2px;height:2px;background:var(--fg)}.snd.on .eq i{animation:eq 1s ease-in-out infinite}.snd.on .eq i:nth-child(2){animation-delay:-.3s}.snd.on .eq i:nth-child(3){animation-delay:-.6s}.snd.on .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:2px}50%{height:12px}}.hud{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:space-between;align-items:flex-end;padding:clamp(16px,2.4vw,30px) clamp(16px,3vw,40px);pointer-events:none}.ring{width:38px;height:38px}.ring circle{fill:none;stroke-width:1.2}.prog{display:flex;align-items:center;gap:14px}.cur{position:fixed;left:0;top:0;z-index:300;pointer-events:none;width:7px;height:7px;border-radius:50%;background:var(--fg);mix-blend-mode:difference;transition:width .35s,height .35s}.cur.h{width:42px;height:42px}.tip{position:fixed;left:0;top:0;z-index:301;pointer-events:none;font-family:IBM Plex Mono;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:99px;background:var(--fg);color:#000;opacity:0;transform:translate(18px,18px) scale(.9);transition:opacity .25s,transform .25s}.tip.on{opacity:1;transform:translate(18px,18px) scale(1)}@media(hover:none){.cur,.tip{display:none}}#wo{position:fixed;inset:0;z-index:19;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,#fff8ec,#ffe2b8 45%,#f3c690)}#menu{position:fixed;inset:0;z-index:60;background:#040406b8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;pointer-events:none;transition:opacity .6s}#menu.on{opacity:1;pointer-events:auto}#menu .mi{position:absolute;inset:0;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:0 clamp(16px,8vw,140px);gap:40px}#menu nav{display:flex;flex-direction:column}#menu nav a{display:flex;align-items:baseline;gap:22px;font-size:clamp(26px,3.2vw,46px);font-weight:300;letter-spacing:-.02em;padding:14px 0;border-bottom:1px solid var(--line);transform:translateY(20px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s,color .3s,padding .5s}#menu.on nav a{transform:none;opacity:1}#menu nav a:hover{padding-left:14px}#menu nav a:nth-child(2){transition-delay:.05s}#menu nav a:nth-child(3){transition-delay:.1s}#menu nav a:nth-child(4){transition-delay:.15s}#menu nav a:nth-child(5){transition-delay:.2s}#menu .mc{display:flex;flex-direction:column;gap:8px;font-size:15px}#menu .mc p{color:var(--mut);line-height:1.7}#menu .mc a{font-size:18px}@media(max-width:860px){#menu .mi{grid-template-columns:1fr;align-content:center}}.mbtn{display:flex;align-items:center;gap:8px;position:relative}.mbtn i{display:block;width:14px;height:1px;background:var(--fg);transition:.4s}.mbtn i+i{margin-left:-22px;transform:translateY(4px)}.mbtn i:first-of-type{transform:translateY(-2px)}.mbtn.on i:first-of-type{transform:rotate(45deg)}.mbtn.on i+i{transform:rotate(-45deg)}#pd{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000059;opacity:0;pointer-events:none;transition:opacity .5s}#pd.on{opacity:1;pointer-events:auto}#pd .box{width:min(720px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#0e0d0cb8;backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,44px);transform:translateY(24px) scale(.98);transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}#pd.on .box{transform:none}#pd .top{display:flex;justify-content:space-between;align-items:center}#pd .x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:16px;transition:.3s}#pd .x:hover{background:var(--fg);color:#000}#pd h3{font-size:clamp(26px,3vw,40px);font-weight:400;letter-spacing:-.02em;margin-top:26px}#pd .k{font-size:14px;margin-top:6px}#pd .d{color:var(--mut);line-height:1.8;margin-top:18px;font-size:15px}#pd ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:24px}#pd li{font-size:14px;padding:12px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}#pd li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc)}@media(max-width:560px){#pd ul{grid-template-columns:1fr}}#pd .ft{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px;flex-wrap:wrap}#pd .glow{position:absolute;inset:0;border-radius:22px;pointer-events:none;background:radial-gradient(600px circle at 90% 0%,var(--pc),transparent 55%);opacity:.18}#lines{position:fixed;inset:0;width:100vw;height:100vh;z-index:15;pointer-events:none}.co{position:fixed;left:0;top:0;z-index:16;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.7;white-space:nowrap;opacity:0;will-change:transform,opacity}.co b{font-weight:500;color:var(--fg);display:block}.co span{color:var(--mut)}.co.l{text-align:right}@media(max-width:860px){.co,#lines{display:none}}.ov{position:fixed;z-index:20;left:clamp(16px,6vw,96px);top:50%;transform:translateY(-50%);max-width:400px;opacity:0;pointer-events:none;will-change:opacity,filter,transform}.ov.c{left:50%;transform:translate(-50%,-50%);text-align:center;max-width:540px;background:#0606086b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:34px 40px;border-radius:20px;border:1px solid var(--line)}.ov.b{top:auto;bottom:clamp(70px,12vh,120px);transform:none}@media(max-width:860px){.ov,.ov.c{inset:auto 16px 90px;max-width:none;transform:none;text-align:left}}.ov h1,.ov h2{font-weight:400;letter-spacing:-.02em;line-height:1.2}.ov h1{font-size:clamp(28px,3vw,44px)}.ov h2{font-size:clamp(22px,2.3vw,32px)}.ov h1,.ov h2,.ov p,.ov .mono,.sv div{text-shadow:0 1px 22px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.6)}.ov p{color:var(--mut);font-size:14px;line-height:1.8;margin-top:14px}.ov .mono{display:block;margin-bottom:14px}.sv{margin-top:20px}.sv div{display:grid;grid-template-columns:26px 1fr;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.sv div:last-child{border-bottom:1px solid var(--line)}.btn{display:inline-flex;padding:12px 20px;border-radius:99px;border:1px solid var(--line);font-size:13px;margin-top:22px;transition:.4s}.btn.w{background:var(--fg);color:#000;border-color:var(--fg)}.soc{display:flex;gap:16px;flex-wrap:wrap;justify-content:inherit;margin-top:16px;font-size:12px;color:var(--mut)}.ov.c .soc{justify-content:center}.legal{margin-top:20px;font-size:11px;color:#ecebe761;line-height:1.7}.pcap{display:flex;align-items:center;gap:14px}.pcap b{font-weight:500;font-size:18px}.pcap i{width:8px;height:8px;border-radius:50%}.ov .h1{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.02em;line-height:1.2}.ov section,.ov{margin:0}.hr nav .lang{border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em}.ov .btn{pointer-events:auto}.legal a{text-decoration:underline;text-underline-offset:3px}.nos{position:relative;z-index:500;padding:40px clamp(16px,6vw,96px);max-width:680px;line-height:1.7}.nos h1{font-weight:400;font-size:32px;margin-bottom:16px}@media(prefers-reduced-motion:reduce){.grain{display:none}.snd.on .eq i{animation:none;height:8px}}
