@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#211a1c;--cream:#fbf7f1;--paper:#fffdf9;--berry:#a5395b;--coral:#e56d5f;--sage:#c8d3c0;--line:#d8cec5;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}a:hover{text-decoration-color:var(--coral)}img{display:block;width:100%;object-fit:cover;background:#eee}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:99}.announcement{text-align:center;background:var(--berry);color:white;font-size:.72rem;letter-spacing:.16em;padding:.55rem}.site-header{height:122px;display:flex;align-items:center;justify-content:center;padding:1.5rem 4vw;border-bottom:1px solid var(--line);position:relative}.brand img{width:310px;height:auto}.header-link{position:absolute;right:4vw;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.menu-toggle{display:none}.site-nav{height:50px;display:flex;align-items:center;justify-content:center;gap:3.2rem;border-bottom:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{max-width:1065px;margin:0 auto 5.5rem;background:var(--cream)}.hero-feature{position:relative;display:block;overflow:hidden}.hero-image{aspect-ratio:1065/437;max-height:437px}.hero__copy{position:absolute;left:2rem;bottom:2rem;width:min(430px,46%);padding:1.75rem 2rem;background:rgba(255,253,249,.95);display:flex;flex-direction:column;align-items:flex-start}.hero h1,.archive-head h1,.article h1,.legal h1{font-family:var(--serif);font-weight:400;line-height:.98}.hero h1{font-size:clamp(2.45rem,3.3vw,4rem);margin:.45rem 0 1rem}.hero__copy p{font-size:.94rem;max-width:34rem;margin:.2rem 0 1.2rem}.eyebrow{text-transform:uppercase;color:var(--berry);font-weight:700;font-size:.72rem;letter-spacing:.16em}.button,.newsletter button,.contact-form button{background:var(--ink);color:white;border:0;padding:.9rem 1.3rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;cursor:pointer}.section{max-width:1140px;margin:5.5rem auto;padding:0}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:.75rem;margin-bottom:2rem}.section-head h2,.feature-band h2,.newsletter h2,.standards h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,4vw,4.5rem);margin:0}.section-head a{text-decoration:underline;text-underline-offset:4px}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.25rem 1.35rem}.story-card>a{display:block;height:100%}.story-card img{aspect-ratio:4/3}.story-card h3{font-family:var(--serif);font-size:1.42rem;line-height:1.08;margin:.45rem 0}.story-card p{font-size:.88rem;margin:.5rem 0}.story-card .byline{font-size:.68rem;color:#695f61}.story-card a:hover h3{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:4px}.story-card a:hover img{filter:saturate(1.06)}.feature-band{background:var(--sage);padding:5rem max(5vw,calc((100vw - 1140px)/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw}.feature-band p{max-width:34rem}.feature-list{border-top:1px solid}.feature-list a{display:block;padding:1rem 0;border-bottom:1px solid;font-family:var(--serif);font-size:1.25rem}.feature-list span{display:block;font-family:var(--sans);font-size:.65rem;text-transform:uppercase;color:var(--berry);letter-spacing:.1em}.spotlight-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.35rem}.category-strip .story-card:first-child img{aspect-ratio:3/2}.standards{max-width:1140px;margin:7rem auto;padding:5rem;background:var(--cream)}.standards>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.newsletter{text-align:center;background:var(--berry);color:white;padding:5rem 1.5rem}.newsletter .eyebrow{color:#ffd9d2}.signup{display:flex;justify-content:center;align-items:end;gap:.6rem;margin-top:2rem}.signup label{text-align:left;font-size:.75rem;text-transform:uppercase}.signup input{display:block;width:min(65vw,420px);padding:1rem;border:0;margin-top:.3rem}.signup button{background:white;color:var(--ink)}.form-note{font-size:.8rem}footer{background:var(--ink);color:white;padding:5rem max(5vw,calc((100vw - 1140px)/2)) 2rem}.footer-brand{font-family:var(--serif);font-size:2.5rem}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:3rem 0}.footer-grid h3{font-size:.75rem;text-transform:uppercase;color:#eeb8c7}.footer-grid a,.link-button{display:block;margin:.5rem 0}.link-button{color:white;background:none;border:0;padding:0;font:inherit;cursor:pointer}.cookie{position:fixed;z-index:50;bottom:1rem;left:1rem;right:1rem;max-width:720px;margin:auto;background:var(--ink);color:white;padding:1.25rem;display:none;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 8px 30px #0005}.cookie.show{display:flex}.cookie p{margin:0;font-size:.85rem}.cookie a{text-decoration:underline}.cookie button{padding:.65rem;border:1px solid white;background:white}.archive-head{text-align:center;max-width:820px;margin:5rem auto 3rem;padding:0 2rem}.archive-head h1{font-size:clamp(4rem,9vw,8rem);margin:.4rem}.archive-head p{font-size:1.1rem}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 1.35rem}.archive-grid .story-card:first-child{grid-column:span 2;grid-row:span 2}.archive-grid .story-card:first-child img{aspect-ratio:3/2}.archive-grid .story-card:first-child h3{font-size:2.5rem}.article-head{max-width:820px;margin:5rem auto 3rem;text-align:center;padding:0 1.5rem}.article h1{font-size:clamp(3.3rem,7vw,6.5rem);margin:.7rem 0 1.4rem}.dek{font-family:var(--serif);font-size:1.5rem}.disclosure{font-size:.78rem;background:var(--cream);padding:1rem;text-align:left;margin-top:2rem}.article-hero{max-width:960px;height:auto;aspect-ratio:4/3;margin:auto}.article-body{max-width:730px;margin:4rem auto;padding:0 1.5rem;font-family:Georgia,serif;font-size:1.12rem;line-height:1.8}.article-body h2{font-family:var(--serif);font-size:2.6rem;line-height:1.08;margin-top:3rem}.article-body h3{font-family:var(--sans);font-size:1.15rem}.pullquote{border-block:1px solid var(--berry);color:var(--berry);font-family:var(--serif);font-size:2rem;line-height:1.2;padding:2rem;margin:3rem 0}.buy-box{background:var(--sage);padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:3rem 0}.buy-box h3{font-family:var(--serif);font-size:1.7rem;margin:.3rem 0}.buy-box button{padding:1rem;white-space:nowrap}.legal{max-width:780px;margin:5rem auto;padding:0 2rem 6rem}.legal h1{font-size:clamp(3.5rem,7vw,6rem)}.legal h2{font-family:var(--serif);font-size:2rem;margin-top:2.5rem}.contact-form{display:grid;gap:1rem}.contact-form label{font-size:.8rem;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:.8rem;margin-top:.3rem;border:1px solid var(--line);font:inherit}.contact-form button{justify-self:start}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:900px){.site-header{height:90px}.brand img{width:230px}.header-link{display:none}.menu-toggle{display:block;position:absolute;left:1rem;background:none;border:0;text-transform:uppercase}.site-nav{display:none;height:auto;padding:1.5rem;flex-wrap:wrap;gap:1.3rem}.site-nav.is-open{display:flex}.hero{margin:0 1rem 4rem}.hero-image{aspect-ratio:16/9;max-height:none}.hero__copy{position:static;width:auto;padding:2.5rem 2rem}.section{padding:0 1.25rem}.latest-grid{grid-template-columns:repeat(2,1fr)}.feature-band{grid-template-columns:1fr}.spotlight-grid{grid-template-columns:1fr 1fr}.spotlight-grid .story-card:first-child{grid-column:span 2}.standards{margin:4rem 1rem;padding:3rem 2rem}.standards>div{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(2,1fr)}.article-hero{max-width:calc(100% - 2.5rem)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.announcement{font-size:.58rem}.brand img{width:190px}.hero{margin:0 0 3.5rem}.hero-image{aspect-ratio:4/3}.hero__copy{padding:2rem 1.25rem}.hero h1{font-size:2.65rem}.section{margin:4rem auto;padding:0 1rem}.latest-grid,.spotlight-grid,.archive-grid{grid-template-columns:1fr}.spotlight-grid .story-card:first-child,.archive-grid .story-card:first-child{grid-column:auto;grid-row:auto}.story-card img,.category-strip .story-card:first-child img,.archive-grid .story-card:first-child img{aspect-ratio:4/3}.feature-band{padding:4rem 1.5rem}.newsletter{padding:4rem 1rem}.signup{display:block}.signup input{width:100%;margin-bottom:.7rem}.footer-grid{grid-template-columns:1fr;gap:1rem}.cookie{display:none;align-items:stretch;flex-direction:column}.cookie.show{display:flex}.article-hero{max-width:100%;aspect-ratio:4/3}.article-body{font-size:1.04rem}.article-body h2{font-size:2.1rem}.buy-box{align-items:stretch;flex-direction:column}.article h1{font-size:3.2rem}}

/* Measured media geometry from the Byrdie reference: 1065×437 lead and ~271×203 cards. */
.latest-section{max-width:850px}
.hero-media{display:block;aspect-ratio:1065/437;overflow:hidden}
.hero-media .hero-image{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.story-card__media{display:block;aspect-ratio:4/3;overflow:hidden}
.story-card__media img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.category-strip .story-card:first-child .story-card__media,.archive-grid .story-card:first-child .story-card__media{aspect-ratio:3/2}
.article-hero{display:block;width:100%;max-width:960px;height:min(720px,75vw);aspect-ratio:auto;object-fit:cover;margin:auto}
@media(max-width:900px){.hero-media{aspect-ratio:16/9}}
@media(max-width:520px){.hero-media{aspect-ratio:4/3}.story-card__media,.category-strip .story-card:first-child .story-card__media,.archive-grid .story-card:first-child .story-card__media{aspect-ratio:4/3}.article-hero{height:75vw}}

/* Compact editorial media: preserve strong crops while reducing vertical page weight. */
.hero-media{aspect-ratio:1065/360}
.hero__copy{left:1.75rem;bottom:1.5rem;width:min(410px,44%);padding:1.2rem 1.5rem}
.hero h1{font-size:clamp(2.15rem,2.8vw,3.35rem);margin:.35rem 0 .75rem}
.hero__copy p{font-size:.88rem;margin:.15rem 0 .9rem}
.story-card__media{aspect-ratio:3/2}
.category-strip .story-card:first-child .story-card__media,.archive-grid .story-card:first-child .story-card__media{aspect-ratio:16/9}
.article-hero{height:min(540px,56.25vw)}
@media(max-width:900px){.hero-media{aspect-ratio:2/1}.hero__copy{left:auto;bottom:auto;width:auto;padding:2rem 1.5rem}.story-card__media{aspect-ratio:3/2}}
@media(max-width:520px){.hero-media{aspect-ratio:16/10}.hero__copy{padding:1.75rem 1.25rem}.hero h1{font-size:2.35rem}.story-card__media,.category-strip .story-card:first-child .story-card__media,.archive-grid .story-card:first-child .story-card__media{aspect-ratio:16/10}.article-hero{height:60vw}}

/* Byrdie-aligned editorial title scale. */
.story-card h3{font-size:1.25rem;line-height:1.3}
.archive-grid .story-card:first-child h3{font-size:1.875rem;line-height:1.2}
.article h1{font-size:2.625rem;line-height:1.2}
@media(max-width:520px){.article h1{font-size:2.625rem;line-height:1.2}}
