@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;1,6..96,400&family=Inter:wght@400;500;600&display=swap');
:root{--paper:#f2f0ea;--ink:#111;--muted:#66635e;--line:#bbb7ae;--accent:#d84c35;--max:1440px;--gutter:clamp(18px,3vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}
.site-header{position:relative;z-index:10;background:var(--paper);border-bottom:1px solid var(--ink)}.nav{height:74px;display:grid;grid-template-columns:1fr auto;align-items:center}.brand{font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.brand-dot{color:var(--accent)}.nav-links{display:flex;gap:28px;font-size:.76rem;text-transform:uppercase;letter-spacing:.11em}.menu{display:none;border:0;background:0;font-size:1.35rem}
.eyebrow,.meta{font-size:.67rem;line-height:1.3;letter-spacing:.13em;text-transform:uppercase}.eyebrow{font-weight:600}.meta{color:var(--muted)}h1,h2,h3,.dek{margin:0;font-family:'Bodoni Moda',Didot,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
.hero{padding:clamp(42px,7vw,105px) 0 34px;border-bottom:1px solid var(--ink)}.hero>.eyebrow{display:block;margin-bottom:24px}.hero h1{max-width:1160px;font-size:clamp(4.2rem,10.7vw,10.5rem);line-height:.78}.hero-incantation{max-width:720px;margin:32px 0 0 24%;font-family:'Bodoni Moda',serif;font-size:clamp(1.35rem,2.3vw,2rem);font-style:italic;line-height:1.2}.hero-copy{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:48px;padding-top:16px;border-top:1px solid var(--line)}.hero-copy p{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.pill{padding-bottom:3px;border-bottom:1px solid;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.topics{display:flex;gap:0;margin-top:32px;overflow-x:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);scrollbar-width:none}.topic{flex:1;padding:16px 14px;border:0;border-right:1px solid var(--line);background:transparent;white-space:nowrap;font-family:'Bodoni Moda',serif;font-size:1rem;font-style:italic}.topic.active{background:var(--ink);color:var(--paper)}
main>.wrap:not(.hero){margin-top:var(--gutter)}.feature{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);min-height:75vh;border-block:1px solid var(--ink)}.feature img{width:100%;height:75vh;object-fit:cover}.feature-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,4vw,58px);border-left:1px solid var(--ink)}.feature-copy h2{margin:14px 0;font-size:clamp(2.5rem,5.2vw,5.5rem);line-height:.84}.feature-copy p{margin:0;max-width:34rem;font-family:'Bodoni Moda',serif;font-size:1.2rem;line-height:1.35}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:90px 0 22px;padding-top:14px;border-top:1px solid var(--ink)}.section-head h2{font-size:clamp(2.8rem,6vw,6.5rem);line-height:.9}.story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,48px) 18px}.story-card{grid-column:span 4}.story-card:nth-child(8n+2),.story-card:nth-child(8n+7){grid-column:span 5}.story-card:nth-child(8n+3),.story-card:nth-child(8n+6){grid-column:span 3}.story-card:nth-child(8n+4){grid-column:2/span 6}.story-card:nth-child(8n+5){grid-column:span 5}.story-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#ddd}.story-card:nth-child(8n+4) img,.story-card:nth-child(8n+7) img{aspect-ratio:5/4}.card-copy{padding:12px 0 0;border-top:1px solid var(--ink)}.card-copy .eyebrow{display:block;margin-bottom:8px;color:var(--muted)}.card-copy h3{font-size:clamp(1.45rem,2.5vw,2.6rem);line-height:.98}.card-copy p{margin:10px 0 0;max-width:34rem;font-size:.82rem;line-height:1.45}.card-copy .meta{margin-top:12px}.story-card:hover h3{color:var(--accent)}
.newsletter{margin:110px auto 70px;padding:40px 0;border-block:1px solid var(--ink);display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.newsletter h2{font-size:clamp(3rem,7vw,7rem);line-height:.82}.newsletter p{max-width:30rem}.newsletter form{display:flex;align-self:end;border-bottom:1px solid var(--ink)}.newsletter input{width:100%;padding:12px 0;border:0;background:transparent}.newsletter button{border:0;background:transparent;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.result{font-size:.75rem}.hidden,.ad-slot{display:none}.site-footer{margin-top:80px;border-top:1px solid var(--ink);padding:26px 0 54px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.article-shell{width:min(calc(100% - var(--gutter)*2),var(--max));margin:auto}.article-hero{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;padding:clamp(55px,8vw,120px) 0 50px;border-bottom:1px solid var(--ink)}.article-hero>.eyebrow{grid-column:1/4}.article-hero h1{grid-column:1/11;margin-top:26px;font-size:clamp(4rem,9vw,9.2rem);line-height:.8}.article-hero .dek{grid-column:5/11;margin-top:34px;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.24}.article-hero .meta{grid-column:5/11;margin-top:25px}.art-plate{position:relative;width:calc(100% - 8vw);margin:var(--gutter) 0 0 auto}.article-image{width:100%;max-height:1100px;object-fit:cover}.plate-index{position:absolute;left:-.65em;top:-.3em;z-index:2;font-family:'Bodoni Moda',serif;font-size:clamp(6rem,15vw,15rem);line-height:1;color:var(--accent);mix-blend-mode:multiply}.photo-credit{margin:8px 0 0;text-align:right;color:var(--muted);font-size:.68rem}.article-body{width:min(100%,720px);margin:clamp(70px,10vw,150px) auto;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.12rem,1.45vw,1.28rem);line-height:1.78}.article-body p{margin:0 0 1.65em}.article-body>p:first-child{font-size:1.2em;line-height:1.62}.article-body>p:first-child::first-letter{float:left;margin:.08em .12em 0 0;font-family:'Bodoni Moda',serif;font-size:5.6em;line-height:.65;color:var(--accent)}.article-body .story-pulse{font-family:'Bodoni Moda',serif;font-size:1.4em;font-style:italic;line-height:1.35}.article-shell>.section-head{margin-top:100px}.next-story{display:grid!important;grid-template-columns:1fr 1fr;border-block:1px solid var(--ink)}.next-story img{width:100%;height:min(68vh,720px);object-fit:cover}.next-story .card-copy{display:flex;flex-direction:column;justify-content:end;padding:clamp(24px,4vw,60px);border:0;border-left:1px solid var(--ink)}.legal{width:min(calc(100% - var(--gutter)*2),820px);margin:80px auto}.legal h1{font-size:clamp(3rem,8vw,7rem);line-height:.85}.legal h2{margin-top:45px;font-size:2rem}.legal a{text-decoration:underline}
@media(max-width:760px){.nav{height:58px}.nav-links{display:none}.menu{display:block}.nav.open{height:auto;grid-template-columns:1fr auto;padding:14px 0}.nav.open .nav-links{display:flex;grid-column:1/-1;flex-direction:column;padding:18px 0}.hero{padding-top:50px}.hero h1{font-size:clamp(4rem,20vw,6rem);line-height:.78}.hero-incantation{margin-left:12%;font-size:1.28rem}.hero-copy{display:block;margin-top:36px}.hero-copy .pill{display:inline-block;margin-top:18px}.topics{margin-inline:calc(var(--gutter)*-1);padding-left:var(--gutter)}.topic{flex:none}.feature{grid-template-columns:1fr;min-height:0}.feature img{height:68vh}.feature-copy{border:0;border-top:1px solid var(--ink);padding:24px 0}.feature-copy h2{font-size:3.1rem}.section-head{margin-top:64px}.story-grid{grid-template-columns:1fr 1fr;gap:44px 12px}.story-card,.story-card:nth-child(n){grid-column:auto}.story-card:nth-child(5n+3){grid-column:1/-1}.story-card:nth-child(5n+3) img{aspect-ratio:4/3}.card-copy h3{font-size:1.2rem}.card-copy p,.card-copy .meta{display:none}.newsletter{grid-template-columns:1fr}.article-hero{display:block;padding-top:48px}.article-hero h1{margin-top:20px;font-size:clamp(3.6rem,18vw,5.5rem)}.article-hero .dek{margin:28px 0 0 12%;font-size:1.25rem}.article-hero .meta{margin-left:12%}.art-plate{width:calc(100% - 22px);margin-left:22px}.article-image{aspect-ratio:3/4}.article-body{width:calc(100% - 26px);font-size:1.08rem}.next-story{grid-template-columns:1fr}.next-story .card-copy{border:0;border-top:1px solid var(--ink)}}
