:root { --ink: #10110f; --paper: #e8e7e1; --muted: #a6a7a1; --line: rgba(232,231,225,.22); --acid: #d8ef52; --display: 'Barlow Condensed', Impact, sans-serif; --body: 'DM Sans', sans-serif; }
* { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--ink); color: var(--paper); font-family: var(--body); overflow-x: hidden; } a { color: inherit; text-decoration: none; }
.nav { align-items: center; display: flex; justify-content: space-between; left: 0; padding: 25px 5vw; position: absolute; right: 0; top: 0; z-index: 10; }.brand { font-family: var(--display); font-size: 1.35rem; font-weight: 700; letter-spacing: .04em; line-height: 1; }.brand span { font-weight: 400; }.nav-links { align-items: center; display: flex; gap: 2.3rem; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }.nav-links a { opacity: .85; transition: opacity .25s; }.nav-links a:hover { opacity: 1; }.nav-button { border: 1px solid var(--line); padding: 12px 16px; }.nav-button span, .text-link span, .dark-link span, .contact-link span { color: var(--acid); margin-left: 12px; }.menu-toggle { background: none; border: 0; display: none; gap: 6px; padding: 8px; }.menu-toggle span { background: var(--paper); display: block; height: 1px; width: 24px; }
.hero { min-height: 100svh; overflow: hidden; position: relative; }.hero-image { background: url('https://images.unsplash.com/photo-1517976547714-720226b864c1?auto=format&fit=crop&w=2200&q=85') center 42% / cover; inset: 0; position: absolute; transform: scale(1.04); }.hero-shade { background: linear-gradient(90deg, rgba(7,9,8,.82), rgba(7,9,8,.18) 70%), linear-gradient(0deg, rgba(7,9,8,.6), transparent 45%); inset: 0; position: absolute; }.hero-content { bottom: 15%; left: 10vw; max-width: 650px; position: absolute; }.kicker { align-items: center; color: var(--paper); display: flex; font-size: .68rem; gap: 11px; letter-spacing: .16em; text-transform: uppercase; }.kicker span { background: var(--acid); display: inline-block; height: 6px; width: 6px; }.kicker.dark { color: var(--ink); }.hero h1, h2 { font-family: var(--display); font-size: clamp(5rem, 11vw, 10.5rem); font-weight: 600; letter-spacing: -.035em; line-height: .78; margin: 28px 0; text-transform: uppercase; }.hero h1 em, h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px currentColor; }.hero-copy { color: #d0d0ca; font-size: 1rem; line-height: 1.7; max-width: 370px; }.text-link, .dark-link { display: inline-block; font-size: .72rem; letter-spacing: .1em; margin-top: 32px; text-transform: uppercase; }.hero-meta { bottom: 35px; display: flex; font-size: .65rem; justify-content: space-between; left: 5vw; letter-spacing: .1em; position: absolute; right: 5vw; }.scroll-mark { align-items: center; bottom: 34px; display: flex; font-size: .62rem; gap: 13px; letter-spacing: .1em; position: absolute; right: 5vw; text-transform: uppercase; transform: rotate(-90deg) translateX(100%); transform-origin: right bottom; }.scroll-mark i { background: var(--acid); display: block; height: 1px; width: 48px; }
.mission-feature { background: var(--paper); color: var(--ink); display: grid; gap: 7vw; grid-template-columns: .8fr 1.2fr; padding: 13vw 10vw; }.mission-feature h2, .about h2, .contact h2 { font-size: clamp(4.4rem, 9vw, 8.5rem); margin: 24px 0 0; }.launch-panel { align-self: end; border-top: 1px solid rgba(16,17,15,.35); padding-top: 24px; }.panel-label, .card-number { font-size: .65rem; letter-spacing: .12em; }.launch-panel h3 { font-family: var(--display); font-size: clamp(3.8rem, 7vw, 7rem); font-weight: 500; letter-spacing: -.03em; line-height: .78; margin: 35px 0 22px; text-transform: uppercase; }.panel-copy { font-size: .9rem; line-height: 1.7; max-width: 320px; }.dark-link { border-bottom: 1px solid var(--ink); padding-bottom: 8px; }.countdown { align-items: flex-end; display: flex; gap: 14px; justify-content: flex-end; margin-top: 80px; }.countdown strong { display: block; font-family: var(--display); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 500; line-height: .8; }.countdown small { display: block; font-size: .6rem; letter-spacing: .1em; margin-top: 10px; text-transform: uppercase; }.countdown b { font-family: var(--display); font-size: 2rem; font-weight: 400; }
.systems { padding: 13vw 5vw; }.section-intro.light { margin-left: 5vw; }.system-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 9vw; }.system-card { background-position: center; background-size: cover; display: flex; height: 470px; overflow: hidden; position: relative; transition: transform .5s; }.system-card:hover { transform: translateY(-8px); }.system-card:after { background: linear-gradient(0deg, rgba(0,0,0,.85), transparent 65%); content: ''; inset: 0; position: absolute; }.card-orbit { background-image: url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?auto=format&fit=crop&w=1000&q=80'); }.card-ground { background-image: url('https://images.unsplash.com/photo-1516339901601-2e1b62dc0c45?auto=format&fit=crop&w=1000&q=80'); }.card-research { background-image: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1000&q=80'); }.system-card div { align-self: flex-end; padding: 28px; position: relative; width: 100%; z-index: 1; }.system-card h3 { font-family: var(--display); font-size: 3.5rem; font-weight: 500; line-height: .8; margin-top: 50px; text-transform: uppercase; }.system-card a { border: 1px solid var(--line); border-radius: 50%; bottom: 28px; font-size: 1.3rem; height: 42px; line-height: 39px; position: absolute; right: 28px; text-align: center; width: 42px; }
.services { background: var(--paper); color: var(--ink); padding: 13vw 10vw; }.services h2 { font-size: clamp(4.4rem, 9vw, 8.5rem); margin: 24px 0 0; }.services-list { border-top: 1px solid rgba(16,17,15,.35); margin-top: 6vw; }.service-row { align-items: center; border-bottom: 1px solid rgba(16,17,15,.35); display: grid; gap: 2vw; grid-template-columns: 60px 1fr 1fr; padding: 26px 0; }.service-row h3 { font-family: var(--display); font-size: 2.4rem; font-weight: 500; letter-spacing: -.02em; text-transform: uppercase; }.service-row p { font-size: .9rem; line-height: 1.7; max-width: 360px; }
.about { background: var(--paper); color: var(--ink); display: grid; grid-template-columns: 1.15fr .85fr; min-height: 670px; }.about-image { background: url('https://images.unsplash.com/photo-1516849841032-87cbac4d88f7?auto=format&fit=crop&w=1400&q=85') center / cover; min-height: 500px; }.about-copy { align-self: center; padding: 10vw; }.about-copy > p:not(.kicker) { font-size: .95rem; line-height: 1.8; max-width: 370px; }.contact { min-height: 650px; padding: 14vw 10vw; position: relative; }.contact:before { background: url('https://images.unsplash.com/photo-1534791547706-4f7c3f6e8d38?auto=format&fit=crop&w=2000&q=80') center / cover; content: ''; inset: 0; opacity: .3; position: absolute; }.contact > * { position: relative; }.contact-link { border-bottom: 1px solid var(--line); display: inline-block; font-size: clamp(1rem, 2vw, 1.5rem); padding-bottom: 12px; }.contact-link span { font-size: 1.2rem; }footer { align-items: center; border-top: 1px solid var(--line); display: flex; font-size: .65rem; justify-content: space-between; letter-spacing: .1em; padding: 28px 5vw; text-transform: uppercase; }footer div { display: flex; gap: 24px; }
+@media (max-width: 700px) { .nav { padding: 22px 6vw; }.menu-toggle { display: grid; }.nav-links { align-items: flex-start; background: var(--ink); display: none; flex-direction: column; gap: 25px; left: 0; padding: 90px 8vw 35px; position: absolute; right: 0; top: 0; z-index: -1; }.nav-links.open { display: flex; }.hero-content { bottom: 17%; left: 8vw; right: 8vw; }.hero h1 { font-size: clamp(4.5rem, 19vw, 7rem); }.hero-meta { left: 8vw; right: 8vw; }.scroll-mark { display: none; }.mission-feature { display: block; padding: 25vw 8vw; }.mission-feature h2, .about h2, .contact h2 { font-size: clamp(4rem, 18vw, 6rem); }.launch-panel { margin-top: 18vw; }.countdown { gap: 7px; justify-content: space-between; margin-top: 65px; }.countdown strong { font-size: clamp(2.5rem, 12vw, 4.5rem); }.countdown b { font-size: 1.2rem; }.systems { padding: 25vw 8vw; }.section-intro.light { margin-left: 0; }.system-grid { grid-template-columns: 1fr; margin-top: 18vw; }.system-card { height: 390px; }.about { display: block; }.about-image { min-height: 390px; }.about-copy { padding: 22vw 8vw 25vw; }.contact { min-height: 540px; padding: 25vw 8vw; }footer { align-items: flex-start; flex-direction: column; gap: 22px; } }
+@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *:before, *:after { transition-duration: .01ms !important; } }
@media (max-width: 700px) { .services { padding: 25vw 8vw; }.services h2 { font-size: clamp(4rem, 18vw, 6rem); }.service-row { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; } }