@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#08090b;--carbon:#111318;--panel:#1b1d22;--wine:#701c32;--red:#c72c48;--white:#f6f6f4;--platinum:#d7d9de;--muted:#989ba4;--line:rgba(215,217,222,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:var(--white);color:var(--ink)}.skip-link:focus{top:1rem}.site-header{height:84px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5.5rem);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:900 1.45rem/1 "Barlow Condensed",sans-serif;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--red);clip-path:polygon(50% 0,100% 100%,68% 100%,50% 60%,32% 100%,0 100%);font-size:.8rem;padding-top:.65rem}.site-header nav{display:flex;align-items:center;gap:2.25rem}.site-header nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.71rem;font-weight:700}.site-header nav a:hover,.social-links a:hover{color:var(--red)}.nav-cta{border:1px solid rgba(255,255,255,.42);padding:.75rem 1rem}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--white);padding:.65rem .8rem;text-transform:uppercase;letter-spacing:.1em}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:8rem clamp(1.25rem,7vw,8rem) 4rem;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(8,9,11,.98) 0%,rgba(8,9,11,.88) 32%,rgba(8,9,11,.18) 68%,rgba(8,9,11,.58) 100%),linear-gradient(0deg,var(--ink),transparent 35%),url("hero.webp") center/cover no-repeat}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{width:min(700px,100%)}.eyebrow{display:flex;align-items:center;gap:.7rem;text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;font-weight:700;color:var(--platinum)}.eyebrow span{width:34px;height:2px;background:var(--red)}h1,h2,blockquote{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0}h1{font-size:clamp(4.6rem,9vw,9.2rem);line-height:.79;margin-top:1.2rem}h1 em,h2 em,blockquote em{font-style:italic;color:var(--red)}.hero-copy{max-width:570px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.8;color:var(--platinum);margin:2rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.2rem;min-width:200px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:800;padding:1.15rem 1.35rem;border:1px solid rgba(255,255,255,.35);transition:.2s ease}.button:hover{transform:translateY(-3px);border-color:var(--white)}.button-primary{background:var(--red);border-color:var(--red)}.button-primary:hover{background:#df3455}.button-secondary{background:rgba(8,9,11,.4);backdrop-filter:blur(8px)}.hero-stats{display:flex;gap:clamp(1.5rem,4vw,4.5rem);margin:3.2rem 0 0}.hero-stats div{border-left:1px solid var(--line);padding-left:1rem}.hero-stats dt{font:700 .72rem/1 "Barlow Condensed";color:var(--red);letter-spacing:.12em}.hero-stats dd{margin:.45rem 0 0;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;color:var(--muted)}.scroll-note{position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:2.2rem;margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;color:var(--muted);writing-mode:vertical-rl}.scroll-note span{color:var(--red);font-size:1rem;margin-top:.5rem}
.ticker{overflow:hidden;background:var(--red);padding:.85rem 0;transform:rotate(-1deg) scale(1.02)}.ticker div{display:flex;width:max-content;gap:2rem;align-items:center;animation:ticker 28s linear infinite;text-transform:uppercase;font:800 1.05rem/1 "Barlow Condensed";letter-spacing:.12em}.ticker i{font-size:.6rem}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,7vw,8rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem}.section-heading h2,.crew-inner h2{font-size:clamp(3.8rem,7vw,7rem);line-height:.84}.section-heading>p{max-width:400px;color:var(--muted);line-height:1.75}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:4.5rem;border:1px solid var(--line)}.feature-card{min-height:450px;background:var(--carbon);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:auto -30% -60% 20%;height:70%;background:radial-gradient(circle,var(--wine),transparent 65%);opacity:.35;transition:.35s}.feature-card:hover:before{transform:translateY(-20%);opacity:.7}.card-number{font:700 .66rem/1 "Barlow Condensed";letter-spacing:.15em;color:var(--muted)}.feature-card h3{font:800 clamp(2.2rem,4vw,3.5rem)/.9 "Barlow Condensed";text-transform:uppercase;margin:0}.feature-card div p{color:var(--muted);line-height:1.7}.feature-card a{z-index:1;display:flex;justify-content:space-between;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.65rem;font-weight:700;border-top:1px solid var(--line);padding-top:1.2rem}.crew-section{min-height:720px;display:grid;place-items:center;text-align:center;padding:5rem 1.25rem;background:linear-gradient(rgba(8,9,11,.55),rgba(8,9,11,.92)),url("hero.webp") center 34%/cover fixed}.crew-inner{max-width:850px}.crew-inner .eyebrow,.crew-inner .hero-actions{justify-content:center}.crew-inner>p:not(.eyebrow){max-width:650px;margin:2rem auto 0;line-height:1.8;color:var(--platinum)}.manifesto{text-align:center}.manifesto>.eyebrow{justify-content:center}.manifesto blockquote{font-size:clamp(3.3rem,7vw,7.5rem);line-height:.9;margin:2rem auto;max-width:1200px}.manifesto-copy{display:flex;gap:3rem;justify-content:center;color:var(--muted);line-height:1.8}.manifesto-copy p{max-width:430px}footer{border-top:1px solid var(--line);padding:3rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}footer>p{text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;color:var(--muted)}.social-links{justify-self:end;display:flex;gap:1.5rem}.social-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:700}footer small{grid-column:1/-1;text-align:center;color:#656872;font-size:.65rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:84px;left:0;right:0;background:rgba(8,9,11,.97);padding:1.5rem;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero-media{background:linear-gradient(90deg,rgba(8,9,11,.95),rgba(8,9,11,.38)),linear-gradient(0deg,var(--ink),transparent 40%),url("hero.webp") 62% center/cover}.content-grid{grid-template-columns:1fr}.feature-card{min-height:350px}.section-heading{display:block}.section-heading>p{margin-top:2rem}.manifesto-copy{display:block}.manifesto-copy p{margin:1rem auto}footer{grid-template-columns:1fr;justify-items:center;text-align:center}.social-links{justify-self:center}footer small{grid-column:auto}}@media(max-width:540px){.hero{align-items:end;padding-bottom:5rem}h1{font-size:clamp(4.15rem,21vw,6rem)}.hero-stats{gap:1rem}.scroll-note{display:none}.button{width:100%}.ticker div{animation-duration:20s}.crew-section{background-attachment:scroll}.section-heading h2,.crew-inner h2{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}