:root{--bg:#080c10;--panel:#11191e;--line:#293238;--ink:#e9e9e2;--muted:#9faeb5;--amber:#e6b76a;--cyan:#89cbd4;--font:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:5px}::selection{background:var(--amber);color:var(--bg)}.skip{position:absolute;top:-70px;background:var(--amber);color:#000;padding:12px;z-index:20}.skip:focus{top:0}header{height:98px;padding:0 4.8%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#080c10}.brand{display:flex;align-items:center;gap:13px;font-weight:900;font-size:25px;letter-spacing:3px;line-height:1}.brand small{display:block;font-family:monospace;font-weight:400;font-size:10px;letter-spacing:2.7px;margin-top:10px;color:var(--muted)}.brand-mark{font-size:42px;font-style:italic;color:var(--amber);border:1px solid #635334;width:46px;height:49px;text-align:center;line-height:1.13;letter-spacing:0;transform:skew(-8deg)}nav{display:flex;gap:30px;margin:auto;font-size:14px}nav a{position:relative;padding:38px 0;color:#adbac0}nav a:hover,nav a[aria-current]{color:var(--ink)}nav a[aria-current]:after{content:'';height:2px;background:var(--amber);position:absolute;bottom:22px;left:0;right:0}.motion{border:1px solid var(--line);padding:7px 11px;font-size:13px;color:var(--muted);white-space:nowrap}.mono,.eyebrow{font-family:'Courier New',monospace;font-size:12px;letter-spacing:1.6px}.eyebrow{color:var(--amber);font-weight:400;margin:0 0 24px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.4vw,98px);line-height:1.02;letter-spacing:-4px;font-weight:500;margin-bottom:28px}h2{font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1.1;letter-spacing:-1.7px;margin-bottom:26px}h3{font-size:29px;line-height:1.1;letter-spacing:-.7px;font-weight:400}.hero{position:relative;height:min(790px,calc(100svh - 98px));min-height:620px;overflow:hidden;background:#05080d}.hero-image{position:absolute;inset:-4%;background:url('hero/serene.webp') center right/cover;animation:drift 26s ease-in-out infinite alternate;opacity:.87}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05080ef2 0%,#05080ec7 29%,#05080e18 65%),linear-gradient(0deg,#080c10 0%,transparent 22%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:80px 0 75px 6.7%;max-width:700px}.hero-content .eyebrow{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow span{width:6px;height:6px;background:var(--amber);box-shadow:0 0 15px #e6b76a}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--amber)}.hero-lede{color:#bcc7ce;line-height:1.8;font-size:17px;margin-bottom:30px}.hero-coordinates{position:absolute;right:5%;top:38px;z-index:2;text-align:right;color:#9fabb2;font-size:10px;line-height:1.9}.hero-caption{position:absolute;bottom:27px;left:6.7%;right:5%;display:flex;justify-content:space-between;z-index:2;color:#a4b1b8;font-size:10px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;border:1px solid #5a6368;padding:13px 22px;font-size:14px;line-height:1.5}.button:hover{background:#273138}.button.primary{background:var(--amber);border-color:var(--amber);color:#161714}.button.primary:hover{background:#f9d298}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;padding:8px 0;border-bottom:1px solid #5c6263}.text-link:hover{color:var(--amber);border-color:var(--amber)}.scan{position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 49.5%,#9be6ed05 50%,transparent 50.5%);background-size:100% 5px;pointer-events:none}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:18px 6.7%;font-size:10px;color:#95a1a8;background:#10161b}.amber{color:var(--amber)}.section{max-width:1450px;margin:auto;padding:85px 6.7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.intro h2{line-height:1.25}.intro-copy{padding-top:32px;max-width:550px}.intro-copy p{color:var(--muted);font-size:17px;margin-bottom:20px}.intro-copy p:first-child{font-size:21px;color:var(--ink);line-height:1.55}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.feature{min-height:370px;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);display:block}.feature>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s}.feature:hover>img{transform:scale(1.05)}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c10 0%,#080c1099 45%,transparent 100%)}.feature-text{position:absolute;left:30px;right:30px;bottom:25px;z-index:1}.feature-text .eyebrow{font-size:10px;margin-bottom:13px}.feature-text h3{margin-bottom:12px}.feature-text p:not(.eyebrow){color:#bdc8ce;font-size:15px}.log-feature .portrait{position:absolute;inset:0;height:100%;opacity:.75;background-size:300% auto;background-position:78% 2%}.crew-section{border-top:1px solid var(--line)}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.crew-card{border-top:1px solid var(--line);position:relative}.portrait{height:340px;background-size:310% auto;background-repeat:no-repeat;background-position:76% 1%;filter:saturate(.65);background-color:#33383a}.portrait.louis{background-image:url('assets/louis.webp');background-position:76% 0%}.portrait.molly{background-image:url('assets/molly.webp');background-position:75% 0%}.portrait.maya{background-image:url('assets/maya.webp');background-position:76% 0%}.crew-info{padding:24px 0}.crew-info .eyebrow{font-size:11px;margin-bottom:10px}.crew-info h3{font-size:33px;margin-bottom:13px}.crew-info p{color:var(--muted);font-size:15px}.crew-card .number{position:absolute;right:14px;top:14px;font-family:monospace;font-size:12px;color:#f9e5ba;background:#0a1016dd;padding:5px 9px}.page-heading{padding-top:75px;padding-bottom:45px}.page-heading h1{font-size:clamp(48px,6vw,82px);margin-bottom:24px}.page-heading>p:last-child{color:var(--muted);max-width:600px}.transmission-layout{padding-top:15px;display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center}.trans-image{position:relative;align-self:stretch;min-height:360px}.trans-image img{width:100%;height:100%;object-fit:cover;position:absolute}.stamp{position:absolute;top:20px;left:20px;background:#0a1016cc;padding:7px 13px;color:var(--amber)}.transmission-layout article>p:not(.eyebrow){color:var(--muted)}.status{color:var(--amber)!important;font-family:monospace;letter-spacing:1px;font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.related-strip{border-top:1px solid var(--line)}.related-strip>p:not(.eyebrow){color:var(--muted)}.log-note{border-top:1px solid var(--line);display:flex;gap:50px;align-items:center;padding-top:35px;padding-bottom:50px}.log-note span{color:var(--amber)}.log-note p{margin:0;color:var(--muted)}.map-heading{padding:50px 5% 25px;display:flex;justify-content:space-between;align-items:end;gap:20px}.map-heading h1{font-size:46px;letter-spacing:-2px;margin:0}.map-heading .eyebrow{margin-bottom:15px}.map-heading>p{font-size:14px;color:var(--muted);margin:0}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:620px}.map-stage{position:relative;overflow:hidden;min-height:620px;background:#070c13}canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.map-top{position:absolute;left:25px;right:25px;top:23px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;pointer-events:none}.map-bottom{position:absolute;left:25px;right:25px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.map-bottom .mono{font-size:10px;color:var(--muted)}.map-controls{display:flex;gap:7px;pointer-events:auto}.map-controls button{background:#111b23;border:1px solid #354450;padding:7px 13px;font-size:14px}.map-controls button:hover{background:#273743}.map-sidebar{border-left:1px solid var(--line);padding:27px;background:#0e151b}.map-sidebar .eyebrow{font-size:11px;margin-bottom:18px}.quadrants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}.quadrants button{padding:12px 8px;border:1px solid var(--line);text-align:left;font-size:13px;line-height:1.5}.quadrants button small{display:block;color:var(--muted);font-size:11px}.quadrants button[aria-pressed=true]{border-color:var(--amber);color:var(--amber);background:#e6b76a0a}#region-detail h2{font-size:28px;margin-bottom:14px}#region-detail>p{font-size:14px;color:var(--muted)}.location-button{display:block;width:100%;text-align:left;border-top:1px solid var(--line);padding:15px 0;line-height:1.5;font-size:16px}.location-button span{float:right;color:var(--amber)}.location-button small{display:block;font-size:12px;color:var(--muted)}.location-button:hover{color:var(--amber)}.map-note{font-size:12px;color:#9ba9b0;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}footer{border-top:1px solid var(--line);margin-top:30px;padding:32px 5%;display:flex;align-items:center;gap:35px;color:var(--muted);font-size:13px}footer p{margin:0}.footer-brand{font-size:19px;color:#d8ddd9}footer>.mono{margin-left:auto;font-size:10px}dialog{background:#11191f;color:var(--ink);border:1px solid #4b555e;width:min(740px,92vw);max-height:88svh;padding:50px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#02060bd9;backdrop-filter:blur(8px)}dialog h2{font-size:42px;margin-top:14px}dialog p{color:#b9c5cc}dialog .eyebrow{color:var(--amber)}dialog dl{display:grid;grid-template-columns:130px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:22px;font-size:14px}dialog dt{color:var(--muted)}dialog dd{margin:0}dialog img{width:100%;margin:15px 0 24px}.close{position:absolute;top:12px;right:15px;font-size:30px;line-height:1;padding:5px 10px;color:var(--muted)}.record-foot{font:12px/1.7 monospace;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.paused *{animation-play-state:paused!important}.page.active{animation:enter .6s ease both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:scale(1) translateX(0)}to{transform:scale(1.045) translateX(-1.2%)}}@media(min-width:1600px){.hero-content{padding-top:110px}.hero{height:800px}}@media(max-width:1050px){header{gap:20px;padding:0 4%}nav{gap:18px}.brand{font-size:20px}.brand-mark{display:none}.hero-content{padding-left:6%;padding-top:85px}.hero{min-height:660px}.hero-image{background-position:60% center}.hero h1{font-size:80px}.portrait{height:290px}.map-layout{grid-template-columns:minmax(0,1fr) 300px}.map-heading h1{font-size:38px}.map-bottom{flex-direction:column;align-items:start}.map-top span:last-child{display:none}.ticker{flex-wrap:wrap}.intro{gap:7%}}@media(max-width:700px){header{height:auto;min-height:110px;flex-wrap:wrap;gap:0;padding:20px 5% 0}.brand{font-size:23px}.brand small{font-size:9px}.motion{margin-left:auto}.motion span{display:none}nav{width:100%;order:3;justify-content:space-between;gap:10px;margin-top:14px;font-size:12px}nav a{padding:15px 0}nav a[aria-current]:after{bottom:2px}.hero{height:680px;min-height:0}.hero-content{padding:95px 6% 40px}.hero h1{font-size:72px;letter-spacing:-3px}.hero-image{background-position:58% center;opacity:.6}.hero:after{background:linear-gradient(90deg,#05080ecc,#05080e44),linear-gradient(0deg,#080c10,transparent 45%)}.hero-coordinates{top:24px;font-size:9px;left:6%;text-align:left}.hero-content .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-lede{font-size:15px}.actions{gap:19px}.button{padding:12px 15px;gap:14px}.actions .text-link{font-size:12px}.hero-caption{font-size:9px}.hero-caption span:last-child{display:none}.ticker{font-size:9px;gap:12px 20px;padding:18px 6%}.ticker span{width:calc(50% - 10px)}.section{padding:55px 6%}.intro{grid-template-columns:1fr;gap:5px}.intro h2{font-size:42px}.intro-copy{padding:0}.intro-copy p{font-size:16px}.section-head{display:block}.section-head>.text-link{margin-top:20px}.feature-grid,.crew-grid{grid-template-columns:1fr}.feature{min-height:360px}.portrait{height:390px;background-size:290% auto}.crew-grid{gap:32px}.crew-info{padding-top:20px}.crew-info h3{font-size:34px}.transmission-layout{grid-template-columns:1fr;gap:35px;padding-top:0}.trans-image{min-height:260px}.page-heading h1{font-size:49px;letter-spacing:-2px}.log-note{display:block}.log-note p{margin-top:15px}.map-heading{display:block;padding:38px 6% 25px}.map-heading h1{font-size:37px}.map-heading>p{margin-top:20px}.map-layout{grid-template-columns:1fr}.map-stage{min-height:480px}.map-sidebar{border-left:0;border-top:1px solid var(--line)}.map-bottom{left:18px;right:18px}.map-top{left:18px;font-size:9px}footer{align-items:start;flex-direction:column;gap:15px;padding:30px 6%}footer>.mono{margin-left:0}dialog{padding:48px 25px 30px}dialog h2{font-size:34px}dialog dl{grid-template-columns:100px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Approved metal-meets-creature vector wordmark, with outlined TM. */
.logo{display:block;background-image:url('assets/snarflax-wordmark-white-tm.svg');background-repeat:no-repeat;flex-shrink:0}
.logo-full{position:relative;width:230px;aspect-ratio:1302/254;background-size:contain;background-position:center}

.brand-lockup{display:block}.brand small{margin-top:7px;font-size:10px;letter-spacing:2.3px;text-align:center}.brand{flex-shrink:0}.footer-brand .logo-full{width:190px}footer{flex-wrap:wrap}.trademark-notice{flex-basis:100%;font-size:12px;letter-spacing:0;color:var(--muted)}.bio-logo{margin:18px auto 30px}
@media(max-width:1050px){header .logo-full{width:200px}header{column-gap:16px}nav{gap:16px}}
@media(max-width:700px){header .logo-full{width:220px}.brand small{font-size:10px}.trademark-notice{flex-basis:auto}.bio-logo{width:130px}}
@media(max-width:360px){header .logo-full{width:190px}}


/* Galactic map and system navigation. */
.map-controls button[hidden]{display:none}.map-top{font-size:12px}.map-top #map-view-title{color:var(--amber);text-transform:uppercase}.quadrants button small{font-size:14px}.map-controls{flex-wrap:wrap}.map-bottom{align-items:flex-start}.map-bottom>.mono{max-width:200px}.map-stage{min-height:660px}@media(max-width:700px){.map-stage{min-height:620px}.map-bottom{bottom:16px;gap:8px}.map-controls button{padding:7px 10px}.map-top{font-size:12px}}

/* Both slides remain beneath the existing shared hero gradient. */
.hero-slide{position:absolute;inset:0;background-position:center right;background-size:cover;background-repeat:no-repeat;opacity:0}@media(max-width:1050px){.hero-slide{background-position:60% center}}@media(max-width:700px){.hero-slide{background-position:58% center}}

.quadrants button{padding:10px 0;text-align:center;font-family:"Courier New",monospace;font-size:13px;min-width:0}
/* Homepage destinations. */
.hero-content .actions{flex-wrap:wrap;gap:12px;width:max-content;max-width:calc(100vw - 13.4vw)}
.hero-content .actions .button{white-space:nowrap;gap:16px}
@media(max-width:600px){.hero-content .actions{width:100%;max-width:100%}.hero-content .actions .button{padding:11px 14px;gap:12px}}