@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+KR:wght@400;500;700;900&family=Roboto+Mono:wght@400;700&display=swap');
:root{--ink:#0b0b0c;--paper:#e8e4d9;--red:#b91525;--line:rgba(232,228,217,.24);--sans:'Noto Sans KR',sans-serif;--display:'Archivo Black',sans-serif;--mono:'Roboto Mono',monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:99;left:1rem;top:-5rem;background:var(--paper);color:var(--ink);padding:1rem}.skip:focus-visible{top:1rem}.skip:not(:focus-visible){top:-5rem}.masthead{position:fixed;z-index:20;top:0;left:0;width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(11,11,12,.82);backdrop-filter:blur(16px)}.wordmark{font:700 .78rem var(--mono);letter-spacing:.09em}.masthead nav{display:flex;gap:2rem;font:400 .68rem var(--mono)}.masthead a:hover,.masthead a:focus-visible{color:#ef4052}.hero{min-height:100dvh;padding:120px 4vw 32px;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr auto;gap:2rem;position:relative}.hero-copy{align-self:center;z-index:2}.kicker,.section-mark{font:700 .68rem var(--mono);letter-spacing:.15em;color:#ef4052}.hero h1{font:clamp(3.8rem,10.2vw,10rem)/.8 var(--display);letter-spacing:-.07em;margin:2rem 0}.hero h1 span{display:block}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:2px var(--paper);transform:translateX(7vw)}.hero-thesis{max-width:610px;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.8;margin:2rem 0}.primary{display:inline-flex;min-height:48px;align-items:center;background:var(--red);color:#fff;padding:.9rem 1.3rem;font-weight:900}.primary:hover,.primary:focus-visible{background:#ef4052;transform:translateY(-1px)}.hero-media{position:absolute;right:0;top:72px;width:48vw;height:calc(100dvh - 72px);overflow:hidden;opacity:.56}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 30%,rgba(0,0,0,.2)),linear-gradient(0deg,var(--ink),transparent 40%)}.hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.3);transform:scale(1.12)}.scan{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px);mix-blend-mode:screen}.year{position:absolute;z-index:3;font:700 .7rem var(--mono);writing-mode:vertical-rl}.y1{right:2rem;top:2rem}.y2{right:2rem;bottom:2rem}.hero-index{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1rem;font:400 .65rem var(--mono);z-index:3}.prologue{padding:12rem 8vw;display:grid;grid-template-columns:1fr 3fr;gap:4rem;background:var(--paper);color:var(--ink)}.prologue>div{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw}.prologue h2,.why h2,.sources h2{font:clamp(2.4rem,5vw,5.7rem)/.95 var(--display);letter-spacing:-.055em;margin:0}.prologue p:not(.section-mark){line-height:2;margin:0;font-size:1.05rem}.first-listen{padding:10rem 4vw;background:#0d0b0b}.first-copy{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:4vw;align-items:start;margin-bottom:5rem}.first-copy h2{font:clamp(2.5rem,5.6vw,6.2rem)/.95 var(--display);letter-spacing:-.055em;margin:0}.first-copy>p:last-child{line-height:2;margin:0;max-width:48ch}.first-player{display:grid;grid-template-columns:1.25fr .75fr;border-top:1px solid var(--red);border-bottom:1px solid var(--red)}.first-frame{aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}.first-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.first-queue{display:flex;flex-direction:column}.first-track{flex:1;min-height:90px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;padding:1rem;cursor:pointer}.first-track span{grid-row:1/3;font:700 .65rem var(--mono);color:#ef4052}.first-track strong{font-size:.92rem}.first-track small{color:#aaa69f;margin-top:.3rem;line-height:1.4}.first-track:hover,.first-track:focus-visible,.first-track.active{background:var(--red);color:#fff}.first-track:hover span,.first-track:focus-visible span,.first-track.active span,.first-track:hover small,.first-track:focus-visible small,.first-track.active small{color:#fff}.love-letter{padding:12rem 12vw;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.3fr 1.3fr .7fr;gap:4vw;align-items:end}.love-letter blockquote{font:clamp(2rem,4vw,4.7rem)/1.35 var(--display);letter-spacing:-.04em;border:0;padding:0;margin:0}.love-letter>p:last-child{line-height:2;margin:0}.era-nav{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.era-nav a{min-height:180px;padding:1.2rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.era-nav a:hover,.era-nav a:focus-visible{background:var(--red)}.era-nav b,.era-nav small{font:400 .65rem var(--mono)}.era-nav span{font:700 .78rem var(--mono);writing-mode:vertical-rl;transform:rotate(180deg)}.era{padding:7rem 4vw 2rem;border-bottom:1px solid var(--line);background:var(--ink);color:var(--paper)}.era-red{--era-bg:#1a090b}.era-neon{--era-bg:#17120c}.era-grey{--era-bg:#151618}.era-rust{--era-bg:#160d0b}.era-draag{--era-bg:#101011}.era{background:linear-gradient(130deg,var(--era-bg,var(--ink)),var(--ink) 58%)}.era-head{display:grid;grid-template-columns:18vw 1fr;border-top:5px solid var(--accent);padding-top:1.5rem}.era-number{font:clamp(5rem,15vw,15rem)/.75 var(--display);color:var(--accent)}.era-head p{font:700 .72rem var(--mono);margin:0 0 1rem}.era-head h2{font:clamp(3rem,8.5vw,9rem)/.82 var(--display);letter-spacing:-.065em;margin:0}.era-head h3{font-size:clamp(1rem,2vw,1.8rem);margin:1.3rem 0 0;color:var(--accent)}.era-stage{margin-top:5rem;display:grid;grid-template-columns:1.25fr .75fr;gap:4vw;align-items:end}.era-image{height:min(62vw,680px);position:relative;overflow:hidden}.era-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%)}.era-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.15);transform:scale(1.08)}.era-image span{position:absolute;z-index:2;bottom:1rem;left:1rem;font:700 .72rem var(--mono)}.media-gap{border:1px solid var(--line);background:repeating-linear-gradient(135deg,#0b0b0c 0 16px,#111 16px 32px);display:flex;align-items:center;justify-content:center}.media-gap strong{font:clamp(1.3rem,3vw,3rem)/1.2 var(--display);text-align:center;color:var(--accent)}.media-note{margin-top:1rem;border:1px solid var(--accent);padding:3rem;display:grid;grid-template-columns:.4fr 1fr;gap:3rem}.media-note span{font:700 .68rem var(--mono);color:var(--accent)}.media-note p{margin:0;max-width:70ch;line-height:1.9}blockquote{font-size:clamp(1.5rem,3vw,3rem);line-height:1.45;font-weight:900;margin:0 0 3rem;border-left:1px solid var(--accent);padding-left:2rem}.era-narrative{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;padding:8rem 8vw}.story-text p{font-size:1.08rem;line-height:2;margin:0 0 2rem}.era-narrative aside{border-top:1px solid var(--accent);padding-top:1rem}.era-narrative h4{font:700 .68rem var(--mono);color:var(--accent);margin:0 0 .7rem}.era-narrative aside p{font-size:.9rem;line-height:1.75;margin:0 0 2.5rem;color:#bbb8b0}.listening{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);background:#050505}.player-wrap{aspect-ratio:16/9;position:relative;overflow:hidden;min-height:0}.player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.track-panel{max-height:100%;overflow:auto}.track-heading{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line);font:700 .62rem var(--mono)}.track{width:100%;min-height:92px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--paper);display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;padding:1rem;cursor:pointer}.track span{grid-row:1/3;font:400 .62rem var(--mono);color:var(--accent)}.track strong{font-size:.9rem}.track small{font-size:.72rem;line-height:1.5;color:#9c9992;margin-top:.35rem}.track:hover,.track:focus-visible,.track.active{background:var(--accent);color:#080808}.track:hover span,.track:focus-visible span,.track.active span,.track:hover small,.track:focus-visible small,.track.active small{color:#080808}.era-foot{display:flex;justify-content:space-between;padding:2rem 0 0;font:700 .65rem var(--mono)}.era-foot a:hover,.era-foot a:focus-visible{color:var(--accent)}.why{padding:12rem 8vw;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.reasons{counter-reset:r}.reasons article{display:grid;grid-template-columns:50px 1fr 1.2fr;gap:1rem;border-top:1px solid #777;padding:2rem 0}.reasons article span{font:700 .65rem var(--mono);color:var(--red)}.reasons h3{margin:0;font-size:1.05rem}.reasons p{margin:0;line-height:1.75;font-size:.9rem}.epilogue{min-height:82dvh;padding:10rem 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 80% 20%,#451019,transparent 35%),#090909}.epilogue p{font:700 .68rem var(--mono);color:#ef4052}.epilogue h2{font:clamp(2.8rem,7vw,7.5rem)/1 var(--display);letter-spacing:-.06em;margin:1.5rem 0 3rem}.korea-return{min-height:100dvh;padding:9rem 8vw;display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;align-items:center;background:linear-gradient(135deg,#b91525 0 32%,#0b0b0c 32% 100%);position:relative;overflow:hidden}.korea-return:after{content:"20 YEARS OF THE BLACK PARADE";position:absolute;right:-2rem;top:2rem;font:clamp(2.5rem,7vw,8rem)/.8 var(--display);color:transparent;-webkit-text-stroke:1px rgba(232,228,217,.22);writing-mode:vertical-rl;pointer-events:none}.korea-stamp{aspect-ratio:1;border:5px solid var(--paper);transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;box-shadow:12px 12px 0 #0b0b0c}.korea-stamp span,.korea-stamp small{font:700 .72rem var(--mono);letter-spacing:.12em}.korea-stamp b{font:clamp(7rem,17vw,16rem)/.8 var(--display)}.korea-copy{position:relative;z-index:2}.korea-copy h2{font:clamp(3rem,5.4vw,6.4rem)/1.02 var(--display);letter-spacing:-.055em;margin:1.5rem 0 3rem;word-break:keep-all}.korea-copy>p:not(.section-mark){max-width:68ch;font-size:1.05rem;line-height:2}.korea-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem}.korea-actions span{font:700 .64rem var(--mono);color:#aaa69f}.sources{padding:9rem 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.source-copy>p{line-height:1.9;margin-top:0}.source-copy ul{list-style:none;margin:3rem 0;padding:0;border-top:1px solid var(--line)}.source-copy li{border-bottom:1px solid var(--line)}.source-copy a{display:block;padding:1rem 0}.source-copy a:hover,.source-copy a:focus-visible{color:#ef4052}.asof{font:400 .65rem var(--mono)!important;color:#8e8b84}footer{height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font:700 .65rem var(--mono)}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #ef4052;outline-offset:4px}
@media(max-width:900px){.masthead nav{display:none}.korea-return{grid-template-columns:1fr;padding:8rem 5vw;background:linear-gradient(160deg,#b91525 0 29%,#0b0b0c 29% 100%)}.korea-stamp{width:min(62vw,360px);justify-self:center}.korea-return:after{opacity:.5}.hero{grid-template-columns:1fr;padding-top:110px}.hero-media{width:100%;opacity:.34}.hero h1 span:last-child{transform:none}.prologue,.why,.sources{grid-template-columns:1fr;padding:7rem 5vw}.prologue>div{grid-template-columns:1fr;gap:2rem}.first-copy,.love-letter{grid-template-columns:1fr}.first-player{grid-template-columns:1fr}.first-copy{gap:2rem}.love-letter{padding:8rem 5vw;align-items:start}.media-note{grid-template-columns:1fr;gap:1rem}.era-nav{grid-template-columns:repeat(4,1fr)}.era-nav a{min-height:120px}.era-nav span{writing-mode:horizontal-tb;transform:none}.era-head{grid-template-columns:1fr}.era-number{font-size:5rem;margin-bottom:2rem}.era-stage,.era-narrative,.listening{grid-template-columns:1fr}.era-stage{gap:2rem}.era-image{height:65vw}.era-narrative{padding:5rem 2vw}.track-panel{max-height:none}.reasons article{grid-template-columns:36px 1fr}.reasons p{grid-column:2}.sources{gap:3rem}}
@media(max-width:520px){.masthead{height:64px}.korea-return{padding:8.5rem 1.2rem 7rem;gap:5rem}.korea-stamp{width:64vw;box-shadow:8px 8px 0 #0b0b0c}.korea-stamp b{font-size:29vw}.korea-copy h2{font-size:11.5vw;line-height:1.08}.korea-copy>p:not(.section-mark){font-size:.96rem}.korea-actions{align-items:flex-start;flex-direction:column}.hero{padding:96px 1rem 24px;min-height:100dvh;grid-template-columns:minmax(0,1fr)}.hero-copy,.hero h1,.hero h1 span,.hero-thesis,.hero-index{min-width:0;max-width:100%}.hero h1{font-size:17.5vw;line-height:.84;margin:4rem 0 2rem}.hero h1 span:last-child{-webkit-text-stroke:1px var(--paper)}.hero-thesis{font-size:.94rem}.hero-index{font-size:.52rem}.prologue{padding:6rem 1.2rem}.first-listen{padding:6rem 1rem}.first-copy{margin-bottom:3rem}.first-copy h2{font-size:13vw}.first-player{margin:0 -.2rem}.first-track{min-height:104px}.love-letter{padding:7rem 1.2rem}.love-letter blockquote{font-size:9vw}.media-note{padding:1.5rem}.media-gap strong{font-size:1.2rem}.era-nav{grid-template-columns:1fr 1fr}.era{padding:5rem 1rem 1.5rem}.era-head h2{font-size:16vw}.era-head h3{font-size:1rem}.era-stage{margin-top:3rem}.era-image{height:78vw}blockquote{font-size:1.35rem;padding-left:1rem;margin-bottom:1rem}.era-narrative{padding:4rem 0}.story-text p{font-size:.96rem;line-height:1.9}.listening{margin:0 -.2rem}.player-wrap{width:100%}.track{min-height:104px}.why,.sources{padding:6rem 1.2rem}.why h2,.sources h2{font-size:13vw}.reasons article{grid-template-columns:32px 1fr}.epilogue{padding:6rem 1.2rem;min-height:70dvh}.epilogue h2{font-size:12vw}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-media img{transform:none}.primary{transition:none}}