/* Orbital gallery. The catalog remains normal, accessible document content. */
:root { --bg:#030913; --radius:19px; }
body { background:#030913; }
.orbital-backdrop { position:fixed; inset:0; height:100svh; }
.orbital-backdrop::after { background:linear-gradient(180deg,#02071215,#02071145 48%,#020611b0),radial-gradient(ellipse at 50% 48%,transparent 25%,#01040b60); }
.orbital-image { object-position:60% 35%; opacity:.85; transform:scale(1.07); }
.orbital-stars,.light-trail { display:none; }
.cloud-lightning { position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; mix-blend-mode:screen; contain:layout paint; }
.cloud-flash { position:absolute; display:block; opacity:0; pointer-events:none; }
html:not(.motion-ready) .cloud-lightning { display:none; }
.orbital-stage { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; contain:strict; }
.orbital-canvas { display:block; width:100%; height:100%; opacity:0; transition:opacity .7s; }
.sculpture-ready .orbital-canvas { opacity:.78; }
.orbital-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; }
.sculpture-ready .orbital-poster { opacity:0; }
.orbital-stage::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 35%,#02071318 10%,transparent 65%); }
.wrap { z-index:1; max-width:1512px; padding-inline:60px; }
header.top { min-height:181px; }
.brand { filter:drop-shadow(0 3px 15px #010510); }
.brand small { color:#c1d4e7; }
.brand-copy { border-color:#92c9e577; background:linear-gradient(90deg,#030b16e6,#030b1680 85%,transparent); padding-block:9px; padding-right:22px; }
h1 span { color:#62e5fa; }
.brand-manifesto { margin-left:auto; padding-left:24px; border-left:1px solid #a2cfe46b; display:grid; color:#c7e0f2; font:10px/1.85 'Space Grotesk',sans-serif; letter-spacing:.25em; text-transform:uppercase; text-shadow:0 2px 8px #000; }
.sandbox-link:not([hidden]) + .brand-manifesto { display:none; }
.toc { background:linear-gradient(120deg,#102033f5,#07101cf5); border-color:#66869c; box-shadow:0 12px 32px #01040b70,inset 0 1px #d8efff1a; }
.toc-list a.is-active { border-color:#70d9fb; box-shadow:inset 0 0 18px #69bfff16,0 0 12px #51c7ff16; }
.hero { border-color:#64869ea1; background:linear-gradient(110deg,#132a40ec,#071421eb 65%,#192c40e8); box-shadow:0 12px 30px #01040b66,inset 0 1px #d4f3ff26; margin-top:23px; }
.stat-value { color:#f0f8ff; text-shadow:0 0 18px #a5dfff26; }
.catalog-tools { margin-bottom:24px; }
.filter,.effects-toggle { background:#081726ed; border-color:#395872; }
.filter[aria-pressed=true] { background:linear-gradient(140deg,#266080,#173851); border-color:#78e4ff; box-shadow:0 0 20px #3bc8ff22; }
.catalog-note { color:#c0d0e2; text-shadow:0 2px 8px #000; }
.content-section { margin-bottom:94px; }
.section-header { margin-bottom:23px; padding:9px 12px; border-radius:10px; background:linear-gradient(90deg,#04101ded,#04101d66 40%,transparent 75%); text-shadow:0 2px 8px #010711; }
.section-header h2 { font-size:29px; }
.section-header::after { background:linear-gradient(90deg,#96c7e378,transparent); }
.count-badge { background:#081d2ee8; border-color:#609bb580; }
.content-list { gap:22px; perspective:1400px; }
.content-item { background:linear-gradient(135deg,#102438f7,#071321f5 75%); border-color:#6a94af8f; box-shadow:0 16px 40px #01051080,inset 0 1px #cbeaff29,inset 1px 0 #b0d8ff12; }
.content-item::after { border-top-color:#d0e9ff1a; }
.featured-card { border:1px solid #95c9e4a1; }
@media(min-width:701px) and (prefers-reduced-motion:no-preference) {
  html.motion-ready:not(.low-power) .content-item.in-orbit:not(.is-pointed) {
    transform:perspective(1400px) rotateX(var(--orbit-pitch,0deg)) rotateY(var(--orbit-yaw,0deg));
    transition:border-color .25s,box-shadow .25s;
  }
}
.project-art { border-bottom-color:#86b8d066; }
.meta-desc { color:#cad8e8; }
.meta-date { border-color:#5b7b953c; }
.meta-badge { background:#142d46ec; }
.meta-badge--tool { background:#102d2bf0; }
.meta-badge--method { background:#2c261ef0; }
.meta-badge--os { background:#312326f0; }
.section-header,.catalog-note { position:relative; }
.orbital-readout { position:fixed; z-index:2; bottom:20px; left:23px; display:flex; align-items:center; gap:9px; color:#bdd6e8; font:9px 'Space Grotesk',sans-serif; letter-spacing:.16em; text-transform:uppercase; pointer-events:none; text-shadow:0 2px 6px #000; }
.orbital-readout::before { content:''; width:5px; height:5px; background:#83eaff; transform:rotate(45deg); box-shadow:0 0 12px #4ac9ff; }
.orbital-scroll-hint { position:fixed; right:23px; bottom:20px; z-index:2; color:#b9d0e2; font:9px 'Space Grotesk',sans-serif; letter-spacing:.18em; text-transform:uppercase; pointer-events:none; }
.orbital-scroll-hint span { color:#79e1ff; margin-left:10px; }
footer.page { color:#bbcbde; background:#061321cc; padding:24px; border-radius:14px 14px 0 0; border-color:#557890; }
@media(min-width:1700px) { .wrap { max-width:1600px; } }
@media(max-width:1250px) { .wrap { padding-inline:40px; } .content-list { gap:17px; } }
@media(max-width:1050px) { .wrap { padding-inline:28px; } header.top { min-height:150px; } .brand-manifesto { font-size:9px; } }
@media(max-width:700px) {
  .wrap { padding-inline:18px; }
  header.top { min-height:126px; }
  .brand-manifesto { display:none; }
  .orbital-image { object-position:62% 25%; }
  .orbital-stage { opacity:.76; }
  .orbital-poster { object-position:40% 50%; }
  .content-list { gap:16px; }
  .content-section { margin-bottom:56px; }
  .section-header h2 { font-size:26px; }
  .orbital-readout,.orbital-scroll-hint { display:none; }
  .hero { margin-top:17px; }
  .content-item { box-shadow:0 10px 25px #01051066,inset 0 1px #cbeaff20; }
}
@media(prefers-reduced-motion:reduce) {
  .orbital-canvas { transition:none; }
  .orbital-image { transform:none; }
  .orbital-scroll-hint { display:none; }
}