@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600&family=Playfair+Display:wght@400;500&display=swap');

:root { --ink:#061016; --deep:#091720; --panel:#0b151b; --line:rgba(210,226,230,.24); --mist:#d3dcda; --muted:#9baaa9; --blue:#1c527e; --space:clamp(1.25rem,4vw,5.5rem); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--mist); font:400 16px/1.6 Manrope,Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.17; background-image:radial-gradient(rgba(255,255,255,.12) .5px,transparent .7px); background-size:4px 4px; mix-blend-mode:overlay; z-index:9; }
a { color:inherit; text-decoration:none; } p { margin:0 0 1rem; } h1,h2 { margin:0; font-weight:400; line-height:.95; letter-spacing:.04em; text-transform:uppercase; } h1 { font-size:clamp(4rem,13vw,13rem); } h2 { font-size:clamp(2.2rem,5vw,5.4rem); } .page-shell { width:min(100% - 2*var(--space),1450px); margin:auto; }
.site-header { position:relative; z-index:5; min-height:94px; display:flex; align-items:center; gap:2rem; padding:0 var(--space); border-bottom:1px solid rgba(210,226,230,.17); background:transparent; }
.brand { display:inline-flex; align-items:center; gap:.8rem; text-transform:uppercase; letter-spacing:.31em; font-size:.95rem; white-space:nowrap; } .brand-mark { width:25px; height:25px; display:inline-block; border:1px solid var(--mist); transform:rotate(45deg); position:relative; opacity:.9; } .brand-mark::after { content:""; position:absolute; inset:5px; border:1px solid var(--mist); }
.site-nav { margin-left:auto; display:flex; height:94px; align-items:center; gap:clamp(1.3rem,3vw,4.5rem); } .site-nav a { color:#c9d2d1; position:relative; } .site-nav a::after { content:""; position:absolute; bottom:-35px; left:0; width:0; height:2px; background:var(--mist); transition:width .2s; } .site-nav a:hover::after,.site-nav .is-active::after { width:100%; }.menu-toggle { display:none; }
.home-page .site-header { position:absolute; inset:0 0 auto; border-bottom:0; background:linear-gradient(180deg,rgba(3,9,13,.68),rgba(3,9,13,.32) 64%,transparent); }
.hero { min-height:100svh; position:relative; overflow:hidden; isolation:isolate; display:grid; align-items:center; } .hero-image { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(5,15,21,.43),rgba(5,15,21,.12)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=85') center/cover; filter:brightness(.42) saturate(.45) contrast(1.1); } .hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,15,21,.22),transparent 40%,rgba(5,15,21,.78)); }
.hero-content { align-self:center; padding-top:10vh; }.hero-lockup { display:table; max-width:100%; margin:auto; }.hero h1 { font-size:clamp(5rem,16vw,16.5rem); color:rgba(231,237,235,.84); text-align:center; letter-spacing:.13em; }.eyebrow { color:var(--muted); font:500 .69rem/1.35 "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.eyebrow-line { display:flex; align-items:center; gap:1.25rem; }.eyebrow-line::after { content:""; display:block; width:80px; height:1px; background:var(--mist); }
.section { padding:clamp(5rem,10vw,10rem) 0; }.platform-intro { background:linear-gradient(180deg,#07141a,#071014); }.platform-grid { display:grid; grid-template-columns:3fr 1.12fr; gap:14px; margin-top:3.5rem; }.panel { border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,28,34,.86),rgba(4,10,14,.92)); }
.feature-platform { min-height:475px; display:grid; grid-template-columns:1.2fr 1fr; overflow:hidden; }.platform-copy { padding:clamp(2rem,5vw,4rem); position:relative; z-index:1; }.feature-platform h2,.catalog-feature h2 { font-size:clamp(2.4rem,5vw,5rem); text-transform:none; letter-spacing:-.04em; margin:3rem 0 1rem; }.platform-copy>p:not(.eyebrow),.catalog-feature>div>p:not(.eyebrow) { max-width:330px; color:var(--muted); }.text-link { display:inline-flex; align-items:center; gap:.55rem; border-bottom:1px solid var(--mist); padding:.55rem 0; font-size:.9rem; margin-top:2rem; transition:color .2s,border-color .2s; }.text-link:hover { color:#82c3e3; border-color:#82c3e3; }.text-link span { font-size:1.3rem; }
.platform-art { position:relative; overflow:hidden; background:linear-gradient(140deg,#03101c,#0c3763 55%,#061221); }.platform-art::before { content:""; position:absolute; inset:-30%; background:repeating-linear-gradient(155deg,transparent 0 22px,rgba(179,218,248,.13) 23px 24px); transform:rotate(5deg); }.platform-art span { position:absolute; width:58%; aspect-ratio:1; border:1px solid rgba(211,230,241,.45); transform:rotate(31deg) skew(-8deg); }.platform-art span:nth-child(1){left:23%;top:5%;}.platform-art span:nth-child(2){left:38%;top:27%;}.platform-art span:nth-child(3){left:15%;top:48%;}.formation-panel { padding:clamp(2rem,4vw,3.2rem); display:flex; flex-direction:column; justify-content:space-between; font-size:clamp(1.35rem,2.5vw,2.3rem); line-height:1.3; }.formation-stack { display:grid; gap:12px; align-self:center; }.formation-square { width:70px; aspect-ratio:1; border:1px solid var(--line); background:linear-gradient(145deg,rgba(28,82,126,.16),transparent); }
.platform-art--adrenaline { display:grid; place-items:center; background:#020303; }.platform-art--adrenaline::before { display:none; }.platform-art--adrenaline img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.build-section { min-height:620px; position:relative; display:grid; place-items:center; text-align:center; overflow:hidden; }.build-section::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,#04090c,#131a1c 60%,#05080a); border:1px solid var(--line); }.build-geometry { position:absolute; right:-8%; bottom:-45%; width:70%; height:100%; border:1px solid rgba(211,220,220,.32); transform:skewY(-20deg); background:linear-gradient(125deg,transparent 50%,rgba(173,190,191,.13)); }.build-copy { position:relative; max-width:850px; padding:3rem; }.build-copy h2 { font-size:clamp(3rem,7vw,6.7rem); text-transform:none; letter-spacing:-.06em; margin:1.25rem 0; }.build-copy>p:not(.eyebrow) { color:var(--muted); }.build-copy .text-link { border:1px solid var(--mist); padding:.75rem 1rem; }.build-copy .text-link:hover { background:rgba(211,220,218,.1); }
.site-footer { border-top:1px solid var(--line); padding:clamp(3rem,8vw,7rem) var(--space) 2.5rem; display:grid; grid-template-columns:2fr 1fr 1fr; gap:2rem; position:relative; }.site-footer p { color:var(--muted); margin-top:1rem; }.site-footer div:not(:first-child) { display:flex; flex-direction:column; gap:.35rem; }.footer-brand-row { display:flex; align-items:center; gap:1rem; }.footer-label { margin:0!important; text-transform:uppercase; letter-spacing:.13em; font:.67rem "DM Mono",monospace; }.footer-facebook { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; border:1px solid var(--line); border-radius:50%; transition:border-color .2s,background .2s; }.footer-facebook:hover { border-color:var(--mist); background:rgba(211,220,218,.1); }.footer-facebook svg { width:15px; height:15px; fill:var(--mist); }.copyright { grid-column:1/-1; border-top:1px solid var(--line); padding-top:1.4rem; font-size:.78rem; }
.story-hero { min-height:clamp(320px,38vw,470px); display:flex; align-items:center; background:linear-gradient(90deg,rgba(4,13,18,.9) 12%,rgba(4,13,18,.62) 58%,rgba(4,13,18,.4)),url('https://unsplash.com/photos/dW6Bo-X0QZA/download?force=true&w=2200') center 52%/cover; border-bottom:1px solid var(--line); }.story-hero>div { padding-block:clamp(4rem,8vw,7rem); }.story-hero h1 { margin:.7rem 0 1.35rem; font-size:clamp(3.5rem,8vw,7.5rem); letter-spacing:.025em; }.story-deck { max-width:650px; margin:0; color:var(--mist); font:400 clamp(1.15rem,2vw,1.65rem)/1.5 Manrope,Arial,sans-serif; }.story-chapter { display:grid; grid-template-columns:minmax(110px,.45fr) minmax(0,2fr); gap:clamp(2rem,7vw,7rem); }.story-chapter.section { padding-block:clamp(3.5rem,6vw,6rem); }.story-chapter>div { max-width:680px; font-size:1.03rem; line-height:1.8; }.lead { font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.5; color:var(--mist); }.story-chapter p:not(.lead) { color:var(--muted); }.story-quote { display:grid; grid-template-columns:.45fr 1.55fr; min-height:270px; border:1px solid var(--line); margin-bottom:clamp(4rem,8vw,7rem); }.quote-image { background:linear-gradient(145deg,rgba(5,14,19,.48),rgba(5,14,19,.84)),url('https://unsplash.com/photos/tgq-de2CTGY/download?force=true&w=1200') center/cover; }.story-quote blockquote { align-self:center; margin:0; padding:2rem clamp(2rem,5vw,5rem); font:400 clamp(1.5rem,2.5vw,2.5rem)/1.35 "Playfair Display",serif; }
.catalog { padding-top:clamp(4rem,9vw,9rem); }.catalog-intro { min-height:220px; margin-bottom:clamp(2rem,5vw,4.5rem); }.catalog-intro h1 { margin-top:1rem; }.catalog-intro p { color:var(--muted); }.catalog-feature { display:grid; grid-template-columns:1fr 1.15fr; min-height:440px; overflow:hidden; }.catalog-feature>div:first-child { padding:clamp(2rem,5vw,4rem); }.catalog-feature dl { display:flex; gap:2.2rem; flex-wrap:wrap; margin-top:3.5rem; border-top:1px solid var(--line); padding-top:1rem; }.catalog-feature dt { color:var(--muted); text-transform:uppercase; font:500 .61rem "DM Mono",monospace; }.catalog-feature dd { margin:4px 0; font-size:.86rem; }.formation-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:14px 0 8rem; }.formation-grid article { min-height:220px; padding:2.5rem; background:linear-gradient(145deg,#0b1317,#071014); }.formation-grid h2 { font-size:1.7rem; text-transform:none; letter-spacing:0; }.formation-grid p { color:var(--muted); }
.inquire { padding-block:clamp(5rem,10vw,10rem); min-height:75vh; }.inquire-intro { text-align:center; margin-bottom:4rem; }.inquire-intro p { color:var(--muted); font-size:1.2rem; }.inquire-grid { display:grid; grid-template-columns:1.2fr .9fr; gap:18px; max-width:1050px; margin:auto; }.inquire-grid--single { grid-template-columns:minmax(0,800px); justify-content:center; }.inquire-panel,.support-panel { padding:clamp(2rem,4vw,4rem); }.inquire-panel h2,.support-panel h2 { font-size:clamp(2rem,4vw,3.7rem); text-transform:none; letter-spacing:-.05em; margin:1.5rem 0; }.inquire-description { color:var(--muted); max-width:590px; }.inquire label { display:block; color:var(--muted); font-size:.85rem; margin-top:1.1rem; }.inquire label span { opacity:.65; }.inquire input,.inquire textarea { width:100%; display:block; color:var(--mist); background:transparent; border:0; border-bottom:1px solid var(--line); padding:.5rem 0; font:inherit; outline:none; }.inquire input:focus,.inquire textarea:focus { border-color:#85c8ed; }.honeypot { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }.submit-button { background:rgba(211,220,218,.06); color:var(--mist); cursor:pointer; font:500 .78rem "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; border:1px solid var(--mist); padding:.85rem 1.1rem; }.submit-button:hover { background:rgba(211,220,218,.14); color:var(--mist); border-color:var(--mist); }.submit-button:disabled { cursor:wait; opacity:.6; }.form-status { color:#9ed0b6; min-height:1.4rem; margin-top:1rem; font-size:.85rem; }.direct-email { margin-top:2rem; color:var(--muted); font-size:.88rem; }.direct-email a { color:var(--mist); border-bottom:1px solid var(--line); }
@media (max-width:760px) { :root{--space:1.25rem}.site-header{min-height:72px}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:1.5rem var(--space);background:#091218;flex-direction:column;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a::after{bottom:-3px}.menu-toggle{display:inline-grid;gap:5px;place-content:center;width:44px;height:44px;margin-left:auto;padding:0;background:transparent;border:0;color:var(--mist);cursor:pointer}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{min-height:calc(90svh - 72px)}.hero h1{font-size:clamp(3.8rem,15vw,7rem)}.platform-grid,.feature-platform,.catalog-feature,.inquire-grid,.story-quote{grid-template-columns:1fr}.feature-platform{min-height:580px}.platform-art{min-height:250px}.formation-panel{min-height:220px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.story-chapter{grid-template-columns:1fr;gap:1rem}.story-hero{min-height:auto}.story-hero>div{padding-block:4.5rem}.story-hero h1{font-size:clamp(3.8rem,15vw,5.5rem)}.story-deck{font-size:1.1rem}.quote-image{min-height:96px}.catalog-intro h1{max-inline-size:100%;font-size:clamp(2.8rem,14vw,4rem);letter-spacing:.02em;overflow-wrap:anywhere}.catalog-feature dl{gap:1rem}.formation-grid{grid-template-columns:1fr}.inquire-grid{gap:12px} }