html,body{height:auto}html[data-over]{overflow:hidden}.nh{background:var(--bg);isolation:isolate;--peek:84px;--gutter:var(--space-xl);min-height:100svh;position:relative}@media (min-width:800px){.nh{--peek:280px}}.nh[data-hidden],html[data-booting] .nh{visibility:hidden}.nh-top{display:none}@media (min-width:800px){.nh-top{z-index:3;align-items:center;gap:var(--space-xl);height:56px;padding:var(--space-md) var(--gutter) 0;flex:none;grid-template-columns:minmax(0,1fr) auto auto;display:grid;position:relative}.nh-top .me-chip,.nh-top .top-links{position:relative;top:auto;left:auto}.nh-top .me-chip{justify-self:start}.nh-top .chat-toggle--ask{justify-self:end}.nh-top .me-chip .me-chip-role{opacity:1;max-width:160px}.nh-top .me-chip{height:32px}.nh-top .me-chip-main{gap:10px;padding:0 12px 0 0}.nh-top .me-chip-name,.nh-top .me-chip .me-chip-role{font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase}.nh-top .me-chip-main{color:inherit;text-decoration:none}.nh-top .me-chip.me-chip--mark{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:30px}.nh-top .me-chip--mark .me-chip-main{padding:0}}.sn{display:none}@media (min-width:800px){.sn{align-items:center;gap:28px;height:40px;display:flex}}.chat-toggle.chat-toggle--ask{display:none}@media (min-width:800px){.chat-toggle.chat-toggle--ask{height:32px;padding:0 var(--space-sm) 0 var(--space-xs);color:var(--text);background:var(--frost-strong);box-shadow:inset 0 0 0 1px var(--frost-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:inline-flex}.chat-toggle.chat-toggle--ask:hover{background:var(--hover)}.chat-toggle.chat-toggle--ask[aria-pressed=true]{background:var(--accent-1-soft);color:var(--accent-1)}}.sn-link{color:var(--text-muted);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;align-items:center;height:28px;margin:0 -8px;padding:0 8px;line-height:1.5;text-decoration:none;transition:color .15s,background-color .15s,box-shadow .15s;display:inline-flex;position:relative}.sn-link:hover{color:var(--text);background:var(--frost-strong);box-shadow:inset 0 0 0 1px var(--frost-line)}.sn-link[aria-current=page]{color:var(--text)}.sn-link[aria-current=page]:before{content:"["}.sn-link[aria-current=page]:after{content:"]"}.sn-link:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}.nh-hero{min-height:calc(100vh - var(--peek) - 49px);min-height:calc(100svh - var(--peek) - 49px);flex-direction:column;display:flex;position:relative}@media (min-width:800px){.nh-hero{min-height:max(520px, calc(100vh - var(--peek)));min-height:max(520px, min(calc(100svh - var(--peek)), 75vw))}}.nh-hero .shader-hero{z-index:-1;background:0 0;bottom:-160px;-webkit-mask-image:linear-gradient(#000 calc(100% - 320px),#0000);mask-image:linear-gradient(#000 calc(100% - 320px),#0000)}.shader-drift{background:url(/hero/gradient-light.webp) 50%/auto 100% no-repeat;animation:9s cubic-bezier(.2,.55,.3,1) both shader-drift;position:absolute;inset:0}@keyframes shader-drift{0%{transform:translate(1.5%,-1%)scale(1.06)}to{transform:none}}html[data-motion=reduced] .shader-drift{animation:none}@media (prefers-reduced-motion:reduce){.shader-drift{animation:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shader-drift{background:#0b0b0c url(/hero/gradient-dark.webp) 50%/auto 100% no-repeat}}:root[data-theme=dark] .shader-drift{background:#0b0b0c url(/hero/gradient-dark.webp) 50%/auto 100% no-repeat}.nh-intro{z-index:2;gap:var(--space-xl);padding:var(--space-xxl) var(--gutter);margin:auto 0;display:grid;position:relative}@media (min-width:1024px){.nh-intro{padding:var(--space-xxxl) var(--gutter) 56px;grid-template-columns:minmax(max-content,1fr) minmax(0,1fr);align-items:end;margin:auto 0 0}}.nh-intro .hello-block{min-width:0}.nh-intro .hello-sub{color:var(--text)}.hello-me-link{--me:3.8em;width:var(--me);height:var(--me);margin:calc(1.3em - var(--me)) .06em 0 .32em;color:var(--text);vertical-align:-.3em;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.hello-me{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:filter .15s,transform .15s;display:block}.hello-me-link:hover .hello-me,.hello-me-link:focus-visible .hello-me{filter:blur(5px);transform:scale(1.15)}.hello-me-tag{background:var(--frost-strong);box-shadow:inset 0 0 0 1px var(--frost-line);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-align:center;text-transform:uppercase;opacity:0;place-items:center;font-weight:400;line-height:1.2;transition:opacity .15s;display:grid;position:absolute;inset:0}.hello-me-link:hover .hello-me-tag,.hello-me-link:focus-visible .hello-me-tag{opacity:1}.hello-me-link:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}.nh-facts{border-top:1px solid var(--hairline);color:var(--text);margin:0;font-size:15px}.nh-facts>div{border-bottom:1px solid var(--hairline);grid-template-columns:104px minmax(0,1fr);align-items:center;min-height:31px;display:grid}.nh-facts dt{color:var(--text-muted);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;align-items:center;display:flex}.nh-facts dd{margin:0;line-height:30px}.nh-intro .nh-facts{border-top:0}.nh-intro .nh-facts>div{border-bottom:0;align-items:start}.nh-intro .nh-facts dt{min-height:30px}.nh-intro .nh-facts dd{padding-block:3px;line-height:24px}.nh-clock{font-variant-numeric:tabular-nums}.nh-dot{background:var(--live);border-radius:50%;width:7px;height:7px}.nh-work,.nh-play{padding:0 var(--gutter);scroll-margin-top:var(--space-xl);position:relative}.nh-play{margin-top:168px}@media (min-width:800px){.nh-play{margin-top:280px}}.nh-sec{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:24px;display:flex}.nh-sec-title{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.5}@media (min-width:800px){.nh-sec{margin-bottom:32px}}@media (max-width:799px){.nh-sec-title{font-size:23px}}.nh-grid{gap:36px var(--space-xl);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (min-width:800px){.nh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:799px){.nh-grid--play{gap:var(--space-xl) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.nh-card--play .nh-card-head,.nh-card--play .nh-card-line{display:none}.nh-card--play .nh-card-soon{color:var(--text-muted);margin-top:2px;display:block}.nh-card--play[data-soon] .nh-card-name{color:var(--text-muted)}.nh-card--play .nh-card-name{font-family:var(--font-display);letter-spacing:-.02em;margin-top:10px;font-size:16px;font-weight:500;line-height:1.3;display:block}}.nh-card{color:var(--text);outline:none;text-decoration:none;display:block}.nh-card-media{aspect-ratio:678/368;border:1px solid var(--border);background:var(--tone,#fff);transition:border-color .2s;display:block;position:relative;overflow:hidden}.nh-card-media img,.nh-card-media video{object-fit:cover;width:100%;height:100%;display:block}.nh-card-media video{position:absolute;inset:0}.nh-card[data-soon] .nh-card-media:has(img[data-ld="1"]){background:#fff}.nh-card-media[data-lights]{position:relative;container-type:inline-size}.nh-lights{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nh-lights i{left:var(--x);top:var(--y);width:max(1.5px, var(--d));height:max(1.5px, var(--d));background:var(--c);box-shadow:0 0 1cqw .28cqw var(--c), 0 0 2.4cqw .5cqw var(--c);opacity:0;animation:nh-light-rise var(--t) linear var(--dl) infinite, nh-light-sway var(--ts) ease-in-out var(--dl) infinite alternate;border-radius:50%;animation-play-state:paused;position:absolute}.nh-card-media[data-lights=on] .nh-lights i{animation-play-state:running}@keyframes nh-light-rise{0%{opacity:0;translate:0}14%{opacity:var(--o)}34%{opacity:calc(var(--o) * .55)}52%{opacity:var(--o)}74%{opacity:calc(var(--o) * .5)}to{opacity:0;translate:0 -23cqw}}@keyframes nh-light-sway{0%{transform:translateX(calc(var(--sw) * -1))}to{transform:translateX(var(--sw))}}.nh-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-top:14px;display:flex}.nh-card-when{white-space:nowrap;flex:none}.nh-card-title{min-width:0;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:pretty;font-size:20px;font-weight:500;line-height:1.3;display:block}.nh-card-line{justify-content:space-between;align-items:baseline;gap:2px var(--space-md);flex-wrap:wrap;min-height:18px;margin-top:2px;display:flex;position:relative}.nh-card-kind{min-width:0;color:var(--text-muted);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:pretty;font-size:15px;line-height:1.4}.nh-card-line .label{white-space:nowrap}@media (hover:hover){.nh-card-go{padding-left:var(--space-md);background:var(--bg);position:absolute;top:0;right:0}}.nh-card-go{color:var(--text);opacity:0;padding-right:4px;transition:opacity .2s}.nh-card-arrow{transition:transform .25s var(--ease-out);margin-left:.5em;display:inline-block}.nh-card-name{display:none}a.nh-card:hover .nh-card-media,a.nh-card:focus-visible .nh-card-media{border-color:var(--accent-1)}a.nh-card:focus-visible .nh-card-go{opacity:1}a.nh-card:focus-visible .nh-card-media{outline:2px solid var(--accent-1);outline-offset:3px}.nh-card[data-soon]{cursor:default}.nh-card[data-soon] .nh-card-media img{opacity:.42}.nh-card[data-soon] .nh-card-title,.nh-card[data-soon] .nh-card-go{color:var(--text-muted)}@media (hover:none){.nh-card-go{color:var(--text-muted);opacity:1}}@media (max-width:799px){.nh-card-go{flex-basis:100%}}.csx-stage .melon-demo{width:auto;height:100%;max-height:620px}.nh-cursor{z-index:30;background:var(--frost-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:28px;box-shadow:inset 0 0 0 1px var(--frost-line);color:var(--text);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform;align-items:center;gap:.7em;padding:0 10px;line-height:1;transition:opacity .15s;display:flex;position:fixed;top:0;left:0}.nh-cursor[data-on]{opacity:1}.nh-cursor[data-soon]{color:var(--text-muted)}.nh-cursor[data-soon] .nh-cursor-arrow{display:none}@media (hover:none){.nh-cursor{display:none}}html[data-motion=reduced] .nh-lights i{opacity:calc(var(--o) * .7);animation:none}@media (prefers-reduced-motion:reduce){.nh-lights i{opacity:calc(var(--o) * .7);animation:none}}html[data-motion=reduced] .nh *,html[data-motion=reduced] .nh :before,html[data-motion=reduced] .nh :after{transition:none!important}@media (prefers-reduced-motion:reduce){.nh *,.nh :before,.nh :after{transition:none!important}}.sf{margin:160px var(--gutter,var(--space-xl)) 0;padding:0 0 calc(32px + env(safe-area-inset-bottom,0px));color:var(--text-muted);font-size:15px;line-height:1.5}.sf p{margin:0}.sf .label{line-height:24px}.sf-row{gap:32px;display:grid}@media (min-width:800px){.sf-row{grid-template-columns:calc(50% - var(--space-xl) / 2) minmax(0, 1fr) minmax(0, 1fr);align-items:end;column-gap:var(--space-xl)}}.sf-sig{width:min(300px,70vw);height:auto;color:var(--text);display:block}.sf-when{margin-top:20px!important}.sf-clock{font-variant-numeric:tabular-nums}.sf-links{justify-items:start;gap:8px;display:grid}.sf-links .sn-link{height:24px}@media (max-width:799px){.sf-row{gap:24px}.sf-row>div{margin-bottom:8px}.sf-links{flex-wrap:wrap;gap:8px 28px;display:flex}}button.sn-link{font:inherit;cursor:pointer;background:0 0;border:0}.sf a:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}.sf-fine{justify-content:space-between;gap:4px var(--space-xl);flex-wrap:wrap;margin-top:56px;font-size:13px;display:flex}.sf-fine a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.sf-fine a:hover{color:var(--accent-1);text-decoration-color:currentColor}.sf-fine kbd{border:1px solid var(--border);color:var(--text);font-family:var(--font-code);padding:0 5px;font-size:12px;line-height:18px;display:inline-block}@media (hover:none){.sf-keys{display:none}}@media (max-width:799px){.sf{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));margin-top:104px}.sf-fine{flex-direction:column;margin-top:40px}}@media (pointer:coarse){.sf-fine a{position:relative}.sf-fine a:after{content:"";position:absolute;inset:-12px -6px}}.cs .sf{margin-top:72px}.mobilebar.pb .mobilebar-home{color:inherit;text-decoration:none}.bar-phone{display:none}@media (max-width:799px){.bar-phone{align-items:center;gap:4px;display:flex}.bar-phone .icon-btn,.bar-phone .chat-toggle,.mobilebar .icon-btn,.mobilebar .chat-toggle{position:relative}.bar-phone .icon-btn:after,.bar-phone .chat-toggle:after,.mobilebar .icon-btn:after,.mobilebar .chat-toggle:after{content:"";position:absolute;inset:-7px -5px}}.pm{z-index:48;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.pm-bar{padding:calc(8px + env(safe-area-inset-top,0px)) 6px 8px 16px;border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;display:flex}.pm-bar .mobilebar-home{font-family:var(--font-code);text-transform:uppercase;flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.pm-links{padding:var(--space-xs) var(--space-xl) 0;flex-direction:column;display:flex}.pm-links a{border-bottom:1px solid var(--hairline);min-height:64px;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:23px;font-weight:500;text-decoration:none;display:flex}.pm-links a[aria-current=page]:before{content:"["}.pm-links a[aria-current=page]:after{content:"]"}.pm-links a[aria-current=page]{justify-content:flex-start}.pm-ask{min-height:48px;margin:28px var(--space-xl) 0;padding:0 var(--space-sm);border:1px solid var(--text);color:var(--text);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-align:left;text-transform:uppercase;align-items:center;gap:10px;display:flex}.pm-ask span:nth-child(2){flex:1}.pm-ask span:last-child{color:var(--text-muted)}.pm-hi{margin:28px var(--space-xl) var(--space-xl);position:relative}.pm-hi>button{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px;margin-top:4px;font-size:15px;display:block}.pm-settings{margin-top:var(--space-xl);position:relative}.pm-settings .settings{transform-origin:0 0;width:min(260px,100%);top:calc(100% + 8px);bottom:auto;right:auto}.cd-scrim{z-index:45}.cd{z-index:46;border-left:1px solid var(--border);background:var(--surface);width:min(400px,100vw - 32px);box-shadow:var(--shadow);overscroll-behavior:contain;position:fixed;top:0;bottom:0;right:0;overflow:hidden}@media (max-width:799px){.cd{width:auto;height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);border-left:0;top:auto;left:0}}.cs{overscroll-behavior:auto contain}.cs-bar{column-gap:var(--space-xl);grid-template-columns:minmax(0,1fr) auto auto}.cs-bar-left{align-items:center;min-width:0;display:flex}.cs-bar .sn{grid-column:2;height:32px}.cs-bar-title{white-space:nowrap}.cs-bar-title:before{content:"/";margin:0 var(--space-xxs) 0 var(--space-xs);color:var(--text-muted);font-weight:400}@media (max-width:799px){.cs-bar-title{display:none}}.cs-toc{transition:opacity .25s, transform .25s var(--ease-out)}.cs-toc[data-wait]{opacity:0;pointer-events:none;transform:translateY(6px)}.csx{padding:var(--space-xxxl) var(--space-xl) 0;flex-direction:column;display:flex;position:relative}.csx:focus{outline:none}.csx-text{display:contents}.csx .cs-hero{padding-top:0}.csx-stage{height:min(640px,78svh);margin-top:var(--space-xl);flex:none;order:1}.csx .cs-meta{margin-top:var(--space-xxl);order:2}.csx-cue{display:none}.csx~.cs-main{padding-top:72px}.csx~.cs-main .cs-article>.cs-lede:first-child{margin-top:0}.csx-stage{grid-template-columns:minmax(0,1fr)}.csx-stage .seg--stage{flex-wrap:wrap;justify-content:center;max-width:100%}@media (max-width:640px){.csx-stage .seg--stage .seg-opt{height:36px;padding:0 10px;font-size:13px}.csx{padding:var(--space-xxl) var(--space-md) 0}.csx~.cs-main{padding-top:56px}}@media (min-width:1024px){.csx{column-gap:var(--space-xxl);height:calc(100svh - 56px);min-height:600px;max-height:1040px;padding:36px max(32px, calc(50% - 688px)) var(--space-xl) max(var(--space-xl), calc(50% - 600px));grid-template-columns:minmax(300px,372px) minmax(0,1fr);align-items:center;display:grid}.csx-text{padding-bottom:var(--space-xxl);display:block}.csx .cs-sub{font-size:18px;line-height:1.5}.csx .cs-meta{gap:var(--space-lg) var(--space-xl);margin-top:var(--space-xxl);grid-template-columns:repeat(2,minmax(0,1fr))}.csx .cs-meta .tools{flex-wrap:wrap}.csx-stage{height:100%;min-height:0;margin-top:0}.csx-cue{bottom:var(--space-xl);left:max(var(--space-xl), calc(50% - 600px));transition:opacity .25s;display:inline-flex;position:absolute}.csx[data-moved] .csx-cue{opacity:0}}@media (min-width:1024px) and (max-height:720px){.csx .cs-meta{margin-top:var(--space-xl)}}.ml-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:0;list-style:none}.ml-parts li{border-top:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);align-content:start;padding:14px 0;display:grid}.ml-parts .ml-ch-n{padding-top:5px}.ml-parts .ml-ch-k{color:var(--text);font-family:var(--font-display);font-size:17px;font-weight:500}.ml-parts .ml-ch-v{opacity:1;grid-column:2;max-height:none;margin-top:4px;padding-left:0}.pp{z-index:40;background:var(--bg);color:var(--text);overscroll-behavior:auto contain;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden auto}.pp .cs-bar{flex:none}.pp .page{height:auto;min-height:560px;padding:var(--space-xxl) var(--space-xl) var(--space-xl);scroll-snap-align:none;border-bottom:0;flex:1 0 auto}@media (min-width:800px){.pp .page{min-height:0;padding:40px var(--space-xxl) var(--space-xl);flex:0 0 calc(100svh - 56px)}}.pp .sf{flex:none}.cs .cs-h1,.cs .ab-intro .cs-h1,.pp .page .page-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.5}@media (max-width:799px){.cs .cs-h1,.cs .ab-intro .cs-h1,.pp .page .page-title{font-size:23px}}.ab-note{width:min(459px,85%)}.ab-touch:hover{border-color:var(--accent-1)}.rn{z-index:60;border-top:1px solid var(--border);background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;height:270px;animation:rn-in .32s var(--ease-out) both;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes rn-in{0%{transform:translateY(100%)}}.rn-score,.rn-keys{color:var(--text-muted);margin:0;position:absolute;top:16px}.rn-score{left:var(--space-xl)}.rn-score span{color:var(--text);margin-left:.6em}.rn-keys{right:60px}.rn-x{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;line-height:1;position:absolute;top:8px;right:14px}.rn-x:hover{color:var(--text)}.rn-x:focus-visible{outline:2px solid var(--accent-1);outline-offset:-4px}.rn-note{top:58px;right:var(--space-xl);left:var(--space-xl);color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;text-align:center;margin:0;font-size:20px;font-weight:500;position:absolute}.rn-lane{border-bottom:1px solid var(--border);height:0;position:absolute;bottom:44px;left:0;right:0}.rn-face{will-change:transform;width:40px;position:absolute;bottom:0;left:72px}.rn-head,.rn-head svg,.rn-body{display:block}.rn-head{animation:.24s steps(2,end) infinite rn-bob}@keyframes rn-bob{50%{transform:translateY(1.5px)}}.rn-body{fill:var(--accent-1);margin-top:-3px}.rn-ft{fill:var(--text)}.rn-body g{opacity:0}.rn-a{animation:.24s step-end infinite rn-a}.rn-b{animation:.24s step-end infinite rn-b}@keyframes rn-a{0%{opacity:1}50%{opacity:0}}@keyframes rn-b{0%{opacity:0}50%{opacity:1}}.rn[data-air] .rn-head,.rn[data-state=over] .rn-head,.rn[data-air] .rn-body g,.rn[data-state=over] .rn-body g{animation:none}.rn[data-air] .rn-j,.rn[data-state=over] .rn-a{opacity:1}.rn[data-state=over] .rn-face{opacity:.45}.rn-block{border:1px solid var(--text);background:var(--bg);height:30px;color:var(--text);font-family:var(--font-code);white-space:nowrap;will-change:transform;align-items:center;padding:0 9px;font-size:12px;display:inline-flex;position:absolute;bottom:0;left:0}@media (max-width:799px){.rn-keys{display:none}}.nf{background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;padding:12px 24px 32px;display:flex}@media (max-width:799px){.nf{padding:12px 16px 32px}}.nf-chip{height:32px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-family:var(--font-code);font-size:var(--label-size);letter-spacing:var(--label-tracking);text-transform:uppercase;align-self:flex-start;align-items:center;gap:10px;padding-right:12px;text-decoration:none;display:inline-flex}.nf-chip b{color:var(--text);font-weight:500}.nf-chip svg{display:block}.nf-mid{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:8vh;display:flex}.nf-404{font-family:var(--font-display);letter-spacing:-.04em;justify-content:center;align-items:center;gap:.05em;margin:0;font-size:clamp(104px,17vw,200px);font-weight:700;line-height:.9;display:flex}.nf-face{width:.8em;height:.8em;display:block}.nf-face svg{width:100%;height:100%;display:block}.nf-sub{margin:var(--space-xl) 0 0;color:var(--text-muted);font-size:17px;line-height:1.5}.nf-go{justify-content:center;gap:var(--space-sm);margin:var(--space-xl) 0 0;flex-wrap:wrap;display:flex}.nf-btn{height:44px;padding:0 var(--space-lg);background:var(--text);color:var(--bg);align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s,box-shadow .15s;display:inline-flex}.nf-btn--ghost{box-shadow:inset 0 0 0 1px var(--border);color:var(--text);background:0 0}.nf-btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--accent-1)}.nf-btn:focus-visible,.nf-chip:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}@media (max-width:1023px){.csx-stage:has(.melon-film-box){height:auto}.csx-stage:has(.melon-film-box) .stage-visual{container-type:inline-size}}