/* Purple is a brand accent; neutral paper and charcoal give each section space. */
:root{--bg:#1c1d22;--bg-deep:#15161a;--muted:#b4b2bb;--line:#c7c3d325}
header{background:#1c1d22}nav{gap:24px}.hero-art:after{background:linear-gradient(180deg,#17151f55,transparent 30%,transparent 55%,#17151fe8)}.disciplines{background:#23242b;color:#c9c7d1}.disciplines i{color:#aaa6b3}.hero-foot{color:#aaa5b4}
.works{background:#f3f0e9;color:#302c38}.works .eyebrow,.works .project-meta>span{color:#74519a}.works .section-heading>p,.works .project-meta p{color:#69616d}.works .filters button{color:#756d78}.works .filters button.active{color:#673e8c;border-color:#673e8c}.cover{height:auto;aspect-ratio:1.25}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-motive{background:radial-gradient(ellipse at 48% 53%,#677a57,#344b3c 52%,#23362d);color:#ece0bf}.motive-orbit{border-color:#d1c59d70}.cover-shards{background:radial-gradient(ellipse at 65% 40%,#466577,#283a48 50%,#182730)}.cover-stars{background:#172b41;display:flex;align-items:center}.cover-stars img{width:100%;height:auto;display:block}.cover-stars .cover-arrow{background:#fff0c9;color:#352a36;right:12px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:19px}.starlight-caption{color:#716672!important;font-size:10px!important}.motive-title{font-size:40px;inset:40px 0 0}.motive-orbit{max-width:85%;max-height:95%}
.listening{background:#17181d}.story-panel{background:linear-gradient(135deg,#28272f,#22232a);border-color:#aba2b937}.story-panel p{color:#cdc7d2}.story-panel .possibilities p{color:#bdb5c5}.story-panel small,.tiny-label,.listening-note{color:#b4a6bf}.track.selected{background:#a88abc14}.listening-intro .eyebrow{color:#d1b8e8}.about{background:#eeebe5;color:#302b37}.about .eyebrow{color:#79558b}.about p{color:#69606e}.about .signature{color:#775188;font-size:32px}.about-mark small{color:#766e7c}.name-note{font-size:14px!important;color:#79558b!important;margin-top:13px!important}.contact{background:#272a30}.gold-button:hover{background:#e1c7f6}
.birthdays{background:#f5ead7;color:#3e342e;border-top:1px solid #c3a6814a}.birthdays .eyebrow{color:#976842}.birthdays .section-heading p{color:#796958}.birthday-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:65px;align-items:start}.birthday-aside{padding-top:20px}.birthday-aside>p{font-size:14px;line-height:2;color:#7c6859;max-width:280px}.birthday-aside>span{display:block;margin-top:20px;font:italic 21px Georgia;color:#9b744f}.year-tabs{display:flex;gap:10px;margin-bottom:20px}.year-tabs button{border:1px solid #ba9e815c;background:transparent;color:#765e4f;padding:13px 25px;font:16px Georgia;border-radius:3px}.year-tabs button.active{background:#705343;color:#fff5e6;border-color:#705343}.year-tabs button:hover{box-shadow:0 0 0 1px #8a6b53}.birthday-archive{min-width:0}.birthday-list{background:#fffaf0;border:1px solid #bd9a7755;border-radius:5px;padding:28px;min-height:240px}.birthday-list h3{font-size:15px;color:#8b694d;margin:0}.birthday-empty{display:flex;gap:22px;align-items:center;padding:35px 0 12px}.birthday-symbol{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border:1px solid #bb987255;border-radius:50%;color:#9a744e;font:32px Georgia}.birthday-empty h4{margin:0 0 12px;font:20px/1.7 "SimSun",serif}.birthday-empty p{font-size:12px;line-height:1.9;color:#8b7665}.birthday-song{padding:20px 0;border-bottom:1px solid #a78c6d33}.birthday-song h4{font-size:18px;margin:0 0 10px}.birthday-song p{font-size:13px;margin-bottom:15px}.birthday-song audio{width:100%}
.socials{background:#f8f7f4;color:#302c38}.socials .eyebrow{color:#79558b}.socials .section-heading p{color:#736b78}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.social-card{display:flex;align-items:center;gap:17px;padding:27px 22px;background:#fff;border:1px solid #dcd6df;border-radius:5px}.social-card strong{display:block;font-size:21px;font-weight:500}.social-card small{display:block;color:#807583;font-size:11px;margin-top:7px}.social-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0}.social-icon svg{width:32px;height:32px}.youtube .social-icon{color:#e63838}.x .social-icon{color:#25252c}.twitch .social-icon{color:#8650cc}.social-status{font-size:9px;color:#8b818d;margin-left:auto;white-space:nowrap}a.social-card{transition:transform .2s,box-shadow .2s}a.social-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #3320400d}a.social-card .social-status{font-size:24px;color:#675774}
@media(max-width:1000px){nav{gap:16px;font-size:12px}.birthday-layout{gap:30px}.social-card{padding:22px 15px;gap:10px}.social-status{font-size:8px}.social-card strong{font-size:19px}.social-icon{width:32px}.motive-title{font-size:34px;inset:30px 0 0}.cover-kicker{left:16px;font-size:6px}.cover-index{left:16px;font-size:5px}.shards-title{top:42%;font-size:20px}}
@media(max-width:720px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:14px;padding:16px 7%}nav{width:100%;justify-content:space-between;gap:8px;font-size:10px}nav a:last-child{display:inline}.project-grid{grid-template-columns:1fr}.cover{aspect-ratio:1.3}.cover-stars{aspect-ratio:16/9}.cover-stars img{height:100%;object-fit:contain}.motive-title{font-size:44px;inset:35px 0 0}.shards-title{font-size:24px}.birthday-layout{grid-template-columns:1fr;gap:25px}.birthday-aside{padding-top:0}.birthday-aside>p{max-width:none}.birthday-aside>span{margin-top:10px}.year-tabs button{flex:1;padding:12px 15px}.birthday-list{padding:22px}.birthday-empty{gap:14px;align-items:start}.birthday-symbol{width:42px;height:42px;font-size:24px}.birthday-empty h4{font-size:18px}.social-grid{grid-template-columns:1fr;gap:12px}.social-card{padding:22px}.social-status{font-size:10px}.social-icon{width:42px}.about h2{font-size:26px}.about .signature{font-size:28px}}
.social-secondary{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;font-size:12px;color:#746979}.social-secondary>span{color:#948894}.social-secondary a{border-bottom:1px solid #b8a6c5;padding-bottom:4px}.social-secondary a:hover{color:#674187}
.project{align-self:start}
.cover-stars{justify-content:center;background:#153653}.cover-stars img{height:100%;width:100%;object-fit:contain}.cover-stars{aspect-ratio:1}.project-grid .cover{aspect-ratio:1}.motive-title{inset:23% 0 0}.shards-title{top:50%}
.mood-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px;max-width:290px}.mood-filters>span{width:100%;font-size:10px;color:#b2a4bf;margin-bottom:4px}.mood-filters button{background:none;color:#c6bdce;border:1px solid #9e8bac55;border-radius:20px;padding:7px 13px;font-size:11px}.mood-filters button[aria-pressed="true"]{background:#d0b4e8;color:#302238;border-color:#d0b4e8}.story-panel details{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.story-panel summary{cursor:pointer;color:#b6a5c4;font-size:12px;line-height:1.8}.story-panel details[open] summary{margin-bottom:20px}.creator-primary #creator-story{font-size:14px;line-height:2.2;color:#e4dce9}.creator-primary h4{color:#f4e9fa}.story-panel #creator-credit{color:#c0a3d7}
.track-tools{margin-top:16px}.track-tools button,.track-search button{padding:10px 14px;min-height:44px;border:1px solid #b8a2cc66;border-radius:5px;background:transparent;color:#e1c9ed;font:inherit;font-size:12px;cursor:pointer}.track-tools p,.resume-note{font-size:11px!important;line-height:1.8!important;color:#baaac5!important}.track-tools input{width:100%;padding:12px;background:#17181d;color:#eee;border:1px solid #b8a2cc66;border-radius:4px}.track-search{margin:18px 0}.track-search label{display:block;color:#ded1e8;font-size:12px;margin-bottom:10px}.track-search>div{display:flex;gap:8px}.track-search input{flex:1;min-width:0;background:#22232a;color:#eee;border:1px solid #b8a2cc66;border-radius:5px;padding:12px;font:inherit;font-size:16px}.track-search small,.track-search p{font-size:11px;line-height:1.8;color:#bbaec6}.track-search small{display:block;margin-top:8px}.track-search p:empty,.track-tools p:empty,.resume-note:empty{display:none}.track-tools button:focus-visible,.track-search :focus-visible{outline:2px solid #e1c9ed;outline-offset:3px}.track[hidden]{display:none}

/* Creator notes keep their original paragraphs. */
.creator-primary #creator-story{white-space:pre-line}
.latest-stories{display:flex;flex-direction:column;gap:8px;margin-top:24px;max-width:310px;width:100%;font-size:12px}.latest-stories>span{font-size:11px;color:#d1b8e8;margin-bottom:3px}.latest-stories a,.latest-stories a:last-child{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #b8a2cc40;border-radius:5px;color:#e4dce9;line-height:1.7}.latest-stories a b{color:#d1b8e8;font-size:11px;font-weight:500}.latest-stories a>span{margin-left:auto}.latest-stories a:hover{background:#a88abc14;border-color:#b8a2cc99}.latest-stories a:focus-visible{outline:2px solid #e1c9ed;outline-offset:3px}

/* Static scene art remains fully visible, including portrait artwork for 007. */
.scene-media{margin:0 0 32px;border:1px solid #c6abd440;border-radius:10px;overflow:hidden;background:#16171d;box-shadow:0 14px 36px #08090d25}
.scene-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#121318}
.scene-stage.is-portrait{aspect-ratio:4/3;max-height:540px}
.scene-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.scene-stage.is-portrait .scene-image{padding:12px}
.scene-media figcaption{padding:16px 18px;border-top:1px solid #c6abd41a}
.scene-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 15px;font-size:10px;line-height:1.7;color:#a99cb3}
.scene-caption>span:first-child{color:#cbb6de}
.story-panel #scene-status{font-size:11px;line-height:1.8;color:#baaac5;margin-top:11px}
.story-panel #scene-status:empty{display:none}
@media(max-width:720px){.scene-media{margin-bottom:26px}.scene-media figcaption{padding:13px}.scene-caption{flex-direction:column}.scene-stage.is-portrait{aspect-ratio:3/4;max-height:470px}}
.cover-voyage{background:radial-gradient(ellipse at 20% 15%,#355369,#172b3c 60%,#101e2a);color:#f0dfb2;display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1}.voyage-title{font:clamp(27px,3.2vw,48px)/1.25 Georgia,serif;letter-spacing:-.02em;padding:35px;text-align:center}.voyage-art{width:100%;height:auto}.voyage-heading{font-size:clamp(30px,4vw,54px)!important;overflow-wrap:anywhere}.birthday-song:last-child{border-bottom:0}.birthday-song audio{margin-top:4px}.work-listen h2{overflow-wrap:anywhere}
.birthday-video-open{display:block;width:100%;padding:22px 16px;border:1px solid #a78c6d66;border-radius:4px;background:#f5ead7;color:#705343;font:inherit;cursor:pointer}.birthday-video-open:hover{background:#ecddc5}.birthday-video-open[hidden]{display:none}.birthday-video-open:focus-visible,.birthday-video-link:focus-visible{outline:2px solid #705343;outline-offset:4px}.birthday-video iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;border:0;border-radius:4px;background:#171717}.birthday-video-link{display:inline-block;margin-top:12px;color:#705343;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.birthday-release{padding:14px 16px;border-left:2px solid #a5835e;background:#f5ead7;color:#705343;line-height:1.8}.birthday-release time{display:block;font-weight:600}.birthday-release span{display:block;margin-top:5px;font-size:12px}