@font-face{font-family:DoHyeon;src:url(assets/DoHyeon-Regular.ttf) format('truetype');font-display:swap}@font-face{font-family:Nanum;src:url(assets/NanumGothic-Bold.ttf) format('truetype');font-display:swap}
:root{--red:#ed2023;--ink:#2b2f36;--paper:#fff;--font-display:DoHyeon,sans-serif;--font-body:Nanum,sans-serif;--body-size:20px;--body-leading:1.5;--heading-leading:1.25;--page-width:1200px;--section-gap:80px;--gap:24px;--radius:7.2px;--header-height:90px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--body-size)/var(--body-leading) var(--font-body);overflow-wrap:break-word}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,.button{min-height:48px;padding:12px 22px;cursor:pointer;border:1px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:var(--ink);color:white}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.solid{background:var(--ink);border-color:var(--ink);color:var(--paper)}.wrap{width:min(var(--page-width),calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.topbar{height:var(--header-height);position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid #bfbfbf}.topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--font-display);font-size:30px;color:var(--red);text-decoration:none;white-space:nowrap}.nav{display:flex;gap:28px;align-items:center;font-size:16px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.actions{display:flex;gap:12px}.menu-toggle{display:none}section[id]{scroll-margin-top:calc(var(--header-height) + 24px)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:var(--heading-leading)}h1{font-size:clamp(58px,9vw,120px);color:var(--red)}h2{font-size:clamp(38px,5vw,64px)}h3{font-size:30px}.hero{padding:64px 0 32px}.eyebrow{font-size:16px;margin-bottom:16px}.hero-line{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:4px}.group-name{font:clamp(40px,7vw,80px)/1.25 var(--font-display);color:var(--red)}.hook{text-align:right;white-space:nowrap;padding-bottom:12px}.cinema{padding-bottom:var(--section-gap)}.screen{background:var(--ink);position:relative}video{display:block;width:100%;aspect-ratio:96/41;object-fit:contain}video::cue{font-family:Nanum,sans-serif;font-size:1em;background:rgba(0,0,0,.8);color:white}.player-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}.small{font-size:15px}.error{padding:16px;border:1px solid var(--red);margin-top:16px}.chorus{background:var(--red);color:white;padding:48px 24px;text-align:center;overflow:hidden}.chorus p{font:clamp(40px,8vw,100px)/1.25 var(--font-display)}.toon{padding:var(--section-gap) 0}.section-intro{text-align:center;margin-bottom:40px}.section-intro p{margin-top:16px}.webtoon-reader{width:min(820px,100%);margin:auto}.webtoon-reader img{display:block;width:100%;height:auto}.transcript{width:min(820px,100%);margin:24px auto 0;font-size:16px}.transcript summary{cursor:pointer}.transcript p{margin-top:16px}.about{border-top:1px solid #bfbfbf;padding:var(--section-gap) 0}.letters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin:40px 0}.letter{border-top:3px solid var(--red);padding-top:16px}.letter strong{font:80px/1.25 var(--font-display);color:var(--red)}.letter h3{font-size:32px}.letter p{font-size:16px;margin-top:8px}.story{max-width:800px}.place{background:var(--ink);color:white;padding:var(--section-gap) 0}.place h2{margin-bottom:32px}.place-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center}.place h3{font-size:38px}.address{font-style:normal;margin:20px 0;line-height:1.7}.place-links{display:flex;gap:12px;flex-wrap:wrap}.source{display:block;font-size:14px;margin-top:24px}.map-shell{min-height:390px;background:white;color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.map-shell.loaded{padding:0}.map-shell iframe{width:100%;height:390px;border:0;display:block}.map-shell p{margin-bottom:20px}.footer{padding:64px 0 40px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.footer h2{font-size:38px}.footer p{margin-top:16px}.footer a{font-size:16px}.credit{border-top:1px solid #bfbfbf;padding-top:24px;margin-top:40px;font-size:14px;display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;background:var(--ink);color:white;padding:14px 22px;border-radius:var(--radius);width:max-content;max-width:calc(100% - 32px);font-size:16px}.share-fallback{position:fixed;top:100px;right:20px;z-index:30;background:white;border:1px solid var(--ink);padding:20px;max-width:calc(100% - 40px);box-shadow:rgba(0,0,0,.25) 0px 4px 4px 0px}.share-fallback input{width:100%;margin:12px 0;padding:12px;font-size:14px}[hidden]{display:none!important}
@media(max-width:760px){:root{--header-height:76px;--section-gap:64px;--body-size:18px}.wrap{width:calc(100% - 40px)}.topbar .wrap{gap:10px}.brand{font-size:25px}.actions{gap:8px}.actions button{font-size:14px;padding:10px 12px}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;left:0;top:76px;background:white;width:100%;padding:24px;box-shadow:rgba(0,0,0,.25) 0px 4px 4px 0px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:14px}.hero{padding:40px 0 24px}.hero-line{display:block}.group-name{font-size:clamp(36px,10vw,58px)}.hook{text-align:left;margin-top:20px;padding-bottom:0}.cinema .wrap{width:100%}.player-tools,.error{margin-inline:20px}.player-tools{align-items:start}.player-tools button{font-size:14px;padding:10px 14px;white-space:nowrap}.chorus{padding:32px 20px}.section-intro{margin-bottom:28px}.letters{gap:16px}.letter strong{font-size:64px}.letter h3{font-size:24px}.letter p{font-size:14px}.place-layout,.footer-grid{grid-template-columns:1fr;gap:32px}.place h3{font-size:32px}.map-shell,.map-shell iframe{min-height:320px;height:320px}.credit{flex-direction:column}.webtoon-reader{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:root{color-scheme:light}h1,h2,h3{text-wrap:balance;word-break:keep-all}p,address{text-wrap:pretty;word-break:keep-all}input,code{overflow-wrap:anywhere}@media(max-width:1024px) and (min-width:761px){.nav{gap:16px}.wrap{width:calc(100% - 48px)}}@media(hover:hover){.nav a:hover{text-decoration:underline}}@media(pointer:coarse){button,.button{min-height:48px}}
@media(max-width:420px){.brand{font-size:22px}.topbar .wrap{width:calc(100% - 32px)}.actions button{padding-inline:10px}.nav{padding:20px}}
:root{--map-height:440px;--route-field-padding:12px}.directions-form{display:grid;gap:12px}.directions-form label{font-size:16px}.directions-form input,.directions-form select{width:100%;min-width:0;min-height:48px;padding:var(--route-field-padding);border:1px solid var(--paper);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;font-size:16px}.directions-form button{justify-self:start}.directions-form p{line-height:var(--body-leading)}select:focus-visible{outline:3px solid var(--red);outline-offset:5px}.map-shell,.map-shell iframe{height:var(--map-height);min-height:var(--map-height)}@media(max-width:760px){:root{--map-height:400px}}
