*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080f20;color:#eaf0fa;font:17px/1.65 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffd38b;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:20;background:#152744;padding:12px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.top{border-bottom:1px solid #29354b;background:#0b1426}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0}.brand{text-decoration:none;font-weight:750;letter-spacing:1px;font-size:17px}.brand small{display:block;color:#9faec5;font-size:10px;letter-spacing:3px}.nav nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.nav nav a{text-decoration:none}.nav nav a[aria-current]{color:#ffd38b}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:12px;font-weight:750;color:#eac28a}.hero{padding:70px 0 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}h1,h2,h3{line-height:1.12;margin:16px 0 22px}h1{font-family:Georgia,serif;font-size:clamp(42px,5.5vw,75px);font-weight:400;letter-spacing:-2px}h1 em{font-style:normal;color:#eac28a}h2{font-family:Georgia,serif;font-size:clamp(29px,3vw,42px);font-weight:400}h3{font-size:23px}p{color:#b9c6da}.lead{font-size:20px;max-width:670px}.hero figure{margin:0}.hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:180px 180px 8px 8px}figcaption,.small{font-size:12px;color:#a4b2c9}figcaption{padding-top:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-block;border:1px solid #697a96;border-radius:5px;background:transparent;padding:12px 20px;text-decoration:none;color:#edf2fa;font-weight:650;font-size:14px;cursor:pointer}.btn.primary{background:#eac28a;color:#152039;border-color:#eac28a}.btn:hover{filter:brightness(1.1)}.strip{display:flex;gap:32px;flex-wrap:wrap;padding:22px 0;border-block:1px solid #29354b;font-size:13px;color:#c6d1e2}.section{padding:55px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:block;padding:28px;background:#101d33;border:1px solid #2b3a53;border-radius:8px;text-decoration:none}.card .num{color:#eac28a;font:26px Georgia,serif}.card p{font-size:15px}.card .link{color:#eac28a;font-size:14px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#101d33;border:1px solid #2b3a53;border-radius:8px;overflow:hidden}.feature img{width:100%;height:330px;object-fit:cover}.feature>div{padding:30px}.crumb{font-size:12px;padding-top:28px;color:#9faec5}.page-title{padding:24px 0 36px}.page-title h1{font-size:clamp(40px,5vw,64px)}.book{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:32px 0;border-top:1px solid #29354b}.book img{width:150px;height:215px;object-fit:contain;align-self:start}.book h2{font-size:31px;margin-top:10px}.book-mark{width:150px;height:215px;border:1px solid #60708e;display:grid;place-content:center;text-align:center;background:linear-gradient(150deg,#223b60,#0b172b);font:48px Georgia,serif;color:#eac28a}.book-mark small{font:10px system-ui;letter-spacing:2px;color:#c8d5e8}.status{font-size:12px;padding:4px 10px;background:#24334d;border-radius:30px;color:#dbe6f6}.status.ready{background:#1a4039;color:#bce9db}.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.panel{padding:30px;border:1px solid #2b3a53;border-radius:8px;background:#101d33}.panel h2{font-size:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;color:#dce6f7}input{display:block;width:100%;background:#091425;color:#fff;border:1px solid #687994;border-radius:4px;padding:10px;margin-top:7px}input[aria-invalid=true]{border-color:#ffb28d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric{padding:18px 12px;border-bottom:1px solid #35445e}.metric strong{display:block;font:35px Georgia,serif;color:#ffd9a0}.metric span{font-size:12px;color:#b4c2d7}.notice{padding:17px 20px;border-left:3px solid #eac28a;background:#16243b;color:#d7e2f3;font-size:15px}.error{color:#ffc5ac;min-height:1.5em}details{padding:20px 0;border-bottom:1px solid #29354b}summary{cursor:pointer;font-weight:650}.sources{font-size:13px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0;border-block:1px solid #29354b}.facts strong{display:block;font-size:24px;color:#eac28a}.facts span{font-size:13px;color:#b9c6da}.diagram{width:100%;height:auto;background:#070c17;border-radius:8px}.footer{margin-top:50px;padding:35px 0;border-top:1px solid #29354b;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{margin-right:18px}.upcoming{border-top:1px solid #29354b;padding:30px 0;color:#b9c6da}.upcoming strong{color:#eaf0fa}body.night{filter:sepia(1) saturate(2);background:#130807}body.night img{opacity:.45}.night-toggle{border:1px solid #697a96;border-radius:4px;background:transparent;color:inherit;padding:4px 10px;font-size:12px;cursor:pointer}@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column;gap:15px}.hero,.columns,.feature{grid-template-columns:1fr}.hero{padding:35px 0;gap:20px}.hero img{aspect-ratio:16/10;border-radius:8px}.grid{grid-template-columns:1fr}.section{padding:35px 0}.book{grid-template-columns:110px 1fr;gap:20px}.book img,.book-mark{width:110px;height:160px}.book h2{font-size:25px}.facts{grid-template-columns:1fr}.wrap{width:calc(100% - 32px)}.section-head{align-items:start;flex-direction:column}.feature>div{padding:22px}.nav nav{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:black}.top,.footer,.actions,.night-toggle{display:none}p,.small{color:#333}.panel,.card{background:white;color:black}.columns{display:block}}
.book-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px}.shelf-book{text-decoration:none}.shelf-book img{width:100%;height:300px;object-fit:contain;object-position:bottom;margin-bottom:20px;filter:drop-shadow(0 15px 18px #0006);transition:transform .2s}.shelf-book:hover img{transform:translateY(-5px)}.shelf-book h3{font-size:20px;line-height:1.3;margin-top:10px}.shelf-book .eyebrow{font-size:10px}.book img{height:auto;max-height:240px}.sensor-preview{height:170px;display:grid;place-items:center;margin-top:24px;background:#080f20;border-radius:5px}.sensor-preview div{border:2px solid #eac28a;background:linear-gradient(135deg,#1f3e5c,#101d33);max-width:90%;max-height:140px}.metrics strong{font-size:clamp(23px,3vw,35px)}body.night{filter:none;background:#100706;color:#ffc6b3}body.night .top,body.night .panel,body.night .card,body.night .feature,body.night .notice,body.night input{background:#21100e;color:#ffbba7;border-color:#603124}body.night p,body.night .small,body.night span,body.night label,body.night a,body.night h1 em,body.night strong{color:#efa18c}body.night .btn.primary{background:#743322;color:#ffd5bd;border-color:#743322}body.night img,body.night svg{filter:grayscale(1) sepia(1) saturate(3);opacity:.35}@media(max-width:800px){.book-shelf{grid-template-columns:repeat(2,1fr);gap:24px 16px}.shelf-book img{height:235px}.book img{max-height:180px}.nav nav{width:100%;justify-content:space-between}}@media(max-width:400px){.fields{grid-template-columns:1fr}.shelf-book img{height:195px}}@media(prefers-reduced-motion:reduce){.shelf-book img{transition:none}}

.hero img{aspect-ratio:3/2;border-radius:80px 8px 80px 8px}.hero{grid-template-columns:1fr 1.15fr}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero img{border-radius:30px 6px 30px 6px}}

.universe-progress{max-width:400px;margin:16px 0}.universe-progress label{font-size:12px;color:#c4d1e6}.universe-progress progress{display:block;width:100%;height:10px;margin-top:8px;accent-color:#eac28a}

/* Project identity: ivory backing preserves the original navy logo. */
.top .brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.top .brand .portal-logo{display:block;width:76px;height:76px;object-fit:contain;padding:5px;background:#f8f4e9;border:1px solid #c9a55b;border-radius:12px;flex-shrink:0}
.brand-copy{display:block}.hero-logo-plaque{width:210px;max-width:100%;padding:10px;margin-bottom:25px;background:#f8f4e9;border:1px solid #c9a55b;border-radius:18px}
.hero .hero-logo-plaque img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0}
body.night .hero-logo-plaque,body.night .top .brand .portal-logo{background:#542c23;border-color:#804835}
@media(max-width:800px){.top .brand .portal-logo{width:64px;height:64px}.hero-logo-plaque{width:170px;margin-bottom:20px}.top .brand{gap:10px;font-size:15px}.brand small{letter-spacing:1.5px}}
