@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500&display=swap');
:root{font-family:'DM Sans',sans-serif;background:#f7f5f0;color:#222b28}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #587b60;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:auto;padding:28px 26px;border-bottom:1px solid #d9ddd5}.brand{font-family:Newsreader,serif;font-size:29px;font-weight:500}.brand em{color:#5c755f}nav{display:flex;gap:22px;font-size:13px}main{max-width:1120px;margin:auto;padding:0 26px}.hero{padding:105px 0 90px;max-width:850px}.hero h1,h1,h2,h3{font-family:Newsreader,serif;font-weight:400}.hero h1{font-size:clamp(55px,8vw,110px);line-height:.98;letter-spacing:-.045em;margin:25px 0}.hero h1 em{color:#67846e}.hero p,.lede{font-size:20px;line-height:1.6;color:#66736b;max-width:630px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#596c5c}.section{padding:36px 0 85px}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #d7dcd3;margin-bottom:24px}.sectionhead h2{font-size:38px}.sectionhead span{color:#65766a;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:18px}.card{padding:32px;border:1px solid #d7dcd3;background:#fff;min-height:265px;display:flex;flex-direction:column}.card h3{font-size:32px;line-height:1.1;margin:23px 0 10px}.card p{color:#66736b;line-height:1.5}.read{margin-top:auto;color:#587b60}.tags{display:flex;gap:12px;flex-wrap:wrap}.tags a{padding:17px 24px;border:1px solid #d7dcd3}.article{max-width:760px;margin:70px auto 110px}.article h1{font-size:clamp(48px,7vw,82px);line-height:1.02;margin:22px 0}.back{display:block;color:#63816b;margin-bottom:45px}.cover{width:100%;border-radius:4px}.prose{font-family:Newsreader,serif;font-size:23px;line-height:1.6;margin-top:45px}.prose h2{font-size:40px;margin-top:60px}.prose p{margin:1.2em 0}footer{padding:38px 26px;border-top:1px solid #d7dcd3;text-align:center;color:#586b5d;font-size:13px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}.hero{padding:75px 0}.article{margin-top:40px}}

/* Illustrated winter edition */
.publication-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;padding:62px 0 46px}
.publication-intro h1{font-family:Newsreader,serif;font-size:clamp(48px,5.6vw,78px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:20px 0 0}
.publication-intro h1 em{color:#67846e}
.publication-intro>p{max-width:250px;color:#66736b;line-height:1.7;font-size:16px;margin-bottom:4px}
.featured-story{margin:0 0 40px;background:#18242b;color:#fff}
.featured-link{display:block;position:relative;overflow:hidden;isolation:isolate}
.featured-link>img{display:block;width:100%;height:auto;aspect-ratio:1.777;object-fit:cover}
.featured-caption{position:relative;padding:35px 42px 38px;display:grid;grid-template-columns:1.1fr 1fr;gap:8px 38px;background:#18242b}
.featured-caption .eyebrow{grid-column:1/-1;color:#d4b087}
.featured-caption h2{font-size:clamp(44px,5vw,72px);line-height:1;margin:12px 0 0}
.featured-caption h2 span{display:block;font-size:clamp(24px,2.8vw,37px);font-style:italic;color:#e9d8c1;margin-top:7px}
.featured-caption p{font-size:17px;line-height:1.65;color:#d3dce0;margin:16px 0 8px;align-self:center}
.featured-read{grid-column:2;border-top:1px solid #53616a;margin-top:8px;padding-top:17px;font-size:13px;display:flex;justify-content:space-between;color:#fff}
.featured-link:hover .featured-read{color:#edc08f}
.featured-link:focus-visible{outline-offset:5px}
.card-cover{display:block;width:calc(100% + 64px);max-width:none;margin:-32px -32px 28px;height:auto;aspect-ratio:16/9;object-fit:cover}
.illustrated-story{max-width:1100px;margin-top:65px}
.story-heading{max-width:800px;margin:0 auto 44px}
.story-heading h1{letter-spacing:-.035em}
.story-subtitle{font-size:16px;letter-spacing:.035em;color:#66736b;line-height:1.7;margin-top:-4px}
.story-edition{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#596c5c;line-height:1.8}
.story-edition span{margin:0 10px;color:#a1aaa0}
.story-cover{display:block;border-radius:0;height:auto}
.story-contents{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-block:1px solid #cdd4cb;margin:48px auto 62px;padding:24px 0;max-width:800px}
.story-contents>.eyebrow{grid-column:1/-1;margin-bottom:16px}
.story-contents>a{display:flex;align-items:baseline;gap:12px;padding:12px 0;font-size:13px;line-height:1.4}
.story-contents>a>span{color:#6c806d;font-size:11px;letter-spacing:.08em}
.story-contents>a:hover{color:#587b60;text-decoration:underline}
.story-chapter>.prose{max-width:720px;margin:0 auto}
.story-chapter>.prose h2{font-size:clamp(32px,4vw,46px);line-height:1.13;letter-spacing:-.025em;scroll-margin-top:32px;margin:80px 0 28px}
.story-chapter>.prose p{margin:1.2em 0}
.story-chapter>.prose blockquote{margin:45px 0;padding:1px 0 1px 28px;border-left:2px solid #a46e48;font-style:italic;color:#5d594f;font-size:28px}
.chapter-art{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin:52px 0 72px;align-items:start}
.story-art{margin:0;grid-column:1/-1;min-width:0}
.story-art.portrait{grid-column:auto}
.story-art>a{display:block;background:#18242b}
.story-art img{display:block;width:100%;height:auto;max-height:1000px;object-fit:contain}
.story-art.portrait img{max-height:850px}
.story-art figcaption{display:flex;gap:20px;justify-content:space-between;align-items:baseline;font:11px/1.6 'DM Sans',sans-serif;letter-spacing:.035em;color:#657266;margin-top:12px}
.story-art figcaption>a{flex-shrink:0;border-bottom:1px solid #a6b29f;color:#4c6352}
.artwork-appendix>h2{text-align:center;font-size:40px}
.story-end{margin:80px auto 0;padding:34px 0;border-top:1px solid #cdd4cb;max-width:720px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.story-end>a{font-size:13px;color:#587b60}
@media(max-width:700px){
 .publication-intro{display:block;padding:40px 0 30px}
 .publication-intro>p{max-width:320px;margin:22px 0 0}
 .featured-caption{display:block;padding:26px 24px 28px}
 .featured-caption h2{margin-top:16px}
 .featured-caption p{font-size:15px;margin:22px 0}
 .featured-link>img{aspect-ratio:1.5;object-position:52% 42%}
 .featured-read{margin-top:23px}
 .illustrated-story{margin-top:38px}
 .story-heading h1{font-size:clamp(44px,10.5vw,72px)}
 .story-contents{display:block;margin:30px 0 40px;padding-top:24px}
 .story-contents>.eyebrow{display:block;margin-bottom:14px}
 .story-contents>a{padding:9px 0}
 .story-chapter>.prose{font-size:21px;line-height:1.65}
 .story-chapter>.prose h2{margin-top:52px}
 .chapter-art{gap:28px;margin:34px 0 46px}
 .story-art.portrait{grid-column:1/-1;max-width:480px;justify-self:center}
 .story-art figcaption{font-size:10px;gap:12px}
 .story-end{display:block;margin-top:45px}
 .story-end>a{display:block;margin-top:20px}
}
@media(prefers-reduced-motion:no-preference){.featured-caption{animation:appear .65s ease-out both}@keyframes appear{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Studio: refinements after a complete first pass */
.studio-intro{padding:70px 0 54px;max-width:850px}
.studio-intro h1{font:400 clamp(48px,6.5vw,86px)/1.02 Newsreader,serif;letter-spacing:-.035em;margin:24px 0}
.studio-intro h1 em{color:#67846e}
.studio-intro>p{font-size:19px;line-height:1.65;color:#66736b;max-width:680px;margin-bottom:28px}
.studio-button{display:inline-block;background:#243d30;color:#fff;padding:15px 20px;font-size:13px;line-height:1.5}
.studio-button:hover{background:#3c5e47}
.studio-library{padding:12px 0 60px}
.studio-library .sectionhead>a{font-size:12px;color:#587b60}
.studio-publication{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;background:#fff;border:1px solid #d7dcd3;margin:24px 0}
.studio-publication>img{width:100%;height:100%;min-height:270px;object-fit:cover}
.studio-publication-copy{padding:34px}
.studio-publication h3{font:400 36px/1.08 Newsreader,serif;letter-spacing:-.02em;margin:18px 0}
.studio-publication p{font-size:14px;line-height:1.6;color:#66736b}
.studio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}
.studio-actions>a:not(.studio-button){font-size:12px;color:#587b60}
.studio-no-image{display:grid;place-items:center;background:#dfe7df;font:30px Newsreader,serif}
.studio-guide{border-top:1px solid #d7dcd3;padding:42px 0}
.studio-guide>h2{font-size:42px;margin:18px 0 32px}
.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.studio-steps>div>span{font-size:11px;color:#67846e;letter-spacing:.15em}
.studio-steps h3{font-size:27px;line-height:1.1;margin:18px 0}
.studio-steps p{font-size:14px;line-height:1.75;color:#66736b}
.studio-note{padding:30px 34px;background:#e9ede5;margin:10px 0 70px;max-width:820px}
.studio-note h2{font-size:30px;margin:0 0 14px}
.studio-note p{font-size:14px;line-height:1.75;color:#596b60}
@media(max-width:700px){.studio-intro{padding:45px 0 36px}.studio-intro>p{font-size:17px}.studio-publication{display:block}.studio-publication>img{min-height:0;height:auto;aspect-ratio:16/9}.studio-publication-copy{padding:24px}.studio-publication h3{font-size:32px}.studio-steps{grid-template-columns:1fr;gap:22px}.studio-guide>h2{font-size:36px}.studio-note{padding:25px}.studio-library .sectionhead{display:block;padding-bottom:18px}.studio-library .sectionhead h2{margin-bottom:12px}}
