/* Optional visual treatment: the original site remains the default. */
.theme-switch{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 10px;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.theme-switch:hover,.theme-switch:focus-visible{border-color:var(--accent);color:var(--ink)}
.theme-switch .theme-symbol{font-size:17px;line-height:1;color:var(--accent)}
.space-photo,.space-astronaut,.space-suit,.space-suit-about,.space-hero-scene,.space-studio-scene,.space-about-scene,.gear-explorer,.cockpit-hud{display:none!important}
.space-caption{display:none}
html[data-theme="space"] .space-caption{display:inline}
html[data-theme="space"] .original-caption{display:none}
html[data-theme="space"]{color-scheme:dark}
html[data-theme="space"] body{--bg:#0b101a;--panel:#151b28;--ink:#f1f0ed;--muted:#b4b9c9;--accent:#c5a67b;--line:#40475b;background:#0b101a}
html[data-theme="space"] .top{background:#0c111bf5;border-color:#343b4d;backdrop-filter:blur(16px)}
html[data-theme="space"] .hero{background:radial-gradient(ellipse at 10% 16%,#26344e 0%,transparent 49%),#0d1420}
html[data-theme="space"] .hero-copy{isolation:isolate}
html[data-theme="space"] .hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 18% 19%,#d1d7e7a0 0 1px,transparent 1.5px),radial-gradient(circle at 69% 70%,#c5a67b90 0 1px,transparent 1.5px),radial-gradient(circle at 82% 30%,#fff8 0 1px,transparent 1.5px);background-size:233px 211px,309px 263px,401px 387px}
html[data-theme="space"] .hero h1 span{color:#d4ba94}
html[data-theme="space"] .hero .lead{color:#d2d8e5}
html[data-theme="space"] .hero-foot{color:#aeb6c9}
html[data-theme="space"] .hero-visual{background:#101521}
html[data-theme="space"] .hero-visual>img:first-child{display:none}
html[data-theme="space"] .hero-visual .space-hero-scene{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:39% center;z-index:2;pointer-events:none}
html[data-theme="space"] .hero-visual figcaption{z-index:3}
html[data-theme="space"] .hero-visual:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#0c162479,transparent 43%),linear-gradient(0deg,#0a1017a8,transparent 35%)}
html[data-theme="space"] .hero-visual figcaption{background:#0b111ad9;border:1px solid #8f9caf75}
html[data-theme="space"] .cta{background:#d2b58b;border-color:#d2b58b;color:#0b111b}
html[data-theme="space"] .cta:hover{background:transparent;color:#d2b58b}
html[data-theme="space"] .cta.secondary{background:transparent;color:#eef0f6;border-color:#687285}
html[data-theme="space"] .cta.secondary:hover{border-color:#d2b58b;color:#d2b58b}
html[data-theme="space"] .light{--bg:#171e2c;--ink:#edf0f8;--muted:#b9c2d0;--accent:#d2b58b;--line:#444e62;--panel:#202a3c;background:#171e2c;color:#edf0f8}
html[data-theme="space"] .credits{background:#0f1521;background-image:linear-gradient(105deg,#0f1521f5,#101827eb),url('gear-backdrop.jpg');background-size:cover;background-position:center}
html[data-theme="space"] .muso-panel,html[data-theme="space"] .playlist-panel,html[data-theme="space"] .credit-sort-label select{background:#192332}
html[data-theme="space"] .testimonials{background:#111926;background-image:linear-gradient(105deg,#111926f0,#111926e0),url('studio-ambient.webp');background-size:cover;background-position:center}
html[data-theme="space"] .quote-card{background:#1b2634}
html[data-theme="space"] .quote-open:hover,html[data-theme="space"] .quote-open:focus-visible{background:#26354a}
html[data-theme="space"] .studio{background:#172334;--panel:#172334;--accent:#d2b58b;--line:#5b6881}
html[data-theme="space"] .studio p,html[data-theme="space"] .studio .note{color:#d4d9e4}
html[data-theme="space"] .studio-cockpit{position:relative;overflow:hidden;isolation:isolate}
html[data-theme="space"] .studio-cockpit:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#07152426,transparent 55%),radial-gradient(circle at 86% 24%,#6ebed035,transparent 28%);box-shadow:inset 0 0 38px #070c16a6}
html[data-theme="space"] .studio-cockpit>img:first-child{visibility:hidden}
html[data-theme="space"] .studio-cockpit .space-studio-scene{display:block!important;position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
html[data-theme="space"] .equipment{background:#101722;background-image:linear-gradient(110deg,#101722f4,#101722dc),url('space-gear/outboard-exploration.webp');background-size:cover;background-position:center}
html[data-theme="space"] .gear-row:hover,html[data-theme="space"] .gear-row:focus-visible{background:#273043}
html[data-theme="space"] .about-visual{position:relative;overflow:hidden}
html[data-theme="space"] .about-visual>img:first-child{visibility:hidden}
html[data-theme="space"] .about-visual .space-about-scene{display:block!important;position:absolute;inset:0;width:100%;height:auto;aspect-ratio:1536/1021;object-fit:cover;pointer-events:none}
html[data-theme="space"] .gear-image-stage{position:relative;display:table;margin:auto;max-width:100%}
html[data-theme="space"] .gear-dialog img#gear-dialog-image{margin:0 auto}
html[data-theme="space"] .gear-image-stage .gear-explorer{display:block!important;position:absolute;z-index:2;right:2%;bottom:2%;width:clamp(48px,8vw,98px);height:auto;max-height:43%;object-fit:contain;filter:drop-shadow(0 5px 7px #000a);pointer-events:none}
html[data-theme="space"] .gear-dialog[data-gear-index="even"] .gear-image-stage .gear-explorer{right:auto;left:3%;transform:scaleX(-1)}
html[data-theme="space"] .gear-dialog[data-gear-index="none"] .gear-image-stage .gear-explorer{display:none!important}
html[data-theme="space"] .equipment,html[data-theme="space"] .credits,html[data-theme="space"] .testimonials,html[data-theme="space"] .contact{position:relative;isolation:isolate}
html[data-theme="space"] .equipment:after,html[data-theme="space"] .credits:after,html[data-theme="space"] .testimonials:after{content:"";position:absolute;z-index:-1;right:2%;bottom:4%;width:clamp(48px,5vw,80px);height:120px;background:url('astronaut-inspector.png') center/contain no-repeat;opacity:.6;pointer-events:none}
html[data-theme="space"] .equipment:after{display:none}
html[data-theme="space"] .credits:after{right:3%;bottom:8%;transform:rotate(12deg);opacity:.42}
html[data-theme="space"] .testimonials:after{right:4%;bottom:2%;transform:rotate(-8deg);opacity:.4}
html[data-theme="space"] .contact:after{content:"";position:absolute;right:6%;top:11%;width:clamp(56px,8vw,110px);height:150px;background:url('astronaut-space.png') center/contain no-repeat;opacity:.58;transform:rotate(14deg);pointer-events:none}
html[data-theme="space"] .teaching{--bg:#fff;--ink:#251a16;--muted:#685750;--accent:#9d613e;--line:#c7b8a8;background:#fff;color:#251a16}
html[data-theme="space"] .teaching .cta.secondary{color:#251a16;border-color:#9d613e}
html[data-theme="space"] .teaching .cta.secondary:hover{background:#251a16;color:#fff}
html[data-theme="space"] .contact{background:#172030;background-image:linear-gradient(110deg,#142033ef,#172030d6),url('studio-session.webp');background-size:cover;background-position:center 65%;color:#f4f3f0;--accent:#d2b58b}
html[data-theme="space"] .contact .index{color:#d2b58b}
html[data-theme="space"] .contact .cta{background:#d2b58b;border-color:#d2b58b;color:#101725}
html[data-theme="space"] .contact .cta:hover{background:transparent;color:#d2b58b}
html[data-theme="space"] .links{background:#0c111b}
html[data-theme="space"] .about-dialog,html[data-theme="space"] .testimonial-dialog,html[data-theme="space"] .credit-dialog,html[data-theme="space"] .gear-dialog{background:#152031;border-color:#647189}
html[data-theme="space"] .theme-switch{color:#efe5d6;border-color:#bea27c;background:#1b2635}
@keyframes drift{to{transform:translate(8px,-13px) rotate(-9deg)}}
@media(max-width:600px){.theme-switch{width:37px;min-height:37px;justify-content:center;padding:4px}.theme-switch .theme-label{display:none}.nav{gap:6px}.brand img{width:clamp(125px,36vw,170px)}html[data-theme="space"] .gear-image-stage .gear-explorer{width:49px}}
@media(prefers-reduced-motion:reduce){html[data-theme="space"] .hero-visual .space-astronaut{animation:none}}

html[data-theme="space"] .label-section{background:linear-gradient(120deg,#101722,#192b42 55%,#101722);border-color:#50627a}
html[data-theme="space"] .label-section .index{color:#d4ba94}

/* The photograph itself occludes the visitor behind the Kii speaker. */
.space-egg{position:absolute;z-index:4;width:48px;height:72px;padding:0;border:0;background:transparent;cursor:pointer;animation:egg-peek 17s ease-in-out infinite;opacity:0;transform:translateX(26px) rotate(8deg);-webkit-tap-highlight-color:transparent}
.hero-visual .space-egg img{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 2px #0006)}
.hero-visual .egg-speaker-mask{z-index:5;pointer-events:none;clip-path:polygon(100% 0,100% 0,100% 0)}
.space-egg:hover,.space-egg:focus-visible{animation-play-state:paused;opacity:1!important}
.space-egg:focus-visible{outline:2px solid var(--accent);outline-offset:3px;transform:translateX(-8px) rotate(-8deg)}
.space-egg.egg-paused{animation-play-state:paused}
html[data-theme="space"] .space-egg,html[data-theme="space"] .egg-speaker-mask{display:none!important}
.ciuffo-return{display:none;position:fixed;z-index:10;right:18px;bottom:18px;width:88px;padding:0;border:0;background:transparent;color:#f3e9dc;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme="space"] .ciuffo-return{display:flex;flex-direction:column;align-items:center}
.ciuffo-return img{display:block;width:72px;height:104px;object-fit:contain;filter:drop-shadow(0 3px 5px #0008);animation:ciuffo-float 6s ease-in-out infinite}
.ciuffo-return span{font:500 11px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;padding:5px 8px;border-radius:12px;background:#0b111bd9;white-space:nowrap}
.ciuffo-return:hover img{animation-play-state:paused}
.ciuffo-return:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}
@keyframes egg-peek{0%,12%,90%,100%{opacity:0;transform:translateX(26px) rotate(8deg);pointer-events:none}25%,75%{opacity:1;pointer-events:auto}35%,65%{transform:translateX(-10px) translateY(-3px) rotate(-12deg)}}
@keyframes ciuffo-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:600px){.ciuffo-return{right:12px;bottom:12px;width:75px}.ciuffo-return img{width:60px;height:88px}}
@media(prefers-reduced-motion:reduce){.space-egg{animation:none;opacity:1;transform:translateX(-10px) rotate(-8deg)}.ciuffo-return img{animation:none}}

.hero h1.theme-return-target:focus{outline:none}

/* Float out from behind the speaker, then return. */
.space-egg{animation-name:egg-flight}
@keyframes egg-flight{
  0%,10%,96%,100%{opacity:0;transform:translate(26px,0) rotate(8deg);pointer-events:none}
  22%{opacity:1;transform:translate(var(--egg-peek-x,-34px),0) rotate(-10deg);pointer-events:auto}
  42%,62%{opacity:1;transform:translate(var(--egg-flight-x,-100px),var(--egg-flight-y,24px)) rotate(-18deg);pointer-events:auto}
  78%{opacity:1;transform:translate(var(--egg-peek-x,-34px),-3px) rotate(-8deg);pointer-events:auto}
  88%{opacity:1;transform:translate(8px,0) rotate(3deg);pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.space-egg{animation:none;opacity:1;transform:translateX(var(--egg-peek-x,-34px)) rotate(-8deg)}}