/* SEOELITE — shared design system */
:root{--bg:#080f20;--bg2:#0b1427;--panel:#101b31;--panel2:#13223b;--ink:#f2f7ff;--muted:#a7b7d1;--line:rgba(160,190,255,.16);--blue:#62a8ff;--blue-soft:#8bc1ff;--max:1180px;--radius:3px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.65;-webkit-font-smoothing:antialiased}body,button,a{font-family:var(--font)}a{color:inherit;text-decoration:none}button{color:inherit}.container{width:min(calc(100% - 44px),var(--max));margin:0 auto}.muted{color:var(--muted)}.blue{color:var(--blue)}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,15,32,.91);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font-size:20px;letter-spacing:.16em;font-weight:800;white-space:nowrap}.brand span{color:var(--blue)}.nav-right{display:flex;align-items:center;gap:22px}.navlinks{display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:.11em;color:#d4e0f2}.navlinks a{transition:color .2s}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--blue)}.lang-switch{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.12em;color:#7186a6;white-space:nowrap}.lang-switch a{padding:7px 5px}.lang-switch a[aria-current=true]{color:var(--blue);font-weight:800}.menu-btn{display:none;background:transparent;border:1px solid var(--line);padding:8px 11px;font-size:10px;letter-spacing:.1em;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid rgba(98,168,255,.62);background:transparent;color:var(--ink);font-size:10px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px);background:rgba(98,168,255,.09);border-color:var(--blue)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#061124}.btn.primary:hover{background:#8bc1ff}.hero{padding:94px 0 92px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(36px,6vw,78px);min-height:590px}.hero h1{font-size:clamp(52px,7.3vw,94px);line-height:.94;letter-spacing:-.067em;font-weight:650;margin:23px 0 25px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:13px;color:#c6d4e9;max-width:590px;line-height:1.7;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;min-height:470px;align-self:stretch;overflow:hidden;border:1px solid var(--line);background:#091328}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,22,.8),transparent 34%,rgba(5,10,22,.04))}.portrait-caption{position:absolute;z-index:2;left:21px;right:21px;bottom:19px;display:flex;justify-content:flex-start;gap:12px;font-size:9px;letter-spacing:.12em;color:#d7e7ff}.intro-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(31,67,119,.44),rgba(8,15,32,.97) 49%,#050914 100%);transition:opacity .75s,visibility .75s}.intro-screen:before,.intro-screen:after{content:"";position:absolute;left:50%;top:50%;width:min(76vw,720px);aspect-ratio:1;border:1px solid rgba(98,168,255,.14);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px rgba(98,168,255,.06),inset 0 0 90px rgba(98,168,255,.035);pointer-events:none}.intro-screen:after{width:min(58vw,540px);border-color:rgba(98,168,255,.12)}.intro-langs{position:absolute;right:28px;top:22px;z-index:3}.intro-content{position:relative;z-index:1;text-align:center;padding:32px 22px;animation:rise .9s ease both}.intro-kicker{font-size:10px;letter-spacing:.31em;color:#9bbde9;text-transform:uppercase;margin-bottom:27px}.intro-logo{font-size:clamp(46px,10vw,100px);line-height:1.05;font-weight:800;letter-spacing:.13em;margin:0 0 28px;padding-left:.13em;text-shadow:0 0 50px rgba(98,168,255,.1)}.intro-logo span{color:var(--blue)}.intro-rule{width:48px;height:1px;background:var(--blue);margin:0 auto 23px;box-shadow:0 0 18px rgba(98,168,255,.55)}.intro-tagline{font-size:clamp(18px,2.5vw,26px);font-weight:400;letter-spacing:.025em;color:#e8effb;margin:0 0 12px}.intro-subline{font-size:11px;letter-spacing:.09em;color:#91a6c7;margin:0}.intro-enter{display:inline-flex;align-items:center;gap:14px;margin-top:43px;padding:14px 22px;border:1px solid rgba(98,168,255,.65);color:#f2f7ff;background:rgba(8,15,32,.2);font-size:10px;letter-spacing:.18em;transition:.2s;cursor:pointer}.intro-enter:hover{background:rgba(98,168,255,.13);transform:translateY(-2px)}.intro-enter .enter-label{font-size:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}.intro-enter .ite-accent{font-size:inherit;letter-spacing:inherit;color:var(--blue)!important}.intro-enter .enter-arrow{font-size:16px;line-height:1;color:var(--blue);letter-spacing:0}.intro-foot{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;color:#657b9e;font-size:9px;letter-spacing:.16em}.intro-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-active .site-main{visibility:hidden;opacity:0}.intro-dismissed .site-main{visibility:visible;opacity:1;transition:opacity .65s}.site-main{opacity:1;transition:opacity .65s}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section{padding:82px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px}.section-head h2,.page-title{font-size:clamp(30px,4.3vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:9px 0 0}.section-head h2{font-size:clamp(24px,2.45vw,32px);white-space:nowrap}.section-intro{max-width:490px;color:var(--muted);font-size:11px;line-height:1.65;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:264px;padding:25px;background:linear-gradient(150deg,rgba(19,34,59,.92),rgba(12,23,42,.92));border:1px solid var(--line);overflow:hidden;transition:transform .25s,border-color .25s}.project-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(98,168,255,.18);border-radius:50%;right:-78px;top:-76px;pointer-events:none}.project-card:hover{transform:translateY(-3px);border-color:rgba(98,168,255,.45)}.project-no{font-size:9px;letter-spacing:.17em;color:var(--blue)}.project-card h3{font-size:23px;letter-spacing:-.035em;margin:14px 0 8px}.project-card p{font-size:11px;color:#b7c8df;line-height:1.55;word-break:keep-all;margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card .more{font-size:9px;letter-spacing:.12em;color:var(--blue);margin-top:22px}.el-accent{color:var(--blue-soft)}.home-band{background:linear-gradient(100deg,rgba(18,37,67,.92),rgba(9,20,38,.8));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.home-band-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.home-band strong{font-size:12px;letter-spacing:.12em}.home-band strong .ite-accent{font-size:inherit;letter-spacing:inherit;color:var(--blue)!important}.home-band span{font-size:10px;color:var(--muted);letter-spacing:.1em}.featured{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:26px;background:var(--panel);border:1px solid var(--line)}.featured-cover{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}.featured h3{font-size:clamp(22px,3vw,32px);line-height:1.25;margin:8px 0}.featured p{font-size:12px;color:var(--muted);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-meta{font-size:10px;letter-spacing:.13em;color:#9bbde9}.featured-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.archive-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.archive-item{padding:21px;border:1px solid var(--line);background:rgba(16,27,49,.72)}.archive-item strong{display:block;font-size:28px;line-height:1.3;color:var(--blue);margin-bottom:8px}.archive-item span{font-size:10px;letter-spacing:.12em;color:#dce8fa}.archive-item p{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-hero{padding:76px 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 10%,rgba(35,75,131,.2),transparent 45%)}.page-hero p{max-width:100%;color:#bdcde2;font-size:12px;line-height:1.6;margin:20px 0 0;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-body{padding:54px 0 90px}.about-grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:55px;align-items:start}.about-portrait{position:sticky;top:110px}.about-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center center;border:1px solid var(--line);display:block}.about-portrait .portrait-label{padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.12em}.copy h2{font-size:29px;line-height:1.25;letter-spacing:-.04em;margin:9px 0 16px}.copy p{font-size:11px;color:#c1d0e4;line-height:1.6;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-block{padding:0 0 28px;margin-bottom:29px;border-bottom:1px solid var(--line)}.copy-block:last-child{border-bottom:0}.education{margin-top:20px;padding:24px 0;border-top:1px solid var(--line)}.education h3{margin:7px 0 15px;font-size:20px}.education ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.education li{font-size:13px;color:#e3eaf6}.education li:before{content:"—";color:var(--blue);margin-right:10px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:24px}.fact{padding:18px;border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact strong{display:block;color:var(--blue);font-size:clamp(13px,1.35vw,20px);line-height:1.25;overflow-wrap:anywhere}.fact span{display:block;font-size:8px;color:var(--muted);letter-spacing:.06em;line-height:1.45;margin-top:5px}.world-steps{display:grid;grid-template-columns:1fr;max-width:850px;margin:0 auto}.world-node{padding:26px 30px;background:linear-gradient(120deg,rgba(16,27,49,.92),rgba(12,23,42,.9));border:1px solid var(--line)}.world-node .node-label{font-size:9px;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}.world-node h3{font-size:clamp(22px,3vw,31px);margin:8px 0 5px;letter-spacing:-.035em}.brand-alias{font-size:.46em;font-weight:500;letter-spacing:0;color:#a7b7d1;white-space:nowrap}.world-node p{max-width:100%;color:#b9c9de;font-size:11px;line-height:1.6;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-arrow{height:36px;display:grid;place-items:center;color:var(--blue);font-size:19px}.world-node .tagline{font-style:italic;color:#e5efff}.world-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.world-node.teaser{border-style:dashed}.contact-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:34px;background:linear-gradient(125deg,rgba(19,34,59,.94),rgba(9,20,38,.9));border:1px solid var(--line)}.contact-panel h2{font-size:clamp(28px,4vw,43px);line-height:1.15;margin:9px 0}.contact-panel p{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ncp-contact-panel{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr) auto;align-items:center;gap:clamp(22px,3vw,42px);padding:30px;background:linear-gradient(125deg,rgba(19,34,59,.94),rgba(9,20,38,.9));border:1px solid var(--line)}.ncp-logo-wrap{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:220px;min-height:100px}.ncp-logo{display:block;width:100%;max-width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(98,168,255,.05))}.ncp-contact-copy h2{font-size:clamp(21px,2.3vw,30px);line-height:1.2;margin:8px 0}.ncp-contact-copy p{font-size:11px;color:var(--muted);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0}.ncp-enquiry{white-space:nowrap}.single-line-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-display{color:#d6e8ff;font-size:14px;letter-spacing:.04em;border-bottom:1px solid rgba(98,168,255,.4);padding-bottom:4px}.site-footer{padding:27px 0 32px;border-top:1px solid var(--line);color:#7f92af;font-size:9px;letter-spacing:.08em}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-tagline{color:#b6c8e4}.footer-ncp{margin-top:8px;font-size:9px;letter-spacing:.1em;color:#627a9f}.discography-page{padding-top:45px}.discography-filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 35px}.disc-filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 13px;font-size:9px;letter-spacing:.1em;cursor:pointer;border-radius:2px;transition:.2s}.disc-filter:hover,.disc-filter.active{color:var(--ink);border-color:var(--blue);background:rgba(98,168,255,.1)}.discography-group{margin:0 0 51px}.discography-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 17px;border-bottom:1px solid var(--line);padding-bottom:11px}.discography-subhead h2{font-size:12px;letter-spacing:.16em;margin:0;color:#dce8fa;font-weight:650}.discography-subhead span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.discography-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 15px;align-items:stretch}.release-card{min-width:0;display:flex;flex-direction:column;height:100%;padding:0 0 2px}.release-cover{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#101b31;border:1px solid rgba(160,190,255,.1);transition:transform .25s ease,filter .25s ease}.release-card:hover .release-cover{transform:translateY(-2px);filter:brightness(1.04)}.release-meta{display:flex;justify-content:space-between;gap:6px;margin-top:10px;color:#91a6c7;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.release-title{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.4;margin:7px 0 5px;color:#f2f7ff;font-weight:600;overflow-wrap:anywhere;min-height:60px}.release-artist{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#c4d4eb;font-size:10px;line-height:1.35;font-weight:500;letter-spacing:.01em;min-height:2.6em}.release-song{display:block;color:#f2f7ff;font-size:12px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.release-role{margin:0;color:#91a6c7;font-size:10px;line-height:1.5;min-height:3.2em;overflow-wrap:anywhere}.release-role-empty{visibility:hidden}.release-details{margin-top:auto;width:100%;box-sizing:border-box;flex-shrink:0;border-top:1px solid var(--line);padding-top:9px}.release-details summary{display:flex;justify-content:space-between;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#b8d5ff;font-size:8px;letter-spacing:.08em;min-height:20px}.release-details summary::-webkit-details-marker{display:none}.release-details summary:after{content:"+";color:var(--blue);font-size:13px;margin-left:auto}.release-details[open] summary:after{content:"−"}.release-details summary span{color:#7186a6;letter-spacing:0;white-space:nowrap}.track-list{list-style:decimal;padding-left:17px;margin:11px 0 2px;color:#a7b7d1;font-size:10px}.track-list li{padding:6px 0 6px 2px;border-bottom:1px solid rgba(160,190,255,.07);overflow-wrap:anywhere;line-height:1.6}.track-list a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--blue)}.track-note{font-size:10px;color:#a7b7d1;line-height:1.7}.filter-count{color:var(--muted);font-size:10px;margin-left:auto}.featured-page-card{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:center;padding:26px;border:1px solid var(--line);background:var(--panel)}.featured-page-card img{width:100%;aspect-ratio:1;object-fit:cover}.feature-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:1000px){.navlinks{gap:14px}.nav-right{gap:14px}.discography-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{gap:34px}.hero-art{min-height:430px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Long-form biography: readable paragraphs without one-line clipping */
.about-summary{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.8!important;font-size:13px!important;margin:0!important;max-width:70ch}
.about-story{padding:4px 0 30px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.about-story h3{font-size:clamp(21px,2.2vw,27px);line-height:1.4;letter-spacing:-.035em;margin:9px 0 22px;max-width:38ch}
.about-story p{font-size:13px!important;line-height:1.95!important;color:#c1d0e4;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 17px;max-width:74ch}
.about-story p:last-child{margin-bottom:0}
.about-story p.about-story-emphasis{color:#f2f7ff;font-size:15px!important;line-height:1.8!important;margin:25px 0;font-weight:600}
.about-story em{color:#e3ecfb}

@media(max-width:760px){.lead,.page-hero p,.section-intro,.project-card p,.featured p,.archive-item p,.copy p,.world-node p,.contact-panel p,.ncp-contact-copy p{white-space:normal;overflow:visible;text-overflow:clip}.section-head h2{white-space:normal;font-size:clamp(25px,6vw,34px)}.ncp-contact-panel{grid-template-columns:1fr;justify-items:start;gap:20px;padding:25px}.ncp-logo-wrap{max-width:190px;min-height:auto}.ncp-logo{max-width:190px}.ncp-contact-copy p{max-width:100%}.single-line-copy{white-space:normal;overflow:visible;text-overflow:clip}.container{width:min(calc(100% - 32px),var(--max))}.nav{min-height:68px}.nav-right{gap:12px}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(8,15,32,.98);border-bottom:1px solid var(--line);padding:20px 24px 24px;align-items:stretch;gap:0;flex-direction:column}.navlinks.open{display:flex}.navlinks a{padding:12px 0;border-bottom:1px solid rgba(160,190,255,.08)}.navlinks a:last-child{border-bottom:0}.hero{grid-template-columns:1fr;padding:62px 0 67px;gap:33px;min-height:auto}.hero-art{min-height:400px}.hero h1{font-size:clamp(50px,11vw,78px)}.section{padding:64px 0}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.project-grid{grid-template-columns:1fr}.project-card{min-height:235px}.home-band-inner{align-items:flex-start;flex-direction:column;gap:8px}.featured{grid-template-columns:130px 1fr;gap:18px;padding:20px}.archive-summary{grid-template-columns:1fr}.archive-item{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px}.archive-item strong{grid-row:span 2;margin:0}.archive-item p{grid-column:2}.page-hero{padding:57px 0 39px}.page-body{padding:38px 0 65px}.about-grid{grid-template-columns:1fr;gap:32px}.about-portrait{position:relative;top:auto;max-width:360px}.facts{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}.world-node{padding:23px}.world-bottom{grid-template-columns:1fr}.contact-panel{grid-template-columns:1fr;align-items:start;padding:25px}.discography-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 13px}.discography-subhead{align-items:flex-start;flex-direction:column;gap:4px}.discography-page{padding-top:28px}.release-title{min-height:59px}.release-role{font-size:9px}.featured-page-card{grid-template-columns:125px 1fr;gap:18px;padding:19px}.footer-inner{align-items:flex-start;flex-direction:column}.intro-foot{left:14px;right:14px;bottom:14px;font-size:8px}.intro-langs{right:16px;top:14px}}
@media(max-width:480px){.brand{font-size:18px}.lang-switch{gap:3px;font-size:9px}.hero-art{min-height:350px}.portrait-caption{font-size:8px;left:13px;right:13px;bottom:13px}.featured{grid-template-columns:1fr}.featured-cover{max-width:190px}.archive-item{grid-template-columns:50px 1fr}.discography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.release-title{min-height:57px}.release-artist{font-size:9px}.release-song{font-size:12px}.release-role{min-height:3.6em}.featured-page-card{grid-template-columns:1fr}.featured-page-card img{max-width:190px}.intro-kicker{font-size:8px;letter-spacing:.22em}.intro-logo{letter-spacing:.07em}.intro-screen:before{width:110vw}.intro-screen:after{width:82vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* v6 readability and discography interaction refinements */
.ite-accent{color:var(--blue)!important}
.release-cover-button{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;text-align:left;line-height:0}
.release-cover-button .release-cover{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#101b31;border:1px solid rgba(160,190,255,.1);transition:transform .25s ease,filter .25s ease}
.release-cover-button:hover .release-cover{transform:translateY(-2px);filter:brightness(1.06)}
.release-cover-button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.lead{font-size:14px}
.page-hero p{font-size:13px}
.section-intro{font-size:12px}
.project-card p{font-size:12px}
.featured p{font-size:13px}
.archive-item p{font-size:12px}
.copy p{font-size:12px}
.contact-panel p,.ncp-contact-copy p{font-size:12px}
.home-band span{font-size:11px}
.release-meta{font-size:9px}
.release-artist{font-size:11px}
.release-song{font-size:13px}
.release-role{font-size:11px}
.release-details summary{font-size:9px}
.track-list{font-size:11px}
.track-note{font-size:11px}
.about-summary{font-size:14px!important}
.about-story p{font-size:14px!important}
.about-story p.about-story-emphasis{font-size:16px!important}
@media(max-width:760px){
 .lead,.page-hero p,.section-intro,.project-card p,.featured p,.archive-item p,.copy p,.contact-panel p,.ncp-contact-copy p{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip}
 .release-meta{font-size:9px}
 .release-artist{font-size:10px}
 .release-song{font-size:13px}
 .release-role{font-size:10px}
 .release-details summary{font-size:9px}
 .track-list{font-size:11px}
}


/* v9 navigation, card-link and readability refinements */
.discography-group[id]{scroll-margin-top:112px}
.education h3{color:var(--blue)}
.project-card{justify-content:flex-start;min-height:240px}
.project-card p{white-space:normal;overflow:visible;text-overflow:clip;word-break:keep-all;overflow-wrap:anywhere;line-height:1.72;margin-top:9px;max-width:100%;display:block}
.project-card-link{color:inherit;text-decoration:none;cursor:pointer}
.project-card-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.project-card-link:hover{border-color:rgba(98,168,255,.62);background:linear-gradient(150deg,rgba(23,43,73,.98),rgba(12,23,42,.96))}
@media(max-width:760px){.project-card{min-height:0}.project-card p{white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.7}}


/* v10 ABOUT hierarchy and producer-led home message */
.about-page .section-kicker{font-size:12px;letter-spacing:.2em}
.about-page .education .section-kicker{display:block;margin:0 0 15px;font-size:12px;letter-spacing:.2em}

/* v11 centered composition: home cards, archive statistics, brand architecture, and ABOUT facts */
.project-card{
  align-items:center;
  justify-content:center;
  text-align:center;
}
.project-card>div{
  width:100%;
  position:relative;
  z-index:1;
}
.project-card .project-no,
.project-card h3,
.project-card p{
  text-align:center;
}
.project-card p{
  max-width:38ch;
  margin-left:auto;
  margin-right:auto;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.archive-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:145px;
  text-align:center;
}
.archive-item strong,
.archive-item span,
.archive-item p{
  text-align:center;
}
.archive-item p{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  max-width:100%;
}
.world-node{
  text-align:center;
}
.world-node .node-label,
.world-node h3,
.world-node p,
.world-node .tagline,
.world-node .more{
  text-align:center;
}
.world-node h3{margin-left:auto;margin-right:auto}
.world-node p{
  max-width:72ch;
  margin:8px auto;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.world-node .more{
  display:inline-block;
  margin-top:16px;
}
.world-node .tagline{margin-left:auto;margin-right:auto}
.about-page .copy-block>.section-kicker,
.about-page .copy-block>h2,
.about-page .copy-block>.about-summary{
  text-align:center;
}
.about-page .facts{
  align-items:stretch;
}
.about-page .fact{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.about-page .fact strong,
.about-page .fact span{text-align:center}

@media(max-width:760px){
  .project-card{align-items:center;text-align:center}
  .project-card>div{width:100%}
  .project-card p{max-width:42ch;margin-left:auto;margin-right:auto;text-align:center}
  .archive-item{min-height:118px;align-items:center;text-align:center}
  .world-node{text-align:center}
  .world-node p{max-width:100%;text-align:center}
  .about-page .copy-block>.section-kicker,
  .about-page .copy-block>h2,
  .about-page .copy-block>.about-summary{text-align:center}
  .about-page .fact{align-items:center;text-align:center;border-right:0;border-bottom:1px solid var(--line)}
  .about-page .fact:last-child{border-bottom:0}
}


/* v12: refine home/project card alignment and clickable archive tiles */
/* ABOUT lead block returns to editorial left alignment; facts remain centered. */
.about-page .copy-block>.section-kicker,
.about-page .copy-block>h2,
.about-page .copy-block>.about-summary{
  text-align:left !important;
}

/* Home project cards: equal title rhythm, centered headings, left-aligned copy. */
.project-card{
  align-items:stretch !important;
  justify-content:flex-start !important;
  text-align:left !important;
  min-height:264px;
}
.project-card>div{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.project-card .project-no{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center !important;
  min-height:16px;
  line-height:16px;
  margin:0;
}
.project-card h3{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center !important;
  min-height:36px;
  line-height:1.25;
  margin:12px 0 10px;
}
.project-card p{
  width:100%;
  max-width:100%;
  margin:0 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere;
  line-height:1.7;
}

/* Archive category tiles are the call-to-action; remove need for a second button. */
.archive-item{
  position:relative;
  padding-right:44px;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.archive-item::after{
  content:"↗";
  position:absolute;
  top:15px;
  right:17px;
  color:var(--blue);
  font-size:17px;
  line-height:1;
  transition:transform .22s ease;
}
.archive-item:hover{
  transform:translateY(-2px);
  border-color:rgba(98,168,255,.55);
  background:rgba(22,39,66,.9);
}
.archive-item:hover::after{transform:translate(2px,-2px)}
.archive-item:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media(max-width:760px){
  .project-card{min-height:0;align-items:stretch !important;text-align:left !important}
  .project-card>div{width:100%;align-items:stretch}
  .project-card .project-no{justify-content:center;text-align:center !important}
  .project-card h3{justify-content:center;text-align:center !important}
  .project-card p{max-width:100%;margin:0 !important;text-align:left !important}
  .about-page .copy-block>.section-kicker,
  .about-page .copy-block>h2,
  .about-page .copy-block>.about-summary{text-align:left !important}
}


/* v14: keep every expanded track panel the same height.
   Long track lists scroll inside the panel instead of stretching a grid row. */
.release-card{align-self:stretch;min-width:0}
.release-details{flex:0 0 auto}
.release-details[open] .track-list{
  height:220px;
  min-height:220px;
  max-height:220px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(98,168,255,.42) rgba(160,190,255,.06);
  padding-right:10px;
}
.release-details[open] .track-list::-webkit-scrollbar{width:6px}
.release-details[open] .track-list::-webkit-scrollbar-track{background:rgba(160,190,255,.06)}
.release-details[open] .track-list::-webkit-scrollbar-thumb{background:rgba(98,168,255,.42);border-radius:8px}
.release-details[open] .track-list li{line-height:1.55}
@media(max-width:760px){
  .release-details[open] .track-list{height:220px;min-height:220px;max-height:220px;padding-right:8px}
}


/* v15 — floating translucent glass track panel; albums stay in place. */
.release-details > .track-list{display:none !important}
.track-panel-layer{position:fixed;inset:0;z-index:500;pointer-events:none;visibility:hidden}
.track-panel-layer.is-open{visibility:visible}
.track-panel-scrim{position:absolute;inset:0;background:rgba(2,7,18,.16);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);opacity:0;transition:opacity .24s;pointer-events:none}
.track-panel-layer.is-open .track-panel-scrim{opacity:1}
.track-panel{position:absolute;right:max(22px,calc((100vw - 1180px)/2 + 8px));top:50%;transform:translate(22px,-50%);width:min(430px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 44px));display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(155deg,rgba(23,39,65,.88),rgba(9,19,37,.86) 76%);border:1px solid rgba(112,169,240,.48);box-shadow:0 24px 78px rgba(0,0,0,.48),0 0 38px rgba(80,143,224,.10),inset 0 1px 0 rgba(255,255,255,.075);backdrop-filter:blur(19px) saturate(138%);-webkit-backdrop-filter:blur(19px) saturate(138%);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.track-panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(173,211,255,.55),transparent);pointer-events:none}
.track-panel-layer.is-open .track-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.track-panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px 14px;border-bottom:1px solid rgba(150,190,245,.20)}
.track-panel-kicker{font-size:9px;font-weight:750;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
.track-panel-close{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid rgba(137,179,234,.42);background:rgba(255,255,255,.035);color:#e7f1ff;font-size:21px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s}
.track-panel-close:hover{background:rgba(98,168,255,.14);border-color:var(--blue)}
.track-panel-album{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:15px;padding:17px 19px 15px;border-bottom:1px solid rgba(150,190,245,.17)}
.track-panel-cover{width:88px;height:88px;object-fit:cover;border:1px solid rgba(173,205,255,.35);box-shadow:0 5px 20px rgba(0,0,0,.22)}
.track-panel-year{font-size:9px;color:var(--blue);letter-spacing:.16em;font-weight:700}
.track-panel-title{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:6px 0 4px;color:#f3f7ff;overflow-wrap:anywhere}
.track-panel-artist{font-size:11px;line-height:1.45;color:#b8cbe5;margin:0}
.track-panel-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 19px 8px;color:#c8ddfa;font-size:9px;font-weight:750;letter-spacing:.15em}
.track-panel-count{color:#8ea7ca;letter-spacing:.03em;font-weight:500;white-space:nowrap}
.track-panel-scroll{padding:0 19px 15px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(98,168,255,.48) rgba(160,190,255,.07);max-height:min(430px,calc(100vh - 300px));}
.track-panel-scroll::-webkit-scrollbar{width:6px}
.track-panel-scroll::-webkit-scrollbar-track{background:rgba(160,190,255,.07)}
.track-panel-scroll::-webkit-scrollbar-thumb{background:rgba(98,168,255,.45);border-radius:8px}
.track-panel-scroll .track-list{list-style:none;counter-reset:glass-track;padding:0;margin:0;color:#d2e0f3;font-size:11px}
.track-panel-scroll .track-list li{counter-increment:glass-track;position:relative;padding:11px 0 11px 32px;border-top:1px solid rgba(160,190,255,.13);line-height:1.55;overflow-wrap:anywhere}
.track-panel-scroll .track-list li:before{content:counter(glass-track,decimal-leading-zero);position:absolute;left:0;top:11px;color:var(--blue);font-size:9px;letter-spacing:.08em}
.track-panel-scroll .track-list a{color:#ecf4ff;text-decoration:none}
.track-panel-scroll .track-list a:hover{color:var(--blue);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:3px}
.track-panel-footer{border-top:1px solid rgba(150,190,245,.16);padding:10px 19px 12px;color:#91a7c7;font-size:9px;letter-spacing:.045em;background:rgba(4,11,23,.15)}
@media(max-width:760px){.track-panel{right:max(16px,calc((100vw - 1180px)/2 + 8px));width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.track-panel-scroll{max-height:calc(100vh - 290px)}}
@media(max-width:560px){.track-panel{top:auto;bottom:10px;left:10px;right:10px;width:auto;max-height:min(72vh,640px);transform:translateY(18px);background:linear-gradient(155deg,rgba(22,39,65,.92),rgba(8,18,35,.92) 76%)}.track-panel-layer.is-open .track-panel{transform:translateY(0)}.track-panel-header{padding:14px 16px 12px}.track-panel-album{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px 16px}.track-panel-cover{width:72px;height:72px}.track-panel-title{font-size:17px}.track-panel-list-heading{padding:12px 16px 7px}.track-panel-scroll{padding:0 16px 12px;max-height:calc(72vh - 230px)}.track-panel-footer{padding:9px 16px 10px}}


/* v17 — draggable glass player, docked beside the discography grid. */
.track-panel-header{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.track-panel-header:active{cursor:grabbing}
.track-panel-header .track-panel-close{cursor:pointer;touch-action:manipulation}
.track-panel-drag-grip{display:inline-flex;align-items:center;justify-content:center;gap:3px;margin-left:auto;margin-right:2px;padding:7px 10px;border:1px solid rgba(137,179,234,.20);border-radius:3px;background:rgba(255,255,255,.025);opacity:.8;transition:opacity .18s,border-color .18s,background .18s}
.track-panel-drag-grip i{display:block;width:3px;height:3px;border-radius:50%;background:#9fc8fa;box-shadow:0 0 7px rgba(98,168,255,.28)}
.track-panel-header:hover .track-panel-drag-grip{opacity:1;border-color:rgba(137,179,234,.42);background:rgba(98,168,255,.07)}
.track-panel-header:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.track-panel{will-change:left,top,transform}
@media(max-width:560px){.track-panel-header{cursor:grab}.track-panel-drag-grip{padding:6px 9px}}