/* Named properties and a restrained shared rhythm. */
:root{--bg:#070A16;--ink:#EEF1FF;--muted:#A5AEC8;--accent:#B5A0F5;--line:#8c97c32b;--surface:#11162A}
html{scrollbar-gutter:stable;scrollbar-color:#60688f #070A16}body{background:#070A16;color:#EEF1FF}
.sky{height:900px}.stars-one{opacity:.32}.stars-two{opacity:.17}.orb{opacity:.07;filter:blur(110px);width:520px;height:520px}.orb-one{right:-80px;top:-160px}.orb-two{opacity:.035}
.hero-description,.card-description,.section-caption,.state-panel small{color:#A5AEC8}
.brand,.header-link{transition:color 180ms ease,transform 180ms ease}.brand:hover,.header-link:hover{color:#c9b7ff}.brand:active,.header-link:active{transform:scale(.985);transition-duration:120ms}
.explore-button{background:#181c33;border-color:#8f81bb70;transition:border-color 180ms ease,background-color 180ms ease,transform 120ms ease}.explore-button:hover{background:#1d233c;border-color:#B5A0F5;transform:none}.explore-button:active{transform:scale(.975)}
.filters{position:relative;isolation:isolate}.filter{position:relative;z-index:1;transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease}.filter.active{background:transparent;border-color:transparent;color:#101326}
.filter-plate{position:absolute;z-index:0;pointer-events:none;top:0;left:0;background:#B5A0F5;border:1px solid #cbbafc;border-radius:8px;transition:transform 210ms cubic-bezier(.2,.8,.2,1),width 210ms ease,height 210ms ease}
.search-wrap{background:#11182d;border-color:#667399;transition:border-color 170ms ease,box-shadow 170ms ease,background-color 170ms ease}.search-wrap:focus-within{background:#151d34;border-color:#B5A0F5;box-shadow:0 0 0 3px #b5a0f521}.search-wrap input{color:#EEF1FF}.search-wrap input::placeholder{color:#A5AEC8}.clear-search{transition:opacity 160ms ease,background-color 160ms ease}.clear-search:not([hidden]){animation:clear-in 160ms ease-out}
.work-card{background:#11162A;box-shadow:none;transition:border-color 230ms ease,transform 230ms ease,filter 120ms ease}.work-card:hover{border-color:#B5A0F5;transform:translateY(-2px);box-shadow:none}.work-card:active{transform:scale(.987);filter:brightness(.94);transition-duration:120ms}
.card-art .firework,.card-art .art-dots{transition:scale 240ms cubic-bezier(.2,.8,.2,1)}.work-card:hover .card-art .firework,.work-card:hover .art-dots{scale:1.035}.card-arrow{transition:transform 230ms ease,color 230ms ease}.work-card:hover .card-arrow{color:#91DDE8;transform:translate(3px,-3px)}.card-entry{transition:opacity 220ms ease;color:#c8b8fa}.tag{color:#b1b9d0}
.state-panel{background:#11162A50;border-color:#66739966}.state-panel p{color:#EEF1FF}.reset-button{transition:background-color 180ms ease,border-color 180ms ease}.reset-button:hover{background:#29213f;border-color:#B5A0F5}button:focus-visible,a:focus-visible{outline:3px solid #c9b7ff;outline-offset:4px}
.planet-depth{animation:none;transform:none;transition:none;translate:none}.planet-depth .planet{background:radial-gradient(circle at 29% 25%,#929bd5 0%,#666fb1 22%,#3e497d 43%,#20294d 65%,#10172e 84%);box-shadow:inset -20px -16px 30px #080d24,inset 2px 2px 6px #aab4ee40}
.planet-depth .planet:after{opacity:.17;filter:none;transform:rotate(var(--surface-turn,0deg));background:repeating-linear-gradient(155deg,transparent 0 20px,#c4cef522 25px 27px,transparent 33px 39px)}.planet-depth .planet-light{border-color:#a4b4e62b;background:radial-gradient(circle at var(--light-x,36%) var(--light-y,28%),#c0caff2b,transparent 53%);transition:opacity 180ms ease;opacity:.55}.near .planet-light{opacity:1}.planet-depth .orbit{border-color:#8996c537;border-bottom-color:#b5a0f576}
.work-star svg{fill:#B5A0F5;stroke:#d8cafa;filter:drop-shadow(0 2px 3px #0006);transition:fill 180ms ease,filter 180ms ease}.near .work-star svg,.work-star:hover svg,.work-star:focus-visible svg,.work-star.related svg,.work-star.selected svg{fill:#91DDE8;filter:drop-shadow(0 0 5px #91dde84d)}
.work-star .star-name{opacity:0;transition:opacity 180ms ease;color:#EEF1FF;background:#11162A;border-color:#8590b744}.near .star-name,.work-star:focus-visible .star-name,.work-star.related .star-name,.work-star.selected .star-name{opacity:1}.orbit-hint,.orbit-all{color:#A5AEC8}.orbit-all:hover{color:#cbbafa}
.planet-ripple{width:64px;height:64px;background:radial-gradient(circle,#b5a0f51a,transparent 70%);border:1px solid #b5a0f566;opacity:0;pointer-events:none;animation:none!important;scale:1}.orbit-spark{display:none}.planet-stage.pulse .planet-ripple{animation:none}.planet-stage.pulse .planet{border-color:#B5A0F5}
.orbit-preview{padding:0;background:#11162A;border-color:#8996bd75;box-shadow:0 24px 70px #0007;overflow:auto;max-height:calc(100dvh - 48px);overscroll-behavior:contain}.orbit-preview::backdrop{background:#040714ad;animation:backdrop-in 320ms ease-out}.orbit-preview.closing::backdrop{background:#04071400;animation:none;transition:background-color 190ms ease-in}
.preview-heading{position:absolute;right:12px;top:12px;margin:0;z-index:5}.preview-heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.preview-close{background:#10162aeb;border-color:#a5aec866;transition:background-color 180ms ease,border-color 180ms ease;min-width:44px}.preview-close:hover{background:#28243e;border-color:#B5A0F5}
#preview-body .work-card{border:0;border-radius:0;background:none;box-shadow:none;outline-offset:-4px;transform:none!important;filter:none}#preview-body .card-content{padding:22px 24px 24px}#preview-body .card-title-row h3{font-size:23px}#preview-body .card-description{margin-top:12px}#preview-body .card-entry{display:flex;align-items:center;min-height:44px;border-top:1px solid #a5aec82b;margin-top:20px;padding-top:12px;color:#c8b7fa}
.first-visit #hero-title{animation:title-arrive 700ms ease-out both}.first-visit .planet{animation:planet-arrive 720ms ease-out both}.first-visit .work-orbit,.first-visit .planet-depth>.orbit{animation:orbit-arrive 720ms ease-out both}
@keyframes title-arrive{from{opacity:.65;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes planet-arrive{from{filter:brightness(.58)}to{filter:brightness(1)}}@keyframes orbit-arrive{0%,20%{opacity:.25}100%{opacity:1}}@keyframes clear-in{from{opacity:.3}to{opacity:1}}@keyframes backdrop-in{from{background:#04071430}to{background:#040714ad}}
@media(hover:none),(pointer:coarse){.work-star .star-name{opacity:1}.orb{opacity:.025;filter:blur(80px)}.orb-two{display:none}.work-star svg{fill:#c7b5fa}}
@media(max-width:680px){.orb{opacity:.025}.orb-two{display:none}.orbit-preview{width:calc(100% - 32px)}#preview-body .card-content{padding:20px}.section-caption{color:#A5AEC8}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.planet-depth .planet:after{transform:none}.planet-light{background:none}.work-card:hover,.work-card:active,.brand:active,.header-link:active,.explore-button:active{transform:none}.work-star .star-name{opacity:1}.planet-stage.pulse .planet{outline:2px solid #B5A0F5;outline-offset:4px}}

@media(max-width:680px){.work-star .star-name{opacity:1}}