body:not(.light){background-color:#01050b;background-image:linear-gradient(90deg,#000e 0%,#0009 26%,#0008 63%,#000d 100%),url('/neon-grid-background.png');background-position:center,center 42%;background-size:cover;background-attachment:fixed}
body:not(.light)::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/archive-grain.svg');background-size:560px 560px;opacity:.18;mask-image:linear-gradient(90deg,#000 0%,#0002 35%,#0001 65%,#000 100%)}
body:not(.light) .review,body:not(.light) .footer{display:none}
body:not(.light) .frame{margin:0;max-width:none;min-height:100svh;border:0}
body:not(.light) .nav{position:relative;z-index:10;margin:26px 2.15vw 0;padding:0 24px;min-height:64px;border:1px solid #d6d6d6c9;background:#030405c7;backdrop-filter:blur(5px);gap:24px}
body:not(.light) .brand{font-size:clamp(11px,1.1vw,20px);font-weight:500;letter-spacing:-.035em}
body:not(.light) .links{gap:clamp(24px,4.3vw,82px)}
body:not(.light) .links a{font-size:clamp(10px,.9vw,17px);padding:9px 0}
body:not(.light) .links a.active{font-weight:500;font-size:clamp(12px,1.15vw,22px)}
.nav-details{display:flex;align-items:center;gap:clamp(24px,3.7vw,68px)}
.nav-globe{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.25}
.nav-details .nav-symbol{font-size:42px;font-family:Georgia,serif;line-height:1}
.home{--land-width:max(100vw,1200px);--land-half:calc(var(--land-width)*.16705069);position:relative;isolation:isolate;min-height:0;padding-bottom:0;overflow:hidden;background:none}
.home::after{display:none}
.home-stage{position:relative;isolation:isolate;display:flow-root;height:clamp(620px,42.2vw,1000px);min-height:calc(100svh - 90px);overflow:visible}
.home .rail{position:absolute;display:block;left:2.15%;top:38px;width:10.65%;min-width:90px;max-width:205px;z-index:3;font-size:clamp(9px,.8vw,15px);line-height:1.1;text-shadow:0 2px 8px #000}
.rail-panel{position:relative;padding:10px 10px 2px;border-left:1px solid #c6d0d0aa;border-right:1px solid #c6d0d0aa}
.rail-panel::before,.rail-panel::after{content:'';position:absolute;width:12px;height:12px;border-color:#ddd;border-style:solid;opacity:.8}
.rail-panel::before{left:0;top:0;border-width:1px 0 0 1px}
.rail-panel::after{right:0;bottom:0;border-width:0 1px 1px 0}
.home .rail strong{font-family:'Arial',sans-serif;font-weight:800;font-size:clamp(18px,2.05vw,38px);line-height:1.12;margin:0 0 11px;white-space:nowrap}
.rail-description{font-size:clamp(10px,1.05vw,20px);line-height:1.06;letter-spacing:.025em;margin:0 0 15px}
.wire-sphere{display:block;object-fit:contain}
.rail .wire-sphere{width:66%;height:auto;aspect-ratio:1;margin:0 0 15px;transform:rotate(-10deg)}
.rail-index{position:relative;max-width:80%;border-right:1px solid #c3c8c766;border-bottom:1px solid #c3c8c766;padding-bottom:5px}
.rail-index::after{content:'';position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;transform:skew(-25deg)}
.home .rail .barcode{height:clamp(25px,2.5vw,48px);margin:0 0 10px}
.rail-index p{margin:0;font-size:clamp(8px,.79vw,15px);line-height:1.08;letter-spacing:.02em}
.home .rail .archive-code{width:73%;height:clamp(22px,2.4vw,43px);margin:15px 0 8px 10px}
.rail-year{font-size:clamp(12px,1.1vw,21px);padding-left:10px;letter-spacing:.02em}
.rail-year span{font-size:.72em;margin-left:6px}
.home .hero-copy{position:absolute;left:16.1%;top:clamp(34px,2.9vw,56px);width:43%;max-width:none;margin:0;padding:0;z-index:3;text-shadow:0 3px 14px #000}
.home .tagline{font-size:clamp(11px,1.1vw,21px);line-height:1.3;letter-spacing:.065em;margin:0 0 16px;white-space:nowrap}
.home .hero-copy h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(90px,11.2vw,250px);line-height:.75;letter-spacing:-.026em;transform:scaleX(1.12);transform-origin:left center;margin:0;color:#e9e8e1}
.home .intro{display:flex;align-items:center;gap:clamp(16px,1.6vw,30px);margin-top:24px;font-size:clamp(11px,1.05vw,20px);line-height:1.4;letter-spacing:.015em}
.home .intro p{margin:0}
.home .intro .star{position:relative;font-size:clamp(45px,4vw,72px);width:clamp(40px,3.2vw,60px);flex:none;line-height:1;color:#343cff;text-shadow:none}
.home .intro .star::after{content:'';position:absolute;left:49%;top:3%;width:1px;height:94%;background:#343cff}
.home .hero-cta{position:relative;display:block;width:auto;padding:0;margin-top:20px;z-index:5}
.home .hero-cta .cta{display:inline-flex;justify-content:center;align-items:center;gap:20px;width:clamp(180px,14vw,270px);min-width:0;height:clamp(42px,2.9vw,54px);padding:7px 20px;margin:0;border:1px solid #e8e7e2;background:#020303c9;font-size:clamp(12px,1.06vw,20px);backdrop-filter:blur(5px)}
.home .hero-cta .cta:hover{background:#343cff;border-color:#343cff}
.home .chrome{position:absolute;right:-6%;top:-12px;width:51%;height:auto;filter:none;transform:none;z-index:2;pointer-events:none;opacity:1}
.scene-note{position:absolute;left:78.4%;top:42%;font-size:clamp(8px,.72vw,13px);line-height:1.5;z-index:3;text-shadow:0 2px 8px #000;background:#01040544;padding:5px 7px}
.note-rule{display:block;width:42px;border-top:1px solid #b3c0cd;margin-top:17px}
.note-star{display:block;font-size:30px;line-height:1;margin-top:24px;margin-left:6px;color:#eee}
.home-landscape{position:absolute;left:50%;top:auto;bottom:calc(var(--land-half)*-1);width:var(--land-width);height:calc(var(--land-half)*2);transform:translateX(-50%);z-index:4;pointer-events:none}
.landscape-plane{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:2170 / 725;transform:none;overflow:visible}
.home-landscape .landscape-base{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* Keep the autumn artwork in the same plane as the hill through resizing and scrolling. */
.home-landscape .hill-pumpkin{display:block;position:absolute;right:15%;bottom:0;width:38%;height:auto;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 91%,transparent),linear-gradient(to bottom,#000 78%,transparent 100%);mask-composite:intersect}
.home-connect{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin:calc(var(--land-half) + 24px) 2.15vw 0;padding:24px 0 48px;border-top:1px solid #b7bec966}
.home-connect p{margin:0;font-size:12px;letter-spacing:.1em;color:#bfc2c8}
.home-connect nav{display:flex;flex-wrap:wrap;gap:12px}
.home-connect a{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;padding:12px 18px;border:1px solid #b7bec966;background:#030405db;font-size:12px}
.home-connect a:hover{border-color:#f69b4f;color:#ffb16a;background:#1a0d07e6}
.home-connect a:focus-visible{outline-color:#ff9b46}
.home .record-player{position:absolute;left:2.2%;top:auto;bottom:18px;width:clamp(128px,8.3vw,162px);z-index:6}
.home .player-status{font-size:8px;border:1px solid #9aafc14d;border-radius:0;padding:5px 8px;background:#020505df;letter-spacing:.03em}
.home .coordinates{position:absolute;right:2.5%;bottom:25px;width:clamp(143px,10.5vw,205px);min-width:0;padding:9px 12px 12px;border:1px solid #aaacd3;background:#010303e8;z-index:6;box-shadow:0 0 0 4px #000b}
.coordinates::before{content:'';position:absolute;inset:-6px;border:1px solid #7d89bc66;pointer-events:none}
.coordinates .wire-sphere{width:100%;height:clamp(48px,4.1vw,78px);object-fit:fill;transform:scaleX(1.04);margin:0 0 8px}
.coordinate-label{font-size:clamp(8px,.63vw,12px);line-height:1.3}
.coordinate-star{position:absolute;right:8px;bottom:7px;font-size:clamp(24px,2.1vw,39px);color:#343cff;line-height:1}
@media(max-width:1100px) and (min-width:621px){
  body:not(.light) .nav{margin-top:18px;min-height:56px;padding:0 17px;gap:18px}
  body:not(.light) .links{gap:25px}
  .nav-details{gap:24px}.nav-globe{width:22px;height:22px}.nav-details .nav-symbol{font-size:31px}
  .home-stage{min-height:calc(100svh - 74px)}
  .home .rail{top:28px}.rail-panel{padding:7px 7px 2px}
  .home .hero-copy{left:17.2%;top:40px;width:44%}
  .home .tagline{font-size:11px;margin-bottom:14px}
  .home .intro{gap:15px;margin-top:20px;font-size:11px}
  .home .intro .star{width:35px;font-size:44px}
  .home .hero-cta{margin-top:18px}
  .scene-note{left:79%;top:43%}
}
@media(max-width:620px){
  body:not(.light) .nav{margin:14px 14px 0;min-height:0;padding:13px 14px;gap:12px}
  body:not(.light) .brand{font-size:12px}.nav-details{margin-left:auto;gap:22px}
  .nav-globe{width:20px;height:20px}.nav-details .nav-symbol{font-size:27px}
  body:not(.light) .links{width:100%;order:3;justify-content:space-between;gap:12px;margin:0}
  body:not(.light) .links a{font-size:10px;padding:7px 0}
  .home-stage{height:auto;min-height:800px;padding:28px 21px 160px}
  .home .rail{position:relative;left:auto;top:auto;width:auto;min-width:0;max-width:none;margin-bottom:28px}
  .rail-panel{display:flex;align-items:center;padding:0;border:0}
  .rail-heading{display:flex;align-items:center;gap:20px}
  .home .rail strong{font-size:22px;margin:0}
  .rail-description{font-size:10px;margin:0;line-height:1.2}
  .rail-panel::before,.rail-panel::after,.rail .wire-sphere,.rail-index,.home .rail .archive-code,.rail-year{display:none}
  .home .hero-copy{position:relative;left:auto;top:auto;width:100%;margin:0;padding:0}
  .home .tagline{font-size:10px;margin-bottom:17px;letter-spacing:.04em}
  .home .hero-copy h1{font-size:clamp(74px,20.5vw,126px);line-height:.79;transform:scaleX(1.02);letter-spacing:-.02em}
  .home .intro{font-size:11px;gap:15px;margin-top:24px}
  .home .intro .star{width:34px;font-size:47px}
  .home .hero-cta{margin-top:22px}.home .hero-cta .cta{width:200px;height:43px;font-size:12px}
  .home .chrome{width:106%;right:-50%;top:78px;opacity:.9;z-index:2}
  .scene-note{display:none}
  .home .record-player{position:relative;left:auto;top:auto;bottom:auto;width:166px;margin-top:30px}
  .home .coordinates{right:20px;bottom:26px;width:145px}
}