:root { --ink:#1d241c; --paper:#f0ecdf; --warm:#c8623f; --moss:#667052; --line:rgba(29,36,28,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.site-header { height:82px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { display:inline-flex; align-items:center; gap:12px; font-size:15px; font-weight:800; letter-spacing:.18em; }
.wordmark-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-family:Georgia,serif; font-size:18px; letter-spacing:0; }
nav { display:flex; gap:32px; font-size:13px; text-transform:uppercase; letter-spacing:.12em; }
nav a:hover { color:var(--warm); }
.hero { min-height:calc(100vh - 82px); display:grid; grid-template-columns:42% 58%; border-bottom:1px solid var(--line); }
.hero-copy { padding:9vw 5vw 7vw 4vw; display:flex; flex-direction:column; align-items:flex-start; }
.eyebrow,.section-number,.category { margin:0; text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:700; }
.eyebrow,.category { color:var(--warm); }
h1,h2,h3,blockquote { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
h1 { max-width:650px; margin:7vh 0 4vh; font-size:clamp(58px,7.2vw,116px); line-height:.88; letter-spacing:-.055em; }
.dek { max-width:500px; margin:0; font-family:Georgia,serif; font-size:clamp(18px,1.5vw,24px); line-height:1.45; }
.text-link { margin-top:auto; padding-top:52px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; border-bottom:1px solid currentColor; }
.text-link span { margin-left:16px; }
.hero-image-wrap { margin:0; position:relative; min-height:680px; background:#d8d0bd; overflow:hidden; }
.hero-image-wrap img { width:100%; height:100%; object-fit:cover; }
.hero-image-wrap figcaption { position:absolute; right:24px; bottom:24px; max-width:320px; padding:14px 18px; background:rgba(240,236,223,.9); font-size:12px; line-height:1.5; }
.manifesto { display:grid; grid-template-columns:1fr 4fr; gap:40px; padding:10vw 4vw; border-bottom:1px solid var(--line); }
.manifesto blockquote { max-width:1150px; margin:0; font-size:clamp(38px,5.2vw,82px); line-height:1.06; letter-spacing:-.035em; }
.watch-strip { padding:8vw 4vw; display:grid; grid-template-columns:minmax(280px,.75fr) 2fr; gap:5vw; border-bottom:1px solid var(--line); background:#ded7c5; }
.watch-lead { align-self:start; position:sticky; top:32px; }
.watch-lead h2 { margin:18px 0 22px; font-family:Georgia,serif; font-size:clamp(42px,4.7vw,70px); font-weight:400; line-height:.98; letter-spacing:-.035em; }
.watch-lead>p:not(.section-number) { max-width:430px; font-family:Georgia,serif; font-size:18px; line-height:1.55; }
.watch-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.video-card { min-height:470px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(29,36,28,.25); transition:transform .25s ease,box-shadow .25s ease; }
.video-card:hover { transform:translateY(-4px); box-shadow:0 15px 40px rgba(29,36,28,.12); }
.tone-1 { background:#c96b48; color:#fff5e8; }.tone-2 { background:#6e7757; color:#fff5e8; }.tone-3 { background:#e6c477; }.tone-4 { background:#b7c0ac; }
.video-top { display:flex; justify-content:space-between; gap:20px; align-items:center; text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.13em; }
.play { width:42px; height:42px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:12px; }
.video-card .source { margin:0 0 12px; text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.12em; }
.video-card h2,.video-card h3 { margin:0 0 16px; font-family:Georgia,serif; font-size:clamp(28px,2.6vw,42px); font-weight:400; line-height:1.02; }
.video-card p { font-size:13px; line-height:1.6; }
.external { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.stories,.departments { padding:8vw 4vw; border-bottom:1px solid var(--line); }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:55px; }
.section-heading h2,.principles h2 { margin:12px 0 0; font-size:clamp(42px,5vw,72px); line-height:1; }
.section-heading>p { max-width:430px; margin:0; font-family:Georgia,serif; font-size:18px; line-height:1.5; }
.story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.story-image { position:relative; aspect-ratio:4/3; overflow:hidden; background:#d6cfbd; }
.story-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.story-card:hover img { transform:scale(1.025); }
.story-image span { position:absolute; top:12px; right:12px; width:34px; height:34px; display:grid; place-items:center; background:var(--paper); border-radius:50%; font-size:11px; }
.story-card .category { margin-top:22px; }
.story-card h3 { margin:11px 0 10px; font-size:clamp(25px,2.2vw,36px); line-height:1.05; }
.story-card>p:last-child { margin:0; max-width:390px; font-size:14px; line-height:1.65; }
.wide-link { margin-top:54px; padding:22px 0; display:flex; justify-content:space-between; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.department-list { border-top:1px solid var(--line); }
.department { min-height:118px; display:grid; grid-template-columns:70px 1fr 2fr 40px; align-items:center; gap:30px; border-bottom:1px solid var(--line); }
.department>span { font-size:11px; }
.department h3 { margin:0; font-size:clamp(30px,3vw,48px); }
.department p { margin:0; font-size:14px; }
.department b { font-size:22px; color:var(--warm); }
.principles { padding:8vw 4vw; display:grid; grid-template-columns:1fr 3fr; gap:40px; background:var(--moss); color:#f5f0e4; }
.principles>div { max-width:900px; }
.principles p:last-child { max-width:730px; font-family:Georgia,serif; font-size:22px; line-height:1.55; }
footer { min-height:260px; padding:5vw 4vw; display:grid; grid-template-columns:1.2fr 2fr 1fr; align-items:end; gap:40px; background:var(--ink); color:#eee8da; }
footer p { margin:0; max-width:540px; font-size:12px; line-height:1.65; }
footer p:last-child { text-align:right; }
.page-intro { min-height:620px; padding:9vw 4vw 7vw; border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; }
.page-intro h1,.watch-hero h1,.article-header h1 { max-width:1050px; margin:32px 0; font-size:clamp(60px,8.5vw,132px); line-height:.88; }
.page-intro .dek { max-width:760px; }
.article-index { padding:7vw 4vw; }
.article-group { display:grid; grid-template-columns:240px 1fr; gap:40px; margin-bottom:9vw; scroll-margin-top:30px; }
.group-label { padding-top:18px; border-top:1px solid var(--line); }
.group-label span { display:block; margin-top:12px; font-family:Georgia,serif; font-size:15px; }
.article-rows { border-top:1px solid var(--line); }
.article-row { min-height:150px; padding:28px 0; display:grid; grid-template-columns:55px 1fr 30px; gap:24px; align-items:start; border-bottom:1px solid var(--line); }
.article-row>span { padding-top:8px; font-size:10px; }.article-row b { padding-top:8px; color:var(--warm); }
.article-row h2 { margin:0 0 10px; font-size:clamp(28px,3vw,46px); line-height:1.05; }
.article-row p { max-width:740px; margin:0; font-size:14px; line-height:1.6; }
.article-page { padding:6vw 4vw 9vw; }
.back-link { display:inline-block; margin-bottom:6vw; border-bottom:1px solid currentColor; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.article-header { max-width:1180px; padding-bottom:7vw; border-bottom:1px solid var(--line); }
.article-header h1 { font-size:clamp(54px,7vw,108px); }
.article-body { max-width:760px; margin:7vw auto 0; font-family:Georgia,serif; font-size:19px; line-height:1.75; }
.article-body h2 { margin:62px 0 18px; font-size:34px; line-height:1.1; }.article-body p { margin:0 0 24px; }
.article-body a { border-bottom:1px solid currentColor; }.article-body ul { padding-left:22px; }
.article-body .notice { margin:45px -50px; padding:30px 38px; background:#e1d2ad; font-family:Arial,sans-serif; font-size:14px; line-height:1.65; }
.article-body .sources { margin-top:70px; padding-top:12px; border-top:1px solid var(--line); font-family:Arial,sans-serif; font-size:13px; line-height:1.6; }
.article-body .sources h2 { font-size:25px; }
.watch-hero { min-height:720px; display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.watch-hero>div { padding:8vw 5vw 6vw 4vw; display:flex; flex-direction:column; justify-content:flex-end; }
.watch-hero figure { margin:0; position:relative; min-height:620px; overflow:hidden; background:#d6cfbd; }
.watch-hero figure img { height:100%; object-fit:cover; }.watch-hero figcaption { position:absolute; right:22px; bottom:22px; padding:12px 16px; background:rgba(240,236,223,.9); font-size:11px; }
.video-library { padding:7vw 4vw 9vw; }.video-note { display:grid; grid-template-columns:1fr 3fr; gap:50px; margin-bottom:55px; }
.video-note>p:last-child { max-width:700px; margin:0; font-family:Georgia,serif; font-size:18px; line-height:1.55; }
.video-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.video-grid .video-card { min-height:450px; }
.about-intro { background:#d9d2c0; }.about-grid { padding:8vw 4vw; display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.about-grid>div { min-height:470px; padding:35px; border:1px solid var(--line); margin-right:-1px; }
.about-grid h2 { margin:75px 0 25px; font-size:clamp(34px,3.5vw,52px); line-height:1; }.about-grid p:last-child { font-family:Georgia,serif; font-size:18px; line-height:1.6; }
@media (max-width:850px) {
  .site-header { height:68px; } nav { display:none; }
  .hero { min-height:auto; grid-template-columns:1fr; }
  .hero-copy { min-height:630px; padding:70px 6vw 50px; }
  .hero-image-wrap { min-height:520px; }
  .manifesto,.principles,.watch-strip,.watch-hero,.article-group,.video-note { grid-template-columns:1fr; }
  .story-grid { grid-template-columns:1fr; gap:52px; }
  .watch-preview,.video-grid,.about-grid { grid-template-columns:1fr; }
  .watch-lead { position:static; }.video-card { min-height:390px; }
  .page-intro { min-height:520px; }.watch-hero figure { min-height:500px; }
  .article-row { grid-template-columns:35px 1fr 20px; }.article-body .notice { margin:40px 0; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .department { grid-template-columns:35px 1fr 25px; padding:24px 0; }
  .department p { grid-column:2; }
  footer { grid-template-columns:1fr; align-items:start; }
  footer p:last-child { text-align:left; }
}

@media(max-width:850px){.site-header nav{display:flex;gap:14px;font-size:12px;letter-spacing:0}.wordmark{font-size:12px;gap:8px}}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}