:root{--ink:#0a0d18;--ink2:#11162a;--navy:#22293c;--paper:#fff;--soft:#f5f4ef;--accent:#ff6a35;--accent2:#ffb24a;--line:rgba(255,255,255,.12);--muted:rgba(255,255,255,.62);--max:1320px;--gutter:clamp(20px,4vw,56px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.65 Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(100%,var(--max));margin:auto;padding-inline:var(--gutter)}
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);border-bottom:1px solid transparent;transition:.3s}.top.scrolled{background:rgba(10,13,24,.82);border-color:var(--line);backdrop-filter:blur(18px)}.logo{font:600 18px Jost,sans-serif}.accent,.kicker{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.nav-links a{font:500 12px Jost,sans-serif;letter-spacing:.06em}.nav-links a:hover{color:var(--accent)}.nav-cta,.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;font:600 12px Jost,sans-serif;letter-spacing:.13em;text-transform:uppercase}.nav-cta{padding:10px 20px;background:var(--accent)}.menu-btn{display:none;padding:8px;border:0;background:none}.menu-btn span{display:block;width:24px;height:2px;margin:5px;background:#fff}.mobile-menu{position:fixed;inset:0;z-index:60;display:grid;place-content:center;gap:24px;background:rgba(10,13,24,.98);opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu .mobile-links{display:grid;gap:14px;margin:0;padding:0;text-align:center;list-style:none;font:500 24px Jost,sans-serif}.mobile-close{position:absolute;top:20px;right:24px;border:0;background:none;color:#fff;font-size:42px}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;padding:130px 0 90px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(255,106,53,.3),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 70%,rgba(255,178,74,.18),transparent 60%),var(--ink)}.hero-noise{position:absolute;inset:0;z-index:-2;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.hero-particles{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.eyebrow,.kicker{font:500 11px Jost,sans-serif;letter-spacing:.28em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted)}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--accent)}.mega{margin:24px 0;font:800 clamp(58px,12vw,180px)/.86 Jost,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.grad{display:inline-block;background:linear-gradient(120deg,var(--accent),var(--accent2));background-clip:text;color:transparent}.hero-deck{max-width:650px;color:var(--muted);font:300 clamp(18px,2vw,25px)/1.5 Jost,sans-serif}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{padding:15px 28px}.btn.primary{background:var(--accent)}.btn.ghost{border:1px solid var(--line)}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--ink2);padding:22px 0}.ticker-track{display:flex;gap:58px;width:max-content;animation:ticker 35s linear infinite}.ticker-item{display:flex;align-items:baseline;gap:12px;white-space:nowrap;font:400 13px Jost,sans-serif;letter-spacing:.1em;text-transform:uppercase}.ticker-item strong{color:var(--accent);font-size:25px}.section{padding:clamp(76px,10vw,150px) 0}.paper{background:var(--soft);color:var(--ink)}.section h2{max-width:800px;margin:12px 0 30px;font:700 clamp(38px,6vw,78px)/1 Jost,sans-serif;letter-spacing:-.04em}.split{display:grid;grid-template-columns:1.1fr .8fr;gap:clamp(40px,8vw,120px);align-items:center}.split p{max-width:700px}.portrait{aspect-ratio:4/5;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.text-link{display:inline-block;margin-top:18px;color:var(--accent);font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);background:var(--ink2)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card p,.card h3{margin:18px 20px}.card h3{font:600 22px/1.25 Jost,sans-serif}.page-hero{display:flex;align-items:end;min-height:65svh;padding:150px 0 80px;background:radial-gradient(ellipse at 20% 40%,rgba(255,106,53,.25),transparent 55%),var(--ink)}.page-hero h1{margin:15px 0;font:800 clamp(58px,10vw,140px)/.9 Jost,sans-serif;letter-spacing:-.05em;text-transform:uppercase}.page-hero p:last-child{max-width:720px;color:var(--muted);font:300 clamp(18px,2vw,25px) Jost,sans-serif}.prose{max-width:780px}.prose p{font-size:18px}.writing-list article{border-top:1px solid rgba(10,13,24,.15)}.writing-list article:last-child{border-bottom:1px solid rgba(10,13,24,.15)}.writing-list a{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:25px;padding:30px 0}.writing-list h2{margin:0;font-size:clamp(24px,4vw,45px)}.site-footer{padding:70px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer-grid h2{font:600 14px Jost,sans-serif;text-transform:uppercase;letter-spacing:.15em}.footer-grid a:not(.logo){display:block;color:var(--muted)}
@keyframes ticker{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.mobile-menu{transition:none}}@media(max-width:900px){.top>.nav-links,.top>.nav-cta{display:none}.menu-btn{display:block}.split{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}.writing-list a{grid-template-columns:1fr auto}.writing-list time{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.mega{font-size:clamp(55px,20vw,90px)}}