/* 생각의 대국 v2 — 상영관. 어두운 극장 화면에 동판화를 가득, 글은 그림 위에 얹고, 긴 글은 「읽기」 칸으로 접는다.
   한 가지 결(어둠)만 쓴다. 금빛은 ×와 선, 시각에만. */
:root{
  --night:#0B0A09; --night-2:#141210; --night-3:#1C1916;
  --ivory:#F1EBE0; --mute:#A79F92; --dim:#857D72; --line:rgba(241,235,224,.13);
  --gold:#C8A766; --gold-2:#E2C88F;
  /* 웹글꼴(10/4 경량화): 제목 GGoT Serif = Noto Serif KR 부분집합(제목 글자만), 본문 GGoT Sans = Pretendard 400·500·600 고정 굵기 부분집합.
     긴 읽기 글은 시스템 명조(--read-serif). @font-face 는 만들기.py 가 앞에 붙인다(라틴·한글 파일을 unicode-range 로 나눔) */
  --display:"GGoT Serif","AppleMyungjo","Nanum Myeongjo",serif;
  --display-b:"GGoT Serif","AppleMyungjo",serif;
  --read-serif:"AppleMyungjo","Nanum Myeongjo","NanumMyeongjo","Batang","Noto Serif CJK KR","Noto Serif KR",serif;
  --sans:"GGoT Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;
  --wide:1320px; --gut:clamp(20px,5vw,72px); --sect:clamp(96px,12vw,168px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--ivory);font:400 17px/1.75 var(--sans);letter-spacing:-.006em;
  word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400;text-wrap:balance}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ivory);color:var(--night);padding:8px 14px;z-index:20}
.skip:focus{left:12px;top:12px}
.wrap{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut)}
.eyebrow{font:500 12.5px/1.4 var(--sans);letter-spacing:.2em;color:var(--mute);font-variant-numeric:tabular-nums}
.eyebrow b{font-weight:600;color:var(--gold-2)}
.x{color:var(--gold);margin-inline:.32em;font-weight:300}
.mute{color:var(--mute)}

/* 머리 — 그림 위에 투명하게 */
.top{position:absolute;inset:0 0 auto 0;z-index:10;padding-top:env(safe-area-inset-top,0px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;padding-block:24px;flex-wrap:wrap}
.mark{display:flex;align-items:baseline;gap:14px}
.mark b{font:600 19px/1 var(--display-b);letter-spacing:.04em}
.mark span{font:500 10.5px/1 var(--sans);letter-spacing:.28em;color:var(--mute)}
@media (max-width:640px){.mark span{display:none}}
.nav{display:flex;gap:4px clamp(16px,2.4vw,34px);flex-wrap:wrap;font:500 14px/1 var(--sans);color:rgba(241,235,224,.78)}
.nav a{padding-block:8px;transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:var(--ivory)}

/* 첫 화면 그림 */
.stage{position:relative;min-height:min(92vh,980px);display:grid;align-items:end;isolation:isolate;overflow:hidden}
.stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02)}
.stage::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(11,10,9,.72) 0%,rgba(11,10,9,0) 22%,rgba(11,10,9,0) 38%,rgba(11,10,9,.78) 74%,var(--night) 100%),
             linear-gradient(90deg,rgba(11,10,9,.55) 0%,rgba(11,10,9,0) 60%)}
.stage .wrap{width:100%;padding-block:140px clamp(56px,7vw,96px);display:grid;gap:22px}
/* 위치 표시 — 히어로 위 작게, 흐리게 */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 12.5px/1.4 var(--sans);letter-spacing:.04em;color:var(--mute)}
.crumb a{color:var(--mute);transition:color .2s}
.crumb a:hover{color:var(--ivory)}
.crumb span[aria-hidden]{color:var(--dim)}
.crumb [aria-current]{color:var(--ivory)}
.stage h1,.stage .h1{font:300 clamp(40px,6.4vw,88px)/1.14 var(--display);letter-spacing:-.045em;max-width:12.5em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.pair{font:400 clamp(19px,1.9vw,24px)/1.3 var(--display);letter-spacing:-.01em}
.lead{max-width:34em;color:rgba(241,235,224,.82);font-size:clamp(16px,1.4vw,18px)}
.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--sans);padding:16px 24px;border-radius:999px;transition:background .2s,color .2s,border-color .2s;cursor:pointer;border:0}
.btn.solid{background:var(--ivory);color:var(--night)}
.btn.solid:hover{background:#fff}
.btn.ghost{background:rgba(241,235,224,.08);color:var(--ivory);box-shadow:inset 0 0 0 1px rgba(241,235,224,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(241,235,224,.16)}
.btn svg{width:14px;height:14px}

/* 섹션 */
section{scroll-margin-top:24px}
.part{padding-top:var(--sect)}
.head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.head h2{font:400 clamp(28px,3.4vw,44px)/1.25 var(--display);letter-spacing:-.035em;margin-top:12px}
.more-link{font:500 14px/1 var(--sans);color:var(--mute);transition:color .2s}
.more-link:hover{color:var(--ivory)}

/* 상영관 */
.theater{background:var(--night);padding-top:clamp(40px,5vw,72px)}
.player{position:relative;aspect-ratio:16/9;max-width:100%;background:#000;overflow:hidden;border-radius:4px;box-shadow:0 40px 120px -40px rgba(0,0,0,.9)}
.player img,.player iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.play{position:absolute;inset:0;width:100%;border:0;padding:0;background:rgba(0,0,0,.12);cursor:pointer;color:var(--ivory);transition:background .3s}
.play:hover{background:rgba(0,0,0,.28)}
.play .disc{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(68px,8vw,96px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(241,235,224,.92);color:var(--night);transition:transform .3s}
.play:hover .disc{transform:scale(1.06)}
.play .disc svg{width:30%;margin-left:8%}

/* 챕터 띠 — 실제 시각 비례 */
.scrub{margin-top:28px}
.track{position:relative;height:2px;background:var(--line);margin-block:18px 0}
.track i{position:absolute;top:-5px;width:1px;height:12px;background:var(--gold)}
.chap-list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 28px}
.chap-list a{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:rgba(241,235,224,.86);transition:color .2s}
.chap-list a:hover{color:var(--gold-2)}
.chap-list time{font:500 13px/1.7 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold);min-width:2.8em}

/* 맞섬 — 두 폭 병풍 */
.diptych{display:grid;grid-template-columns:1fr;position:relative}
@media (min-width:820px){.diptych{grid-template-columns:1fr 1fr}}
.panel{position:relative;min-height:clamp(520px,78vh,860px);display:grid;align-items:end;isolation:isolate;overflow:hidden}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9)}
.panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,10,9,0) 35%,rgba(11,10,9,.86) 78%,var(--night) 100%)}
.panel .in{padding:clamp(28px,4vw,56px);display:grid;gap:12px;max-width:560px}
.panel .who{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.panel h3{font:600 clamp(24px,2.4vw,30px)/1.2 var(--display-b);letter-spacing:-.02em}
.panel .life{font:500 13px/1 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}
.panel .desc{font-size:15px;color:rgba(241,235,224,.72)}
.panel blockquote{margin:10px 0 0;font:400 clamp(21px,2vw,26px)/1.55 var(--display);letter-spacing:-.025em}
.panel blockquote::before{content:"“";color:var(--gold)}
.panel blockquote::after{content:"”";color:var(--gold)}
.panel cite{font:400 12.5px/1.5 var(--sans);font-style:normal;color:var(--dim)}
.panel .tag{position:absolute;top:18px;right:18px;font:500 11px/1 var(--sans);letter-spacing:.06em;color:rgba(241,235,224,.6)}
@media (min-width:820px){.panel:last-child .in{justify-self:end;text-align:right}.panel:last-child .who{justify-content:flex-end}}
.seam{display:none}
@media (min-width:820px){.seam{display:grid;place-items:center;position:absolute;left:50%;top:44%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;background:var(--night);box-shadow:0 0 0 1px rgba(200,167,102,.5);font:300 30px/1 var(--display);color:var(--gold);z-index:2}}

.turn{text-align:center;display:grid;justify-items:center;gap:16px;padding-top:clamp(64px,8vw,112px)}
.turn svg{width:min(560px,80%);height:auto;color:var(--gold)}
.turn .t1{font-size:clamp(16px,1.5vw,18px);color:var(--mute)}
.turn .t2{font:300 clamp(32px,4.6vw,60px)/1.25 var(--display);letter-spacing:-.045em;max-width:14em}

/* 세 렌즈 */
.lenses{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border-block:1px solid var(--line)}
@media (min-width:900px){.lenses{grid-template-columns:repeat(3,1fr)}}
.lenses div{background:var(--night);padding:clamp(28px,3vw,44px) clamp(4px,2.4vw,36px) clamp(32px,3vw,48px) 0;display:grid;gap:16px;align-content:start}
@media (min-width:900px){.lenses div+div{padding-left:clamp(20px,2.4vw,36px)}}
.lenses h3{font:600 12.5px/1 var(--sans);letter-spacing:.24em;color:var(--gold)}
.lenses p{font:400 clamp(17px,1.5vw,19px)/1.75 var(--read-serif);letter-spacing:-.015em;color:rgba(241,235,224,.9)}
.try{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:1fr;gap:14px 48px;align-items:baseline}
@media (min-width:900px){.try{grid-template-columns:1fr 2fr}}
.try p:last-child{font:400 clamp(21px,2.1vw,28px)/1.6 var(--read-serif);letter-spacing:-.025em}

/* 읽기 */
.reading{display:grid;grid-template-columns:1fr;gap:28px 48px}
@media (min-width:1000px){.reading{grid-template-columns:1fr 2fr}}
.reading .note{color:var(--mute);font-size:15px;max-width:26em}
.fold{border-top:1px solid var(--line)}
.fold:last-child{border-bottom:1px solid var(--line)}
.fold>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;padding:26px 0}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary h3{font:400 clamp(22px,2.2vw,28px)/1.3 var(--display);letter-spacing:-.02em}
.fold>summary .mute{grid-column:1;font-size:14px}
.fold>summary .pm{grid-row:1/3;grid-column:2;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;transition:transform .3s,background .2s}
.fold>summary:hover .pm{background:var(--night-3)}
.fold[open]>summary .pm{transform:rotate(45deg)}
.fold .body{padding-bottom:36px}
.legend{font-size:13px;color:var(--dim);margin-bottom:22px;max-width:44em}
.ch{margin-top:30px}
.ch h4{font:600 13px/1 var(--sans);letter-spacing:.06em;color:var(--gold);margin:0 0 14px;display:flex;gap:12px}
.ch h4 .sep{color:var(--dim);font-weight:400}
.ln{display:grid;grid-template-columns:3.2em 5.6em minmax(0,1fr);gap:4px 16px;padding:9px 0;align-items:baseline}
.ln .t{font:400 12.5px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--dim);transition:color .2s}
.ln .t:hover{color:var(--gold-2)}
.ln .who{font:600 12px/1.5 var(--sans);letter-spacing:.06em;color:var(--dim)}
.ln.fig .who{color:var(--gold)}
.ln .say{font-size:16px;line-height:1.8;color:rgba(241,235,224,.9)}
.ln.fig .say{font:400 17.5px/1.75 var(--read-serif);letter-spacing:-.015em;color:var(--ivory)}
.ln .src{grid-column:3;font:400 12px/1.6 var(--sans);color:var(--dim)}
.ln .gloss{grid-column:3;font-size:13px;color:var(--mute)}
.ln .note{grid-column:3;font:400 12.5px/1.65 var(--sans);color:var(--mute);margin-top:4px}.ln .note span{color:var(--dim)}
@media (max-width:640px){.ln{grid-template-columns:3em minmax(0,1fr)}.ln .who{grid-column:2}.ln .say,.ln .src,.ln .gloss,.ln .note{grid-column:2}}
.sources{margin:0;padding:0;list-style:none;counter-reset:s}
.sources li{counter-increment:s;display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:4px 12px;padding:16px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.75;color:rgba(241,235,224,.82)}
.sources li::before{content:counter(s,decimal-leading-zero);font:500 12px/1.9 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold)}
.sources .kind{display:block;font:600 11.5px/1.5 var(--sans);letter-spacing:.04em;color:var(--mute)}

/* 쇼츠 · 이어 보기 */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,240px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.rail>a{scroll-snap-align:start;display:grid;gap:12px}
.short{position:relative;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:var(--night-3)}
.short img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rail>a:hover .short img{transform:scale(1.04)}
.rail p{font-size:14.5px;line-height:1.55;color:rgba(241,235,224,.86)}

/* 맺음 */
.close{position:relative;min-height:min(86vh,900px);display:grid;place-items:center;isolation:isolate;overflow:hidden;margin-top:var(--sect);text-align:center}
.close>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.close::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(11,10,9,.55),rgba(11,10,9,.82) 70%),linear-gradient(180deg,var(--night) 0%,rgba(11,10,9,0) 18%,rgba(11,10,9,0) 82%,var(--night) 100%)}
.close .in{display:grid;gap:22px;justify-items:center;padding:120px var(--gut)}
.close .c1{font:400 clamp(19px,1.9vw,24px)/1.6 var(--read-serif);color:rgba(241,235,224,.8)}
.close h2{font:300 clamp(34px,5vw,68px)/1.2 var(--display);letter-spacing:-.045em;max-width:12em}
.poll{max-width:640px;margin:18px auto 0;font-size:15.5px;color:rgba(241,235,224,.8);display:grid;gap:10px}
.poll small{font-size:13px;color:var(--mute)}

/* 다음 대국 · 모음 */
.cards{display:grid;grid-template-columns:1fr;gap:clamp(28px,3vw,40px) 24px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{display:grid;gap:14px;align-content:start}
.card .pic{aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:var(--night-3)}
.card .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .pic img{transform:scale(1.035)}
.card .no{font:500 12px/1 var(--sans);letter-spacing:.2em;color:var(--gold)}
.card h3{font:400 clamp(20px,1.8vw,24px)/1.4 var(--display);letter-spacing:-.025em}
.card .pr{font-size:14px;color:var(--mute)}
.card.big{grid-column:1/-1}
@media (min-width:1100px){.card.big{grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.card.big h3{font-size:clamp(28px,2.6vw,38px);line-height:1.3}}

/* 질문 목록 */
.qs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.qs a{display:grid;grid-template-columns:4.2em minmax(0,1fr) auto;gap:6px 24px;align-items:baseline;padding:clamp(18px,2vw,26px) 0;border-bottom:1px solid var(--line);transition:color .2s}
.qs .no{font:500 12.5px/1 var(--sans);letter-spacing:.16em;color:var(--gold)}
.qs .q{font:400 clamp(21px,2.4vw,32px)/1.35 var(--display);letter-spacing:-.03em}
.qs .pr{font-size:14px;color:var(--mute)}
.qs a:hover .q{color:var(--gold-2)}
@media (max-width:700px){.qs a{grid-template-columns:3.2em minmax(0,1fr)}.qs .pr{grid-column:2}}

/* 명제 띠 */
.band{text-align:center;padding-block:var(--sect) 0}
.band h1,.band .big{font:300 clamp(30px,4.4vw,58px)/1.3 var(--display);letter-spacing:-.045em;max-width:16em;margin-inline:auto}
.band h1 span,.band .big span{display:block;font-size:.5em;color:var(--mute);letter-spacing:-.02em;margin-top:.5em}

footer{margin-top:var(--sect);border-top:1px solid var(--line);padding-block:56px calc(48px + env(safe-area-inset-bottom,0px))}
footer .wrap{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:end}
footer .mark b{font-size:22px}
footer nav{display:flex;gap:10px 26px;flex-wrap:wrap;font:500 14px/1 var(--sans);color:var(--mute)}
footer nav a:hover{color:var(--ivory)}
footer small{display:block;margin-top:14px;font-size:12.5px;color:var(--mute)}   /* 대비 4.5:1 이상(접근성, 10/4) */

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:640px){.eyebrow{letter-spacing:.1em}}

/* ── 휴대폰 ── */
.menu-btn{display:none}
@media (max-width:720px){
  body{font-size:16.5px}
  .top .wrap{padding-block:16px;flex-wrap:nowrap}
  .menu-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:rgba(241,235,224,.1);color:var(--ivory);font:600 14px/1 var(--sans);box-shadow:inset 0 0 0 1px rgba(241,235,224,.22)}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:8px var(--gut) 20px;background:rgba(11,10,9,.97);border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .nav a{padding-block:15px;font-size:17px;border-top:1px solid var(--line);color:var(--ivory)}
  /* 휴대폰 첫 화면: 그림을 자르지 않고 위에 넓게, 글은 그 아래 — 두 인물이 다 보이게 */
  .stage{display:block;min-height:0;padding-top:72px}
  .stage::before{display:none}
  .stage>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transform:none;z-index:0;
    -webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}
  .stage .wrap{position:relative;margin-top:-48px;padding-block:0 40px;gap:16px}
  .acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .btn{justify-content:center;min-height:50px;padding:0 14px;font-size:15px}
  .lead{font-size:15.5px}
  .panel{min-height:78svh}
  .seam{display:grid;position:relative;left:auto;top:auto;translate:none;margin:-32px auto -32px;width:56px;height:56px;border-radius:50%;background:var(--night);box-shadow:0 0 0 1px rgba(200,167,102,.5);font:300 26px/1 var(--display);color:var(--gold);z-index:2;place-items:center}
  .chap-list{grid-template-columns:1fr}
  .chap-list a{min-height:48px;align-items:center}
  .ln .t{display:inline-block;padding:8px 0;min-width:44px}
  .fold>summary{padding:20px 0}
  .rail{grid-auto-columns:62%}
  .close{min-height:92svh}
  .qs .q{font-size:20px}
  footer .wrap{flex-direction:column;align-items:flex-start}
}

/* ── 메뉴 쪽 ── */
.plain-hero{padding-top:clamp(140px,16vw,220px)}
.plain-hero .wrap{display:grid;gap:18px}
.plain-hero h1,.short-stage h1{font:300 clamp(40px,6vw,84px)/1.12 var(--display);letter-spacing:-.045em}
.plain-hero .lead{max-width:34em}
.short-stage{min-height:min(72vh,760px)}
.ep-list{list-style:none;margin:clamp(48px,6vw,80px) 0 0;padding:0;display:grid}
.ep-row{display:grid;grid-template-columns:1fr;gap:18px;padding:clamp(24px,3vw,36px) 0;border-top:1px solid var(--line)}
@media (min-width:860px){.ep-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center}}
.ep-row .pic{aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:var(--night-3)}
.ep-row .pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ep-row:hover .pic img{transform:scale(1.03)}
.ep-row .txt{display:grid;gap:10px;align-content:center}
.ep-row .no{font:500 12.5px/1 var(--sans);letter-spacing:.14em;color:var(--gold);font-variant-numeric:tabular-nums}
.ep-row h2{font:400 clamp(24px,2.6vw,34px)/1.3 var(--display);letter-spacing:-.03em}
.ep-row:hover h2{color:var(--gold-2)}
.ep-row .pr{font-size:15px;color:var(--mute)}
.ep-row .syn{font-size:15.5px;color:rgba(241,235,224,.72);max-width:38em}
.topics{display:grid;gap:clamp(56px,7vw,96px);margin-top:clamp(56px,7vw,96px)}
.topic h2{font:400 clamp(22px,2.2vw,28px)/1.3 var(--display);letter-spacing:-.02em;margin-bottom:18px;color:var(--gold-2)}
.prose-page{max-width:820px;margin-top:clamp(56px,7vw,96px);display:grid;gap:18px}
.prose-page h2{font:400 clamp(26px,2.8vw,36px)/1.3 var(--display);letter-spacing:-.03em;margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--line)}
.prose-page p{font-size:17px;line-height:1.85;color:rgba(241,235,224,.86)}
.prose-page strong{color:var(--ivory);font-weight:600}
.gates{list-style:none;margin:8px 0 0;padding:0;counter-reset:g;display:grid;gap:0}
.gates li{counter-increment:g;display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line);font-size:16.5px;line-height:1.8;color:rgba(241,235,224,.82)}
.gates li::before{content:counter(g,decimal-leading-zero);font:300 28px/1.2 var(--display);color:var(--gold)}
.defs{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0}
.defs li{padding:14px 0;border-top:1px solid var(--line);font-size:16px;color:rgba(241,235,224,.8)}
.defs strong{display:inline-block;min-width:5.5em;color:var(--gold-2)}
.nf{font:300 clamp(34px,5vw,60px)/1.2 var(--display);letter-spacing:-.04em}
@media (max-width:720px){
  .plain-hero{padding-top:120px}
  .short-stage .wrap{margin-top:-40px}
}

/* 언어 바꾸기 */
.top .wrap{flex-wrap:nowrap}
.top .mark{margin-right:auto}
.lang{order:3;display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(241,235,224,.08);box-shadow:inset 0 0 0 1px rgba(241,235,224,.18);font:600 12.5px/1 var(--sans)}
.lang a{padding:8px 12px;border-radius:999px;color:rgba(241,235,224,.7);transition:background .2s,color .2s}
.lang a[aria-current]{background:var(--ivory);color:var(--night)}
.lang a:not([aria-current]):hover{color:var(--ivory)}
.nav{order:2}
.menu-btn{order:4}
@media (max-width:720px){.lang a{padding:9px 10px;min-height:36px;display:inline-flex;align-items:center}.top .wrap{gap:8px}}

/* 회차 레일 — 다큐 시리즈 타일 */
.rail-wrap{position:relative;margin-inline:calc(var(--gut) * -1)}
.rail2{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(270px,29vw,400px);gap:clamp(14px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
  padding-inline:var(--gut);scroll-padding-inline:var(--gut);padding-bottom:6px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail2::-webkit-scrollbar{display:none}
.tile{scroll-snap-align:start;display:grid;gap:12px;align-content:start}
.tile .pic{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:var(--night-3)}
.tile .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.tile .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,0) 45%,rgba(11,10,9,.78) 100%);pointer-events:none}
.tile:hover .pic img{transform:scale(1.04)}
.tile .num{position:absolute;left:16px;bottom:8px;z-index:1;font:300 clamp(40px,4vw,58px)/1 var(--display);letter-spacing:-.04em;color:rgba(241,235,224,.92)}
.tile .dur{position:absolute;right:12px;bottom:12px;z-index:1;font:600 12px/1 var(--sans);font-variant-numeric:tabular-nums;padding:6px 8px;border-radius:4px;background:rgba(11,10,9,.62);color:var(--ivory)}
.tile .no{font:500 12.5px/1.4 var(--sans);letter-spacing:.06em;color:var(--mute)}
.tile .no .x{margin-inline:.5em}
.tile h3{font:400 clamp(19px,1.6vw,22px)/1.45 var(--display);letter-spacing:-.025em}
.tile:hover h3{color:var(--gold-2)}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(241,235,224,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--ivory);font:400 18px/1 var(--sans);cursor:pointer;transition:background .2s}
.rail-nav button:hover{background:rgba(241,235,224,.14)}
@media (max-width:720px){.rail-nav{display:none}.rail2{grid-auto-columns:78%}}

/* 회차 격자 — 버튼 없이 한눈에, 빈칸 없이 */
.season{display:grid;grid-template-columns:1fr;gap:clamp(28px,3vw,40px) var(--sg,20px)}
@media (min-width:700px) and (max-width:1099px){.season{grid-template-columns:repeat(2,minmax(0,1fr))}.season .w2{grid-column:span 2}}
@media (min-width:1100px){.season{grid-template-columns:repeat(3,minmax(0,1fr))}.season .w3{grid-column:span 2}}
.season .tile{scroll-snap-align:none}
/* 넓은 타일은 옆 타일과 그림 높이를 같게(같은 줄 높이) — 더 넓게 잘라 보여 준다 */
.season{--sg:clamp(16px,1.8vw,24px)}
@media (min-width:1100px){.season .w3 .pic{aspect-ratio:auto;height:calc((min(100vw,var(--wide)) - 2*var(--gut) - 2*var(--sg))/3*.5625)}
  .season .w3 .pic img{object-position:50% 32%}.season .w3 h3{font-size:clamp(23px,2vw,28px)}}
@media (min-width:700px) and (max-width:1099px){.season .w2 .pic{aspect-ratio:auto;height:calc((100vw - 2*var(--gut) - var(--sg))/2*.5625)}.season .w2 .pic img{object-position:50% 32%}}
@media (min-width:700px) and (max-width:1099px){.season .w2 h3{font-size:clamp(22px,2.6vw,28px)}}

/* 시즌 고르기 */
.season-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:-12px 0 28px}
.season-tabs button{font:600 14px/1 var(--sans);padding:12px 18px;min-height:44px;border-radius:999px;border:0;cursor:pointer;background:rgba(241,235,224,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--mute);transition:background .2s,color .2s}
.season-tabs button[aria-selected="true"]{background:var(--ivory);color:var(--night);box-shadow:none}
.season-tabs button:hover:not([aria-selected="true"]){color:var(--ivory)}
.season-one{display:inline-block;margin:-12px 0 28px;font:600 13px/1 var(--sans);letter-spacing:.08em;padding:10px 16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(200,167,102,.45);color:var(--gold-2)}

/* 음악 */
.albums{display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,48px) 24px;margin-top:clamp(48px,6vw,80px)}
@media (min-width:860px){.albums{grid-template-columns:repeat(3,minmax(0,1fr))}}
.album{display:grid;gap:12px;align-content:start}
.album .pic{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:var(--night-3)}
.album .pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.album:hover .pic img{transform:scale(1.04)}
.play-chip{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--sans);padding:9px 12px;border-radius:999px;background:rgba(11,10,9,.66);color:var(--ivory);backdrop-filter:blur(6px)}
.play-chip svg{width:11px;height:11px}
.album .no{font:500 12.5px/1 var(--sans);letter-spacing:.14em;color:var(--gold)}
.album h3{font:400 clamp(21px,1.9vw,26px)/1.35 var(--display);letter-spacing:-.025em}
.album:hover h3{color:var(--gold-2)}
.album .pr{font-size:14.5px;color:var(--mute)}
.music-note{margin-top:clamp(40px,5vw,64px);max-width:40em}

/* OST 앨범 — 직접 재생 + 곡으로 점프 */
.series-line{max-width:40em;color:var(--mute);margin:-12px 0 clamp(32px,4vw,48px);font-size:16px}
.album-row{display:grid;grid-template-columns:1fr;gap:24px 40px;padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--line)}
@media (min-width:960px){.album-row{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}.album-row .player{position:sticky;top:24px}}
.album-info{display:grid;gap:10px;align-content:start;min-width:0}
.album-info .no{font:500 12.5px/1 var(--sans);letter-spacing:.14em;color:var(--gold)}
.album-info h3{font:400 clamp(24px,2.4vw,32px)/1.3 var(--display);letter-spacing:-.03em}
.album-info .pr{color:var(--mute);font-size:15px}
.lead-s{font-size:15px;color:rgba(241,235,224,.78);line-height:1.8}
.tracks{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--line)}
.tracks a{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line);transition:background .2s,color .2s;min-height:48px}
.tracks a:hover{background:rgba(241,235,224,.04)}
.tracks a[aria-current]{color:var(--gold-2)}
.tracks .tn{font:500 12px/1 var(--sans);color:var(--dim);font-variant-numeric:tabular-nums}
.tracks .tt{font:400 16.5px/1.45 var(--read-serif);letter-spacing:-.015em}
.tracks .tt small{display:block;font:400 12.5px/1.5 var(--sans);color:var(--dim);margin-top:3px;letter-spacing:0}
.tracks time{font:500 12.5px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold)}
a.ext{color:inherit;text-decoration:underline;text-decoration-color:rgba(200,167,102,.5);text-underline-offset:.22em}a.ext:hover{color:var(--gold-2)}
.ln .note .note-src{color:var(--gold-2);text-decoration:underline;text-underline-offset:.2em;margin-left:.3em}
.sources .src-short{font-weight:600;color:var(--ivory)}
.sources li:target{background:rgba(200,167,102,.12);border-radius:4px}

/* ── 운영판 덧붙임 (CTO) ── */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 흐림 효과는 넓은 화면에서만 — 휴대폰에선 무겁다 */
@media (max-width:899px){.btn.ghost{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(11,10,9,.45)}}
.credits{margin-top:20px;display:grid;gap:4px;font-size:12.5px;color:var(--dim)}
/* 영상 자리: 링크(크롤러·JS 없을 때 유튜브로) — 누르면 그 자리에서 재생 */
a.player{display:block;color:inherit}
a.player .play{display:block}
.yt-direct{margin-top:12px;font:500 13.5px/1.4 var(--sans)}
.yt-direct a{color:var(--mute);text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--line)}
.yt-direct a:hover{color:var(--ivory)}
/* 다국어 머리(10/4) — 이름표·언어 단추는 글자 중간에서 줄바꿈하지 않음. 좁은 화면에선 언어 단추를 KO·EN·JA 로 */
.top .mark,.lang{flex-shrink:0}
.lang a{white-space:nowrap}
.lang .ls{display:none}
@media (min-width:721px){.mark b{white-space:nowrap}}
@media (max-width:1100px) and (min-width:721px){.mark span{display:none}}
@media (max-width:480px){
  .lang .lf{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lang .ls{display:inline}
  .lang a{padding:9px 9px;letter-spacing:.04em}
  .top .mark{flex-shrink:1;min-width:0}
}
/* ── 인물사전(10/4) — 상영관 결 그대로: 어둠 위 초상, 제목만 웹글꼴, 긴 글은 시스템 명조·고딕 ── */
.panel h3 a,.ptile h2 a{transition:color .2s}
.panel h3 a:hover{color:var(--gold-2)}
.ln .say a.pl{text-decoration:underline;text-decoration-color:rgba(200,167,102,.55);text-underline-offset:.28em;transition:color .2s}
.ln .say a.pl:hover{color:var(--gold-2)}
.ulink{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:rgba(200,167,102,.6)}
.ulink:hover{color:var(--gold-2)}
.people-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,42vw),1fr));gap:clamp(24px,3vw,36px) clamp(14px,1.6vw,22px)}
.people-grid.wide{grid-template-columns:repeat(auto-fill,minmax(min(230px,42vw),1fr));margin-top:clamp(48px,6vw,80px)}
.ptile{display:grid;gap:10px;align-content:start;min-width:0}
.ptile .pic{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:var(--night-3)}
.ptile .pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ptile .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,9,0) 60%,rgba(11,10,9,.55) 100%);pointer-events:none}
.ptile:hover .pic img{transform:scale(1.04)}
.ptile h2,.ptile h3{font:400 clamp(18px,1.6vw,21px)/1.35 var(--display);letter-spacing:-.02em}
.ptile:hover h2,.ptile:hover h3{color:var(--gold-2)}
.ptile .life{font:500 12.5px/1.5 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}
.ptile .desc{font-size:14.5px;line-height:1.65;color:rgba(241,235,224,.72)}
.ptile .in-eps{font:500 12px/1.5 var(--sans);letter-spacing:.06em;color:var(--gold)}
.person-hero{padding-top:clamp(120px,13vw,180px)}
.person-top{display:grid;grid-template-columns:1fr;gap:28px 56px;align-items:end}
@media (min-width:860px){.person-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.person-top .pic{position:relative;aspect-ratio:4/5;max-width:460px;width:100%;overflow:hidden;border-radius:6px;background:var(--night-3)}
.person-top .pic img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.person-top .pic .tag{position:absolute;top:14px;right:14px;font:500 11px/1 var(--sans);letter-spacing:.06em;color:rgba(241,235,224,.7);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.person-top .txt{display:grid;gap:16px;align-content:end;min-width:0}
.person-top h1{font:300 clamp(38px,5.4vw,76px)/1.12 var(--display);letter-spacing:-.045em}
.person-top .life{font:500 14px/1.5 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}
.person-top .desc{font-size:clamp(16px,1.4vw,18px);color:rgba(241,235,224,.82);max-width:34em}
.person-top blockquote{margin:8px 0 0;font:400 clamp(20px,2vw,25px)/1.55 var(--display);letter-spacing:-.025em}
.person-top blockquote::before{content:"“";color:var(--gold)}
.person-top blockquote::after{content:"”";color:var(--gold)}
.person-top cite{display:block;font:400 12.5px/1.5 var(--sans);font-style:normal;color:var(--dim)}
.psec{padding-top:clamp(64px,8vw,112px)}
.psec .head{margin-bottom:clamp(20px,3vw,32px)}
.badge{display:inline-block;margin-top:10px;font:500 12px/1.4 var(--sans);letter-spacing:.04em;color:var(--mute);padding:6px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.layer{display:inline-block;margin-left:.5em;font:600 11px/1 var(--sans);letter-spacing:.06em;color:var(--gold-2);padding:4px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(200,167,102,.4);vertical-align:.15em;white-space:nowrap}
.pread{max-width:820px;display:grid;gap:16px}
.pread p{font:400 17px/1.9 var(--read-serif);color:rgba(241,235,224,.88)}
.timeline{list-style:none;margin:0;padding:0;max-width:880px;border-left:1px solid rgba(200,167,102,.35)}
.timeline li{position:relative;display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:4px 18px;padding:14px 0 14px 22px}
.timeline li::before{content:"";position:absolute;left:-4px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.timeline time,.timeline .yr{font:500 14px/1.7 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold)}
.timeline p{font-size:16px;line-height:1.75;color:rgba(241,235,224,.88)}
.src-s{grid-column:2;font:400 12.5px/1.6 var(--sans);color:var(--dim)}
@media (max-width:640px){.timeline li{grid-template-columns:1fr;padding-left:18px}.src-s{grid-column:1}}
.ideas{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border-block:1px solid var(--line)}
@media (min-width:900px){.ideas{grid-template-columns:repeat(2,1fr)}}
.ideas article{background:var(--night);padding:clamp(22px,2.6vw,34px) clamp(4px,2vw,28px) clamp(22px,2.6vw,34px) 0;display:grid;gap:10px;align-content:start}
@media (min-width:900px){.ideas article:nth-child(2n){padding-left:clamp(20px,2.4vw,32px)}}
.ideas h3{font:400 clamp(20px,1.9vw,24px)/1.35 var(--display);letter-spacing:-.02em;color:var(--gold-2)}
.ideas p{font:400 16.5px/1.85 var(--read-serif);color:rgba(241,235,224,.86)}
.plist{list-style:none;margin:0;padding:0;max-width:880px;border-top:1px solid var(--line)}
.plist li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:6px;font-size:16px;line-height:1.7;color:rgba(241,235,224,.86)}
.plist .t{color:var(--ivory);font-weight:600}
.plist .m{font-size:14px;color:var(--mute)}
.pquotes{display:grid;gap:clamp(28px,3vw,40px);max-width:880px}
.pquote{margin:0;display:grid;gap:8px;padding-left:22px;border-left:1px solid rgba(200,167,102,.45)}
.pquote blockquote{margin:0;font:400 clamp(19px,1.8vw,23px)/1.65 var(--read-serif);color:var(--ivory)}
.pquote .orig{font:400 14.5px/1.7 var(--read-serif);color:var(--mute)}
.pquote figcaption{font:400 12.5px/1.6 var(--sans);color:var(--dim)}
.myth .lb{font:600 11.5px/1 var(--sans);letter-spacing:.08em;color:var(--mute);margin-right:.6em}
.myth .fact .lb{color:var(--gold)}
.conns a.nm{font:400 clamp(19px,1.8vw,22px)/1.35 var(--display);color:var(--ivory)}
.conns a.nm:hover{color:var(--gold-2)}
/* 다른 언어 쪽 안의 한국어·일본어 조각(출처·언어 단추 등)은 시스템 글꼴 — 영어 쪽이 한글 글꼴 파일을 받지 않게(10/4) */
html:not([lang="ko"]) [lang="ko"]{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}
html:not([lang="ja"]) [lang="ja"]{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Noto Sans JP",system-ui,sans-serif}
.topic .topic-intro{margin:-6px 0 18px;max-width:40em;font-size:16px;line-height:1.7;color:var(--mute)}
/* 머리 메뉴 여섯 — 넓은 화면에서 한 줄(언어 단추와 함께) */
.nav a{white-space:nowrap}
@media (min-width:721px) and (max-width:1180px){.nav{gap:4px clamp(12px,1.6vw,22px);font-size:13.5px}.top .wrap{gap:12px 18px}}
@media (max-width:859px){.person-top .pic{max-width:min(260px,70vw)}.person-hero{padding-top:104px}}

/* 인물 쪽 — 본문 전: 맞선 사람·안내 한 줄(감독 10/4) */
.rivals{display:grid;gap:clamp(24px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.rival .people-grid.wide{grid-template-columns:1fr;max-width:360px;margin:8px 0 0}
.rival blockquote{margin:16px 0 4px;font:400 17px/1.6 var(--serif)}
.rival cite{font:400 12px/1.6 var(--sans);color:var(--dim);font-style:normal}
.pending-note{font:400 13px/1.6 var(--sans);color:var(--mute);margin-top:clamp(28px,4vw,48px)}
a.ext{color:inherit;text-decoration:underline;text-decoration-color:rgba(200,167,102,.5);text-underline-offset:.22em}a.ext:hover{color:var(--gold-2)}
.p-src-note{font:400 12.5px/1.6 var(--sans);color:var(--dim);margin-top:clamp(28px,4vw,48px)}
.person-top .life-note{font:400 12.5px/1.55 var(--sans);color:var(--dim);margin-top:-10px}
.pic-wrap{display:grid;gap:8px;align-content:end;max-width:460px;width:100%}
.pic-credit{font:400 12px/1.5 var(--sans);color:var(--mute);margin:0}
@media (max-width:859px){.pic-wrap{max-width:min(260px,70vw)}}
/* 관련 작품·자료(대표 10/5) — 썸네일 격자 + 크게 보기 */
.works{display:grid;gap:clamp(28px,3vw,40px) clamp(18px,2vw,28px);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.work{margin:0;display:grid;gap:12px;align-content:start;min-width:0}
.work-pic{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:var(--night-3);cursor:zoom-in}
.work-pic img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.work-pic:hover img{transform:scale(1.03)}
.work h3{font:500 16px/1.4 var(--sans);margin:0}
.work h3 .yr{font-weight:400;color:var(--mute);font-size:13.5px}
.work .kind{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.04em;color:var(--gold-2);padding:5px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(200,167,102,.4);justify-self:start}
.work figcaption{display:grid;gap:8px}
.work figcaption p{margin:0;font-size:14px;line-height:1.65;color:rgba(241,235,224,.84)}
.work .credit{font:400 12px/1.55 var(--sans);color:var(--mute)}
dialog.lightbox{max-width:min(96vw,1400px);max-height:94vh;padding:0;border:0;border-radius:8px;background:#000;color:var(--ivory)}
dialog.lightbox::backdrop{background:rgba(0,0,0,.86)}
dialog.lightbox img{display:block;max-width:min(96vw,1400px);max-height:calc(94vh - 56px);width:auto;height:auto;margin:auto}
dialog.lightbox .lb-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 14px;font:400 13px/1.4 var(--sans);color:var(--mute)}
dialog.lightbox button{font:600 13px/1 var(--sans);padding:9px 14px;border-radius:999px;border:0;background:rgba(241,235,224,.1);color:var(--ivory);cursor:pointer}
/* 삶의 지침서(대표 10/5) */
.guide{display:grid;gap:clamp(36px,5vw,64px);max-width:860px;margin-top:clamp(40px,5vw,72px)}
.g-card{display:grid;gap:12px;padding-bottom:clamp(28px,4vw,44px);border-bottom:1px solid var(--line)}
.g-no{margin:0;font:500 13px/1.5 var(--sans);color:var(--mute)}
.g-no a{color:inherit;text-decoration:none}.g-no a:hover{color:var(--gold-2)}
.g-line{margin:0;font:400 clamp(22px,2.6vw,32px)/1.45 var(--display);letter-spacing:-.02em}
.g-step{margin:0;font-size:16px;line-height:1.7;color:rgba(241,235,224,.88)}
.g-tag{display:inline-block;margin-right:.6em;font:600 11.5px/1 var(--sans);letter-spacing:.04em;color:var(--gold-2);padding:5px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(200,167,102,.45);vertical-align:.15em}
.g-kids{margin:0;font-size:14px;color:var(--mute)}
.g-ep{margin-top:28px;display:grid;gap:10px;max-width:40em}
.g-ep-h{margin:0;font:600 12px/1 var(--sans);letter-spacing:.08em;color:var(--mute)}
.g-ep .g-line{font-size:clamp(20px,2.2vw,26px)}