/* TYPE N (2026-10-10): the big word is Americaine Condensed; labels use NavText (Inter Tight, site-navigation.css). Before: _bak5-orbit.css */
@font-face{font-family:Americaine;src:url(/a/fonts/americaine-condensed.woff2) format("woff2")}
/* PLAYGROUND, the orbit: see navigation_pages.py and orbit.js. Black, as he asked. */

@font-face{font-family:Pinyon;src:url(/a/fonts/pinyon-script-400.woff2)}
body:has(.orbit-stage){overflow:hidden;background:#0d0d0c}
body:has(.orbit-stage) main{padding:0}
body:has(.orbit-stage)>footer{display:none}
.orbit-stage{position:relative;width:100%;height:100svh;min-height:520px;overflow:hidden;background:#0d0d0c;color:#efeee8;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}
.orbit-intro{position:absolute;left:32px;top:96px;width:min(230px,60vw);margin:0;font:14px/1.45 NavText,Arial,sans-serif;color:#9b9a94;z-index:6}
.orbit-title{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;z-index:3;pointer-events:none;white-space:nowrap;
 font:400 clamp(64px,9vw,150px)/1 Americaine,serif;letter-spacing:-.04em;color:#efeee8}
.orbit-title .dc{font-family:Pinyon,cursive;font-size:1.32em;letter-spacing:0;margin-right:-.06em;vertical-align:-.08em}
.orbit-field{position:absolute;inset:0;cursor:grab}
.orbit-field.dragging{cursor:grabbing}
.orbit-card{position:absolute;left:0;top:0;width:var(--tw,220px);display:block;color:inherit;text-decoration:none;transform-origin:50% 50%;will-change:transform,opacity;-webkit-user-drag:none;opacity:0}
.orbit-art{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#1a1a19;transition:filter .5s cubic-bezier(.2,.7,.2,1)}
.orbit-art>img,.orbit-art>video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.orbit-art>iframe{display:block;border:0;width:400%;height:400%;transform:scale(.25);transform-origin:0 0;pointer-events:none;background:#fff}
.orbit-name{position:absolute;left:0;top:calc(100% + 10px);font:13px/1.2 NavText,Arial,sans-serif;white-space:nowrap;color:#d6d5cf;
 opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.orbit-card.on .orbit-name,.orbit-card:focus-visible .orbit-name{opacity:1;transform:none}
.orbit-card:focus-visible{outline:1px solid #efeee8;outline-offset:6px}
.orbit-hint,.orbit-front{position:absolute;left:0;right:0;margin:0;text-align:center;font:12px/1 NavText,Arial,sans-serif;color:#8d8c86;z-index:6;pointer-events:none}
.orbit-hint{bottom:30px}
.orbit-front{bottom:56px;font-size:14px;color:#efeee8;transition:opacity .22s}
.orbit-front.out{opacity:0}
@media(max-width:700px){.orbit-intro{left:20px;top:84px;font-size:13px}.orbit-card{--tw:120px}.orbit-name{display:none}.orbit-title{font-size:clamp(56px,16vw,80px)}}