:root{--paper:#faf9f6;--ink:#252525;--muted:#686864;--line:#d4d3ce;--panel:#eeede8;--white:#fff;--review-height:42px;--header-height:86px;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.7;word-break:keep-all}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #58637b;outline-offset:5px}p,h1,h2,h3{margin:0}button{color:inherit}button:hover,a.button:hover{filter:brightness(.88)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:5px}.review-bar{min-height:var(--review-height);padding:8px 3.3%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e6e4df;font-size:11px;letter-spacing:.04em}.review-bar strong{margin-right:20px;font-size:10px;letter-spacing:.12em}.review-bar label{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.review-bar input{accent-color:var(--ink)}.header{height:var(--header-height);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 3.3%;border-bottom:1px solid var(--line);background:rgba(250,249,246,.97)}.wordmark{font-size:25px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap;line-height:1.1}.wordmark span{display:block;font-size:8px;letter-spacing:.15em;margin-top:8px;font-weight:500}.header nav{display:flex;gap:25px;align-items:center}.header nav a{font-size:13px;white-space:nowrap;position:relative;padding:12px 0}.header nav a[aria-current]{font-weight:800}.header nav a[aria-current]:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:13px 25px;font-size:14px;font-weight:650;border:1px solid var(--ink);transition:background .15s}.solid{background:var(--ink);color:var(--white)}.outline{background:transparent}.header-play{min-height:42px;padding:9px 18px;font-size:12px;gap:20px}.section{max-width:var(--max);margin:auto;padding:110px 56px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:650;margin-bottom:26px}.hero{min-height:720px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding-top:65px;padding-bottom:26px}.hero h1{font-size:clamp(36px,3.45vw,53px);line-height:1.26;letter-spacing:-.065em;font-weight:750}.lead{font-size:20px;line-height:1.7;margin-top:28px;letter-spacing:-.04em}.body-copy{font-size:14px;color:var(--muted);margin-top:16px}.actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}.note{font-size:11px;line-height:1.7;color:#66675f;border-left:2px solid #b8b9af;padding:3px 0 3px 12px;margin-top:26px;max-width:670px}.notes-hidden .note{display:none}.placeholder{border:1px dashed #aaa9a3;background:linear-gradient(135deg,transparent calc(50% - .5px),#d8d7d0 50%,transparent calc(50% + .5px)),linear-gradient(45deg,transparent calc(50% - .5px),#d8d7d0 50%,transparent calc(50% + .5px)),var(--panel);position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#62625d;padding:45px 22px}.placeholder>div{position:relative;background:var(--panel);padding:18px 14px}.placeholder strong{display:block;font-weight:500;font-size:20px;line-height:1.6;letter-spacing:-.03em}.placeholder p{font-size:11px;margin-top:12px}.asset-id{position:absolute;top:18px;left:18px;font-size:9px;letter-spacing:.12em;text-align:left}.asset-caption{position:absolute;bottom:18px;left:18px;right:18px;font-size:10px}.placeholder-cross{display:block;font-size:34px;font-weight:200;margin-bottom:18px}.hero-art{height:535px}.scroll-hint{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-top:20px;margin-top:18px}.section-heading{margin-bottom:48px}.section h2{font-size:clamp(30px,3vw,43px);font-weight:650;line-height:1.35;letter-spacing:-.055em}.section-intro{font-size:16px;color:var(--muted);margin-top:22px;line-height:1.8}.world-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.landscape{min-height:410px}.small-label{font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--muted);margin-bottom:14px}.world-copy h3,.concept-copy h3,.album-layout h3{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-.045em;margin-bottom:23px}.world-copy>p:not(.small-label):not(.note){font-size:14px;margin-top:20px}.trainee-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.trainee-art{height:540px}.portrait-index{font-family:Georgia,serif;font-size:105px;line-height:1.15;color:#a1a19a}.trainee-art strong{font-size:28px;margin-top:12px}.trainee-info h3{font-size:48px;font-weight:600;letter-spacing:-.05em;margin-bottom:12px}.trainee-hook{font-size:20px;letter-spacing:-.03em;min-height:68px}.quiet{font-size:14px;color:var(--muted);margin:20px 0}.trainee-select{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}.trainee-select button{border:1px solid var(--line);background:transparent;text-align:left;padding:14px;font-size:13px;display:flex;gap:15px;align-items:center}.trainee-select button span{font-size:9px;color:#777}.trainee-select button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.trainee-select button[aria-pressed=true] span{color:#ccc}.expression-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.expression-strip .small-label{margin:0}.expression-strip>p{font-size:13px}.expression-slots{display:flex;gap:8px}.expression-slots span{display:grid;place-items:center;width:92px;min-height:75px;border:1px dashed #aaa;font-size:10px;color:var(--muted);background:var(--panel)}.producer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.small-media{height:210px;flex-direction:column;gap:18px;margin-bottom:25px}.small-media span{font-size:9px;letter-spacing:.12em}.small-media strong{background:var(--panel);padding:5px 14px;font-size:15px}.producer-steps h3,.story-grid h3{font-size:19px;font-weight:600;letter-spacing:-.035em;margin:10px 0}.producer-steps article>p:last-child,.story-grid article>p{font-size:14px;color:var(--muted);line-height:1.85}.concept-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.concept-copy>p:not(.note):not(.small-label){font-size:14px}.concept-select{display:flex;gap:7px;flex-wrap:wrap;margin:28px 0 18px}.concept-select button{background:transparent;border:1px solid #aaa;padding:9px 14px;font-size:12px}.concept-select button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.concept-description{min-height:52px;color:var(--muted)}.concept-art{height:455px}.concept-art strong{font-size:35px}.album-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center;margin-top:80px;padding-top:70px;border-top:1px solid var(--line)}.album-art{aspect-ratio:1}.album-art strong{font-size:32px;font-family:Georgia,serif;font-weight:400;line-height:1.3}.producer-credit{display:block;font-size:11px;margin-top:24px}.album-layout>div>p:not(.note):not(.small-label){font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-art{height:330px;display:flex;flex-direction:column;gap:10px}.story-art strong{font-size:16px;background:var(--panel);padding:5px}.story-art>span:last-child{font-size:10px;background:var(--panel);padding:4px}.closing{text-align:center;margin-top:95px;padding:65px 0 0;border-top:1px solid var(--line)}.closing p:not(.small-label){margin:22px 0 28px;font-size:15px;color:var(--muted)}.closing .button{min-width:210px}footer{max-width:var(--max);margin:auto;padding:40px 56px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer>p:not(.note){font-size:11px;color:var(--muted)}footer>.text-link{margin-left:auto}footer .note{flex-basis:100%;margin-top:0;max-width:none}.section{scroll-margin-top:0}@media(min-width:1500px){.hero h1{font-size:53px}}@media(max-width:1100px){.header{gap:15px}.header nav{gap:15px}.header nav a{font-size:12px}.header .wordmark{font-size:21px}.section{padding-left:36px;padding-right:36px}.hero{gap:25px}.hero h1{font-size:38px}.hero-art{height:480px}.world-layout,.trainee-layout,.concept-layout{gap:35px}.expression-strip{flex-wrap:wrap}.expression-slots{margin-left:auto}.album-layout{gap:45px}}@media(max-width:800px){:root{--header-height:116px}html{scroll-padding-top:130px}.review-bar{align-items:center;padding:8px 20px}.review-bar>div>span{display:none}.review-bar strong{margin-right:0}.header{height:auto;min-height:110px;display:grid;grid-template-columns:1fr auto;padding:15px 20px 0;gap:12px}.header .wordmark{font-size:22px}.header .wordmark span{display:none}.header-play{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;overflow-x:auto;gap:23px;padding-bottom:5px;scrollbar-width:thin;max-width:100%;width:100%}.header nav a{padding:10px 0 15px;font-size:12px}.header nav a[aria-current]:after{bottom:7px}.section{padding:72px 24px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:26px;gap:30px}.hero h1{font-size:41px}.hero-art{height:390px}.hero .lead{font-size:18px;margin-top:22px}.hero .note{margin-top:22px}.hero .scroll-hint{margin-top:0}.section h2{font-size:34px}.section-heading{margin-bottom:32px}.world-layout,.trainee-layout,.concept-layout,.album-layout{grid-template-columns:1fr;gap:30px}.landscape{min-height:285px}.world-copy h3,.concept-copy h3,.album-layout h3{font-size:25px}.trainee-art{height:380px}.trainee-info h3{font-size:38px}.trainee-hook{min-height:0;font-size:18px}.trainee-select{margin-top:24px}.expression-strip{display:block}.expression-strip>p{margin:8px 0 18px}.expression-slots{margin:0}.expression-slots span{flex:1;min-height:85px}.producer-steps{grid-template-columns:1fr;gap:36px}.small-media{height:230px;margin-bottom:18px}.concept-art{height:340px}.album-layout{margin-top:50px;padding-top:45px}.album-art{width:min(100%,360px);justify-self:center}.story-grid{grid-template-columns:1fr;gap:30px}.story-art{height:280px}.closing{margin-top:60px;padding-top:45px}.closing h2{font-size:30px}.section-intro{font-size:15px}.actions{gap:20px}.note{font-size:11px}footer{padding:32px 24px;gap:20px}footer>p:not(.note){flex-basis:100%;order:2}footer>.note{order:3}.placeholder .asset-caption{font-size:9px}}@media(max-width:380px){.hero h1{font-size:35px}.section h2{font-size:30px}.trainee-select button{padding:10px;gap:8px}.concept-select button{padding:8px 10px}.actions{gap:15px}.hero-art{height:330px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* All nine trainees remain visible independently of the selected profile. */
.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.roster-heading .small-label{margin:0}.roster-heading p{font-size:12px;color:var(--muted)}
.trainees>.trainee-select{grid-template-columns:repeat(9,minmax(0,1fr));margin:18px 0 40px;gap:10px}.trainees>.trainee-select button{flex-direction:column;gap:10px;padding:12px 7px;text-align:center}.trainees>.trainee-select button span{display:grid;place-items:center;width:100%;height:62px;border:1px dashed #aaa;font-size:15px;background:var(--panel);color:#777}.trainees>.trainee-select button[aria-pressed=true] span{background:#454541;color:#eee;border-color:#888}
.trainee-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.trainee-pagination .small-label{margin:0}.trainee-pagination>div{display:flex;gap:8px}.trainee-pagination button{width:38px;height:38px;border:1px solid var(--line);background:transparent;font-size:18px}#trainee-detail{scroll-margin-top:140px}
.ann-helper{display:grid;grid-template-columns:1fr 1.2fr;gap:28px 65px;border-top:1px solid var(--line);margin-top:60px;padding-top:45px}.ann-helper h3{font-size:28px;line-height:1.45;letter-spacing:-.045em;font-weight:600;margin-bottom:20px}.ann-helper>div>p:not(.small-label){font-size:14px;color:var(--muted)}.ann-message{border-left:2px solid var(--ink);padding:25px 30px;background:var(--panel);align-self:center}.ann-name{display:block;font-size:23px;font-weight:650;margin-bottom:20px}.ann-name span{font-size:10px;margin-left:8px;font-weight:400;color:var(--muted)}.ann-helper .ann-message>p{font-size:18px;color:var(--ink)}.ann-helper .ann-message>.ann-description{font-size:13px;color:var(--muted);margin-top:22px}.ann-helper>.note{grid-column:1/-1;margin-top:0}
@media(max-width:800px){.trainees>.trainee-select{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px;gap:9px}.trainees>.trainee-select button{padding:9px;gap:5px}.trainees>.trainee-select button span{height:40px}.roster-heading{display:block}.roster-heading p{margin-top:6px}.ann-helper{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:35px}.ann-helper h3{font-size:25px}.ann-message{padding:20px}.ann-helper .ann-message>p{font-size:16px}}

.music-making{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center;margin-top:42px}.music-screen{min-height:300px}.music-making h3{font-size:27px;line-height:1.45;letter-spacing:-.04em;font-weight:600;margin-bottom:20px}.music-making>div>p:not(.small-label):not(.note){font-size:14px;color:var(--muted)}
.social-section{max-width:var(--max);margin:auto;padding:55px 56px;border-bottom:1px solid var(--line)}.social-section h2{font-size:25px;letter-spacing:-.04em;font-weight:600}.social-section>div>p:not(.small-label){font-size:14px;color:var(--muted);margin-top:10px}.social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.social-links button{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:1px dashed #aaa;background:var(--panel);padding:22px;color:var(--ink);cursor:default;opacity:1}.social-links button:hover{filter:none}.social-links strong{font-size:18px;font-weight:600}.social-links span{font-size:10px;color:var(--muted)}
@media(max-width:800px){.music-making{grid-template-columns:1fr;gap:24px;margin-top:35px}.music-screen{min-height:230px}.music-making h3{font-size:25px}.social-section{padding:40px 24px}.social-section h2{font-size:23px}.social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-links button{padding:18px 14px}}

.top-social{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 3.3%;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.top-social>div{display:flex;align-items:center;gap:18px}.top-social button{border:0;background:transparent;font-size:11px;padding:6px 0;color:var(--ink);opacity:1;cursor:default}.top-social button:hover{filter:none}.top-social small{font-size:9px;color:var(--muted)}@media(max-width:800px){.top-social{padding:10px 24px;align-items:flex-start;flex-direction:column;gap:4px}.top-social>div{gap:18px;flex-wrap:wrap}.top-social>span{font-size:10px}}
