:root{
  --ui:"Wanted Sans Variable","Wanted Sans",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --paper:#f2efe9;
  --orange:#ff5a36;
}
body{font-family:var(--ui);font-weight:450;word-break:keep-all;background:#000;color:#fff}
.hero h1,.manifesto h2,.copy h2,.acclaim h2,.verdict h2,.verdict blockquote,dialog h2{font-family:var(--ui);font-weight:650;letter-spacing:-.055em;text-wrap:balance}
.hero h1{font-size:clamp(58px,6.8vw,96px);line-height:.94;max-width:8ch}
.hero-copy{width:min(650px,65vw)}
.hero-copy>p,.manifesto>p,.acclaim>p,.verdict>p,.chapter-no{font-family:var(--ui);font-weight:620;letter-spacing:.17em}
.hero-intro{font-family:var(--ui);font-size:16px;line-height:1.45}
.manifesto{background:#f0eee8}
.manifesto h2{font-size:clamp(46px,6.1vw,84px);line-height:1.05;max-width:15ch}
.manifesto h2 em{color:var(--orange)}

.chapter-image{isolation:isolate;position:relative;min-height:100svh;background:#000;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,48px);align-items:center;padding:100px var(--pad);overflow:hidden}
.chapter-image::after{content:"";position:absolute;z-index:0;inset:0;background-image:var(--chapter-bg);background-size:cover;background-position:var(--chapter-pos,center);background-repeat:no-repeat;opacity:.5;filter:saturate(.72) contrast(1.13);transform:scale(1.01)}
.chapter-image::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.72) 100%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 35%,rgba(0,0,0,.36));pointer-events:none}
.chapter-image.reverse::before{background:linear-gradient(270deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.72) 100%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 35%,rgba(0,0,0,.36))}
.chapter-image .copy,.chapter-image .video-wrap{position:relative;z-index:2;min-width:0}
.chapter-image .copy{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}
.chapter-no{display:inline-block;margin:0 14px 14px 0;color:var(--accent,var(--orange));font-size:10px}
.chapter-image .copy time{display:inline-block;color:rgba(255,255,255,.6);font-family:var(--ui);font-size:11px;font-weight:550;letter-spacing:.14em}
.copy h2{font-size:clamp(42px,4.6vw,68px);line-height:1.03;max-width:11ch;margin:14px 0 24px}
.chapter-image .lead{max-width:31ch;color:#efefef;font-family:var(--ui);font-size:clamp(16px,1.35vw,20px);font-weight:470;line-height:1.62;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.copy blockquote{max-width:500px;margin:30px 0 0;padding:17px 0;border-color:rgba(255,255,255,.4);font-family:var(--ui);font-size:16px;font-weight:520;line-height:1.55}
.copy cite{font-family:var(--ui)}
.detail-link{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:11px 0;border-bottom:1px solid var(--accent,var(--orange));color:#fff;font-size:13px;font-weight:650;text-decoration:none}.detail-link span{color:var(--accent,var(--orange));font-size:18px;transition:transform .2s}.detail-link:hover span,.detail-link:focus-visible span{transform:translateX(5px)}
.fact,.metric{font-family:var(--ui)}
.fact b{color:var(--accent,var(--orange))}.metric b{color:var(--accent,var(--orange));font-size:clamp(46px,5vw,72px)}
.video-wrap{background:#000;border:1px solid rgba(255,255,255,.4);box-shadow:none;border-radius:0;overflow:hidden}
.video-wrap iframe{width:100%;aspect-ratio:16/9}.video-meta{font-family:var(--ui);font-size:11px;background:#050505;border-top:1px solid #333}

.chapter--stage{--accent:#d8d8d8}.chapter--stage .copy{grid-column:1/6}.chapter--stage .video-wrap{grid-column:6/13}
.chapter--broadcast{--accent:#ffd426}.chapter--broadcast .video-wrap{grid-column:1/9;order:initial}.chapter--broadcast .copy{grid-column:9/13;order:initial}
.chapter--album{--accent:#ff5538}.chapter--album .copy{grid-column:1/5}.chapter--album .video-wrap{grid-column:5/13}
.chapter--wide{--accent:#9ac2ff}.chapter--wide .video-wrap{grid-column:1/8;order:initial}.chapter--wide .copy{grid-column:8/13;order:initial}
.chapter--cinema{--accent:#ff9347;align-items:end}.chapter--cinema .copy{grid-column:1/5;align-self:start}.chapter--cinema .video-wrap{grid-column:5/13;align-self:end}
.chapter--peak{--accent:#b9ddff}.chapter--peak .video-wrap{grid-column:1/9;order:initial}.chapter--peak .copy{grid-column:9/13;order:initial;align-self:end}
.chapter--archive{--accent:#d8e8c8}.chapter--archive .copy{grid-column:1/6}.chapter--archive .video-wrap{grid-column:7/13}

.interlude{min-height:auto;padding:40px var(--pad);justify-content:flex-start;gap:clamp(12px,2.3vw,32px);background:#f0eee8}.interlude span{font-family:var(--ui);font-size:clamp(30px,4vw,54px);font-weight:650;letter-spacing:-.07em}.interlude i{color:var(--orange);font-size:clamp(18px,2.5vw,34px)}.interlude small{margin-left:auto;align-self:center;font-size:12px}
.acclaim{background:#e7ff55;color:#111}.acclaim h2{font-size:clamp(46px,6vw,84px);line-height:1.04}.acclaim h2 em{color:#e34327}.award-grid b{font-family:var(--ui);font-weight:650}
.verdict{background:#f0eee8}.verdict h2{font-size:clamp(44px,5.5vw,78px);line-height:1.05}.verdict blockquote{font-size:clamp(40px,4.8vw,68px);line-height:1.12}.thesis-lines{list-style:none;margin:70px 0 0;padding:0;border-top:1px solid #222}.thesis-lines li{display:grid;grid-template-columns:minmax(90px,160px) 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.28);font-size:clamp(16px,1.5vw,21px)}.thesis-lines b{color:var(--orange);font-weight:680}.thesis-lines span{font-weight:520}

@media(max-width:900px){
  .chapter-image,.chapter-image.reverse{min-height:auto;grid-template-columns:1fr;padding:86px var(--pad);gap:34px;align-items:start}
  .chapter-image::before,.chapter-image.reverse::before{background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.68) 58%,rgba(0,0,0,.32) 100%)}
  .chapter-image::after{opacity:.46}
  .chapter-image .copy,.chapter-image .video-wrap,.chapter--stage .copy,.chapter--stage .video-wrap,.chapter--broadcast .copy,.chapter--broadcast .video-wrap,.chapter--album .copy,.chapter--album .video-wrap,.chapter--wide .copy,.chapter--wide .video-wrap,.chapter--cinema .copy,.chapter--cinema .video-wrap,.chapter--peak .copy,.chapter--peak .video-wrap,.chapter--archive .copy,.chapter--archive .video-wrap{grid-column:1;order:initial}
  .chapter-image .copy{max-width:620px}
  .chapter-image .video-wrap{width:100%}
}
@media(max-width:600px){
  .hero h1{font-size:14.5vw;line-height:.98}
  .hero-copy{width:100%}.hero-intro{font-size:14px}
  .manifesto h2{font-size:11.2vw;line-height:1.1}
  .interlude{padding:26px 20px;gap:10px;flex-wrap:wrap}.interlude small{width:100%;margin-left:0}.interlude span{font-size:32px}
  .chapter-image,.chapter-image.reverse{padding:78px 20px 62px;gap:28px}
  .chapter-image::after{opacity:.42;transform:none;background-position:var(--chapter-pos,center)}
  .copy h2{font-size:11.2vw;line-height:1.08;max-width:12ch}
  .chapter-image .lead{font-size:15px;line-height:1.6}
  .copy blockquote{font-size:14px}
  .acclaim h2,.verdict h2{font-size:11.2vw;line-height:1.1}
  .verdict blockquote{font-size:10vw}
}
@media(prefers-reduced-motion:reduce){.chapter-image::after{transform:none}}