:root { --midnight:#0B1F33; --orange:#FF5A36; --steel:#F3F0EA; --muted:#9AA8B5; }
html { scroll-behavior:smooth; background:var(--midnight); } html,body,#root { margin:0; min-height:100%; } body { background:var(--midnight); color:var(--steel); }
.site-shell { font-family:"Inter",Arial,sans-serif; overflow:hidden; background:var(--midnight); color:var(--steel); }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:26px clamp(22px,5vw,76px); border-bottom:1px solid rgba(243,240,234,.14); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--steel); text-decoration:none; font-weight:700; letter-spacing:.18em; font-size:14px; }
.brand-mark { position:relative; display:flex; width:38px; height:18px; }.brand-mark i { position:absolute; width:16px; height:16px; border:2px solid var(--orange); border-radius:50%; top:0; }.brand-mark i:first-child { left:3px; }.brand-mark i:last-child { left:17px; border-color:var(--steel); }
.signal { font-size:10px; letter-spacing:.17em; color:var(--muted); }
.hero { min-height:740px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:5vw; padding:70px clamp(22px,5vw,76px) 90px; }
.eyebrow,.section-index { text-transform:uppercase; letter-spacing:.18em; font-size:11px; color:var(--muted); }.eyebrow span { width:24px; height:2px; background:var(--orange); display:inline-block; vertical-align:middle; margin-right:9px; }
h1,h2 { font-family:"Fraunces",Georgia,serif; font-weight:400; letter-spacing:-.045em; margin:0; } h1 { font-size:clamp(66px,9vw,138px); line-height:.82; max-width:760px; } h1 em,h2 em { color:var(--orange); font-style:normal; }
.lede { max-width:520px; color:#CED5DC; font-size:clamp(17px,1.7vw,23px); line-height:1.55; margin:40px 0; }.jump { color:var(--steel); text-decoration:none; border-bottom:1px solid rgba(243,240,234,.45); padding-bottom:8px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }.jump span { color:var(--orange); margin-left:12px; }
.hero-art { position:relative; max-width:600px; justify-self:end; }.hero-art img { display:block; width:100%; border-radius:2px; aspect-ratio:1; object-fit:cover; }.art-label { position:absolute; right:-1px; bottom:-1px; display:flex; gap:14px; background:var(--steel); color:var(--midnight); padding:16px 20px; font-size:10px; line-height:1.3; text-transform:uppercase; letter-spacing:.11em; }.art-label b { color:var(--orange); font-size:20px; }
.manifesto { background:var(--steel); color:var(--midnight); padding:110px clamp(22px,9vw,140px) 120px; }.manifesto .section-index { color:#6B7782; }.manifesto h2 { max-width:1150px; font-size:clamp(44px,6.1vw,90px); line-height:1.02; }.manifesto h2 span { color:#8A939B; }
.three-up { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #D5D3CE; background:var(--steel); color:var(--midnight); padding:0 clamp(22px,5vw,76px) 100px; }.three-up article { padding:45px 4vw 20px 0; border-right:1px solid #D5D3CE; }.three-up article+article { padding-left:4vw; }.three-up article:last-child { border-right:0; }.three-up span { color:var(--orange); font:700 11px/1 Arial; letter-spacing:.12em; } h3 { font-family:"Fraunces",Georgia,serif; font-size:30px; font-weight:400; margin:42px 0 15px; }.three-up p { color:#596674; line-height:1.6; max-width:320px; }
.cliffhanger { min-height:660px; padding:120px clamp(22px,9vw,140px); position:relative; display:flex; flex-direction:column; justify-content:center; }.cliffhanger h2 { font-size:clamp(54px,8vw,112px); line-height:.95; position:relative; z-index:2; }.cliffhanger>p:last-child { color:var(--muted); font-size:17px; margin-top:35px; }.wire-line { position:absolute; left:58%; top:0; bottom:0; width:1px; background:#243B50; }.wire-line:before,.wire-line:after,.wire-line span { content:""; position:absolute; left:-7px; width:13px; height:13px; border:1px solid var(--orange); border-radius:50%; background:var(--midnight); }.wire-line:before { top:18%; }.wire-line span { top:50%; }.wire-line:after { top:82%; }
footer { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:30px; padding:38px clamp(22px,5vw,76px); border-top:1px solid rgba(243,240,234,.14); color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; } footer p { margin:0; }.footer-brand { color:var(--steel); }
@media (max-width:760px) {.topbar { padding:20px 18px; }.signal { display:none; }.hero { grid-template-columns:1fr; min-height:0; padding:72px 22px 74px; gap:55px; } h1 { font-size:72px; }.lede { font-size:18px; margin:30px 0 36px; }.hero-art { width:90%; justify-self:end; }.manifesto { padding:78px 22px 86px; }.manifesto h2 { font-size:47px; }.three-up { grid-template-columns:1fr; padding:0 22px 60px; }.three-up article,.three-up article+article { border-right:0; border-bottom:1px solid #D5D3CE; padding:34px 0; }.three-up article:last-child { border-bottom:0; } h3 { margin:25px 0 10px; }.cliffhanger { min-height:520px; padding:80px 22px; }.cliffhanger h2 { font-size:57px; }.wire-line { left:84%; } footer { grid-template-columns:1fr; align-items:start; padding:32px 22px; }}
.site-shell .brand, .site-shell .jump { color:var(--steel) !important; }
.jump, .jump:visited { color:#F3F0EA !important; border-bottom-color:rgba(243,240,234,.78) !important; }
.jump:hover, .jump:focus-visible { color:#FF5A36 !important; border-bottom-color:#FF5A36 !important; }