#hero-new{--bg:var(--ds-ink);--ink:var(--ds-paper);--text:var(--ds-mist);--muted:var(--ds-grey-2);--dim:var(--ds-grey);--line:var(--ds-hairline-dark);--line-2:var(--ds-hairline-dark);--card:var(--ds-ink);--teal:var(--ds-cyan);--teal-2:#7fdce8;--font:var(--ds-ui);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;position:relative}#hero-new *{box-sizing:border-box}#hero-new a{color:inherit}#hero-new :focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:var(--ds-radius)}#hero-new #hn-stage{pointer-events:none}#hero-new .sound{transition:opacity .2s}#hero-new #hn-stage{z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}#hero-new #hn-gl,#hero-new #hn-fb{width:100%;height:100%;display:block;position:absolute;inset:0}#hero-new #hn-gl{opacity:0;transition:opacity .1s linear}#hero-new #hn-gl.ready{opacity:1}#hero-new #hn-fb{display:none}#hero-new.no-webgl #hn-fb{display:block}#hero-new #hn-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#000000a6 100%);position:absolute;inset:0}#hero-new #hn-scrim{pointer-events:none;opacity:0;background:linear-gradient(90deg,#000000d1 0%,#00000073 32%,#0000 56%);position:absolute;inset:0}#hero-new .hn-main{z-index:5;position:relative}#hero-new .beat{height:120vh;position:relative}#hero-new .b0{height:100vh}#hero-new .hero{will-change:opacity, transform;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-top:40px;display:flex;position:absolute;top:0;left:0;right:0}#hero-new .lockup{width:min(79vw,176vh,1580px);margin:0;line-height:0}#hero-new .lockup svg{width:100%;height:auto;display:block}#hero-new .lockup,#hero-new .final .mini{color:var(--ds-paper)}#hero-new .row-slot{width:10px;height:calc(min(79vw,176vh,1580px)/29.4118);margin-top:calc(min(79vw,176vh,1580px)/11.7647)}#hero-new .focus{z-index:40;white-space:nowrap;transform-origin:0 0;will-change:transform;pointer-events:none;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:0;left:0}#hero-new .focus li{letter-spacing:-.012em;color:var(--ds-paper);font-weight:600;font-size:var(--fs,22px);align-items:center;transition:opacity .35s,color .35s;display:flex}#hero-new .focus .d{background:var(--teal);opacity:0;border-radius:50%;width:.34em;height:.34em;margin-right:.55em;display:inline-block}#hero-new .focus .sep{background:var(--teal);border-radius:50%;width:.26em;height:.26em;margin:0 .71em 0 1.6em;display:inline-block}#hero-new .focus li.dim{opacity:.38}#hero-new .panel{will-change:opacity;max-width:520px;margin-left:clamp(20px,7vw,120px);position:sticky;top:30vh}#hero-new .idx{letter-spacing:.16em;color:var(--muted);align-items:center;gap:12px;margin:0 0 18px;font-size:13px;font-weight:500;display:flex}#hero-new .idx:before{content:"";background:var(--teal);border-radius:50%;width:9px;height:9px}#hero-new .panel h2{letter-spacing:-.035em;color:var(--ds-paper);margin:0;font-size:clamp(38px,4.6vw,66px);font-weight:700;line-height:1.02}#hero-new .panel p.l{color:var(--ds-hairline);max-width:30em;margin:22px 0 0;font-size:clamp(17px,1.4vw,20px)}#hero-new .final{text-align:center;flex-direction:column;align-items:center;max-width:none;margin:0 auto;display:flex;top:22vh}#hero-new .final .mini{width:min(34vw,460px);line-height:0}#hero-new .final .mini svg{width:100%;height:auto}#hero-new .final .row-slot{height:22px;margin-top:60px}#hero-new .final .btn{margin-top:64px}#hero-new .cue{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#hero-new .cue:after{content:"";background:linear-gradient(var(--muted), transparent);width:1px;height:36px;animation:2.2s ease-in-out infinite hn-cue}@keyframes hn-cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}#hero-new .sound{z-index:61;border:1px solid var(--line-2);height:36px;color:var(--muted);font:500 12px var(--font);cursor:pointer;background:#0009;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:fixed;bottom:16px;right:16px}#hero-new .sound svg{width:15px;height:15px}#hero-new .sound[aria-pressed=true]{color:var(--ds-paper);border-color:#2bb8cc99}#hero-new .sound .on{display:none}#hero-new .sound[aria-pressed=true] .on{display:inline}#hero-new .sound[aria-pressed=true] .off{display:none}@media (width<=760px){#hero-new .lockup{width:88vw}#hero-new .row-slot{height:92px;margin-top:44px}#hero-new .focus{flex-direction:column;align-items:center;gap:10px}#hero-new .focus .sep{display:none}#hero-new .focus li{white-space:normal;text-align:center;max-width:calc(100vw - 32px)}#hero-new .panel{max-width:none;margin:0 16px;position:sticky}#hero-new .panel h2{font-size:36px}#hero-new #hn-scrim{background:linear-gradient(#0000 38%,#0000008c 62%,#000000e6 100%)}#hero-new .final .mini{width:64vw}#hero-new .final .row-slot{height:92px;margin-top:34px}#hero-new .final .btn{margin-top:40px}#hero-new .sound .lbl{display:none}#hero-new .sound{height:40px;top:14px;bottom:auto;right:12px}}@media (prefers-reduced-motion:reduce){#hero-new *{transition:none!important;animation:none!important}}#hero-new .final .btn{margin-bottom:20px}html.hero-active .fade-glass{display:none!important}#hn-fly{z-index:111;transform-origin:0 0;pointer-events:none;visibility:hidden;will-change:transform;color:var(--ds-paper);line-height:0;position:fixed;top:0;left:0}#hn-fly svg{width:100%;height:auto;display:block}@media (width>=861px){body:has(#hero-new) .f1-nav .f1-nav-brand{opacity:0;pointer-events:none;max-width:0;margin-right:calc(-1*clamp(12px,1.7vw,26px))}body:has(#hero-new) .f1-nav.hn-open .f1-nav-brand{max-width:130px;margin-right:2px}body:has(#hero-new) .f1-nav.hn-solid .f1-nav-brand{opacity:1;pointer-events:auto;transition:max-width .35s,margin-right .35s,opacity}}body:has(#hero-new) .f1-fly-mark{display:none!important}body:has(#hero-new) .f1-hero-mark{visibility:visible!important}.f1-h2[data-astro-cid-4qmeqgrr]{max-width:1100px!important}.f1-know,.f1-h2.on{text-align:center!important}.pp .pp-h.on,.faq .f1-h2.on{text-align:left!important}