:root {
  --color-vintage-cream: #ece0d2;
  --color-bone-white: #f3f3f3;
  --color-walnut-ink: #573d21;
  --color-saddle-brown: #7c664d;
  --color-peach-sand: #e1c6ab;
  --color-terracotta-glow: #e3a36e;
  --color-apricot-whisper: #efa164;
  --color-vine-sage: #d8deb7;
  --font-romie: 'Romie', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-arial-narrow: 'Arial Narrow', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-gtstandard-m: 'GTStandard-M', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --text-caption: 12px;
  --leading-caption: 1.3;
  --tracking-caption: 0.36px;
  --text-body-sm: 14px;
  --leading-body-sm: 1.7;
  --tracking-body-sm: 0.42px;
  --text-body: 16px;
  --leading-body: 1.7;
  --tracking-body: 0.48px;
  --text-subheading: 20px;
  --leading-subheading: 1.5;
  --tracking-subheading: 0.6px;
  --text-heading-sm: 24px;
  --leading-heading-sm: 1.3;
  --tracking-heading-sm: 0.72px;
  --text-heading: 48px;
  --leading-heading: 1.2;
  --tracking-heading: 1.44px;
  --text-display: 64px;
  --leading-display: 1.2;
  --tracking-display: 1.92px;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --spacing-5: 5px;
  --spacing-7: 7px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-15: 15px;
  --spacing-17: 17px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-30: 30px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-50: 50px;
  --spacing-60: 60px;
  --spacing-100: 100px;
  --spacing-110: 110px;
  --page-max-width: 1200px;
  --section-gap: 80px;
  --card-padding: 24px;
  --element-gap: 10px;
  --radius-cards: 0px;
  --radius-badges: 0px;
  --radius-inputs: 0px;
  --radius-buttons: 0px;
  --surface-canvas: #ece0d2;
  --surface-card: #f3f3f3;
  --surface-action-surface: #e1c6ab;
}

@font-face{font-family:'Noto Serif KR';src:url('assets/serif.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Noto Sans KR';src:url('assets/sans.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--font-editorial:'Noto Serif KR',serif;--font-functional:'Noto Sans KR',sans-serif;--reading-width:960px;--touch-target:48px;--nav-height:80px;--motion-menu:240ms;--stroke:1px;--caption-ink:#f3f3f3;--caption-shadow:#573d21;--ratio-cinema:16/9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{margin:0;background:var(--surface-canvas);color:var(--color-walnut-ink);font-family:var(--font-editorial);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}
button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:var(--font-functional);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm);color:inherit}a{color:inherit;text-underline-offset:var(--spacing-5)}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--color-walnut-ink);outline-offset:var(--spacing-5)}[hidden]{display:none!important}
.skip{position:fixed;top:var(--spacing-10);left:var(--spacing-10);transform:translateY(-200%);z-index:10;background:var(--surface-card);padding:var(--spacing-10)}.skip:focus{transform:none}
.header{position:sticky;top:0;z-index:5;background:var(--surface-card);border-bottom:var(--stroke) solid var(--color-saddle-brown)}.nav-shell{max-width:var(--page-max-width);margin:auto;min-height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-24);padding:var(--spacing-15) var(--spacing-24)}.brand{text-decoration:none;font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}nav{display:flex;gap:var(--spacing-24)}nav a,.text-button{font-family:var(--font-functional);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm);text-decoration:none}.utilities{display:flex;align-items:center;gap:var(--spacing-10)}.text-button{min-height:var(--touch-target);padding:var(--spacing-10);border:0;background:transparent}.menu-toggle{display:none;width:var(--touch-target);height:var(--touch-target);background:transparent;border:0;padding:var(--spacing-10)}.menu-toggle span{display:block;height:var(--stroke);background:var(--color-walnut-ink);margin:var(--spacing-7) 0;transition:transform var(--motion-menu)}
.hero{max-width:var(--page-max-width);margin:var(--spacing-48) auto var(--section-gap);display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-48);align-items:center;padding:0 var(--spacing-24)}.hero-copy{text-align:center}h1,h2,p{margin-top:0}h1{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-regular);word-break:keep-all;text-wrap:balance;margin-bottom:var(--spacing-24)}h2{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--font-weight-regular);word-break:keep-all;text-wrap:balance;margin-bottom:var(--spacing-40)}.eyebrow,.duration,.credits,.speaker{font-family:var(--font-functional);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.eyebrow{margin-bottom:var(--spacing-20)}.tagline,.closing{font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}.tagline{margin-bottom:var(--spacing-36)}.primary{background:var(--surface-action-surface);border:var(--stroke) solid var(--color-walnut-ink);border-radius:var(--radius-buttons);padding:var(--spacing-10) var(--spacing-24);min-height:var(--touch-target)}@media(hover:hover){.primary:hover{background:var(--color-terracotta-glow)}}.duration{margin-top:var(--spacing-20);margin-bottom:0}.stage{position:relative;min-width:0;background:var(--surface-canvas)}.poster,video{width:100%;aspect-ratio:var(--ratio-cinema);object-fit:contain}video{display:block}.hero.watching{grid-template-columns:1fr}.watching .hero-copy{display:none}.player-tools{display:flex;align-items:center;gap:var(--spacing-10);flex-wrap:wrap;padding:var(--spacing-10) 0}.player-tools span{font-family:var(--font-functional);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.caption{position:absolute;top:var(--spacing-24);left:var(--spacing-15);right:var(--spacing-15);text-align:center;font-family:var(--font-functional);font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);font-weight:var(--font-weight-bold);color:var(--caption-ink);text-shadow:0 1px 3px var(--caption-shadow),0 0 5px var(--caption-shadow);pointer-events:none;white-space:nowrap}.replay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.stage:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--color-walnut-ink)}.stage:fullscreen video{max-height:calc(100vh - var(--nav-height))}.stage:fullscreen .player-tools{color:var(--color-bone-white);justify-content:center}
.reading{max-width:var(--reading-width);margin:0 auto var(--section-gap);padding:0 var(--spacing-24)}.section-intro{text-align:center;margin-bottom:var(--spacing-48)}.panel{margin:0 0 var(--spacing-60)}.panel.hold{margin-bottom:var(--spacing-110)}.dialogue{display:table;max-width:100%;background:var(--surface-card);padding:var(--spacing-15) var(--spacing-24);margin-bottom:var(--spacing-15);position:relative}.dialogue.right{margin-left:auto}.dialogue p{margin:0;font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);word-break:keep-all}.speaker{display:block;margin-bottom:var(--spacing-5)}.panel img{border-radius:var(--radius-cards)}.closing{text-align:center;margin:var(--spacing-60) auto}.lyrics{padding:var(--spacing-40) 0;text-align:center}.lyrics p{margin-bottom:var(--spacing-36)}details{border-top:var(--stroke) solid var(--color-saddle-brown);border-bottom:var(--stroke) solid var(--color-saddle-brown)}summary{cursor:pointer;padding:var(--spacing-20) 0;font-size:var(--text-subheading);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}.about{text-align:center}.about>p{margin-bottom:var(--spacing-24)}.related{margin-top:var(--spacing-60);padding-top:var(--spacing-40);border-top:var(--stroke) solid var(--color-saddle-brown)}.related>a{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}.related>p:last-child{margin-top:var(--spacing-20)}footer{text-align:center;padding:var(--spacing-48) var(--spacing-24)}footer p{margin-top:var(--spacing-20);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.share-status{position:fixed;bottom:var(--spacing-24);left:50%;transform:translateX(-50%);max-width:calc(100% - var(--spacing-48));padding:var(--spacing-15) var(--spacing-24);background:var(--surface-card);border:var(--stroke) solid var(--color-saddle-brown);z-index:9}
@media(max-width:1024px){h1{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.hero{gap:var(--spacing-24)}}
@media(max-width:768px){.nav-shell{padding:var(--spacing-10) var(--spacing-20)}.menu-toggle{display:block}nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;background:var(--surface-card);padding:var(--spacing-15) var(--spacing-24);visibility:hidden;opacity:0;transform:translateY(calc(-1 * var(--spacing-10)));transition:opacity var(--motion-menu),transform var(--motion-menu),visibility var(--motion-menu)}nav a{padding:var(--spacing-10) 0;min-height:var(--touch-target)}.header.open nav{visibility:visible;opacity:1;transform:none}.header.open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.header.open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{grid-template-columns:1fr;margin-top:var(--spacing-40);gap:var(--spacing-30);padding:0 var(--spacing-20)}.hero-copy{max-width:100%}.reading{padding:0 var(--spacing-20)}h2{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm)}.dialogue p{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.dialogue{padding:var(--spacing-10) var(--spacing-15)}.caption{top:var(--spacing-10);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.player-tools{gap:0}.panel{margin-bottom:var(--spacing-48)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}nav,.menu-toggle span{transition:none}}

p{text-wrap:pretty;word-break:keep-all}a{overflow-wrap:anywhere}
video::cue{font-family:"Noto Sans KR",sans-serif;color:#fff;background:rgba(35,27,20,.8);font-size:var(--text-body)}
@media(max-width:768px){video::cue{font-size:var(--text-caption)}}

@media(pointer:coarse){button,summary,nav a{min-height:var(--touch-target)}.primary:active{background:var(--color-terracotta-glow)}}