:root{--navy:#101820;--navy2:#172230;--ivory:#f5f1e9;--paper:#fbfaf6;--ink:#1b1d21;--gold:#d89a5b;--gold2:#e8c68c;--red:#7a1d32;--muted:#706e69;--line:rgba(16,24,32,.16);--shadow:0 26px 70px rgba(16,24,32,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:17px;line-height:1.72;word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 clamp(1.2rem,5vw,5rem);color:#fff;background:rgba(16,24,32,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:.8rem;font-weight:850;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-family:Georgia,serif;font-size:1rem;letter-spacing:0}.brand small{display:block;color:var(--gold2);font-size:.66rem;font-weight:500;letter-spacing:.08em}.header-tools{display:flex;align-items:center;gap:.65rem;order:3}.language-select{display:flex;align-items:center;gap:.38rem;color:rgba(255,255,255,.7);font-size:.72rem;font-weight:750}.language-select select{min-height:36px;padding:.25rem .55rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;background:#17212b;font:inherit}.language-select select:focus{outline:2px solid var(--gold);outline-offset:2px}.site-nav{display:flex;align-items:center;gap:clamp(.65rem,1.25vw,1.25rem)}.site-nav a{color:rgba(255,255,255,.76);font-size:.84rem;font-weight:700;letter-spacing:.08em}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.45rem .85rem}
.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);background:var(--navy);color:#fff;overflow:hidden}.hero-copy{padding:clamp(4.5rem,9vw,8rem) clamp(1.4rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 1.2rem;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.9rem,8vw,8rem);font-weight:500;line-height:.88;letter-spacing:-.05em}.hero h1 span{display:block;margin-top:1.2rem;color:var(--gold2);font-size:.26em;letter-spacing:.12em}.hero-lead{max-width:520px;margin:2rem 0 0;color:rgba(255,255,255,.72);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.3rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;border:1px solid transparent;border-radius:999px;font-size:.88rem;font-weight:800;letter-spacing:.04em}.primary{background:var(--red);color:#fff}.secondary{border-color:rgba(255,255,255,.35);color:#fff}.outline{border-color:var(--line)}.hero-visual{position:relative;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:72% center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 22%,transparent 78%,rgba(16,24,32,.16))}
.ticker{display:flex;gap:2rem;overflow:hidden;padding:.8rem 0;color:var(--navy);background:var(--gold);font-size:.75rem;font-weight:850;letter-spacing:.17em}.ticker span{flex:0 0 auto}.section{padding:clamp(4.5rem,9vw,8rem) clamp(1.4rem,7vw,7rem)}.section-inner{width:min(1180px,100%);margin:0 auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.section-head h2,.page-title{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.3rem,5vw,4.7rem);font-weight:500;line-height:1.15;letter-spacing:-.035em}.text-link{padding-bottom:.15rem;border-bottom:1px solid currentColor;color:var(--red);font-weight:750;font-size:.9rem}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:start}.display-line{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.9rem);line-height:1.34}.intro-copy p{margin-top:0;color:#515256}.meta-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;background:var(--line);border:1px solid var(--line)}.meta-list div{background:var(--paper);padding:1.1rem}.meta-list dt{color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.meta-list dd{margin:.2rem 0 0;font-weight:750}
.dark{background:var(--navy);color:#fff}.dark .section-head h2{color:#fff}.release-card{display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;min-height:500px;background:var(--ivory);color:var(--ink);box-shadow:var(--shadow)}.release-cover{position:relative;min-height:500px;overflow:hidden}.release-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.release-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(16,24,32,.68))}.release-info{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.date{color:var(--red);font-weight:850;letter-spacing:.12em;font-size:.78rem}.release-info h3{margin:.8rem 0 1rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.2}.release-info p{max-width:570px;color:#5f5d58}.brand-stage{min-height:280px;background:var(--navy) url("/assets/backdrop.svg") center/cover no-repeat;border-top:1px solid rgba(216,154,91,.45);border-bottom:1px solid rgba(216,154,91,.45)}
.event-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.event-strip h3{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.7rem,3vw,2.7rem)}.event-strip p{margin:.5rem 0 0;color:var(--muted)}
.page-hero{padding:clamp(5rem,10vw,9rem) clamp(1.4rem,7vw,7rem) clamp(4rem,7vw,6.5rem);background:var(--navy);color:#fff}.page-hero .page-title{color:#fff}.page-intro{max-width:720px;margin:1.5rem 0 0;color:rgba(255,255,255,.69);font-size:1.08rem}.crumbs{margin-bottom:2rem;color:var(--gold2);font-size:.8rem;letter-spacing:.1em}.profile-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,7vw,7rem)}.profile-image{background:var(--red);padding:10px}.profile-image img{width:100%;height:auto}.quote{margin:0 0 2rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.45}.story p:first-of-type{margin-top:0}.profile-career-title{margin:2.8rem 0 0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.65rem;font-weight:600}.timeline{margin:1rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:145px 1fr;gap:1.2rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--red);font-weight:850}.timeline a{color:var(--navy);font-weight:750;border-bottom:1px solid var(--gold)}.timeline a:hover,.timeline a:focus-visible{color:var(--red)}
.music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.music-card{border:1px solid var(--line);background:#fff;transition:.25s}.music-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.music-card img{width:100%;aspect-ratio:1/1.22;object-fit:cover;object-position:center}.card-copy{padding:1.35rem}.card-copy h2{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif}.card-copy p{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.future-card{display:grid;place-items:center;min-height:450px;padding:2rem;border:1px dashed rgba(16,24,32,.3);text-align:center}.future-card strong{display:block;color:var(--navy);font-family:Georgia,serif;font-size:2rem}
.song-hero{display:grid;grid-template-columns:minmax(320px,.82fr) 1.18fr;min-height:670px;background:var(--navy);color:#fff}.song-hero-art{position:relative;overflow:hidden}.song-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.song-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,var(--navy))}.song-copy{padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.song-copy h1{margin:.4rem 0 1.2rem;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(3rem,7vw,6.3rem);font-weight:500;line-height:1.05}.song-copy>p:not(.eyebrow){max-width:610px;color:rgba(255,255,255,.68)}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:2rem}.service-group-label{grid-column:1/-1;margin-top:.65rem;color:var(--gold2);font-size:.76rem;font-weight:800;letter-spacing:.08em}.service{display:flex;justify-content:space-between;align-items:center;gap:.8rem;min-height:58px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.78)}.service span:first-child{font-size:.9rem}.service span:last-child{flex:0 0 auto;color:var(--gold2);font-size:.75rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.panel{min-height:260px;padding:clamp(1.7rem,4vw,3rem);border:1px solid var(--line);background:#fff}.panel h2{margin-top:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:2rem}.panel p{color:#5f5d58}.status{display:inline-block;margin-top:1rem;padding:.35rem .7rem;border-radius:999px;background:#eee6d9;color:#665845;font-size:.78rem;font-weight:800}.video-empty{min-height:390px;display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;text-align:center}.video-empty strong{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.video-empty p{max-width:560px;color:rgba(255,255,255,.64)}.performance-visual{display:flex;align-items:center;background:var(--red);padding:12px}.performance-visual img{display:block;width:100%;height:auto;object-fit:contain}
.video-hero{position:relative;overflow:hidden}.video-hero:after{content:"";position:absolute;width:440px;height:440px;right:-100px;bottom:-260px;border:1px solid rgba(216,154,91,.35);border-radius:50%;box-shadow:0 0 0 70px rgba(216,154,91,.04),0 0 0 140px rgba(216,154,91,.03)}.video-hero .section-inner{position:relative;z-index:1}.video-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.video-section{background:var(--ivory)}.video-toolbar{display:grid;grid-template-columns:1fr minmax(280px,400px);gap:2rem;align-items:end;margin-bottom:1rem}.video-toolbar h2{margin:.25rem 0 0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.video-toolbar .eyebrow{margin:0}.video-search{display:grid;gap:.45rem;color:var(--navy);font-size:.8rem;font-weight:800;letter-spacing:.08em}.video-search input{width:100%;min-height:52px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:inherit;letter-spacing:0}.video-search input:focus{outline:2px solid var(--gold);outline-offset:2px}.video-view-controls{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:1.6rem 0 1rem;padding:1.2rem 1.3rem;border:1px solid var(--line);background:#fff}.video-view-controls fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;border:0}.video-view-controls legend{float:left;margin-right:.35rem;color:var(--navy);font-size:.78rem;font-weight:850;letter-spacing:.08em}.video-filter{min-height:40px;padding:.5rem .85rem;border:1px solid rgba(16,24,32,.18);border-radius:999px;background:#fff;color:var(--navy);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.video-filter:hover,.video-filter:focus-visible{border-color:var(--red);color:var(--red)}.video-filter.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.video-filter:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.video-note{max-width:900px;margin:0 0 2.2rem;color:var(--muted);font-size:.9rem}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.video-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:1.1rem;min-height:210px;padding:1.4rem;border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.video-card[hidden],.video-links a[hidden]{display:none}.video-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,24,32,.09)}.video-letter{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--gold2);font-family:Georgia,"Noto Serif KR",serif;font-size:1.15rem}.video-card h3{margin:.1rem 0 .2rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.42rem;line-height:1.35}.video-card p{margin:0;color:var(--muted);font-size:.84rem}.video-links{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:1.15rem}.video-links a{display:inline-flex;align-items:center;min-height:35px;padding:.38rem .68rem;border:1px solid rgba(16,24,32,.18);border-radius:999px;color:var(--red);font-size:.75rem;font-weight:800}.video-links a:hover,.video-links a:focus-visible{background:var(--red);border-color:var(--red);color:#fff}.video-empty-result{padding:2rem;border:1px solid var(--line);background:#fff;text-align:center;color:var(--muted)}
.featured-mv{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(1.4rem,3vw,3rem);align-items:center;margin-bottom:clamp(2.5rem,5vw,4.5rem);padding:clamp(1rem,2vw,1.5rem);background:var(--navy);color:#fff;box-shadow:0 20px 60px rgba(16,24,32,.16)}.featured-mv-player{background:#05080b;line-height:0}.featured-mv-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#05080b}.featured-mv-copy{padding:clamp(.4rem,2vw,1.5rem)}.featured-mv-copy .eyebrow{margin:0 0 .45rem;color:var(--gold2)}.featured-mv-copy h2{margin:0;color:#fff;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.2rem,4.5vw,4.2rem);font-weight:500;line-height:1.12}.featured-mv-artist{margin:.55rem 0 1.4rem;color:rgba(255,255,255,.78);font-size:1.12rem;font-weight:800}.featured-mv-copy dl{margin:0;border-top:1px solid rgba(255,255,255,.16)}.featured-mv-copy dl div{display:grid;grid-template-columns:7.8rem 1fr;gap:.7rem;padding:.72rem 0;border-bottom:1px solid rgba(255,255,255,.16)}.featured-mv-copy dt{color:rgba(255,255,255,.62);font-size:.92rem}.featured-mv-copy dd{margin:0;font-weight:750}.featured-mv-guide{margin:1.25rem 0 0;color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.7}
.naver-guide{width:min(680px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;background:transparent;color:var(--ink)}.naver-guide::backdrop{background:rgba(5,11,17,.72);backdrop-filter:blur(4px)}.naver-guide-panel{position:relative;padding:clamp(1.7rem,5vw,3.2rem);border-top:5px solid var(--gold);background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.32)}.naver-guide-close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);font-size:1.7rem;line-height:1;cursor:pointer}.naver-guide h2{margin:.35rem 3rem 1rem 0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,5vw,3rem);font-weight:500}.naver-guide>div>p:not(.eyebrow){color:var(--muted)}.naver-guide ol{margin:1.4rem 0;padding-left:1.4rem}.naver-guide li{margin:.7rem 0;padding-left:.35rem}.naver-guide-help{margin-top:1.5rem;padding:1.15rem 1.25rem;border-left:4px solid var(--gold);background:#eee6d9}.naver-guide-help strong{color:var(--navy)}.naver-guide-help p{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.naver-guide-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}.naver-guide-actions .button{flex:1 1 210px;text-align:center}.naver-guide-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.home-notice{background:var(--ivory)}.notice-preview,.notice-list{border-top:1px solid var(--line)}.notice-preview>a,.notice-row{display:grid;grid-template-columns:110px 90px 1fr auto;gap:1.1rem;align-items:center;padding:1.35rem 0;border-bottom:1px solid var(--line)}.notice-preview time,.notice-row time{color:var(--muted);font-size:.82rem}.notice-preview strong{color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.15rem}.notice-type{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:30px;padding:.2rem .62rem;border-radius:999px;background:#eee6d9;color:var(--red);font-size:.75rem;font-weight:850}.notice-arrow{color:var(--red);font-size:1.3rem}.notice-row{grid-template-columns:110px 90px 1fr auto;padding:1.8rem 0}.notice-row h2{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.25rem,2.3vw,1.75rem);font-weight:600}.notice-row p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.notice-row:hover h2,.notice-preview>a:hover strong{color:var(--red)}
.article-page{background:var(--paper)}.article-head{padding:clamp(4.5rem,9vw,8rem) clamp(1.4rem,7vw,7rem);background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff}.article-inner{width:min(900px,100%);margin:0 auto}.article-head h1{margin:1.1rem 0 1rem;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:500;line-height:1.2;letter-spacing:-.035em}.article-head time{color:rgba(255,255,255,.58);font-size:.85rem}.lesson-head{background:linear-gradient(135deg,#421321,var(--red))}.article-body{padding:clamp(3.5rem,7vw,6.5rem) 0}.article-lead{margin:0 0 2.4rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.55}.article-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2rem 0 2.5rem;padding:1px;background:var(--line)}.article-facts div{padding:1.15rem 1.25rem;background:#fff}.article-facts dt{color:var(--red);font-size:.78rem;font-weight:850;letter-spacing:.08em}.article-facts dd{margin:.3rem 0 0;color:var(--navy);font-weight:700}.article-actions,.map-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.article-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--red);font-size:.88rem;font-weight:750}.lesson-callout{margin:2.5rem 0;padding:1.6rem;border-left:4px solid var(--gold);background:var(--ivory)}.lesson-callout strong{color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.35rem}.lesson-callout p{margin:.45rem 0 0;color:var(--muted)}
.space-hero{position:relative;min-height:540px;display:flex;align-items:center;padding:clamp(5rem,10vw,9rem) clamp(1.4rem,7vw,7rem);overflow:hidden;background:var(--navy);color:#fff}.space-hero:after{content:"M";position:absolute;right:2vw;bottom:-.27em;color:rgba(216,154,91,.08);font-family:Georgia,serif;font-size:min(52vw,650px);line-height:1}.space-hero .section-inner{position:relative;z-index:1}.space-hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.8rem);font-weight:500;line-height:.95;letter-spacing:-.04em}.space-hero h1 small{display:block;margin-top:1rem;color:var(--gold2);font-family:"Noto Serif KR",serif;font-size:.25em;letter-spacing:.22em}.space-hero p:last-child{max-width:610px;margin:2rem 0 0;color:rgba(255,255,255,.68);font-size:1.08rem}.space-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,7vw,7rem)}.space-intro>div>p{margin-top:0;color:#515256}.space-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2rem;background:var(--line);border:1px solid var(--line)}.space-features div{display:grid;align-content:center;min-height:120px;padding:1rem;background:#fff}.space-features strong{color:var(--red);font-family:Georgia,"Noto Serif KR",serif;font-size:1.15rem}.space-features span{color:var(--muted);font-size:.82rem}.space-lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:rgba(255,255,255,.18)}.space-lesson-grid div{padding:1.35rem;background:var(--navy2)}.space-lesson-grid dt{color:var(--gold2);font-size:.76rem;font-weight:800;letter-spacing:.08em}.space-lesson-grid dd{margin:.35rem 0 0;color:#fff;font-weight:750}.map-section{background:var(--ivory)}.map-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(2rem,6vw,6rem);align-items:center}.map-layout h2{margin:.2rem 0 1.2rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:500}.map-layout>div>p:not(.eyebrow):not(.map-place){color:var(--muted)}.map-place{display:grid;margin:0 0 1.2rem}.map-place strong{color:var(--navy);font-size:1.2rem}.map-place span{color:var(--red)}.map-card{min-height:420px;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);background:linear-gradient(145deg,var(--red),#37101b);color:#fff;box-shadow:var(--shadow)}.map-card>span{color:var(--gold2);font-size:.72rem;font-weight:800;letter-spacing:.18em}.map-card strong{margin:1rem 0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,5rem);font-weight:500;line-height:.78;letter-spacing:-.04em}.map-card small{color:rgba(255,255,255,.6);font-size:.7rem;letter-spacing:.1em}
.map-place a{width:max-content;margin-top:.35rem;color:var(--navy);font-weight:800;border-bottom:1px solid var(--gold)}
.footer{padding:3rem clamp(1.4rem,7vw,7rem);background:#0b1118;color:rgba(255,255,255,.62)}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:2rem}.footer strong{color:#fff;letter-spacing:.12em}.footer p{margin:.4rem 0 0;font-size:.84rem}.footer a{color:#f3c978;text-decoration:none}.footer a:hover,.footer a:focus-visible{text-decoration:underline}
.home-space-brand{padding:0;overflow:hidden;background:#17212b}.home-space-link{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(560px,1.25fr);align-items:stretch;min-height:390px;gap:0;color:#fff}.home-space-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem)}.home-space-logo{display:flex;align-items:center;justify-content:flex-end;background:#17212b}.home-space-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.home-space-copy h2{margin:.25rem 0 1rem;color:#fff;font-family:"Noto Serif KR",Georgia,serif;font-size:clamp(3.8rem,6.5vw,7rem);font-weight:600;line-height:.95;letter-spacing:-.06em}.home-space-copy>p:not(.eyebrow){max-width:470px;color:rgba(255,255,255,.68)}.home-space-copy span{display:inline-block;width:max-content;margin-top:1.4rem;padding-bottom:.18rem;border-bottom:1px solid var(--gold);color:var(--gold2);font-weight:800}.space-hero{background:#17212b}.space-hero:after{display:none}.space-title-row{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.space-title-row h1{white-space:nowrap}.space-title-row img{display:block;width:100%;height:auto}
.lesson-head h1 small{display:block;margin-top:.75rem;color:rgba(255,255,255,.78);font-family:"Noto Sans KR",sans-serif;font-size:clamp(1rem,2vw,1.35rem);font-weight:600;letter-spacing:0}.lesson-summary{margin:-1rem 0 2.5rem;color:var(--muted);line-height:1.9}.lesson-summary strong{color:var(--navy)}.lesson-faq{margin:4rem 0 3rem}.lesson-faq h2{margin:.35rem 0 1.5rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:500}.lesson-faq-list{border-top:1px solid var(--line)}.lesson-faq-list details{border-bottom:1px solid var(--line);background:#fff}.lesson-faq-list summary{position:relative;padding:1.2rem 3rem 1.2rem 1.2rem;color:var(--navy);font-weight:800;cursor:pointer;list-style:none}.lesson-faq-list summary::-webkit-details-marker{display:none}.lesson-faq-list summary:after{content:"+";position:absolute;right:1.2rem;color:var(--red);font-size:1.25rem}.lesson-faq-list details[open] summary:after{content:"−"}.lesson-faq-list p{margin:0;padding:0 1.2rem 1.35rem;color:var(--muted);line-height:1.75}
@media(max-width:1180px) and (min-width:901px){.site-header{padding-inline:1.2rem}.brand{font-size:.88rem}.brand small{display:none}.site-nav{gap:.75rem}.site-nav a{font-size:.72rem}}
@media(max-width:900px){.site-header{min-height:68px}.menu-toggle{display:inline-flex}.site-nav{display:none;position:absolute;inset:68px 0 auto;padding:1rem 1.4rem 1.5rem;background:var(--navy);border-top:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.hero,.song-hero{grid-template-columns:1fr}.hero-visual{min-height:520px;order:-1}.hero{min-height:auto}.release-card,.intro-grid,.profile-layout,.video-toolbar{grid-template-columns:1fr}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-hero-art{min-height:560px}.song-hero-art:after{background:linear-gradient(180deg,transparent 70%,var(--navy))}}
@media(max-width:900px){.featured-mv{grid-template-columns:1fr}.featured-mv-copy{padding:.8rem .6rem 1.2rem}.featured-mv-copy dl{max-width:620px}}
@media(max-width:900px){.space-intro,.map-layout{grid-template-columns:1fr}.space-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body{padding-inline:1.4rem}}
@media(max-width:620px){body{font-size:16px}.brand small{display:none}.hero-visual{min-height:390px}.hero h1{font-size:clamp(3.5rem,19vw,5.3rem)}.section-head{align-items:start;flex-direction:column}.meta-list,.music-grid,.content-grid,.services,.video-grid,.article-facts,.space-features,.space-lesson-grid{grid-template-columns:1fr}.event-strip{grid-template-columns:1fr}.timeline li{grid-template-columns:1fr;gap:.15rem}.footer-inner{flex-direction:column}.brand-stage{min-height:170px}.song-hero-art{min-height:460px}.video-view-controls{display:grid;padding:1rem}.video-view-controls fieldset{align-items:flex-start}.video-view-controls legend{width:100%;margin:0 0 .25rem}.video-filter{flex:1 1 auto}.video-card{grid-template-columns:42px 1fr;padding:1.15rem}.video-letter{width:40px;height:40px}.video-links a{width:100%;justify-content:center}.notice-preview>a,.notice-row{grid-template-columns:1fr auto;gap:.35rem 1rem}.notice-preview time,.notice-row time{grid-column:1}.notice-preview .notice-type,.notice-row .notice-type{grid-column:1}.notice-preview strong,.notice-row div{grid-column:1}.notice-arrow{grid-column:2;grid-row:1/4}.article-nav{flex-direction:column}.map-card{min-height:330px}.map-actions .button{width:100%}}
@media(max-width:620px){.featured-mv{margin-inline:-.25rem;padding:.65rem}.featured-mv-copy{padding:.65rem .45rem 1rem}.featured-mv-copy h2{font-size:2.35rem}.featured-mv-artist{font-size:1.05rem}.featured-mv-copy dl div{grid-template-columns:1fr;gap:.1rem}.featured-mv-copy dt{font-size:.95rem}.featured-mv-copy dd{font-size:1.05rem}.featured-mv-guide{font-size:1rem}}
@media(max-width:900px){.home-space-link{grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);min-height:320px}.home-space-copy{padding:clamp(2.4rem,6vw,4rem)}.space-title-row{grid-template-columns:minmax(230px,.8fr) minmax(390px,1.2fr);gap:2rem}}
@media(max-width:620px){.home-space-link,.space-title-row{grid-template-columns:1fr}.home-space-link{min-height:0}.home-space-copy{padding:3.2rem 1.4rem 1.5rem}.home-space-logo{width:100%;max-width:none}.home-space-logo img{width:100%;height:auto;object-position:center}.space-title-row img{width:100%}}
@media(max-width:900px){.menu-toggle{align-items:center;justify-content:center;min-width:72px;min-height:46px;padding:.65rem 1rem;font-size:1rem;font-weight:800;line-height:1}.site-nav{gap:0;max-height:calc(100vh - 68px);padding:0 1.4rem 1rem;overflow-y:auto;box-shadow:0 16px 30px rgba(0,0,0,.28)}.site-nav a{display:flex;align-items:center;width:100%;min-height:56px;padding:.75rem .15rem;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.15rem;font-weight:800;line-height:1.4;letter-spacing:.02em}.site-nav a:last-child{border-bottom:0}.site-nav a[aria-current=page]{color:var(--gold2)}.site-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}}
@media(max-width:620px){.site-nav a{min-height:58px;font-size:1.18rem}}
/* Senior-friendly readability and clear music selection */
body{font-size:18px}.site-nav a{font-size:.95rem;letter-spacing:.04em}.brand small{font-size:.75rem}.button{min-height:52px;font-size:1rem}.eyebrow{font-size:.9rem;line-height:1.55}.ticker{font-size:.88rem}.text-link{font-size:1rem}.date{font-size:.9rem}.page-intro{font-size:1.15rem}.crumbs{font-size:.95rem}.meta-list dt,.service-group-label,.video-search,.video-view-controls legend,.article-facts dt,.space-lesson-grid dt{font-size:.9rem}.meta-list dd,.card-copy p,.video-note,.notice-row p,.naver-guide-help p,.article-head time,.article-nav,.footer p{font-size:1rem}.language-select{font-size:.9rem}.language-select select{min-height:44px;font-size:.95rem}.notice-preview time,.notice-row time,.notice-type{font-size:.92rem}.video-filter{min-height:48px;font-size:1rem}.video-card p{font-size:.95rem}.video-links a{min-height:46px;padding:.55rem .85rem;font-size:1rem}.status{font-size:1rem}.space-features span{font-size:.95rem}.map-card>span,.map-card small{font-size:.9rem}
.music-choice{display:flex;align-items:stretch;min-height:360px;border:2px solid var(--red);background:linear-gradient(145deg,#fff,var(--ivory));box-shadow:0 18px 48px rgba(16,24,32,.1)}.music-choice .card-copy{display:flex;width:100%;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.music-choice .eyebrow{margin-bottom:1rem}.music-choice h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.2}.music-choice .card-copy>p:not(.eyebrow){max-width:480px;margin-top:1rem;color:#515256;font-size:1.08rem}.music-choice-action{display:flex;align-items:center;justify-content:space-between;min-height:60px;margin-top:2rem;padding:.8rem 1.1rem;background:var(--red);color:#fff;font-size:1.12rem;font-weight:850}.music-choice-action span{font-size:1.6rem}.music-choice:hover,.music-choice:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow)}.music-choice:focus-visible{outline:4px solid var(--gold);outline-offset:4px}.streaming-title{margin:2.2rem 0 .35rem;color:#fff;font-family:"Noto Serif KR",Georgia,serif;font-size:1.55rem;line-height:1.35}.song-copy .streaming-note{margin:0;color:rgba(255,255,255,.78);font-size:1rem}.services{margin-top:1.2rem}.service{min-height:66px;padding:1rem 1.15rem;border-width:2px;color:#fff}.service span:first-child{font-size:1.06rem;font-weight:800;line-height:1.35}.service span:last-child{font-size:.95rem;font-weight:800;line-height:1.35}.service-group-label{margin-top:1rem;line-height:1.5}
.service[href]{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.service[href]:hover,.service[href]:focus-visible{border-color:var(--gold2);background:rgba(255,255,255,.1);transform:translateY(-2px)}.service[href]:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}.service-pending{border-style:dashed;color:rgba(255,255,255,.72)}.service-pending span:last-child{color:rgba(255,255,255,.62)}.song-credits{margin:1rem 0 0}.song-credits div{display:grid;grid-template-columns:minmax(8.5rem,.7fr) 1.3fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.song-credits div:last-child{border-bottom:0}.song-credits dt{color:var(--muted);font-weight:700}.song-credits dd{margin:0;color:var(--navy);font-weight:800}
@media(max-width:900px){body{font-size:18px}.site-nav a{font-size:1.18rem;letter-spacing:.02em}.section{padding-block:4rem}.page-intro,.hero-lead,.space-hero p:last-child{font-size:1.08rem}.music-grid{grid-template-columns:1fr}.music-choice{min-height:310px}.future-card{min-height:260px}.song-copy{order:-1;padding:3.5rem 1.4rem 2.4rem}.song-hero-art{min-height:340px;max-height:440px}.song-hero-art:after{background:linear-gradient(180deg,var(--navy),transparent 25%,transparent 80%,var(--navy))}.services{grid-template-columns:1fr}.service{min-height:68px}.service span:first-child{font-size:1.12rem}.service span:last-child{font-size:1rem}.button,.text-link,.article-nav,.footer p,.card-copy p,.video-note{font-size:1rem}.notice-preview time,.notice-row time,.notice-type,.video-card p,.space-features span{font-size:.95rem}}
@media(max-width:620px){body{font-size:18px;line-height:1.78}.site-header{padding-inline:1rem}.site-nav a{font-size:1.2rem}.brand{font-size:.95rem}.page-hero,.article-head{padding-top:3.8rem;padding-bottom:3.3rem}.section{padding:3.5rem 1.2rem}.music-choice{min-height:300px}.music-choice .card-copy{padding:2rem 1.4rem}.music-choice-action{min-height:64px;font-size:1.15rem}.song-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.streaming-title{font-size:1.45rem}.service{align-items:flex-start;flex-direction:column;gap:.2rem}.service span:first-child{font-size:1.14rem}.service span:last-child{font-size:1rem}.song-credits div{grid-template-columns:1fr;gap:.1rem}.song-hero-art{min-height:300px;max-height:380px}.panel{min-height:0}.notice-preview strong,.notice-row h2{font-size:1.25rem}.lesson-faq-list summary{min-height:60px;font-size:1.05rem}.map-place strong{font-size:1.25rem}}
/* Compact page openings: keep content visible without shrinking readable type */
.section{padding-block:clamp(3.25rem,6vw,5.5rem)}.section-head{margin-bottom:1.7rem}.page-hero{padding:clamp(2.7rem,4.5vw,4rem) clamp(1.4rem,7vw,7rem)}.page-hero .crumbs,.article-head .crumbs,.space-hero .crumbs{margin:0 0 .8rem}.page-hero .eyebrow,.space-hero .eyebrow{margin-bottom:.5rem}.page-hero .page-title{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.12}.page-intro{margin-top:.8rem;line-height:1.65}.page-hero+.section{padding-top:2.4rem}.video-hero-actions{margin-top:1.3rem}.article-head{padding:clamp(2.7rem,4.5vw,4rem) clamp(1.4rem,7vw,7rem)}.article-head h1{margin:.65rem 0 .55rem;font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.18}.article-body{padding-top:2.7rem}.space-hero{min-height:380px;padding:clamp(3rem,5vw,4.5rem) clamp(1.4rem,7vw,7rem)}.space-hero h1{font-size:clamp(3rem,5.2vw,5.2rem)}.space-hero p:last-child{margin-top:1.2rem}.space-title-row{gap:clamp(1.5rem,3vw,3rem)}.song-hero{min-height:600px}.song-copy{padding:clamp(2.7rem,5.5vw,5.5rem)}
@media(max-width:900px){.page-hero{padding-block:2.5rem}.page-hero+.section{padding-top:2.1rem}.article-head{padding-block:2.5rem}.article-body{padding-top:2.4rem}.space-hero{min-height:320px;padding-block:2.7rem}.song-copy{padding:2.8rem 1.4rem 2.2rem}}
@media(max-width:620px){.page-hero{padding:1.8rem 1.2rem}.page-hero .crumbs{margin-bottom:.45rem}.page-hero .eyebrow{margin-bottom:.3rem}.page-hero .page-title{font-size:clamp(2rem,10vw,2.65rem)}.page-intro{margin-top:.6rem;font-size:1rem;line-height:1.6}.page-hero+.section{padding-top:1.75rem}.video-hero-actions{margin-top:1rem}.article-head{padding:2rem 1.2rem}.article-head .crumbs{margin-bottom:.55rem}.article-head h1{margin:.55rem 0 .4rem;font-size:clamp(2rem,9.5vw,2.75rem)}.article-body{padding-top:2rem}.space-hero{min-height:0;padding:2.2rem 1.2rem}.space-hero .crumbs{margin-bottom:.5rem}.space-hero h1{font-size:3rem}.space-hero p:last-child{margin-top:.8rem;font-size:1rem}.space-title-row{gap:.8rem}.space-title-row img{max-height:105px;object-fit:contain;object-position:left center}.song-hero{min-height:0}.song-copy{padding:2.4rem 1.2rem 2rem}}
/* Slim title bands: proportion the dark field to the heading, not the viewport */
.page-hero{padding-block:1.9rem}.page-hero .crumbs{margin-bottom:.4rem}.page-hero .eyebrow{margin-bottom:.25rem}.page-hero .page-title{font-size:clamp(2.05rem,3.6vw,3.3rem)}.page-intro{margin-top:.45rem}.page-hero+.section{padding-top:1.6rem}.video-hero-actions{margin-top:.8rem}.article-head{padding-block:2.1rem}.article-head .crumbs{margin-bottom:.4rem}.article-head h1{margin:.45rem 0 .3rem;font-size:clamp(2.05rem,3.6vw,3.3rem)}.article-body{padding-top:1.8rem}.space-hero{min-height:300px;padding-block:2.2rem}.space-hero .crumbs{margin-bottom:.35rem}.space-hero .eyebrow{margin-bottom:.25rem}.space-hero h1{font-size:clamp(2.7rem,4.6vw,4.5rem)}.space-hero p:last-child{margin-top:.65rem}
@media(max-width:900px){.page-hero{padding-block:1.55rem}.page-hero+.section{padding-top:1.4rem}.article-head{padding-block:1.7rem}.article-body{padding-top:1.65rem}.space-hero{min-height:260px;padding-block:1.8rem}}
@media(max-width:620px){.page-hero{padding:1.1rem 1.2rem}.page-hero .crumbs,.page-hero .eyebrow{display:none}.page-hero .page-title{font-size:clamp(1.9rem,9vw,2.35rem)}.page-intro{margin-top:.3rem;font-size:1rem;line-height:1.5}.page-hero+.section{padding-top:1.2rem}.video-hero-actions{margin-top:.65rem}.video-hero-actions .button{min-height:48px;padding:.5rem .8rem}.article-head{padding:1.35rem 1.2rem}.article-head .crumbs{display:none}.article-head h1{margin:.4rem 0 .25rem;font-size:clamp(1.85rem,8.5vw,2.35rem);line-height:1.15}.article-body{padding-top:1.4rem}.space-hero{min-height:0;padding:1.35rem 1.2rem}.space-hero .crumbs,.space-hero .eyebrow{display:none}.space-title-row{grid-template-columns:minmax(110px,.8fr) minmax(170px,1.2fr);gap:.5rem}.space-hero h1{font-size:2.35rem}.space-title-row img{max-height:78px;object-position:right center}.space-hero p:last-child{margin-top:.5rem;font-size:1rem;line-height:1.5}}
/* Galaxy S24 Ultra 및 모바일 브라우저의 데스크톱형 뷰포트까지 포함 */
@media(max-width:1180px){
  body.menu-open{overflow:hidden}
  .site-header{min-height:80px;padding:.55rem 1rem;gap:.65rem;backdrop-filter:none}
  .brand{min-width:0;gap:.55rem;font-size:1rem;letter-spacing:.075em}
  .brand-mark{width:42px;height:42px;flex:0 0 42px;font-size:1.1rem}
  .header-tools{gap:.5rem}
  .language-select>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .language-select select{min-width:76px;min-height:52px;padding:.4rem .55rem;border-radius:10px;font-size:1.05rem}
  .menu-toggle{position:relative;z-index:90;display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:56px;padding:.7rem .85rem;border:3px solid var(--gold2);border-radius:10px;background:#fff;color:var(--navy);font-size:0;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.22);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(216,154,91,.3)}
  .menu-toggle:before{content:"☰";margin-right:.5rem;color:var(--red);font-size:1.5rem;line-height:1}
  .menu-toggle:after{content:"전체메뉴";font-size:1.2rem;line-height:1;letter-spacing:0}
  .menu-toggle[aria-expanded="true"]:before{content:"×";font-size:1.55rem}
  .menu-toggle[aria-expanded="true"]:after{content:"메뉴 닫기"}
  .menu-toggle:focus-visible{outline:4px solid var(--gold);outline-offset:3px}
  .site-nav{display:none;position:absolute;top:100%;right:0;left:0;z-index:80;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);padding:.9rem 1rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#101820;box-shadow:0 22px 50px rgba(0,0,0,.45);flex-direction:column;align-items:stretch;gap:.55rem}
  .site-nav.open{display:flex}
  .site-nav:before{content:"원하는 메뉴를 선택하세요";display:block;padding:.4rem .35rem .55rem;color:var(--gold2);font-size:1.22rem;font-weight:850;letter-spacing:.015em}
  .site-nav a{display:flex;align-items:center;width:100%;min-height:74px;padding:.9rem 1.1rem;border:2px solid rgba(255,255,255,.24);border-radius:10px;background:#172230;color:#fff;font-size:1.55rem;font-weight:850;line-height:1.35;letter-spacing:0;touch-action:manipulation;-webkit-tap-highlight-color:rgba(232,198,140,.25)}
  .site-nav a:after{content:"›";margin-left:auto;color:var(--gold2);font-size:1.6rem;line-height:1}
  .site-nav a:hover,.site-nav a:focus-visible{border-color:var(--gold2);background:#202f40;color:#fff}
  .site-nav a[aria-current=page]{border-color:var(--gold2);background:#2a1720;color:#fff}
}
@media(max-width:430px){
  .site-header{padding-inline:.7rem}
  .brand{font-size:.95rem}
  .brand-mark{width:40px;height:40px;flex-basis:40px}
  .language-select select{min-width:68px;padding-inline:.35rem;font-size:1rem}
  .menu-toggle{min-width:112px;padding-inline:.65rem}
  .menu-toggle:after{font-size:1.12rem}
  .site-nav{padding-inline:.8rem}
  .site-nav a{min-height:76px;font-size:1.6rem}
}
@media(max-width:380px){
  .brand-mark{display:none}
  .brand{font-size:.9rem}
  .header-tools{gap:.35rem}
  .language-select select{min-width:64px}
  .menu-toggle{min-width:108px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 악보 자료실 */
.resource-hero{padding-block:2.2rem}
.resource-section{background:var(--ivory)}
.resource-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.resource-card,.download-request{border:1px solid var(--line);background:#fff;box-shadow:0 18px 48px rgba(16,24,32,.08)}
.resource-preview{padding:1rem;background:#e7e3dc}
.resource-preview img{width:100%;max-height:660px;object-fit:contain;background:#fff}
.resource-copy{padding:1.6rem}
.resource-badge{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#eee6d9;color:var(--red);font-size:.9rem;font-weight:850}
.resource-copy h2,.download-request h2{margin:.65rem 0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}
.resource-credit{color:var(--red);font-weight:800}
.resource-copy ul{padding-left:1.25rem;color:var(--muted)}
.download-request{padding:clamp(1.5rem,4vw,3rem)}
.download-request .eyebrow{margin-bottom:.35rem}
.form-intro{margin:0 0 1.5rem;color:var(--muted)}
.download-request form,.download-request label{display:grid;gap:.5rem}
.download-request form{gap:1.25rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.download-request label>span{color:var(--navy);font-weight:800}
.download-request label>span strong{margin-left:.25rem;color:var(--red);font-size:.82rem}
.download-request input,.download-request select,.download-request textarea{width:100%;min-height:54px;padding:.75rem .9rem;border:1px solid rgba(16,24,32,.28);border-radius:4px;background:#fff;color:var(--ink);font:inherit}
.download-request textarea{min-height:120px;resize:vertical}
.download-request input:focus,.download-request select:focus,.download-request textarea:focus{outline:3px solid rgba(216,154,91,.4);border-color:var(--red)}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-consent{padding:1.1rem;border:1px solid var(--line);background:var(--ivory)}
.privacy-consent label{display:grid;grid-template-columns:26px 1fr;gap:.65rem;align-items:start}
.privacy-consent input{width:22px;min-height:22px;margin-top:.15rem}
.privacy-consent label span{font-weight:500;line-height:1.55}
.privacy-consent p{margin:.7rem 0 0 2.7rem;color:var(--muted);font-size:.92rem}
.privacy-consent a,.privacy-policy a,.download-fallback{color:var(--red);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.download-submit{width:100%;min-height:60px;border:0;font-size:1.1rem;cursor:pointer}
.download-submit:disabled{opacity:.6;cursor:wait}
.download-status{min-height:1.7em;margin:0;font-weight:750}
.download-status[data-state="success"]{color:#17633a}.download-status[data-state="error"]{color:#a11e2d}.download-status[data-state="loading"]{color:var(--muted)}
.privacy-policy h2{margin:2.2rem 0 .45rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.55rem}
@media(max-width:900px){.resource-layout{grid-template-columns:1fr}.resource-preview img{max-height:560px}}
@media(max-width:620px){.resource-hero{padding-block:1.1rem}.form-grid{grid-template-columns:1fr}.download-request{padding:1.3rem}.privacy-consent p{margin-left:0}.resource-preview img{max-height:500px}}

/* 2026 콘서트 공연 스케치 */
.release-info h2{margin:.8rem 0 1rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:600;line-height:1.2}
.concert-recap-section{background:var(--ivory)}
.concert-photo-section{background:#fff}
.concert-photo-intro{max-width:820px;margin:-.6rem 0 2rem;color:var(--muted);font-size:1.08rem}
.concert-photo-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);margin:0 0 1.35rem;overflow:hidden;border:1px solid var(--line);background:var(--navy);color:#fff;box-shadow:0 16px 42px rgba(16,24,32,.1)}
.concert-photo-hero img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.concert-photo-hero figcaption{display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:clamp(1.6rem,4vw,3rem)}
.concert-photo-hero figcaption strong{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,3.2vw,3rem);font-weight:500;line-height:1.2}
.concert-photo-hero figcaption span{color:rgba(255,255,255,.76);font-size:1.04rem;line-height:1.7}
.concert-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.concert-photo-card{overflow:hidden;margin:0;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(16,24,32,.07)}
.concert-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}
.concert-photo-card figcaption{min-height:70px;display:flex;align-items:center;padding:1rem 1.1rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.18rem;font-weight:600;line-height:1.35}
.drive-photo-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.6rem;padding:1.6rem clamp(1.25rem,3vw,2.2rem);border:1px solid var(--line);background:var(--ivory)}
.drive-photo-cta strong{color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.35rem}
.drive-photo-cta p{margin:.3rem 0 0;color:var(--muted)}
.drive-photo-cta .button{flex:0 0 auto}
.concert-recap-intro{max-width:820px;margin:-.6rem 0 2rem;color:var(--muted);font-size:1.05rem}
.concert-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.concert-video-card{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 14px 36px rgba(16,24,32,.08)}
.concert-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#080b0e;object-fit:contain}
.concert-video-card>div{padding:1.2rem 1.3rem 1.35rem}
.concert-video-card h3{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.55rem;font-weight:600}
.concert-video-card p{margin:.25rem 0 0;color:var(--muted);font-size:1rem}
.concert-thanks{margin-top:2.4rem;padding:clamp(2rem,5vw,4.5rem);background:var(--navy);color:#fff}
.concert-thanks h2{margin:.25rem 0 1.4rem;color:#fff;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4.6vw,3.8rem);font-weight:500;line-height:1.2}
.concert-thanks p:not(.eyebrow){max-width:860px;color:rgba(255,255,255,.82);font-size:1.08rem}
.video-concert-sketch{margin:3.2rem 0 5rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);background:#fff}
.video-concert-sketch .section-head{margin-bottom:1.4rem}
.video-concert-sketch .section-head h2,.article-video-section h2{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500}
.article-video-section{margin:2.8rem 0;padding-top:2rem;border-top:1px solid var(--line)}
.article-closing{margin-top:2.5rem;padding:1.5rem;border-left:5px solid var(--gold);background:var(--ivory)}
.youtube-concert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.6rem 0 2rem}
.official-concert-grid{grid-template-columns:minmax(0,1fr)}
.official-concert-grid .youtube-concert-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:stretch}
.official-concert-grid .youtube-concert-card img{height:100%;min-height:320px}
.official-concert-grid .youtube-concert-card>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}
.official-concert-grid .youtube-concert-card h3{font-size:clamp(1.7rem,3vw,2.5rem)}
.youtube-concert-card{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 14px 36px rgba(16,24,32,.08);transition:transform .2s,box-shadow .2s}
.youtube-concert-card:hover,.youtube-concert-card:focus-visible{transform:translateY(-3px);box-shadow:0 20px 44px rgba(16,24,32,.13)}
.youtube-concert-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.youtube-concert-card img{display:block;width:100%;aspect-ratio:16/9;background:#080b0e;object-fit:cover}
.youtube-concert-card>div{padding:1.3rem 1.35rem 1.45rem}
.recording-badge{display:inline-flex;align-items:center;min-height:32px;padding:.25rem .65rem;border-radius:999px;background:#eee6d9;color:var(--red);font-size:.88rem;font-weight:850}
.youtube-concert-card h3{margin:.7rem 0 .45rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.55rem;line-height:1.35}
.youtube-concert-card p{margin:.25rem 0;color:var(--muted);font-size:1rem;line-height:1.65}
.recording-program{display:grid;gap:.28rem;margin:.9rem 0 1.15rem;padding-left:1.5rem;color:var(--ink);font-size:1rem;line-height:1.55}
.recording-link{display:inline-flex;margin-top:.9rem;color:var(--red);font-size:1rem;text-decoration:underline;text-underline-offset:4px}
.recording-credit{margin:-.35rem 0 1.2rem;color:var(--muted);font-size:1rem}
.recording-thanks{margin:2rem 0 2.7rem;padding:1.6rem 1.7rem;border-left:5px solid var(--gold);background:var(--navy);color:#fff}
.recording-thanks strong{display:block;color:var(--gold2);font-family:Georgia,"Noto Serif KR",serif;font-size:1.45rem}
.recording-thanks p{margin:.55rem 0 0;color:rgba(255,255,255,.86);font-size:1.05rem;line-height:1.75}
.recording-thanks.compact{margin-bottom:2.4rem}
.sketch-subtitle{margin:2.5rem 0 .35rem;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(1.55rem,3vw,2.2rem)}
.sketch-subtitle-local{padding-top:1.8rem;border-top:1px solid var(--line)}
.concert-song-listening{margin:2.7rem 0;padding:clamp(1.35rem,4vw,3rem);border:1px solid var(--line);background:#fff;box-shadow:0 18px 48px rgba(16,24,32,.08)}
.concert-song-listening .section-head{margin-bottom:1rem}
.concert-song-listening .section-head h2{margin:0;color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500}
.concert-song-intro{max-width:900px;margin:0 0 1.7rem;color:var(--muted);font-size:1.06rem;line-height:1.7}
.concert-leaflet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0 0 2.2rem}
.concert-leaflet-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);background:var(--ivory)}
.concert-leaflet-grid a{display:block;background:#e9e4da}
.concert-leaflet-grid a:focus-visible{outline:4px solid var(--gold);outline-offset:-4px}
.concert-leaflet-grid img{display:block;width:100%;height:auto}
.concert-leaflet-grid figcaption{padding:.85rem 1rem;color:var(--navy);font-size:.95rem;font-weight:800}
.concert-song-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.concert-song-group{min-width:0}
.concert-song-group>h3{margin:0 0 .8rem;padding-bottom:.55rem;border-bottom:3px solid var(--gold);color:var(--navy);font-family:Georgia,"Noto Serif KR",serif;font-size:1.55rem}
.concert-song-links{display:grid;gap:.65rem}
.concert-song-links>a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.8rem;align-items:center;min-height:78px;padding:.75rem .9rem;border:1px solid var(--line);background:#fff;color:var(--navy);transition:border-color .2s,background .2s,transform .2s}
.concert-song-links>a:hover,.concert-song-links>a:focus-visible{border-color:var(--gold);background:var(--ivory);transform:translateX(3px)}
.concert-song-links>a:focus-visible{outline:3px solid rgba(216,154,91,.45);outline-offset:2px}
.concert-song-links .guest-song{border-left:5px solid var(--red);background:#fff8f3}
.song-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-size:.88rem;font-weight:900}
.concert-song-links strong,.concert-song-links small{display:block}
.concert-song-links strong{font-size:1.05rem;line-height:1.4}
.concert-song-links small{margin-top:.15rem;color:var(--muted);font-size:.88rem;line-height:1.4}
.song-play{color:var(--red);font-size:.92rem;font-weight:850;white-space:nowrap}
.guest-concert-grid{margin-bottom:2.5rem}
@media(max-width:700px){
  .concert-video-grid{grid-template-columns:1fr}
  .youtube-concert-grid{grid-template-columns:1fr}
  .official-concert-grid .youtube-concert-card{display:block}
  .official-concert-grid .youtube-concert-card img{height:auto;min-height:0}
  .youtube-concert-card>div{padding:1.15rem}
  .youtube-concert-card h3{font-size:1.4rem}
  .recording-program{font-size:1rem}
  .recording-thanks{padding:1.3rem}
  .recording-thanks strong{font-size:1.3rem}
  .concert-recap-intro{margin-top:-.2rem}
  .concert-thanks{margin-top:1.5rem;padding:2rem 1.3rem}
  .concert-thanks p:not(.eyebrow){font-size:1rem}
  .video-concert-sketch{margin:2rem 0 3.5rem;padding:1.1rem}
  .concert-video-card>div{padding:1rem 1.1rem 1.2rem}
  .concert-video-card h3{font-size:1.4rem}
  .concert-song-listening{padding:1.1rem}
  .concert-leaflet-grid,.concert-song-columns{grid-template-columns:1fr}
  .concert-song-links>a{grid-template-columns:42px minmax(0,1fr);min-height:82px}
  .song-play{grid-column:2;margin-top:.15rem}
}
@media(max-width:900px){
  .concert-photo-hero{grid-template-columns:1fr}
  .concert-photo-hero img{min-height:0;aspect-ratio:16/10}
  .concert-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .concert-photo-hero img{aspect-ratio:4/3}
  .concert-photo-grid{grid-template-columns:1fr}
  .drive-photo-cta{align-items:stretch;flex-direction:column}
  .drive-photo-cta .button{width:100%;text-align:center}
}

/* October 2026 meeting and the sortable video archive. */
.video-toolbar [data-video-summary]{margin:.45rem 0 0;color:var(--muted);font-size:1rem}
.video-card-with-player{align-content:start;scroll-margin-top:100px}
.archive-player{grid-column:1/-1;margin:-1.4rem -1.4rem .2rem;overflow:hidden;background:var(--navy)}
.archive-player[hidden]{display:none}
.archive-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.video-card .video-latest{margin-top:.65rem;color:var(--red);font-weight:700}
.featured-mv{margin-top:4rem}
.event-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line)}
.event-feature>a{display:flex;align-items:center;background:var(--navy)}
.event-feature img{display:block;width:100%;height:auto}
.event-feature>div{padding:clamp(1.4rem,3vw,3rem);align-self:center}
.event-feature h3{font-family:Georgia,"Noto Serif KR",serif;color:var(--navy);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.3;margin:.65rem 0 1rem}
.event-feature p{margin:.6rem 0}.event-feature .button{margin-top:1rem}
.event-inline-videos{margin-top:1.5rem}
.event-story-hero{margin:2rem 0}.event-story-hero img{display:block;width:100%;height:auto}
.event-story-hero figcaption{padding:.65rem 0;color:var(--muted);font-size:.95rem}
.event-photo-gallery{columns:3;column-gap:1rem;margin-top:1.8rem}
.event-photo-gallery figure{break-inside:avoid;margin:0 0 1rem;background:#fff;border:1px solid var(--line)}
.event-photo-gallery a{display:block}.event-photo-gallery a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.event-photo-gallery img{display:block;width:100%;height:auto}
.event-photo-gallery figcaption{padding:.6rem .75rem;font-size:.88rem;color:var(--muted)}
@media(max-width:900px){.event-feature{grid-template-columns:1fr}.event-photo-gallery{columns:2}}
@media(max-width:620px){.archive-player{margin:-1.15rem -1.15rem .1rem}.event-photo-gallery{columns:1}.event-photo-gallery figcaption{font-size:1rem}.event-inline-videos{margin-top:1rem}}