:root{--ink:#e8e6de;--muted:#90958e;--line:#ffffff24;--accent:#c3b18a}body.cover{background:#090d0e;color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.cover a:hover{color:#fff}.cover header{position:absolute;z-index:3;max-width:none;width:100%;padding:30px 4vw;align-items:center}.cover header>a{font:13px Arial;letter-spacing:.14em;text-transform:uppercase}.cover nav{font-size:11px;letter-spacing:.06em;gap:30px}.cover main{max-width:none;padding:0}.stage{position:relative;min-height:720px;height:100svh;max-height:1200px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 65% 42%,#18201f 0,transparent 53%)}#instrument{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.22' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cover-copy{position:absolute;left:8vw;top:24%;z-index:1;pointer-events:none}.micro{font:9px/1.7 'Courier New',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.cover-copy .micro{display:flex;gap:28px;align-items:center}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c3b18a;box-shadow:0 0 12px #c3b18a;margin-right:9px}.cover h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(80px,9.5vw,160px);font-weight:400;letter-spacing:-.08em;line-height:.88;margin:37px 0 30px}.cover-copy p{font-size:13px;line-height:1.7;max-width:280px;color:#acb0aa}.cover-copy p a{pointer-events:auto;text-decoration-color:#67716b}.coordinates{position:absolute;right:4vw;top:130px;text-align:right}.object-label{position:absolute;right:6vw;bottom:208px}.controls{position:absolute;left:8vw;bottom:140px;z-index:2;display:flex;gap:22px;align-items:center}.controls button{font:9px 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;background:transparent;color:#aaa;border:1px solid #ffffff30;padding:10px 13px;cursor:pointer}.controls button:hover{border-color:#c3b18a;color:white}.cover a:focus-visible,.cover button:focus-visible{outline:1px solid var(--accent);outline-offset:6px}.latest{position:absolute;bottom:0;left:4vw;right:4vw;z-index:2;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;padding:31px 4vw 36px;border-top:1px solid var(--line);text-decoration:none}.latest .title{font:clamp(20px,2.2vw,34px)/1.2 Georgia,serif;letter-spacing:-.035em}.latest .arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff35;border-radius:50%;font-size:21px;transition:transform .3s}.latest:hover .arrow{transform:rotate(-40deg);border-color:#c3b18a}.catalogue{max-width:1180px;margin:auto;padding:105px 6vw 90px}.catalogue-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:38px}.catalogue h2{font:42px Georgia,serif;margin:0}.catalogue-top>a{font-size:11px;text-decoration:none}.entry{display:grid;grid-template-columns:50px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:28px 0;text-decoration:none;align-items:baseline}.entry .entry-title{font:27px/1.25 Georgia,serif;letter-spacing:-.02em}.entry .micro{font-size:9px}.entry:hover .entry-title{transform:translateX(5px)}.entry-title{transition:transform .2s}.closing{padding:75px 0 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.closing p{font:24px Georgia,serif;margin:0 0 12px}.closing span{font-size:12px;color:var(--muted)}.closing>a{border:1px solid #ffffff40;padding:16px 20px;text-decoration:none;font-size:11px}.cover footer{max-width:none;margin:0 4vw;border-color:var(--line);color:var(--muted);padding:25px 4vw 30px}.cover footer a{color:var(--muted)}@media(min-width:1600px){.cover-copy{top:31%}}@media(max-width:700px){.cover header{padding:24px 23px}.cover header>a{font-size:10px}.cover nav{gap:17px;font-size:10px}.stage{min-height:830px;height:100svh;max-height:1050px}.cover-copy{left:25px;top:auto;bottom:222px}.cover h1{font-size:77px;line-height:.91;margin:20px 0}.cover-copy p{font-size:12px;max-width:235px;margin-bottom:0}.cover-copy .micro{font-size:8px}.coordinates{top:95px;right:24px;font-size:8px}.object-label{display:none}.controls{left:auto;right:24px;bottom:222px}.controls>span{display:none}.latest{left:24px;right:24px;padding:24px 0 27px;grid-template-columns:1fr 38px;gap:15px}.latest>.micro{grid-column:1 / -1}.latest .title{font-size:25px;max-width:280px}.latest .arrow{width:36px;height:36px}.catalogue{padding:60px 24px}.catalogue h2{font-size:32px}.entry{grid-template-columns:25px 1fr;gap:12px}.entry .entry-title{font-size:23px}.entry>time{grid-column:2}.closing{display:block;padding-top:50px}.closing>a{display:inline-block;margin-top:25px}.cover footer{margin:0 24px;padding:24px 0}.catalogue-top>a{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Interactive voyage */
.stage{background:radial-gradient(ellipse at 70% 40%,#101a2b,transparent 60%)}#instrument{touch-action:none;cursor:grab;z-index:1;width:70%;left:30%}#instrument.dragging{cursor:grabbing}.cover-copy{z-index:2}.coordinates,.object-label{z-index:2;pointer-events:none}.controls{display:block;bottom:138px;width:300px}.transport{display:flex;gap:8px}.controls button{padding:8px 10px;font-size:8px}.timeline{display:flex;align-items:center;gap:14px;margin-top:12px}.timeline input{width:215px;accent-color:#a3b7d4;height:2px;cursor:pointer}.timeline .micro{font-size:8px;white-space:nowrap}.cover-copy p{pointer-events:none}.object-label{bottom:158px}.stage:after{z-index:0}.cover footer{color:#99a6b8}@media(min-width:701px){.cover-copy{top:20%}.cover h1{font-size:clamp(80px,9vw,145px)}}@media(max-width:700px){#instrument{left:0;width:100%;height:47%;top:60px}.cover-copy{bottom:242px}.controls{left:24px;right:24px;bottom:155px;width:auto}.transport{gap:10px}.controls button{font-size:8px;padding:8px 11px}.timeline input{width:100%}.object-label{display:block;right:24px;top:86px;bottom:auto;font-size:8px}.coordinates{display:none}.stage{min-height:870px}.cover-copy h1{font-size:72px}.latest{padding-top:20px}.cover-copy .micro{font-size:7px}}

/* Launch: true black hero */
body.cover .stage{background:#000}body.cover .stage:after{display:none}

/* One uninterrupted voyage; one playback control. */
.controls{width:auto;bottom:151px}.controls button{padding:11px 16px;font-size:9px}@media(max-width:700px){.controls{bottom:165px;left:24px;right:auto}.controls button{min-height:40px;padding:12px 18px}}

/* Quiet hero and native newsletter signup */
.cover-copy h1{margin-top:0}.closing{border-top:1px solid var(--line);margin-top:65px;padding-top:60px;align-items:center;scroll-margin-top:36px}.closing h2{font:42px/1.1 Georgia,serif;letter-spacing:-.04em}.closing p{font:13px/1.6 Arial,sans-serif;color:var(--muted);margin:18px 0}.closing .subscribe-fallback{font:11px Arial,sans-serif;color:var(--muted);text-decoration:none}.closing iframe{display:block;flex-shrink:0;width:min(480px,55%);height:340px;border:0;background:white;border-radius:2px}@media(max-width:700px){.closing h2{font-size:34px}.closing iframe{width:100%;height:360px;margin-top:28px}.closing{margin-top:45px;padding-top:40px}.cover-copy h1{margin-top:0}}

/* One continuous space scene behind the complete hero. */
body.cover #instrument{inset:0;width:100%;height:100%;left:0;top:0}.cover-copy{background:none;pointer-events:none}.cover-copy h1,.cover-copy p{text-shadow:0 2px 22px #0008}.cover-copy a{pointer-events:auto}@media(max-width:700px){body.cover #instrument{inset:0;width:100%;height:100%;touch-action:pan-y}}
/* Soft full-scene shading keeps the typography legible over a sunlit surface. */
.stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.30) 44%,transparent 72%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 30%)}
@media(max-width:700px){.stage:after{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.6) 42%,transparent 72%)}}

/* Futura headlines and Garamond editorial text, matching Praxis. */
body.cover{background:#050708;font-family:Futura,'Helvetica Neue',Arial,sans-serif}.cover header>a,.cover nav,.micro,.controls button,.catalogue-top>a,.closing .subscribe-fallback{font-family:Futura,'Helvetica Neue',Arial,sans-serif}.cover h1{font-family:Futura,'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(64px,7.2vw,120px);line-height:1.06;font-weight:400}.cover-copy p{font-family:Garamond,Georgia,serif;font-size:19px;line-height:1.5;max-width:310px;color:#c5c6bc}.latest .title,.entry .entry-title,.closing p{font-family:Garamond,Georgia,serif;letter-spacing:0}.catalogue h2,.closing h2{font-family:Futura,'Helvetica Neue',Arial,sans-serif;letter-spacing:.05em;font-size:31px;text-transform:uppercase}.cover-copy h1,.cover-copy p{text-shadow:none}.controls button{color:#d4d1bd;border-color:#d4d1bd60;letter-spacing:.14em}.stage:after{display:none!important}.latest .micro{color:#a9ad9f}.cover nav{font-size:12px}.entry .entry-title{font-size:29px}.closing p{font-size:19px}.cover-copy{left:7vw}.controls{left:7vw}
@media(max-width:700px){.cover-copy{left:24px}.cover-copy h1{font-size:58px;line-height:1.05;letter-spacing:.025em}.cover-copy p{font-size:17px;max-width:275px}.cover nav{font-size:10px}.controls{left:24px}.catalogue h2,.closing h2{font-size:26px}.entry .entry-title{font-size:24px}}

/* Live navigation beside the sole playback control. */
.controls{display:flex;align-items:center;gap:24px;left:7vw;right:7vw;bottom:146px}.controls>button{flex:none}.telemetry{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:11px 22px;margin:0;flex:1;max-width:720px;font-family:Futura,Arial,sans-serif}.telemetry div{min-width:0}.telemetry dt{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#91998f;white-space:nowrap}.telemetry dd{margin:4px 0 0;font-size:12px;letter-spacing:.025em;color:#dddcd0;font-variant-numeric:tabular-nums;white-space:nowrap}.telemetry .position-readout{grid-column:1/-1;display:flex;gap:14px;align-items:baseline}.telemetry .position-readout dd{margin:0;font-size:10px;letter-spacing:.08em}
@media(max-width:700px){.stage{min-height:960px}.cover-copy{bottom:335px}.controls{left:24px;right:24px;bottom:170px;gap:16px;align-items:flex-start}.controls button{padding:11px 12px;min-height:36px}.telemetry{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.telemetry dt{font-size:7px;letter-spacing:.07em}.telemetry dd{font-size:10px;letter-spacing:0}.telemetry .position-readout{display:block}.telemetry .position-readout dd{margin-top:4px;font-size:9px;letter-spacing:0}}

/* Minimal newsletter entry; Substack handles the final confirmation. */
.closing{display:block;padding-top:45px}.email-signup{display:flex;width:100%;max-width:580px;border:1px solid #a8aa975c;background:transparent}.email-signup input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);padding:19px 20px;font:17px Futura,Arial,sans-serif;border-radius:0}.email-signup input::placeholder{color:#92998e}.email-signup button{border:0;border-left:1px solid #a8aa975c;background:#d9d7c8;color:#111714;padding:18px 25px;font:14px Futura,Arial,sans-serif;cursor:pointer}.email-signup button:hover{background:#f0eee1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.email-signup input{font-size:15px;padding:17px 14px}.email-signup button{padding:17px 16px;font-size:13px}}