:root{--bg:#f7f3e7;--fg:#000023;--accent1:#0e3ccc;--accent2:#000023;--ice:#f4f4f4;--font-display:"Anton", Impact, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.bg-art{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rings{--gap:7.4vw;--hole:23vw;--line:#0e3ccc42;--cy:46%;will-change:transform;background:repeating-radial-gradient(circle at 50% var(--cy), transparent 0, transparent calc(var(--gap) - 1px), var(--line) calc(var(--gap) - 1px), var(--line) var(--gap));-webkit-mask-image:radial-gradient(circle at 50% var(--cy), transparent 0, transparent var(--hole), #000 calc(var(--hole) + 3vw));-webkit-mask-image:radial-gradient(circle at 50% var(--cy), transparent 0, transparent var(--hole), #000 calc(var(--hole) + 3vw));mask-image:radial-gradient(circle at 50% var(--cy), transparent 0, transparent var(--hole), #000 calc(var(--hole) + 3vw));transform:translate3d(0, calc(var(--sy,0) * -1px), 0);position:absolute;inset:0}.rings-canvas{display:none}.stage{display:contents}.hero{z-index:2;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex;position:fixed;inset:0}.headline{font-family:var(--font-display);text-transform:uppercase;-webkit-text-stroke:.06em var(--bg);paint-order:stroke fill;font-size:clamp(2rem,min(6.2vw,11vh),6.4rem);font-weight:400;line-height:1}.headline .line{display:block}.headline .w{margin:0 .12em}.accent1{color:var(--accent1)}.accent2{color:var(--accent2)}.intro{text-align:center;width:min(40ch,44vw);max-width:40ch;text-shadow:0 0 3px var(--bg), 0 0 6px var(--bg), 0 0 10px var(--bg);font-size:clamp(.8rem,1.2vw,.95rem);font-weight:500;line-height:1.5;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.credit{color:var(--fg);font-family:var(--font-body);letter-spacing:.04em;pointer-events:auto;align-items:center;gap:4px;font-size:.72rem;font-weight:500;text-decoration:none;display:inline-flex}.credit img{width:auto;height:22px;display:block}.credit-desk{z-index:3;position:fixed;bottom:24px;right:clamp(16px,2.4vw,36px)}.credit-mob{display:none}.canvas-wrap{z-index:1;pointer-events:none;position:fixed;inset:0}.canvas-wrap canvas{pointer-events:none}.site-header{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:fixed;top:0;left:0;right:0}.logo{pointer-events:auto;display:block}.logo img{width:auto;height:clamp(40px,4vw,56px);display:block}.nav{pointer-events:auto;align-items:center;gap:clamp(16px,2.2vw,36px);display:flex}.nav-link{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--fg);padding:8px 2px;font-size:clamp(.72rem,1vw,.9rem);font-weight:700;text-decoration:none;transition:opacity .2s,background .2s,transform .2s}.nav-link:hover{opacity:.65}.nav-link.cta{background:var(--accent1);color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:13px 22px;display:inline-flex}.nav-link.cta:hover{opacity:1;background:var(--fg)}.scroll-cue,.links,.top-meta,.mbr{display:none}@media (width<=640px){html,body,#root{height:auto;min-height:100%}body{overflow:hidden auto}.mbr{display:inline}html{scroll-snap-type:y mandatory}.stage,.links{scroll-snap-align:start;scroll-snap-stop:always}.site-header{padding:16px;position:absolute}.nav,.logo{display:none}.top-meta{text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;align-items:center;width:100%;font-size:.72rem;font-weight:700;display:flex}.top-ig{color:var(--fg);pointer-events:auto;border:1.5px solid var(--fg);text-transform:none;letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:.8rem;text-decoration:none;display:inline-flex}.top-ig svg{flex:none}.top-since{border:1.5px solid var(--fg);text-transform:none;letter-spacing:.04em;border-radius:999px;align-items:center;padding:7px 13px;font-size:.8rem;display:inline-flex}.top-ig:active{background:var(--fg);color:var(--bg)}.stage{z-index:1;height:100svh;display:block;position:relative}.hero,.scroll-cue{opacity:calc(1 - var(--p,0) * 1.25)}.hero{padding:0 12px calc(env(safe-area-inset-bottom,0px) + 84px);justify-content:flex-end;position:absolute}.canvas-wrap{position:absolute}.headline{font-size:12vw;line-height:1}.headline .w{margin:0 .1em}.intro{letter-spacing:.01em;width:86vw;max-width:none;margin-top:20px;font-size:.85rem;position:static;transform:none}.intro-body{display:none}.rings{--gap:15vw;--hole:40vw;--cy:38svh;height:230svh;display:none;bottom:auto}.rings-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-cue{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);border:1.5px solid var(--fg);width:44px;height:44px;color:var(--fg);z-index:3;border-radius:50%;place-items:center;text-decoration:none;animation:1.8s ease-in-out infinite cue;display:grid;position:absolute;transform:translate(-50%)}.scroll-cue svg{width:18px;height:18px}@keyframes cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.links{z-index:2;height:100svh;padding:72px 24px calc(env(safe-area-inset-bottom,0px) + 40px);flex-direction:column;justify-content:center;display:flex;position:relative}.links-logo{top:calc(env(safe-area-inset-top,0px) + 72px);width:auto;height:92px;position:absolute;left:50%}.links-list{flex-direction:column;gap:0;display:flex}.row.cta{background:var(--accent1);color:var(--bg);border:0;border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 24px;text-decoration:none;display:flex}.cta-left{align-items:center;gap:12px;display:inline-flex}.row.cta .row-label{letter-spacing:.02em;font-size:1.5rem}.row.cta .row-arrow{color:var(--bg)}.row.cta:active{background:var(--fg)}.row{border-top:1.5px solid var(--fg);color:var(--fg);justify-content:space-between;align-items:center;padding:20px 2px;text-decoration:none;transition:padding .2s,color .2s;display:flex}.row:last-child{border-bottom:1.5px solid var(--fg)}.row:active{color:var(--accent1);padding-left:10px}.row.cta:active{color:var(--bg);padding-left:24px}.row-text{flex-direction:column;gap:6px;display:flex}.row-label{font-family:var(--font-display);text-transform:uppercase;font-size:2.1rem;line-height:1}.row-sub{letter-spacing:.01em;font-size:.9rem;font-weight:500}.row-arrow{color:var(--accent1);place-items:center;display:grid}.links-logo,.row{opacity:0;transition:opacity .6s,transform .75s cubic-bezier(.2,.8,.2,1),padding .2s,color .2s}.row{transform:translateY(28px)}.links-logo{transform:translate(-50%,20px)}.links.in .links-logo{opacity:1;transition-delay:20ms;transform:translate(-50%)}.links.in .row{opacity:1;transform:none}.links.in .row:first-child{transition-delay:.1s}.links.in .row:nth-child(2){transition-delay:.2s}.links.in .row:nth-child(3){transition-delay:.3s}.credit-desk{display:none}.credit-mob{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);opacity:0;transition:opacity .7s;display:inline-flex;position:absolute;transform:translate(-50%)}.credit-mob img{height:18px}.links.in .credit-mob{opacity:1;transition-delay:.7s}.marquee{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);border-top:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);opacity:0;padding:14px 0;transition:opacity .7s;position:absolute;overflow:hidden}.links.in .marquee{opacity:1;transition-delay:.5s}.marquee-track{width:max-content;animation:34s linear infinite marquee;display:flex}.marquee-group{flex:none;align-items:center;list-style:none;display:flex}.marquee-group li{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;align-items:center;font-size:1.5rem;line-height:1;display:flex}.marquee-group li:after{content:"";background:var(--accent1);border-radius:50%;flex:none;width:8px;height:8px;margin:0 22px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee{opacity:1;overflow-x:auto}.marquee-track{animation:none}.marquee-group[aria-hidden=true]{display:none}.credit-mob,.links-logo,.row{opacity:1;transition:none}.row{transform:none}.links-logo{transform:translate(-50%)}html{scroll-snap-type:none}}}
