body{--bg:#080c16}header{background:#0a1020}header .brand{font-family:var(--display);letter-spacing:.025em;font-size:30px;text-transform:none}.home.universe{position:relative;display:block;min-height:720px;height:calc(100svh - 150px);max-height:1050px;padding:0;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#19234388,transparent 65%),linear-gradient(#0a1020,#080b13 45%,#0a1020)}.universe .home-name{position:absolute;inset:43% 0 auto;text-align:center;pointer-events:none;z-index:100}.universe .home-name h1{font-family:var(--display);font-weight:400;font-size:clamp(50px,7vw,105px);letter-spacing:.025em;line-height:1;margin:0;text-shadow:0 2px 28px #080c16}.universe .home-name p{font-size:14px;letter-spacing:.32em;margin:20px 0;color:#b4c3da}.universe .cloud.orbital{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;background:none;touch-action:pan-y}.orbit-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.universe .orbit-node{width:158px;height:158px;max-width:none;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:17px;background:radial-gradient(circle at 31% 22%,#ffffffed 0%,var(--orb-light) 9%,var(--orb-mid) 43%,var(--orb-dark) 79%,#090d28 100%);box-shadow:inset -9px -14px 23px #05072485,inset 3px 4px 8px #ffffff60,0 0 35px color-mix(in srgb,var(--orb-mid) 20%,transparent);border:1px solid #ffffff44;color:#fff;will-change:transform;line-height:1.35;white-space:normal}.universe .orbit-node span{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:.005em;text-shadow:0 1px 6px #101327,0 1px 2px #101327;overflow-wrap:anywhere;text-wrap:balance;transition:opacity .2s}.universe .orbit-node:focus-visible{outline:3px solid #fff;outline-offset:6px}.universe .motion-controls{position:absolute;left:5vw;bottom:24px;z-index:110;display:flex;gap:14px}.universe .motion-controls button{font-size:14px;padding:8px 14px;border:1px solid #ffffff25;border-radius:30px;background:#0b1324cc}.universe .motion-controls button.active{border-color:#bdc9e4;color:white}.universe .explore-link{position:absolute;right:5vw;bottom:30px;z-index:110;font-size:14px;letter-spacing:.12em}.works-toolbar{justify-content:flex-end}.work-popover{position:fixed;inset:auto;margin:0;background:#111b2bef;color:#eef1fa;border:1px solid #9cafd950;border-radius:20px;box-shadow:0 24px 80px #0009;padding:24px;width:min(430px,calc(100vw - 28px));max-height:min(520px,65svh);overflow:auto;backdrop-filter:blur(22px);z-index:300}.work-popover h2{font-family:var(--display);font-size:30px;font-weight:500;margin:8px 0 18px;line-height:1.25}.work-popover .popover-kind{font-size:12px;letter-spacing:.12em;color:#b4c8e5}.popover-track{padding:12px 0;border-top:1px solid #ffffff15}.popover-track h3{font-size:16px;line-height:1.6;margin:0;font-weight:500}.popover-track p{font-size:14px;line-height:1.6;margin:5px 0 0;color:#b6c5da}.work-popover .all-works-link{display:block;padding-top:18px;font-size:14px;color:#d9e5ff;text-decoration:underline;text-underline-offset:5px}.work-popover::backdrop{background:transparent}.stage-name{color:#bdcceb;font-size:14px}.universe .loading-state{position:absolute;bottom:100px;width:100%;text-align:center;color:#b6c5da;font-size:14px}
@media(max-width:700px){header{gap:16px;flex-wrap:wrap;padding:18px 5vw;min-height:100px}header .brand{font-size:26px}header nav{gap:22px}.languages{margin-left:auto}.home.universe{height:78svh;min-height:640px}.universe .orbit-node{width:126px;height:126px;padding:12px}.universe .orbit-node span{font-size:19px}.universe .home-name{top:43%}.universe .home-name h1{font-size:clamp(46px,10vw,68px)}.universe .home-name p{font-size:12px;letter-spacing:.25em}.work-popover{padding:20px}.works-search{width:100%}.universe .motion-controls{left:18px}.universe .explore-link{right:18px}}
@media(prefers-reduced-motion:reduce){.universe .orbit-node span{transition:none}}

/* A detail card inherits the selected sphere's color. */
.work-popover{--detail-accent:#83b9dc;width:min(390px,calc(100vw - 28px));max-height:min(480px,64svh);padding:0;overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--detail-accent) 52%,transparent);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--detail-accent) 25%,transparent),transparent 62%),#101726f5;box-shadow:0 26px 80px #000a,0 0 48px color-mix(in srgb,var(--detail-accent) 12%,transparent);backdrop-filter:blur(26px)}
.work-popover:popover-open{display:flex;flex-direction:column}
.popover-heading{flex-shrink:0;padding:18px 20px 14px;background:linear-gradient(120deg,color-mix(in srgb,var(--detail-accent) 9%,transparent),transparent)}
.work-popover .popover-kind{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--detail-accent) 40%,transparent);border-radius:30px;font-size:12px;letter-spacing:.09em;color:color-mix(in srgb,var(--detail-accent) 50%,white)}
.work-popover .popover-kind::before{content:'';width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,var(--detail-accent) 50%,#334463);box-shadow:0 0 12px color-mix(in srgb,var(--detail-accent) 70%,transparent)}
.work-popover .popover-heading h2{margin:10px 0 0;font-family:var(--body-type);font-size:23px;line-height:1.35;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.popover-scroll{overflow:auto;min-height:0;padding:0 10px 4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--detail-accent) 40%,transparent) transparent;overscroll-behavior:contain}
.work-popover .popover-track{padding:9px 10px;border:0;border-radius:14px;background:#ffffff03;margin-bottom:3px}
.work-popover .popover-track:hover{background:color-mix(in srgb,var(--detail-accent) 10%,transparent)}
.popover-track-line{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.work-popover .popover-track h3{flex:1 1 145px;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin:0;color:#f3f5fc}
.popover-role{flex:0 1 auto;margin-top:2px;max-width:100%;padding:3px 9px;border-radius:9px;font-size:12px;line-height:1.5;font-weight:600;color:color-mix(in srgb,var(--detail-accent) 35%,white);background:color-mix(in srgb,var(--detail-accent) 16%,transparent)}
.work-popover .popover-track .popover-artist,.work-popover .popover-track .stage-name{margin:6px 0 0;font-size:14px;line-height:1.5;color:#aebed6}
.popover-footer{padding:10px 18px 15px;flex-shrink:0}
.work-popover .all-works-link{display:block;text-align:center;padding:9px 14px;border-radius:30px;border:1px solid color-mix(in srgb,var(--detail-accent) 45%,transparent);background:color-mix(in srgb,var(--detail-accent) 12%,transparent);color:#eef4ff;font-size:14px;font-weight:600;text-decoration:none;letter-spacing:.02em}
.work-popover .all-works-link:hover{background:color-mix(in srgb,var(--detail-accent) 24%,transparent)}
@media(max-width:700px){.work-popover{border-radius:22px}.popover-heading{padding:17px 18px 12px}.work-popover .popover-heading h2{font-size:22px}.popover-scroll{padding:0 10px 4px}.popover-footer{padding:10px 16px 14px}}