/* MUSIC-only: scene 0; navigation 2; listening panel 70; player 80; dialogs top layer. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-jeenetic-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#edf3fa;--muted:#9eafc1;--base:#08121e}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,figure{margin:0}button{border:0;background:none}html{scroll-behavior:auto!important}body:not(.list-mode){overflow:hidden}button:focus-visible,a:focus-visible{outline-color:#cee8ff}button:active{opacity:.7}
.gallery-header{position:fixed;z-index:2;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 36px;background:linear-gradient(var(--base),transparent)}.brand{font-size:15px;letter-spacing:.16em}.gallery-header nav{display:flex;align-items:center;gap:26px;font-size:11px}.gallery-header nav a:not([aria-current]),.gallery-header nav button{color:var(--muted);font-size:11px}.view-switch{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#121f2d;border-radius:24px;padding:4px}.view-switch button,.view-switch a{padding:9px 16px;color:#aebccc;font-size:12px;border-radius:20px}.view-switch button[aria-pressed=true],.view-switch a[aria-current=page]{background:#e4edf6;color:#142332}
.spiral-view{height:100svh;min-height:480px;position:relative;overflow:hidden}.spiral-stage{position:absolute;inset:0;perspective:1100px;perspective-origin:55% 48%;touch-action:none;outline:none;isolation:isolate}.gallery-identity{position:absolute;z-index:2;top:45%;left:5%;pointer-events:none}.gallery-identity h1{font-size:clamp(44px,6vw,90px);font-weight:500;letter-spacing:-.07em;line-height:1}.gallery-identity p{font-size:12px;color:var(--muted);margin-top:17px;letter-spacing:.12em}.spiral-card{position:absolute;left:55%;top:46%;width:280px;height:280px;transform-style:preserve-3d;padding:0;cursor:pointer;will-change:transform;outline-offset:10px}.spiral-card .card-image{width:100%;height:100%;object-fit:cover;border-radius:3px;display:block}.spiral-card.is-curved .card-image{opacity:0}.card-strip{position:absolute;top:0;height:100%;background-size:280px 100%;backface-visibility:visible;pointer-events:none}.spiral-card:focus-visible .card-image{opacity:1}.spiral-card:focus-visible .card-strip{display:none}.gallery-caption{position:absolute;z-index:2;bottom:42px;left:5%;max-width:65%;pointer-events:none}.gallery-caption p{color:var(--muted);font-size:10px;letter-spacing:.12em;margin-bottom:10px}.gallery-caption button{padding:0;font-size:clamp(17px,2vw,26px);font-weight:400;pointer-events:auto;text-align:left}.gallery-controls{position:absolute;z-index:2;right:36px;bottom:38px;display:flex;gap:8px}.gallery-controls button{width:44px;height:44px;border:1px solid #536170;border-radius:50%;font-size:20px}.gallery-controls button:hover{background:#e4edf6;color:#142332}
.list-view{padding:140px 6% 100px;max-width:1400px;margin:auto}.list-view>h1{font-size:36px;font-weight:400;margin-bottom:44px}.list-view>h2{font-size:22px;font-weight:400;margin:72px 0 30px}.release-row{display:grid;grid-template-columns:120px 1fr auto;gap:30px;align-items:center;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid #ffffff16}.release-row img{width:120px;height:120px;object-fit:cover}.release-row strong{display:block;font-size:24px;font-weight:400;margin-bottom:12px}.release-row small{color:var(--muted)}.release-row:hover strong{color:#a9d7fc}.visual-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.visual-list button{text-align:left;padding:0}.visual-list img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px}.visual-list span{font-size:13px;color:#bccada}.visual-dialog{margin:auto;background:#0b1827;color:var(--ink);border:1px solid #ffffff26;border-radius:8px;padding:24px;max-width:min(900px,94vw);max-height:90svh;overflow:auto}.visual-dialog::backdrop{background:#02070ed9}.visual-dialog>button{display:block;margin-left:auto;padding:0 0 18px}.visual-dialog img{display:block;max-width:100%;max-height:65svh;object-fit:contain;margin:auto}.visual-dialog h2{font-size:18px;margin-top:20px;font-weight:400}.visual-dialog a{display:inline-block;margin-top:16px;text-decoration:underline}.listening-room{background:#0d1c2c;border-radius:10px}.player-bar{background:#0a1725}.quiet-button{color:#c1cedb}.gallery-header button:hover{color:var(--ink)}body:has(.player-bar:not([hidden])) .gallery-caption,body:has(.player-bar:not([hidden])) .gallery-controls{bottom:120px}
@media(max-width:767px){.gallery-header{height:74px;padding:0 18px}.brand{font-size:11px;letter-spacing:.08em}.gallery-header nav{gap:12px}.gallery-header nav a,.gallery-header nav button{font-size:9px!important}.gallery-header nav a[aria-current]{display:none}.view-switch{top:85px}.view-switch button,.view-switch a{padding:8px 14px}.gallery-identity{top:145px;left:22px}.gallery-identity h1{font-size:42px}.gallery-identity p{font-size:10px;margin-top:10px}.spiral-stage{perspective:850px;perspective-origin:50% 51%}.spiral-card{left:50%;top:51%}.gallery-caption{bottom:32px;left:22px;max-width:70%}.gallery-caption button{font-size:17px}.gallery-controls{right:18px;bottom:26px;gap:5px}.gallery-controls button{width:36px;height:36px}.release-row{grid-template-columns:76px 1fr;gap:18px}.release-row img{width:76px;height:76px}.release-row strong{font-size:18px}.release-row>span:last-child{display:none}.list-view{padding-top:155px}.visual-list{grid-template-columns:1fr;gap:28px}.listening-room{top:135px}.gallery-caption p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.spiral-view{display:none}.list-view{display:block!important}.view-switch button{display:none}}