:root { --ink:#090909; --paper:#f6f2eb; --text:#f5f5f5; --muted:#bab7b1; --line:rgba(255,255,255,.16); --orange:#d65139; --gold:#f0b862; --green:#8fc6af; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--text); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(9,9,9,.96); }
.site-header__inner, .site-footer__inner { width:min(1120px, calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; min-height:68px; gap:24px; }
.wordmark { align-items:center; color:#fff; display:inline-flex; font-size:17px; font-weight:900; gap:8px; letter-spacing:0; line-height:1; white-space:nowrap; }
.wordmark__media { border-bottom:2px solid var(--gold); color:var(--gold); padding:0 0 7px; }
.wordmark__factory { background:#c94938; border-radius:3px; color:#fff; padding:7px 10px 6px; }
.wordmark--footer { font-size:14px; }
.main-nav .menu { display:flex; padding:0; margin:0; gap:18px; list-style:none; font-size:13px; font-weight:700; }.main-nav a:hover { color:var(--gold); }
.masthead, .section { padding:44px 0 76px; }.masthead__inner, .section__inner, .project-hero__inner, .project-content, .person-hero__inner, .person-content, .writing-page { width:min(1120px, calc(100% - 40px)); margin:auto; }
.section-rule { display:grid; grid-template-columns:1fr auto 1fr; border-top:1px solid rgba(240,184,98,.56); border-bottom:1px solid rgba(240,184,98,.56); padding:10px 0; color:var(--gold); text-transform:uppercase; font-size:11px; font-weight:800; letter-spacing:.05em; }.section-rule span:nth-child(2) { color:var(--muted); }.section-rule span:last-child { text-align:right; }
.lead-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr); gap:28px; margin-top:36px; }.lead-story__image { display:block; aspect-ratio:16/10; overflow:hidden; background:#000; }.lead-story__image.is-portrait { aspect-ratio:3/4; max-width:min(100%, 560px); }.lead-story__image img { width:100%; height:100%; object-fit:cover; }.eyebrow { color:var(--gold); margin:0; text-transform:uppercase; font-size:12px; letter-spacing:.06em; font-weight:800; }.eyebrow--coral { color:#f08a7e; }
h1, h2, h3 { font-weight:900; letter-spacing:0; line-height:1.03; } h1 { margin:16px 0; font-size:clamp(42px, 6vw, 78px); } h2 { margin:10px 0; font-size:clamp(24px, 3vw, 36px); } p { margin:0 0 16px; }.lead-story__summary { max-width:680px; color:#d8d8d8; font-size:19px; line-height:1.55; }.button { display:inline-flex; align-items:center; gap:9px; margin-top:14px; background:var(--orange); color:#fff; padding:11px 16px; font-weight:800; border-radius:4px; }.button:hover { background:#b83d2f; }
.editor-rail { display:grid; align-content:start; gap:16px; padding-left:20px; border-left:1px solid var(--line); }.project-card { min-width:0; }.project-card__link { display:block; }.project-card__image { aspect-ratio:16/10; overflow:hidden; background:#000; }.project-card__image.is-portrait { aspect-ratio:3/4; }.project-card__image img { height:100%; width:100%; object-fit:cover; transition:transform .25s ease; }.project-card__link:hover img { transform:scale(1.025); }.project-card__body { padding:15px 0 5px; border-top:1px solid var(--line); margin-top:12px; position:relative; }.project-card h2 { font-size:27px; }.project-card__summary { color:var(--muted); font-size:14px; line-height:1.55; }.project-card__number { position:absolute; left:0; top:17px; color:#f08a7e; font-weight:900; font-size:20px; }.project-card__number + .eyebrow { margin-left:42px; }
.section--selected, .section--archive { border-top:1px solid var(--line); }.display-heading { font-size:clamp(40px,5vw,62px); margin:16px 0 42px; }.feature-grid { display:grid; grid-template-columns:repeat(12, 1fr); gap:52px 36px; }.feature-grid .project-card { grid-column:span 6; }.feature-grid .project-card:nth-child(3n) { grid-column:span 12; }.split-heading { display:grid; grid-template-columns:.38fr .62fr; gap:48px; }.split-heading > div > p:not(.eyebrow) { color:var(--muted); max-width:270px; }.shelf-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border:1px solid var(--line); background:var(--line); }.shelf-grid .project-card { padding:16px; background:var(--ink); }.shelf-grid--four { grid-template-columns:repeat(4,1fr); }
.project-hero { border-bottom:1px solid var(--line); background:#000; padding:50px 0; }.project-hero__inner, .person-hero__inner { display:grid; grid-template-columns:.56fr .44fr; gap:48px; align-items:center; }.project-hero__summary, .person-hero__intro { color:#d5d5d5; font-size:19px; line-height:1.6; }.project-hero__image { overflow:hidden; background:#000; }.project-hero__image.is-portrait { justify-self:end; max-width:430px; }.project-hero__image img { width:100%; max-height:600px; object-fit:contain; }.project-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:18px; }.text-link { display:inline-block; border-bottom:1px solid var(--gold); padding-bottom:3px; font-weight:800; }.project-content { display:grid; grid-template-columns:.68fr .32fr; gap:52px; padding:58px 0; }.project-content__body, .person-content, .writing-page__content { color:#d2d2d2; font-size:17px; line-height:1.75; }.project-content__body > * + * { margin-top:22px; }.project-content__credits { border-left:1px solid var(--line); padding-left:26px; }.project-content__credits h2 { font-size:13px; text-transform:uppercase; color:var(--gold); }.credits { list-style:none; padding:0; margin:18px 0; color:var(--muted); }.credits li { margin:0 0 12px; }.video-embed { aspect-ratio:16/9; scroll-margin-top:90px; }.video-embed iframe { width:100%; height:100%; border:0; }
.person-hero { padding:52px 0; border-bottom:1px solid var(--line); }.person-hero__image { max-width:480px; justify-self:end; }.person-hero__image img { width:100%; aspect-ratio:1/1; object-fit:cover; }.person-content { width:min(720px, calc(100% - 40px)); padding:62px 0; }.current-note { border-left:3px solid var(--orange); padding-left:18px; color:var(--paper); font-size:19px; font-weight:700; }.writing-page { max-width:820px; padding:62px 0; }.writing-page header { max-width:700px; }.writing-page > img { margin:34px 0; }.writing-page__content { max-width:700px; }.site-footer { border-top:1px solid var(--line); }.site-footer p { margin:0; color:var(--muted); font-size:13px; }.empty-state { padding:110px 0; }
@media (max-width: 760px) { .site-header__inner, .site-footer__inner { width:min(100% - 28px,1120px); min-height:58px; }.site-header__inner { align-items:flex-start; flex-direction:column; gap:9px; padding:12px 0; }.main-nav .menu { flex-wrap:wrap; gap:8px 14px; font-size:12px; }.masthead, .section { padding:30px 0 54px; }.masthead__inner, .section__inner, .project-hero__inner, .project-content, .person-hero__inner, .person-content, .writing-page { width:min(100% - 28px,1120px); }.section-rule { grid-template-columns:1fr; gap:4px; }.section-rule span:nth-child(2), .section-rule span:last-child { text-align:left; }.lead-grid, .split-heading, .project-hero__inner, .person-hero__inner, .project-content { grid-template-columns:1fr; gap:28px; }.editor-rail, .project-content__credits { padding-left:0; border-left:0; border-top:1px solid var(--line); padding-top:24px; }.feature-grid { grid-template-columns:1fr; gap:36px; }.feature-grid .project-card, .feature-grid .project-card:nth-child(3n) { grid-column:auto; }.shelf-grid, .shelf-grid--four { grid-template-columns:repeat(2,1fr); }.project-card h2 { font-size:22px; }.project-hero { padding:34px 0; }.person-hero__image { justify-self:start; }.site-footer__inner { padding:18px 0; align-items:flex-start; flex-direction:column; gap:8px; } }