:root{--ink:#163756;--blue:#17395e;--blue-2:#0e2a46;--cream:#fbf7ef;--paper:#fffdf8;--coral:#b84724;--line:rgba(22,55,86,.18);--muted:#526575;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.2rem}
h1,h2,h3{font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-weight:800;line-height:1.03;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(3.1rem,6.4vw,6.4rem)}
h2{font-size:clamp(2.2rem,4.4vw,4.5rem)}
h3{font-size:clamp(1.6rem,2.5vw,2.35rem)}
:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.skip-link{position:fixed;z-index:20;left:20px;top:12px;background:var(--blue-2);color:white;padding:10px 14px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:116px;max-width:var(--max);margin:auto;padding:26px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand img{width:340px}
.site-header nav,.site-footer nav{display:flex;gap:32px;align-items:center}
.site-header nav a{font-weight:600;padding:8px 0;border-bottom:2px solid transparent}
.site-header nav a:hover,.site-header nav a.active{border-color:var(--coral)}
.menu-button{display:none;background:none;border:1px solid var(--line);padding:9px 13px;color:var(--ink);font:inherit}
.hero{max-width:var(--max);margin:auto;padding:80px 34px 98px;display:grid;grid-template-columns:1.18fr .82fr;gap:74px;align-items:center}
.compact-hero{grid-template-columns:1.2fr .8fr;padding-top:68px;padding-bottom:74px;gap:76px;align-items:end}
.compact-hero .hero-copy{max-width:none}
.compact-hero h1{max-width:760px;margin-bottom:0}
.hero-intro{border-top:3px solid var(--coral);padding-top:24px}
.hero-intro .hero-question{font-size:1.3rem;font-weight:600}
.hero-intro .lede,.hero-intro .hero-principle,.hero-intro .hero-scope,.hero-intro .no-noise{font-size:1.08rem;font-weight:400}
.hero-intro .hero-principle{color:var(--muted)}
.hero-intro .no-noise{border-left:0;padding-left:0;margin-bottom:0}
.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.82rem;font-weight:800;color:var(--coral)}
.hero h1{max-width:800px;margin:18px 0 30px}
.hero-question{font-size:1.45rem;line-height:1.4;max-width:680px;font-weight:600}
.hero .lede{font-size:1.22rem;font-weight:600;max-width:650px}
.hero-copy>p:not(.kicker){max-width:680px}
.no-noise{border-left:3px solid var(--coral);padding-left:18px;font-weight:700}
.button{display:inline-flex;margin-top:15px;background:var(--blue);color:white;padding:15px 22px;font-weight:700;transition:.2s}
.button:hover{background:var(--coral);transform:translateY(-2px)}
.reflections{max-width:var(--max);margin:auto;padding:110px 34px}
.home-reflections{border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}
.section-heading .kicker{margin-bottom:10px}
.archive-link{font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:3px}
.archive-link span,.text-link span{color:var(--coral)}
.archive-cta{text-align:center;margin:48px 0 0}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px 36px}
.card{border-top:1px solid var(--line);padding-top:18px}
.card[hidden]{display:none}
.card-image{display:block;overflow:hidden;margin-bottom:23px;background:var(--cream)}
.card-image img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .5s}
.card:hover .card-image img{transform:scale(1.025)}
.card h3{margin:10px 0 16px}
.card h3 a:hover{color:var(--coral)}
.card-copy>p:not(.eyebrow){color:var(--muted);max-width:56ch}
.text-link{display:inline-block;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:2px}
.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.featured-card .card-image{margin:0}
.closing{background:var(--cream);padding:110px max(34px,calc((100vw - var(--max))/2 + 34px));display:grid;grid-template-columns:1.2fr .8fr;gap:80px}
.closing h2{font-size:clamp(2.2rem,4vw,4rem)}
.closing>div:last-child{font-size:1.12rem;padding-top:28px}
.page-intro,.archive-intro{background:var(--blue);color:white;padding:100px max(34px,calc((100vw - 900px)/2))}
.page-intro .kicker,.archive-intro .kicker,.next-read .kicker{color:#f0835e}
.page-intro h1,.archive-intro h1{margin:14px 0 22px}
.page-intro>p:last-child,.archive-intro>p:last-child{font-size:1.35rem;max-width:760px}
.about-wrap>.prose{padding-top:90px;padding-bottom:100px}
.about-mark{max-width:560px;margin:3.5rem auto;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-mark img{width:88%;height:auto;mix-blend-mode:multiply;opacity:.88}
.archive-content{max-width:var(--max);margin:auto;padding:58px 34px 110px}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 15px;font:700 .93rem/1.2 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;cursor:pointer}
.filters button:hover,.filters button.active{background:var(--blue);border-color:var(--blue);color:white}
.filter-status{min-height:1.65rem;margin-bottom:24px;color:var(--muted);font-size:.92rem}
.archive-grid .featured-card{grid-column:auto;display:block}
.archive-grid .featured-card .card-image{margin-bottom:23px}
.article-hero{max-width:var(--max);margin:auto;padding:80px 34px 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.article-hero h1{font-size:clamp(3.2rem,6.5vw,6.2rem);margin:15px 0 16px}
.article-hero .byline{font-weight:700;margin-bottom:22px}
.article-hero .standfirst{font-size:1.18rem;line-height:1.55;color:var(--muted);max-width:48ch}
.article-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--cream)}
.article-layout{max-width:1050px;margin:auto;display:grid;grid-template-columns:190px 1fr;gap:70px;padding:60px 34px 120px;border-top:1px solid var(--line)}
.article-layout aside{position:sticky;top:30px;height:max-content;border-left:3px solid var(--coral);padding-left:18px}
.article-layout aside span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.article-layout aside p{color:var(--muted);font-size:.9rem}
.prose{max-width:720px;margin:auto}
.prose h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:3.5rem 0 1.2rem}
.prose h3{margin:2.5rem 0 1rem}
.prose p,.prose li{font-size:1.12rem;line-height:1.78}
.prose blockquote{font-weight:800;font-size:1.7rem;line-height:1.35;margin:3rem -40px;padding:10px 0 10px 28px;border-left:4px solid var(--coral)}
.prose figure{margin:3.5rem auto}
.prose figure img{max-height:440px;margin:auto;object-fit:contain}
.prose a{border-bottom:1px solid var(--coral)}
.next-read{background:var(--blue);color:white;padding:80px max(34px,calc((100vw - 1050px)/2))}
.next-read a{display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:clamp(2rem,4vw,4rem);line-height:1.1}
.next-read a span:last-child{color:#f0835e}
.site-footer{background:var(--blue-2);color:white;padding:56px max(34px,calc((100vw - var(--max))/2 + 34px));display:grid;grid-template-columns:1fr auto;gap:38px;align-items:start}
.site-footer img{width:320px;filter:brightness(0) invert(1)}
.site-footer p{margin:0;color:#c9d2da}
.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);padding-top:22px!important;font-size:.85rem}
.not-found{min-height:60vh;text-align:center;padding:120px 30px}
.not-found h1{margin:15px 0}
.not-found p{font-size:1.2rem}
.not-found .button{margin-top:20px}
@media(max-width:950px){.compact-hero{grid-template-columns:1fr;gap:38px}.hero-intro{max-width:680px}}
@media(max-width:800px){.site-header{height:auto;padding:20px}
.brand img{width:250px}
.menu-button{display:block}
.site-header nav{display:none;position:absolute;z-index:4;top:78px;left:0;right:0;background:var(--paper);padding:22px;border-bottom:1px solid var(--line);flex-direction:column}
.site-header nav.open{display:flex}
.hero,.article-hero{grid-template-columns:1fr;padding:55px 22px 70px;gap:45px}
.hero h1{font-size:clamp(3rem,13vw,4.7rem)}
.reflections,.archive-content{padding:75px 22px}
.section-heading{display:block}
.archive-cta{margin-top:42px}
.card-grid{grid-template-columns:1fr}
.featured-card{grid-column:auto;display:block}
.featured-card .card-image{margin-bottom:23px}
.closing{grid-template-columns:1fr;gap:25px;padding:75px 22px}
.article-layout{grid-template-columns:1fr;padding:38px 22px 80px;gap:24px}
.article-layout aside{position:static}
.prose blockquote{margin:2.5rem 0}
.site-footer{grid-template-columns:1fr}
.site-footer img{width:260px}
.site-footer nav{align-items:flex-start;flex-direction:column;gap:12px}
.copyright{grid-column:auto}
.page-intro,.archive-intro{padding:75px 22px}
.about-wrap>.prose{padding:60px 22px 80px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}