/* NOW DANCE · PC와 모바일 공통 / 외부 라이브러리 없이 동작 */
:root{--ink:#191c19;--paper:#f6f4ee;--muted:#6f746e;--gold:#c7a76c;--line:#deded5;--wrap:1240px;--header:94px;}
*{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:110px;}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:17px;line-height:1.8;word-break:keep-all;}body.menu-open{overflow:hidden;}a{color:inherit;text-decoration:none;}button{font:inherit;cursor:pointer;}button:disabled{cursor:default;}img{display:block;width:100%;height:100%;object-fit:cover;}button,a{-webkit-tap-highlight-color:transparent;}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px;}h1,h2,h3,p{margin:0;}button{border:0;}section[id],div[id]{scroll-margin-top:20px;} .wrap{width:min(var(--wrap),calc(100% - 112px));margin-inline:auto;}.skip{position:fixed;top:0;left:12px;z-index:100;background:#fff;color:#111;padding:10px;transform:translateY(-120%);}.skip:focus{transform:none;}
/* 상단 */
.header{height:var(--header);position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 56px;color:#fff;z-index:30;transition:background .3s,height .3s,box-shadow .3s;}.header.is-scrolled{height:76px;background:rgba(21,23,21,.97);box-shadow:0 1px 0 #ffffff16;}.brand{display:inline-flex;flex-direction:column;line-height:1;}.brand>span{font-family:Arial,sans-serif;font-weight:800;font-size:35px;letter-spacing:-2px;}.brand-dot{color:var(--gold);}.brand small{margin-top:9px;font-size:8px;letter-spacing:3px;}.navigation{display:flex;align-items:center;gap:40px;font-size:14px;}.navigation a{padding:12px 0;}.navigation a:hover,.navigation a.is-current{color:var(--gold);}.navigation .nav-book{border-bottom:1px solid #ffffff60;}.nav-book span{margin-left:20px;}.menu-toggle{display:none;}
/* 첫 화면: 모바일에서는 100svh로 주소창을 고려한 첫 화면 높이 유지 */
.hero{height:100vh;height:100svh;min-height:680px;max-height:1200px;position:relative;color:#fff;overflow:hidden;background:#151715;}.slides,.slide,.slide-art,.shade,.hero picture{position:absolute;inset:0;}.slide{opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 1.4s;}.slide.is-active{opacity:1;visibility:visible;z-index:1;}.slide-art{overflow:hidden;}.art-one{background:radial-gradient(ellipse at 70% 26%,#a5a08035 0,transparent 43%),linear-gradient(115deg,#0e1715 15%,#273b33 62%,#1d2822);}.art-two{background:radial-gradient(ellipse at 74% 45%,#c0a77a28,transparent 42%),linear-gradient(120deg,#1d1916,#433c30 80%);}.slide-art:before{content:"";position:absolute;width:45%;height:140%;right:20%;top:-35%;background:linear-gradient(180deg,#e0d9ba20,transparent 80%);transform:rotate(24deg);filter:blur(32px);}.art-letter{position:absolute;right:10%;top:50%;transform:translateY(-53%);color:#dbd7be0d;font-family:Batang,"Times New Roman",serif;font-size:clamp(320px,42vw,700px);line-height:1;font-weight:400;}.shade{background:linear-gradient(90deg,#070c0bb3 0,#070c0b40 55%,transparent),linear-gradient(0deg,#10151199,transparent 30%);}.hero-content{position:absolute;left:0;right:0;top:50%;transform:translateY(-40%);z-index:2;}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500;color:var(--gold);}.draft-tag{font-size:9px;letter-spacing:1.6px;margin-top:12px;color:#b7bbb0;}.hero h1{font-family:Batang,"Noto Serif KR",serif;font-size:clamp(110px,12vw,192px);font-weight:400;line-height:1.25;letter-spacing:-.08em;margin:10px 0 12px;}.title-period{color:var(--gold);font-family:Georgia,serif;margin-left:8px;}.hero-desc{font-size:clamp(19px,1.7vw,26px);line-height:1.65;letter-spacing:-.04em;font-weight:300;}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:13px;padding:16px 25px;line-height:1.5;}.button-light{border:1px solid #ffffff70;margin-top:35px;color:#fff;background:#ffffff04;}.button-light:hover{background:#fff;color:var(--ink);}.second-title{font-family:Batang,"Noto Serif KR",serif;font-size:clamp(50px,6vw,94px);font-weight:400;line-height:1.3;letter-spacing:-.06em;margin:28px 0;}.hero-bottom{position:absolute;left:0;right:0;bottom:35px;z-index:4;display:flex;justify-content:space-between;align-items:center;}.scroll-cue{font-size:9px;letter-spacing:2px;color:#c1c5bb;}.scroll-cue span{margin-left:18px;font-size:20px;}.slide-controls{display:flex;gap:14px;align-items:center;}.slide-dot,.play-toggle{background:none;color:#b7bcb5;font:12px Arial,sans-serif;padding:10px;min-height:44px;min-width:44px;}.slide-dot.is-active{color:#fff;}.control-line{width:68px;height:1px;background:#ffffff50;}.play-toggle{border:1px solid #ffffff40;font-size:16px;}
/* 정보와 본문 */
.quick-info{display:grid;grid-template-columns:1fr 1fr 1fr;padding:34px 0;border-bottom:1px solid var(--line);}.quick-info>div{padding:0 30px;border-right:1px solid var(--line);}.quick-info>div:first-child{padding-left:0;}.quick-info>div:last-child{border:0;}.quick-info span{font-size:9px;letter-spacing:2px;color:var(--muted);}.quick-info p{font-size:16px;margin-top:5px;}.quick-info a{font-size:11px;margin-left:18px;border-bottom:1px solid #b2b3a7;}.section{padding-top:110px;padding-bottom:110px;}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:55px;font-size:11px;letter-spacing:1.8px;}.section-label span+span{letter-spacing:0;color:var(--muted);font-size:12px;}.section-label:before{content:"";width:25px;height:1px;background:var(--gold);}.editorial{font-family:Batang,"Noto Serif KR",serif;font-size:clamp(32px,3.6vw,51px);font-weight:400;line-height:1.5;letter-spacing:-.055em;}.gold{color:var(--gold);}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start;}.about-text .lead{font-size:23px;line-height:1.65;letter-spacing:-.04em;margin:5px 0 24px;}.about-text>p:not(.lead){font-size:15px;color:var(--muted);line-height:2;}.edit-note{display:block;font-size:11px;color:#777c73;margin-top:24px;}.media-placeholder{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#b6af9230,transparent 56%),linear-gradient(140deg,#2c3831,#1a231e);}.media-placeholder:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff10;z-index:-1;}.media-placeholder picture{position:absolute;inset:0;z-index:1;}.placeholder-label{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font:11px Arial,sans-serif;letter-spacing:3px;color:#b8bbaa80;z-index:-1;}.placeholder-label small{font:11px "Malgun Gothic",sans-serif;letter-spacing:0;margin-top:14px;color:#b8bbaa80;}.wide-visual{height:400px;margin-top:65px;}.visual-caption{position:absolute;left:28px;bottom:22px;z-index:2;color:#ffffff95;font-size:9px;letter-spacing:2px;text-shadow:0 1px 5px #000;}.program{background:#eaece4;}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:60px;}.section-heading>p{font-size:14px;color:var(--muted);}.work{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center;}.work+.work{margin-top:90px;}.work-visual{height:480px;}.work-reverse{grid-template-columns:1fr 1.2fr;}.work-reverse .work-visual{order:2;background:radial-gradient(ellipse at 25% 30%,#97896b30,transparent 56%),linear-gradient(140deg,#39372e,#22221e);}.work-number{font-size:10px;letter-spacing:2px;color:#7c725c;}.work-text h3{font-family:Batang,serif;font-size:34px;font-weight:400;letter-spacing:-.05em;margin:16px 0 25px;}.work-text>p{font-size:15px;line-height:2;color:var(--muted);}.work-text dl{border-top:1px solid #c8cbbf;padding-top:20px;margin-top:30px;font-size:12px;}.work-text dl>div{display:flex;gap:24px;margin-top:8px;}.work-text dt{color:var(--muted);min-width:32px;}.work-text dd{margin:0;}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;}.portrait{aspect-ratio:4/5;background:linear-gradient(140deg,#dbdfd5,#bec5b9);}.portrait .placeholder-label,.portrait .placeholder-label small{color:#646e6090;}.artist-role{font-size:11px;color:#8b7b5c;margin-top:23px;}.artist-grid h3{font-size:21px;font-weight:500;margin-top:4px;}.artist-bio{font-size:13px;color:var(--muted);margin-top:8px;}
/* 관람안내 / 하단 */
.visit{background:#1b231f;color:var(--paper);}.visit .section-label span+span{color:#a5ada4;}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;}.visit .editorial{margin-top:20px;}.visit-intro{font-size:14px;color:#a5ada4;margin-top:25px;}.visit-details dl{margin:0;}.visit-details dl>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff19;font-size:14px;}.visit-details dt{color:#a5ada4;}.visit-details dd{margin:0;}.reservation{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #ffffff30;margin-top:75px;padding-top:45px;}.reservation h3{font-family:Batang,serif;font-size:29px;font-weight:400;letter-spacing:-.05em;margin-top:8px;}.reservation p{font-size:12px;color:#a5ada4;margin-top:10px;}.button-gold{background:#c7a76c;color:#18201b;min-width:230px;}.button-gold:disabled{background:#b9a27b;color:#20261f;}.footer{background:#131a16;color:#fff;padding:40px 0;}.footer-inner{display:flex;align-items:center;gap:55px;}.footer-inner>div{flex:1;color:#9aa396;}.footer p{font-size:11px;}.footer small{font-size:9px;}.back-top{font-size:9px;letter-spacing:1.2px;}.mobile-only,.mobile-book{display:none;}
/* 태블릿 */
@media(max-width:1100px){.wrap{width:calc(100% - 72px);}.header{padding:0 36px;}.navigation{gap:25px;}.about-grid,.visit-grid{gap:50px;}.work{gap:45px;}.work-visual{height:400px;}.quick-info>div{padding:0 20px;}.quick-info a{display:block;margin:3px 0 0;width:max-content;}.section{padding-block:85px;}}
/* 모바일 */
@media(max-width:767px){:root{--header:76px;}.wrap{width:calc(100% - 44px);}html{scroll-padding-top:90px;}body{font-size:15px;padding-bottom:calc(56px + env(safe-area-inset-bottom));}.header,.header.is-scrolled{height:76px;padding:0 22px;}.brand>span{font-size:29px;}.brand small{font-size:7px;letter-spacing:2.4px;margin-top:7px;}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;z-index:32;width:44px;height:44px;background:none;color:#fff;}.menu-toggle span{width:24px;height:1px;background:currentColor;transition:transform .25s;}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg);}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg);}.navigation{position:fixed;top:76px;left:0;right:0;padding:32px 28px 42px;background:#151c18;flex-direction:column;align-items:stretch;gap:6px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none;}.navigation.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;}.navigation a{font-size:19px;padding:12px 0;}.hero{height:100vh;height:100svh;min-height:560px;max-height:none;}.hero-content{top:47%;transform:translateY(-40%);}.hero .eyebrow{font-size:9px;letter-spacing:1.9px;}.draft-tag{font-size:8px;letter-spacing:.6px;margin-top:10px;}.hero h1{font-size:116px;margin:12px 0;}.hero-desc{font-size:20px;line-height:1.6;}.hero .button{margin-top:27px;padding:13px 19px;font-size:12px;}.second-title{font-size:49px;margin:26px 0;}.hero-bottom{bottom:calc(76px + env(safe-area-inset-bottom));}.scroll-cue{font-size:8px;letter-spacing:1px;}.scroll-cue span{margin-left:9px;font-size:15px;}.slide-controls{gap:0;}.control-line{width:24px;}.slide-dot{font-size:11px;}.play-toggle{min-width:38px;}.art-letter{font-size:360px;right:-100px;top:43%;}.hero img{object-position:60% center;}.shade{background:linear-gradient(90deg,#060c0b99,transparent),linear-gradient(0deg,#07100cd9,transparent 90%);}.quick-info{padding:24px 0;grid-template-columns:1fr 1fr;row-gap:20px;}.quick-info>div{padding:0 0 0 18px;}.quick-info>div:nth-child(2){border:0;}.quick-info>div:last-child{grid-column:1/-1;padding:17px 0 0;border-top:1px solid var(--line);}.quick-info span{font-size:8px;}.quick-info p{font-size:13px;}.quick-info a{display:inline-block;margin:0 0 0 20px;}.section{padding-block:65px;}.section-label{margin-bottom:33px;font-size:9px;gap:12px;}.section-label span+span{font-size:11px;}.section-label:before{width:18px;}.editorial{font-size:31px;line-height:1.55;}.about-grid,.visit-grid{grid-template-columns:1fr;gap:29px;}.about-text .lead{font-size:19px;margin-bottom:15px;}.about-text>p:not(.lead){font-size:14px;}.edit-note{font-size:10px;margin-top:20px;}.wide-visual{height:260px;margin-top:35px;}.visual-caption{left:20px;bottom:18px;font-size:8px;letter-spacing:1px;}.section-heading{display:block;margin-bottom:32px;}.section-heading>p{font-size:13px;margin-top:15px;}.section-heading>p br{display:none;}.work,.work-reverse{grid-template-columns:1fr;gap:25px;}.work-reverse .work-visual{order:0;}.work-visual{height:auto;aspect-ratio:4/5;}.work+.work{margin-top:55px;}.work-text h3{font-size:28px;margin:9px 0 15px;}.work-text>p{font-size:14px;}.work-text dl{margin:20px 0 0;padding-top:15px;}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;}.artist-grid h3{font-size:17px;}.artist-role{font-size:10px;margin-top:14px;}.artist-bio{font-size:11px;}.placeholder-label{font-size:9px;letter-spacing:1.5px;}.placeholder-label small{font-size:10px;}.visit .editorial{font-size:35px;}.visit-intro{font-size:13px;margin-top:18px;}.visit-details dl>div{grid-template-columns:76px 1fr;gap:12px;font-size:13px;padding:16px 0;}.reservation{display:block;margin-top:40px;padding-top:30px;}.reservation h3{font-size:26px;}.reservation .button{width:100%;margin-top:25px;}.mobile-only{display:block;}.footer{padding:30px 0;}.footer-inner{gap:25px;align-items:flex-start;flex-wrap:wrap;}.footer-inner>div{flex:auto;min-width:200px;}.back-top{display:none;}.mobile-book{display:flex;position:fixed;inset:auto 0 0;z-index:35;background:#c7a76c;color:#18201b;align-items:center;justify-content:space-between;height:calc(56px + env(safe-area-inset-bottom));padding:0 23px env(safe-area-inset-bottom);font-size:11px;box-shadow:0 -1px 0 #0002;}.mobile-book span{font-size:14px;font-weight:600;}body.menu-open .header{background:#151c18;}}
@media(max-width:360px){.hero h1{font-size:98px;}.hero-desc{font-size:18px;}.second-title{font-size:42px;}.scroll-cue{font-size:7px;}.editorial{font-size:28px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*:before,*:after{transition:none!important;animation:none!important;}}
/* PC 메인: 이미지 축소 + 주변 배경 */
@media(min-width:768px){
    .hero{height:clamp(580px,40vw,740px);min-height:0;max-height:none;background:#211d18;}
    .hero .slide-art{background:#211d18;}
    .hero .art-letter{display:none;}
    .hero picture{left:50%;right:auto;width:min(1600px,100%);transform:translateX(-50%);}
    .hero picture img{object-fit:contain;object-position:center;}
}
/* 공연 제목: 갓갓갓 */
.hero h1.gat-title{letter-spacing:.12em;}
/* 로고: 원본 비율 유지 */
.brand img{display:block;width:150px;height:auto;object-fit:contain;}
@media(max-width:767px){
    .brand img{width:120px;}
}
/* 상단 영역: 로고 아래 여백 확대 */
.header{height:120px;padding-bottom:26px;}
.header.is-scrolled{height:100px;padding-bottom:24px;}

@media(max-width:767px){
    .header,.header.is-scrolled{height:96px;padding-bottom:20px;}
    .navigation{top:96px;}
}