@charset "UTF-8";
:root{--ink:#171917;--paper:#fafbf8;--accent:#caff28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Pretendard","Malgun Gothic",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:32px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d8}.logo{font-size:27px;font-weight:900;letter-spacing:-1.3px}.logo span{display:block;font-size:10px;letter-spacing:1.7px;margin-top:5px}.nav{font-size:14px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:12px}.count{background:var(--accent);padding:6px 8px;border-radius:30px;font-size:12px}main{max-width:1440px;margin:auto;padding:58px 6% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 16px}h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-2.6px;line-height:1.25;margin:0;font-weight:800}.dot{color:#91b800}.intro-note{font-size:16px;line-height:1.8;margin:0;color:#62685d}.artists{display:grid;grid-template-columns:1fr 1fr;gap:28px}.artist{border:0;background:none;text-align:left;padding:0;color:inherit;font:inherit;cursor:pointer}.portrait{position:relative;aspect-ratio:1.17;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait-one{background:#dadfd5;color:#394136}.portrait-two{background:#353d47;color:#e2e9ee}.number{position:absolute;left:25px;top:24px;font-size:12px;font-weight:700;letter-spacing:1.8px;opacity:.7}.placeholder-mark{font-family:Arial,sans-serif;font-size:clamp(110px,16vw,220px);font-weight:900;letter-spacing:-15px;line-height:1;opacity:.24;transition:transform .4s}.placeholder-mark span{font-size:.45em;letter-spacing:-6px}.photo-label{position:absolute;left:25px;bottom:26px;letter-spacing:2px;font-size:12px;opacity:.65}.view{position:absolute;right:20px;bottom:20px;background:var(--paper);color:var(--ink);padding:13px 16px;font-size:14px;display:flex;align-items:center;gap:26px}.view span{font-size:23px;line-height:1}.artist:hover .placeholder-mark{transform:scale(1.08)}.artist:hover .view{background:var(--accent)}.caption{display:flex;align-items:center;justify-content:space-between;padding:19px 0}.caption h2{font-size:23px;margin:0;letter-spacing:-.6px}.caption>span{font-size:12px;letter-spacing:1px;color:#62685d}.bottom-line{display:flex;justify-content:space-between;font-size:13px;color:#73796f;padding:28px 0 48px}.bottom-line>span:last-child{font-size:11px;letter-spacing:1.3px}footer{max-width:1440px;margin:auto;border-top:1px solid #dce0d8;padding:25px 6%;display:flex;gap:16px;justify-content:space-between;font-size:12px;color:#73796f}dialog{width:min(1000px,92vw);max-height:90dvh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(14,20,13,.65);backdrop-filter:blur(6px)}.dialog-layout{display:grid;grid-template-columns:.9fr 1.1fr;min-height:600px}.profile-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:330px}.profile-art .placeholder-mark{font-size:170px}.profile-copy{padding:72px 42px 30px;position:relative}.close{position:absolute;right:24px;top:20px;font:inherit;font-size:13px;background:none;border:0;cursor:pointer;display:flex;gap:12px;align-items:center;padding:8px}.close span{font-size:27px}.profile-copy h2{font-size:38px;letter-spacing:-1.5px;margin:0 0 8px}.profile-en{font-size:13px;letter-spacing:2px;color:#73796f;margin:0 0 32px}h3{font-size:14px;margin:0 0 12px}.bio p{font-size:16px;line-height:1.85;color:#666d61;margin:0 0 27px}.track{display:flex;gap:15px;align-items:center;border-top:1px solid #dce0d8;border-bottom:1px solid #dce0d8;padding:16px 0}.track-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--accent);font-size:27px}.track strong{font-size:15px}.track div>span{display:block;font-size:12px;color:#73796f;margin-top:6px;line-height:1.6}.links{display:flex;gap:18px;flex-wrap:wrap;padding:26px 0;font-size:12px;font-weight:700}.links small{flex-basis:100%;font-size:12px;color:#73796f;font-weight:400}.contact{border-top:1px solid #dce0d8;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:12px}.contact span{color:#73796f}button:focus-visible,a:focus-visible{outline:3px solid #739a00;outline-offset:6px}@media(max-width:640px){header{padding:24px 6%}.logo{font-size:24px}main{padding-top:38px}.intro{margin-bottom:28px}.intro-note{display:none}h1{letter-spacing:-1.5px}.artists{grid-template-columns:1fr;gap:20px}.portrait{aspect-ratio:1.15}.placeholder-mark{font-size:170px}.caption{padding:15px 0}.caption h2{font-size:21px}.bottom-line{padding:26px 0 35px}.bottom-line>span:last-child{display:none}footer{flex-direction:column;font-size:11px;line-height:1.6}.dialog-layout{grid-template-columns:1fr;min-height:0}.profile-art{min-height:220px}.profile-art .placeholder-mark{font-size:145px}.profile-copy{padding:58px 26px 20px}.profile-copy h2{font-size:32px}.close{top:13px;right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 모두의 가수: 마이크 스테이지 배지 */
.header-tools{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end}.singer-link{display:inline-flex;align-items:center;gap:12px;padding:9px 15px 9px 9px;border-radius:18px;border:1px solid #d0dbc0;background:linear-gradient(125deg,#fff 12%,#eff8da 100%);color:#213b2c;text-decoration:none;box-shadow:0 5px 18px #37552612;transition:transform .2s,box-shadow .2s,border-color .2s}.singer-link-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#345842,#182d22);color:#f6ffe9;box-shadow:inset 0 1px 0 #ffffff30;transform:rotate(-6deg)}.singer-link-icon svg{width:31px;height:31px}.singer-link-copy{display:flex;flex-direction:column;gap:4px}.singer-link-copy small{font-size:8px;font-weight:700;letter-spacing:1.1px;color:#688051;line-height:1}.singer-link-copy strong{font-size:19px;font-weight:800;letter-spacing:-.7px;line-height:1.2}.singer-link-arrow{margin-left:5px;font-size:21px;color:#587536}.singer-link:hover{transform:translateY(-2px);border-color:#9fbd6b;box-shadow:0 9px 24px #37552625}.singer-link:focus-visible{outline:3px solid #739a00;outline-offset:4px}@media(max-width:600px){.header-tools{gap:12px}.singer-link{gap:8px;padding:7px 10px 7px 7px;border-radius:15px}.singer-link-icon{width:36px;height:36px;border-radius:10px}.singer-link-icon svg{width:26px;height:26px}.singer-link-copy small{display:none}.singer-link-copy strong{font-size:15px}.singer-link-arrow{font-size:18px;margin-left:0}.header-tools>.nav{font-size:11px}}@media(prefers-reduced-motion:reduce){.singer-link{transition:none}.singer-link:hover{transform:none}}
/* 인물 사진 없는 음악 여백 장식, 50% 불투명도 */
.music-margin{position:fixed;top:160px;width:110px;height:min(600px,calc(100dvh - 170px));opacity:.5;pointer-events:none;z-index:0;display:none}.music-margin svg{display:block;width:100%;height:100%}.music-margin-left{left:10px}.music-margin-right{right:10px}body>header,body>main,body>footer{position:relative;z-index:1}@media(min-width:1320px){.music-margin{display:block}body>header,body>main,body>footer{max-width:calc(100% - 240px);margin-left:auto;margin-right:auto}}@media(min-width:1700px){.music-margin{width:140px}.music-margin-left{left:25px}.music-margin-right{right:25px}body>header,body>main,body>footer{max-width:1360px}}@media(max-width:1319px){.music-margin{display:none}}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-top:30px;padding-bottom:30px}.footer-brand{display:flex;flex-direction:column;gap:7px}.footer-brand strong{font-size:13px;letter-spacing:1px;color:#354431}.footer-brand>span{font-size:11px;color:#7b8374}.footer-channels{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.footer-channels a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid #dfe6d6;border-radius:13px;color:#4d6042;background:#f8faf4;text-decoration:none;font-size:12px;transition:background .15s,border-color .15s}.footer-channels a:hover{background:#eff6dd;border-color:#b4c791}.footer-channels a:focus-visible{outline:3px solid #739a00;outline-offset:3px}.footer-channels svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-footer>small{flex-basis:100%;font-size:10px;color:#92998b}@media(max-width:640px){.site-footer{align-items:flex-start;gap:18px}.footer-channels{gap:8px}.footer-channels a{font-size:11px;padding:8px 10px}.footer-email{flex-basis:100%;width:fit-content}}
.listen-headline{white-space:nowrap;font-size:clamp(12px,3.3vw,44px);letter-spacing:-1.4px;line-height:1.5}.alarm-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;text-decoration:none;color:#242424}.alarm-link>span{font-size:17px}@media(max-width:640px){.listen-headline{font-size:clamp(11px,3.6vw,23px);letter-spacing:-.6px}.alarm-link{font-size:12px;gap:5px}}