@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+KR:wght@300;400;500&display=swap');

:root{--ink:#17110d;--paper:#f1ede6;--brick:#9d3f25;--line:rgba(23,17,13,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans KR",sans-serif}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}
.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 20px;color:#fff}
.brand{font-size:29px;font-weight:500;letter-spacing:-1.5px}.menu-button{border:0;background:none;color:inherit;font:500 11px Inter;letter-spacing:.13em;padding:10px 0}.desktop-nav{display:none}
.mobile-menu{position:fixed;z-index:19;inset:0;background:var(--ink);color:#fff;padding:110px 24px 30px;display:flex;flex-direction:column;gap:18px;transform:translateY(-100%);transition:.35s ease}
.mobile-menu.open{transform:none}.mobile-menu a{font-size:31px;letter-spacing:-.04em}
.hero{position:relative;height:100svh;min-height:620px;background:#231710;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.68) 100%)}
.hero-copy{position:absolute;left:20px;right:20px;bottom:35px}.eyebrow,.section-number{font-size:10px;letter-spacing:.16em;font-weight:600}.hero h1{font-size:clamp(39px,11vw,60px);line-height:.96;letter-spacing:-.055em;font-weight:400;margin:14px 0 34px}.explore{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.55);padding-top:13px;font-size:10px;letter-spacing:.15em}
.section{padding:80px 20px}.section-number{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:42px}
.about h2,.space h2,.locations h2,.seat-card h2,.visit h2{font-size:clamp(38px,10vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:0}
.about-copy>p{font-family:"Noto Sans KR",sans-serif;font-size:14px;line-height:1.9;max-width:500px}.about-copy h2{margin-bottom:38px}.about .statement{font-family:Inter,sans-serif;font-size:21px;line-height:1.25;margin:35px 0 45px}.about figure{margin:0;height:68vh;max-height:720px}
.space{background:var(--ink);color:#eee9e2}.space .section-number{border-color:rgba(255,255,255,.25)}.space h2{margin-bottom:45px}.gallery{display:grid;gap:8px}.gallery figure{margin:0;height:54vh;max-height:620px}
.location-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:45px}.location-index{font-size:12px;margin:5px 0}.exterior{margin:0;height:58vh;max-height:700px}.location-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:9px;letter-spacing:.12em}
.seats{background:var(--brick);color:#f7f1ea}.seats .section-number{border-color:rgba(255,255,255,.35)}.seat-card{padding:10px 0 20px}.live{font-size:10px;letter-spacing:.15em;margin-bottom:35px}.live span{display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%;margin-right:7px}.seat-card h2{margin-bottom:35px}.seat-card>p:not(.live){font-family:"Noto Sans KR";font-size:13px;line-height:1.8}.button{display:flex;justify-content:space-between;align-items:center;margin-top:45px;padding:17px 0;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);font-size:12px}
.visit-sign{height:48vh;max-height:600px;margin-bottom:40px}.visit h2{font-size:42px}.visit-links{border-top:1px solid var(--line);margin-top:35px;padding-top:15px;font-size:12px}
footer{background:var(--ink);color:#eee9e2;padding:70px 20px 25px}.footer-logo{font-size:70px;letter-spacing:-.07em}.footer-logo+p{font-size:12px}.copyright{font-size:9px;margin-top:80px;opacity:.55}

@media(min-width:850px){
 .topbar{position:absolute;padding:28px 42px}.menu-button{display:none}.desktop-nav{display:flex;gap:30px;font-size:10px;letter-spacing:.12em}.hero-copy{left:42px;right:42px;bottom:42px}.hero h1{font-size:76px;max-width:800px}.section{padding:120px 6vw}.section-number{margin-bottom:65px}
 .about{display:grid;grid-template-columns:1fr 1.25fr;column-gap:8vw}.about>.section-number{grid-column:1/-1}.about figure{height:75vh}.about-copy{align-self:center}.about h2{font-size:58px}
 .gallery{grid-template-columns:1fr 1fr}.gallery .wide{grid-column:1/-1;height:75vh}.gallery figure:not(.wide){height:60vh}
 .location-head{align-items:end}.locations h2{font-size:88px}.exterior{height:78vh}
 .seat-card{max-width:900px}.seat-card h2{font-size:72px}.button{max-width:500px}
 .visit{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw}.visit>.section-number{grid-column:1/-1}.visit-sign{height:65vh;grid-row:2/5}.visit h2{align-self:end;font-size:58px}.visit-links{align-self:start}
 footer{padding:100px 6vw 35px}.footer-logo{font-size:120px}
}