@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#070a10;--panel:#0c111b;--text:#e9edf3;--muted:#a0aab9;--line:#27313f;--blue:#a3c8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue)}header{position:sticky;top:0;z-index:20;background:#070a10f5;border-bottom:1px solid #ffffff12}.nav{max-width:1500px;margin:auto;padding:22px 4%;display:flex;align-items:center;gap:36px}.brand{font-size:19px;letter-spacing:.22em;font-weight:600;white-space:nowrap}.links{display:flex;gap:25px;margin-left:auto}.links a,.eyebrow,.button,.meta{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.links a{padding:8px 0;color:#b5bdc9}.links a:hover,.links a[aria-current]{color:white}.links a[aria-current]{border-bottom:1px solid var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;padding:14px 24px;border:1px solid #57718f;background:transparent;line-height:1.5;color:#dceafb;cursor:pointer;transition:background .2s}.button:hover{background:#1a2b40}.primary{background:#bfd6ef;color:#0b1625;border-color:#bfd6ef}.primary:hover{background:#e1edfa}.nav .button{font-size:11px;padding:12px 17px;min-height:44px}.menu{display:none}.wrap{max-width:1250px;margin:auto;padding-left:6%;padding-right:6%}.hero{min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #ffffff12}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 84% 46%,#26344c55,transparent 48%),linear-gradient(110deg,#070a10 42%,#0d1421 85%,#080c14);z-index:-1}.hero .wrap{width:100%;padding-top:90px;padding-bottom:100px}.eyebrow{color:var(--blue);margin:0 0 25px}.hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:clamp(58px,6.4vw,96px);line-height:1.02;letter-spacing:.015em;margin:0 0 28px;max-width:620px}.hero p{max-width:430px;color:var(--muted);margin-bottom:30px}.visual-note{position:absolute;right:7%;bottom:38px;color:#667386;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.hero-mark{position:absolute;right:10%;top:34%;font-size:12px;letter-spacing:.4em;color:#526074;writing-mode:vertical-rl}.section{padding-top:115px;padding-bottom:115px}.book-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.cover{max-width:320px;width:100%;aspect-ratio:2/3;background:linear-gradient(145deg,#1b2634,#0b1019 56%,#111723);border:1px solid #37404c;box-shadow:18px 24px 60px #0008;padding:35px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;margin:auto}.cover strong{font-family:'Barlow Condensed',sans-serif;font-size:43px;line-height:1.05;letter-spacing:.06em;font-weight:500}.cover small{color:#718094;font-size:11px;letter-spacing:.15em}.cover .author{letter-spacing:.25em;font-size:13px}.cover.darklight{background:linear-gradient(150deg,#121821,#08090e 58%,#1a1427)}h2,h1.page-title{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(40px,4.7vw,66px);line-height:1.1;font-weight:500;letter-spacing:.035em;margin:0 0 22px}h3{font-size:19px;font-weight:500;letter-spacing:.02em}.subtitle{color:#b1bac8;font-size:15px;margin-top:-10px}.quote{font-size:22px;color:#c6ccd6;font-style:italic;line-height:1.6;max-width:470px;margin:32px 0}.copy{color:var(--muted);max-width:620px}.meta{color:#bca98a;margin:30px 0 18px}.transition{padding:105px 6%;text-align:center;background:radial-gradient(ellipse at 50% 90%,#24142d55,transparent 52%),#05060a;border-block:1px solid #ffffff0a}.transition p{font-family:'Barlow Condensed',sans-serif;font-size:clamp(30px,4vw,53px);line-height:1.4;letter-spacing:.045em;margin:0}.transition p:last-child{color:#8992a4}.dark-section{background:#090d15}.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.text-link{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #536277;padding-bottom:7px;white-space:nowrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:230px;border:1px solid #202937;background:linear-gradient(140deg,#111925,#090d15);padding:27px;display:flex;flex-direction:column;justify-content:end;transition:border-color .2s}.feature:nth-child(2n){background:linear-gradient(140deg,#15131e,#090d15)}.feature:hover{border-color:#647790}.feature .number{font-size:12px;letter-spacing:.12em;color:#718298;margin-bottom:auto}.feature h3{text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:.06em;margin:25px 0 2px}.feature p{color:#8a96a8;font-size:13px;margin:0}.signup{padding:90px 6%;background:radial-gradient(ellipse at 50% 100%,#14273f88,transparent 70%),#0c111c;border-block:1px solid #283444;text-align:center}.signup h2{font-size:clamp(35px,4vw,52px);max-width:760px;margin:0 auto 25px}.signup .copy{margin:0 auto 25px}.signup form{max-width:760px;margin:25px auto 15px;display:flex;gap:12px}.signup input{flex:1;min-width:0}.field,input,textarea,select{background:#080d15;border:1px solid #364354;color:#e0e7f0;border-radius:0;padding:14px 18px}input:focus,textarea:focus{outline:1px solid #a3c8f3}.small{font-size:12px;color:#8290a3}.form-status{font-size:14px;color:#c0cddd}.portrait{aspect-ratio:4/5;max-width:300px;background:linear-gradient(140deg,#141c27,#090c12);border:1px solid #242e3b;display:flex;align-items:center;justify-content:center;color:#758296;font-size:12px;letter-spacing:.12em}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;align-items:center}.about-grid .portrait{justify-self:end;width:100%}footer{border-top:1px solid #222b38;padding:55px 6% 30px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:35px;max-width:1250px;margin:auto}.footer-top nav{display:flex;gap:24px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-brand{font-size:14px;letter-spacing:.15em}.footer-brand span{display:block;color:#8290a3;font-size:11px;margin-top:8px}.footer-bottom{border-top:1px solid #222b38;margin-top:40px;padding-top:25px;color:#778395;font-size:12px}.page-intro{padding-top:85px;padding-bottom:65px;border-bottom:1px solid #26303d}.page-intro p{max-width:640px}.detail{padding-top:80px}.contact-form{display:grid;gap:20px;max-width:650px}.contact-form label{font-size:14px;display:grid;gap:7px}.contact-form textarea{min-height:180px;resize:vertical}.contact-form button{justify-self:start}button:disabled{opacity:.55;cursor:not-allowed}.skip{position:absolute;top:-80px;left:15px;z-index:50;background:white;color:black;padding:10px}.skip:focus{top:10px}.soon-block{padding:40px;border:1px solid #283240;margin-top:35px}.back{display:inline-block;margin-bottom:35px;color:#9fb3cc;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1100px){.nav{gap:20px}.links{gap:15px}.nav .button{max-width:185px;font-size:10px}.book-grid{gap:60px}.hero h1{font-size:80px}.footer-top{flex-direction:column}}@media(max-width:760px){.nav{padding:16px 5%;flex-wrap:wrap;gap:14px}.brand{font-size:15px}.menu{display:block;margin-left:auto;background:transparent;color:#dbe4ef;border:1px solid #344254;padding:5px 10px;font-size:13px}.links{display:none;order:4;width:100%;flex-direction:column;gap:4px}.links.open{display:flex}.nav .button{max-width:145px;font-size:9px;letter-spacing:.08em;min-height:38px;padding:7px 9px}.hero{min-height:650px;align-items:start}.hero .wrap{padding-top:65px;padding-bottom:160px}.hero h1{font-size:clamp(54px,12vw,78px)}.hero p{font-size:15px;max-width:340px}.hero-mark{display:none}.visual-note{left:6%;right:auto;font-size:10px}.hero:before{background:linear-gradient(180deg,#070a10 55%,#151f30)}.section{padding-top:65px;padding-bottom:65px}.book-grid{grid-template-columns:1fr;gap:45px}.cover{max-width:245px}.book-copy{max-width:520px}.transition{padding:70px 6%}.features{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:20px;min-height:195px}.feature h3{font-size:22px}.section-top{display:block}.section-top .text-link{display:inline-block;margin-top:10px}.signup{padding:65px 6%}.signup form{flex-direction:column}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid .portrait{justify-self:start;max-width:240px}.footer-top nav{flex-wrap:wrap;gap:17px}.footer-bottom{flex-direction:column;gap:12px}.page-intro{padding-top:55px}.quote{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Focused hero, catalog, and universe additions. */
.links a{white-space:nowrap}
.hero{isolation:isolate;min-height:calc(100svh - 90px);background:#070a10}
.hero:before{display:none}
.hero-art{position:absolute;inset:0 0 0 40%;z-index:-1;background:linear-gradient(120deg,#101722,#0b1019);mask-image:linear-gradient(to right,transparent,#000 32%)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero .wrap{max-width:1500px;padding:75px 6%}
.hero h1{font-size:clamp(52px,5.4vw,86px);max-width:48%;line-height:1.05}
.hero p{max-width:420px}
.hero .eyebrow{color:var(--blue)}
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.catalog article{text-align:center;display:flex;flex-direction:column;align-items:center}
.catalog .cover{margin:0 auto 45px}
.catalog h2{font-size:clamp(36px,4vw,56px)}
.catalog .quote{margin:25px 0;min-height:72px}
.catalog .meta{margin-top:auto;padding-top:25px}
.features section.feature h2{font-size:28px;margin-bottom:10px}
@media(min-width:761px) and (max-width:1200px){.nav{gap:16px;padding-inline:3%}.brand{font-size:15px}.links{gap:13px}.links a{font-size:10px;letter-spacing:.1em}.nav .button{font-size:9px;max-width:150px;padding:10px}}
@media(max-width:760px){.hero{min-height:calc(100svh - 82px);display:flex;flex-direction:column}.hero .wrap{padding:60px 6% 45px}.hero h1{font-size:clamp(48px,11.8vw,78px);max-width:100%}.hero p{max-width:390px}.hero-art{position:relative;inset:auto;order:2;width:100%;min-height:180px;flex:1;mask-image:linear-gradient(to bottom,transparent,#000 55%)}.catalog{grid-template-columns:1fr;gap:75px}.catalog .quote{min-height:0}.catalog .cover{margin-bottom:35px}}
/* Crop the supplied mockup to its artwork; exclude its baked-in navigation and copy. */
.hero-art{overflow:hidden;background:#070a10;mask-image:linear-gradient(to right,transparent,#000 30%)}
.hero-art-crop{position:absolute;height:100%;width:auto;aspect-ratio:932/861;right:0;bottom:0;min-width:100%;overflow:hidden}
.hero-art-crop img{position:absolute;width:179.399%;height:109.292%;max-width:none;right:0;bottom:0;object-fit:fill}
@media(max-width:760px){.hero-art{flex:none;height:auto;min-height:0;aspect-ratio:932/861;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.hero-art-crop{width:100%;height:100%;min-width:0}}
.cover.cover-art{display:block;padding:0;height:auto;aspect-ratio:2/3;object-fit:contain;background:none;border:0}

.hero p.hero-description{font-size:1.125rem;color:#b5bfcd}
@media(max-width:760px){.hero p.hero-description{font-size:1.055rem}}
/* Filled treatment for the existing header CTA only. */
header .nav > .button{background:#afc9e4;color:#0b1625;border-color:#afc9e4}
header .nav > .button:hover{background:#bfd6ef;border-color:#bfd6ef;color:#0b1625}
/* Dedicated Agreement page only. */
.agreement-hero{position:relative;isolation:isolate;min-height:720px;aspect-ratio:16/10;overflow:hidden;background:#080e18}
.agreement-scene{position:absolute;inset:0;z-index:-2;background:url('/assets/agreement-receiving-facility.png') center/100% 100% no-repeat}
.agreement-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070d17f5 0%,#070d17d9 24%,#070d1733 39%,transparent 52%)}
.agreement-copy{position:relative;width:34%;padding:7% 0 7% 4%;z-index:2}
.agreement-copy .eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.8;margin-bottom:28px}
.agreement-copy h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:clamp(42px,4.3vw,78px);line-height:1.05;letter-spacing:.015em;text-transform:uppercase;margin:0 0 20px;white-space:nowrap}
.agreement-subtitle{color:#d6dce7;font-size:clamp(15px,1.2vw,20px);margin:0}
.agreement-tagline{font-size:clamp(18px,1.55vw,26px);line-height:1.65;color:#e0e6ee;margin-top:44px}
.agreement-description-space{height:clamp(28px,6vw,110px)}
.agreement-copy .meta{color:#dfbf89;font-size:14px;letter-spacing:.15em;margin:20px 0}
.agreement-copy .button{font-size:12px;padding-inline:22px}
.agreement-product{position:absolute;width:19%;height:auto;left:40%;bottom:22%;transform:perspective(1100px) rotateY(-12deg);transform-origin:center bottom;box-shadow:-9px 3px 0 #101721,-11px 2px 1px #8e8c81,2px 0 4px #dceafb,0 10px 24px #000c;filter:drop-shadow(0 0 9px #9bc3e333);z-index:1}
.agreement-station-label{position:absolute;right:2.5%;top:34%;display:grid;gap:9px;text-align:center;color:#b8def8;font-family:'Barlow Condensed',sans-serif;font-size:clamp(12px,1vw,17px);letter-spacing:.12em;text-shadow:0 2px 6px #000}
.agreement-station-label span:last-child{margin-top:10px}
.agreement-description-slot{min-height:120px;border-top:1px solid #293b50;margin-top:30px;padding-top:20px}
@media(max-width:1100px) and (min-width:761px){.agreement-hero{min-height:650px;aspect-ratio:16/11}.agreement-copy{padding-top:9%;width:36%}.agreement-copy h1{font-size:43px}.agreement-product{width:22%;left:40%}.agreement-station-label{right:1%;font-size:11px}.agreement-description-space{height:45px}}
@media(max-width:760px){.agreement-hero{aspect-ratio:auto;min-height:0;padding-bottom:0;display:flex;flex-direction:column}.agreement-copy{width:100%;padding:50px 6% 35px;background:#080e18}.agreement-copy h1{font-size:clamp(42px,10vw,65px);white-space:normal}.agreement-tagline{margin-top:28px;font-size:20px}.agreement-description-space{height:18px}.agreement-hero:after{display:none}.agreement-scene{position:relative;order:2;aspect-ratio:1/1;width:100%;background-size:160% 100%;background-position:right center;z-index:0}.agreement-product{width:29%;left:19%;bottom:calc(100vw * .22);z-index:1}.agreement-station-label{top:auto;bottom:55vw;right:3%;font-size:11px;z-index:1}.agreement-copy .meta{font-size:13px}}
.agreement-product{left:35%;width:20%;bottom:30%}
.agreement-station-label{right:1%;top:43%;font-size:clamp(11px,.85vw,15px);letter-spacing:.08em}
@media(max-width:760px){.agreement-scene{background-size:140% 100%;background-position:70% center}.agreement-product{width:29%;left:19%;bottom:30vw}.agreement-station-label{top:auto;bottom:55vw;right:2%;font-size:10px}}
/* Approved v2 layout, scoped exclusively to the Agreement hero. */
.agreement-approved{aspect-ratio:1536/946;min-height:0}
.agreement-approved .agreement-scene{background-image:url('/assets/agreement-v2-environment.png');background-size:100% 108.245%;background-position:center bottom}
.agreement-approved:after{display:none}
.agreement-approved .agreement-copy{position:relative;width:29.7%;padding:6.7% 0 5% 3.9%}
.agreement-approved .agreement-copy .eyebrow{font-size:clamp(10px,.85vw,16px);letter-spacing:.18em;margin-bottom:1.45vw;white-space:nowrap}
.agreement-approved .agreement-copy h1{font-size:4.05vw;line-height:1.1;margin-bottom:1.05vw}
.agreement-approved .agreement-subtitle{font-size:1.22vw;line-height:1.6;margin:0}
.agreement-approved .agreement-tagline{font-size:1.68vw;line-height:1.32;margin:1.55vw 0 1.5vw;max-width:23vw}
.agreement-approved .agreement-tagline:before{content:'';display:block;width:2.6vw;border-top:1px solid #addcf1;margin-bottom:1.45vw}
.agreement-approved .agreement-synopsis{font-size:1.2vw;line-height:1.55;color:#c3cbd8;max-width:22vw;margin:0 0 2.1vw}
.agreement-approved .agreement-copy .meta{font-size:1.05vw;color:#e7bd7b;letter-spacing:.19em;margin:0 0 1.4vw}
.agreement-approved .agreement-copy .button{width:23vw;min-height:3.65vw;font-size:.94vw;letter-spacing:.13em;justify-content:space-between;padding:.9vw 2vw}
.agreement-approved .agreement-product{left:33.8%;width:21.8%;bottom:24.65%;transform:perspective(1400px) rotateY(16deg);box-shadow:none;filter:none}
.agreement-approved .agreement-station-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.agreement-approved{aspect-ratio:auto;min-height:0}.agreement-approved .agreement-copy{position:relative;width:100%;padding:42px 6% 36px}.agreement-approved .agreement-copy .eyebrow{font-size:11px;white-space:normal;margin-bottom:22px}.agreement-approved .agreement-copy h1{font-size:clamp(40px,10vw,64px);margin-bottom:16px}.agreement-approved .agreement-subtitle{font-size:16px}.agreement-approved .agreement-tagline{font-size:22px;line-height:1.45;max-width:100%;margin:24px 0}.agreement-approved .agreement-tagline:before{width:40px;margin-bottom:22px}.agreement-approved .agreement-synopsis{font-size:16px;line-height:1.6;max-width:100%;margin-bottom:28px}.agreement-approved .agreement-copy .meta{font-size:13px;margin-bottom:20px}.agreement-approved .agreement-copy .button{width:auto;min-height:50px;font-size:12px;padding:14px 24px}.agreement-approved .agreement-scene{aspect-ratio:1/1;background-size:145% 108.245%;background-position:right bottom}.agreement-approved .agreement-product{left:5.2%;width:31.6%;bottom:24.65vw}}
.agreement-approved .agreement-product{left:34.44%;top:17.23%;bottom:auto;width:19.86%;height:58.245%;transform-origin:top left;transform:none;object-fit:fill}
@media(max-width:760px){.agreement-approved .agreement-product{left:4.94%;top:auto;bottom:24.52vw;width:28.797%;height:58.245vw}}