@font-face{font-family:"Pretendard Variable";src:url(fonts/PretendardVariable.woff2) format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}
:root{--ui:#0b0b0c;--fg:#f2f2ee;--mute:#8b8b90;--acc:#ff5a36;
  --mono:"Cascadia Mono",Consolas,ui-monospace,monospace;
  --sans:"Pretendard Variable",Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
  --serif:"Noto Serif KR","Batang",serif}
*{box-sizing:border-box;margin:0}
html{background:var(--ui);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
body{overflow-x:clip}
a{color:inherit}
iframe{border:0;display:block;background:#fff}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.lab-bar{position:fixed;inset:0 0 auto 0;z-index:200;display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font:12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;mix-blend-mode:difference;color:#fff;pointer-events:none}
.lab-bar a{pointer-events:auto;text-decoration:none}
.lab-bar span:nth-child(2){opacity:.7}
@media(max-width:560px){.lab-bar span:nth-child(2){display:none}}
.tag-lab{position:fixed;left:8px;bottom:8px;z-index:200;background:var(--acc);color:#000;padding:3px 8px;font:10px var(--mono);pointer-events:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.intro{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:90px clamp(16px,3.4vw,48px) 48px}
.intro h1{font-weight:300;letter-spacing:-.04em;line-height:1.08;font-size:clamp(34px,6.4vw,104px)}
.intro h1 b{font-weight:900}
.intro p{margin-top:18px;color:var(--mute);max-width:44ch}
.cue{margin-top:28px;color:var(--mute)}
.outro{min-height:70svh;display:grid;place-items:center;text-align:center;padding:60px 16px;border-top:1px solid rgba(255,255,255,.12)}
.outro h2{font-weight:300;font-size:clamp(28px,4.4vw,64px);letter-spacing:-.04em;line-height:1.15}
.outro h2 b{font-weight:900}
.outro .btn,.btn-lab{display:inline-flex;align-items:center;margin-top:26px;min-height:46px;padding:0 24px;border-radius:999px;background:var(--fg);color:#000;text-decoration:none;font-weight:700;font-size:14px}