/* CRUDO / Experimental — constellation archive */
.experimental-page{background:#090908;color:#f5f5f3}.experimental-page .site-nav{color:#f5f5f3;background:rgba(9,9,8,.02)}.experimental-page .site-nav.nav-scrolled{background:rgba(9,9,8,.72);border-color:rgba(255,255,255,.16)}.experimental-page .nav-brand img{filter:invert(1)}.experimental-page .desktop-nav a{color:rgba(245,245,243,.66)}.experimental-page .desktop-nav a.is-active,.experimental-page .desktop-nav a:hover{color:#fff}.experimental-page .desktop-nav a::after{background:var(--lime)}.experimental-page .nav-contact{border-color:rgba(255,255,255,.38);color:#fff}.experimental-page .nav-contact:hover{background:#fff;color:#111}.experimental-page .nav-menu span{background:#fff}.experimental-entry{background:var(--lime);color:#111}.experimental-entry b{color:#111}.experiment-mobile{background:rgba(9,9,8,.97);color:#fff;border-color:rgba(255,255,255,.16)}
.orbit-archive{background:#090908}.orbit-stage{position:relative;display:grid;min-height:100svh;overflow:hidden;padding:clamp(94px,9vw,132px) var(--pad) 28px;background:radial-gradient(circle at 50% 47%,rgba(255,36,0,.032),transparent 26%),#090908;isolation:isolate}.orbit-stage::after{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.82) 100%);content:"";pointer-events:none}.orbit-kicker{position:absolute;z-index:3;top:clamp(96px,9vw,132px);left:var(--pad);color:#b1b1b5;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.07em}.orbit-instruction{position:absolute;z-index:3;bottom:clamp(82px,10vw,135px);left:var(--pad);max-width:260px;color:#b7b7bb;font-size:16px;line-height:1.2;letter-spacing:-.025em}.orbit-field{position:relative;z-index:2;width:min(61vw,790px);height:min(61vw,790px);min-height:570px;margin:auto;align-self:center;overflow:visible}.orbit-core{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:85px;height:85px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(18,18,17,.62);box-shadow:0 0 0 14px rgba(255,36,0,.018),0 0 55px rgba(255,36,0,.08);font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.05em;backdrop-filter:blur(12px);transform:translate(-50%,-50%)}.orbit-core::before{position:absolute;inset:-52%;border:1px solid rgba(255,36,0,.14);border-radius:50%;content:""}.orbit-core i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}.orbit-core small{position:absolute;bottom:-27px;color:#a9a9ae;font-size:8px;letter-spacing:.08em}
.orbit-project{position:absolute;z-index:3;display:block;width:18%;aspect-ratio:1;overflow:visible;color:#fff;isolation:isolate}.orbit-project::before{position:absolute;z-index:-1;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,36,0,.08),transparent 68%);opacity:0;content:"";filter:blur(10px);transition:opacity .35s ease}.orbit-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));transform:scale(.92);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .35s ease,opacity .35s ease;user-select:none;pointer-events:none}.orbit-project>span,.orbit-project>b{position:absolute;z-index:4;font-family:var(--sans);font-weight:800;letter-spacing:.06em;text-shadow:0 1px 10px rgba(0,0,0,.7)}.orbit-project>span{top:4px;left:-2px;color:rgba(245,245,243,.58);font-size:9px}.orbit-project>b{right:-8px;bottom:-4px;left:4px;color:#fff;font-family:var(--display);font-size:clamp(15px,1.45vw,23px);font-weight:650;line-height:.82;letter-spacing:-.07em;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.orbit-project:hover,.orbit-project:focus-visible{z-index:6;outline:none}.orbit-project:hover::before,.orbit-project:focus-visible::before{opacity:1}.orbit-project:hover img,.orbit-project:focus-visible img{filter:drop-shadow(0 14px 28px rgba(0,0,0,.38)) brightness(1.12);transform:scale(1.035)}.orbit-project:hover>b,.orbit-project:focus-visible>b{opacity:1;transform:none}.orbit-project:focus-visible img{outline:1px solid rgba(255,36,0,.9);outline-offset:7px;border-radius:50%}
.orbit-project--01{top:41%;left:0}.orbit-project--02{top:17%;left:18%;width:17%}.orbit-project--03{top:2%;left:41%;width:18%}.orbit-project--04{top:16%;right:17%;width:16%}.orbit-project--05{top:43%;right:0}.orbit-project--06{right:16%;bottom:12%;width:17%}.orbit-project--07{bottom:0;left:41%;width:18%}.orbit-project--08{bottom:14%;left:17%;width:16%}
.orbit-ledger{position:absolute;z-index:3;right:var(--pad);bottom:28px;left:var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.23);color:#aaaab0;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.065em}.orbit-ledger span:nth-child(2){text-align:center;color:#fff}.orbit-ledger span:last-child{text-align:right}.orbit-ledger b{color:var(--lime);font-size:16px;font-weight:400}.orbit-footer{background:#090908}.orbit-footer .section-index,.orbit-footer .footer-meta{color:#a5a5aa}
@media(max-width:850px){.orbit-stage{display:block;min-height:auto;padding:96px 20px 24px}.orbit-kicker{position:static;font-size:9px}.orbit-instruction{position:static;max-width:300px;margin-top:30px;font-size:17px}.orbit-field{width:100%;height:auto;min-height:0;margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 12px}.orbit-core{position:relative;top:auto;left:auto;grid-column:1/-1;order:-1;width:70px;height:70px;margin:0 auto 26px;transform:none}.orbit-core::before{inset:-34%}.orbit-project,.orbit-project--01,.orbit-project--02,.orbit-project--03,.orbit-project--04,.orbit-project--05,.orbit-project--06,.orbit-project--07,.orbit-project--08{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;aspect-ratio:1}.orbit-project img{inset:8%;width:84%;height:84%}.orbit-project>span{top:8px;left:8px}.orbit-project>b{right:8px;bottom:8px;left:8px;opacity:1;transform:none;font-size:clamp(17px,5.1vw,24px)}.orbit-ledger{position:static;grid-template-columns:1fr 1fr;margin-top:22px;font-size:8px}.orbit-ledger span:nth-child(2){text-align:right}.orbit-ledger span:last-child{display:none}.orbit-footer{grid-template-columns:1fr;gap:40px;padding:105px 20px 25px}}
@media(prefers-reduced-motion:reduce){.orbit-project,.orbit-project img{transition:none}}

/* LAB v2 — PNG nodes + legible constellation network */
.experimental-page .desktop-nav a.is-active{color:var(--lime)}
.orbit-stage{background:radial-gradient(circle at 50% 47%,rgba(255,36,0,.048),transparent 29%),#090908}
.orbit-field{filter:none}
.orbit-core{z-index:3}
.orbit-project{z-index:4;transition:filter .32s ease}
.orbit-project img{
  transform:scale(.96);
  filter:drop-shadow(0 13px 26px rgba(0,0,0,.35)) brightness(1.05);
}
.orbit-project:hover img,.orbit-project:focus-visible img{
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.44)) brightness(1.18);
  transform:scale(1.075);
}
.orbit-project::after{
  position:absolute;
  z-index:-2;
  top:50%;left:50%;
  width:5px;height:5px;
  border-radius:50%;
  background:rgba(240,241,235,.92);
  box-shadow:0 0 0 7px rgba(240,241,235,.035);
  content:"";
  transform:translate(-50%,-50%);
  transition:background .25s ease,box-shadow .25s ease;
}
.orbit-project:hover::after,.orbit-project:focus-visible::after{
  background:var(--lime);
  box-shadow:0 0 0 9px rgba(255,36,0,.07),0 0 24px rgba(255,36,0,.36);
}
.orbit-instruction{max-width:315px;color:#cbcbcf}
.orbit-kicker{color:#d4d4d1}
@media(max-width:850px){
  .orbit-field{gap:28px 16px}
  .orbit-project img{inset:4%;width:92%;height:92%}
}


/* LAB cleanup: no instruction copy, no bottom divider/ledger */
.orbit-instruction,.orbit-ledger{display:none!important}
.orbit-stage{padding-bottom:18px}
.orbit-field{transform:translateY(1.5vh)}
@media(max-width:850px){.orbit-field{transform:none}.orbit-stage{padding-bottom:20px}}


/* 2026-09-08 / LAB refinement: unified red system + consistent fillets */
.experimental-page{--lime:var(--lab-red);--accent:var(--lab-red)}
.experimental-page .desktop-nav a.is-active,
.experimental-page .desktop-nav a:hover,
.experimental-page .project-back:hover,
.experimental-page .view-label span:first-child,
.experimental-page .project-ledger-dark span:nth-child(2),
.experimental-page .project-cover-copy>p:first-child{color:var(--lime)!important}
.experimental-page .desktop-nav a::after,
.experimental-page .experiment-card::after,
.experimental-page .code-window>div b,
.experimental-page .orbit-project:hover::after,
.experimental-page .orbit-project:focus-visible::after{background:var(--lime)!important;color:var(--lime)!important}
.orbit-stage{background:radial-gradient(circle at 50% 48%,rgba(var(--lab-red-rgb),.065),transparent 24%),radial-gradient(circle at 50% 48%,rgba(0,0,0,.24),transparent 55%),#090908!important}
.orbit-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(80,16,12,.18),rgba(0,0,0,0) 26%),radial-gradient(circle at 50% 48%,rgba(0,0,0,.32),rgba(0,0,0,0) 62%);z-index:0}
.orbit-project::before{background:radial-gradient(circle,rgba(var(--lab-red-rgb),.09),transparent 68%)!important}
.orbit-core{box-shadow:0 0 0 14px rgba(var(--lab-red-rgb),.022),0 0 55px rgba(var(--lab-red-rgb),.12)!important}
.orbit-core::before{border-color:rgba(var(--lab-red-rgb),.22)!important}
.orbit-core small{color:rgba(255,255,255,.78)}
.orbit-project img{transform:scale(.95)}
.orbit-project:hover img,.orbit-project:focus-visible img{transform:scale(1.045)}
.orbit-project,.orbit-field,.experiment-view,.output-frame,.code-window,.mobile-menu,.nav-contact{border-radius:var(--fillet)!important}
@media(max-width:850px){.experiment-view,.output-frame,.code-window,.mobile-menu{border-radius:var(--fillet)!important}}