:root{color-scheme:light;--paper:#f4f1ea;--ink:#263e3c;--muted:#667369;--line:#d6dacd;--accent:#a85b3f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-90px;left:20px;z-index:5;background:var(--paper);padding:12px}.skip:focus{top:12px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;align-items:baseline;gap:7px;white-space:nowrap}.wordmark em{font:italic 30px Georgia,serif;letter-spacing:-1px}.dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:3px}.masthead nav{display:flex;gap:28px;font-size:13px}.masthead nav a{text-decoration:none;border-bottom:1px solid transparent;white-space:nowrap}.masthead nav a:hover,.masthead nav a[aria-current]{border-color:var(--accent)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.16}h1{font-size:clamp(40px,4.8vw,64px);letter-spacing:-2.4px;margin:25px 0}h2{font-size:34px;letter-spacing:-.5px}h3{font-size:28px;letter-spacing:-.5px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:700;color:var(--muted);margin:0 0 22px}.eyebrow span{letter-spacing:1px;font-weight:400}.lead{max-width:620px;font-size:16px;line-height:1.9;color:#53635b}.text-link{display:inline-flex;gap:42px;align-items:center;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;margin-top:18px}.text-link span{font-size:24px;line-height:1}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:64px 76px}.hero h1 em{font-weight:400;color:var(--accent)}.hero .lead{max-width:400px;font-size:15px;line-height:1.95}.margin-note{font:italic 13px/1.7 Georgia,serif;color:var(--muted);margin-top:48px}.cover{margin:0;transform:rotate(1.5deg)}.art-frame{position:relative;background:#e9e4d7;padding:15px 15px 38px;box-shadow:0 16px 38px #263e3c13}.landscape{width:100%;height:auto;aspect-ratio:540/650}.frame-index{position:absolute;bottom:13px;left:16px;letter-spacing:2px;font-size:8px;color:#6a6e60}.cover figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:16px 2px}
.collection{margin-bottom:68px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 0 30px}.section-heading h2{font-size:31px;margin:0}.section-heading>a,.section-heading>span{font-size:12px;color:var(--muted)}.section-heading>a{text-decoration:none}.section-heading>a:hover{text-decoration:underline}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.story-grid:has(>.story-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.story-card{display:flex;flex-direction:column;min-width:0}.story-image{display:block;overflow:hidden;background:#ddd8c9}.story-image img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}.story-image:hover img{transform:scale(1.025)}.story-copy{display:flex;flex-direction:column;flex:1;padding:22px 0 20px;border-bottom:1px solid var(--line)}.story-copy .eyebrow{margin-bottom:15px}.story-copy h3{margin:0 0 14px}.story-copy h3 a{text-decoration:none}.story-copy h3 a:hover{color:var(--accent)}.story-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 20px}.read-link{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;text-decoration:none;margin-top:auto}.read-link>span{font-size:20px}.read-link:hover{text-decoration:underline}
.page-lead{padding-block:54px 24px}.page-lead h1{font-size:clamp(38px,5vw,58px);max-width:860px;margin:20px 0}.page-lead .lead{max-width:710px}.topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin-block:8px 36px}.topic-chips a{border:1px solid var(--line);border-radius:30px;padding:7px 18px;text-decoration:none;font-size:12px}.topic-chips a:hover{border-color:var(--accent)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:12px 80px}.topic-card{display:block;text-decoration:none;padding:32px 24px;background:#e9ecdf;border-top:2px solid #82937a}.topic-card:nth-child(2){background:#e9e2d3;border-color:#aa7954}.topic-card:nth-child(3){background:#e2e9e5;border-color:#648682}.topic-card h2{font-size:29px;margin:12px 0}.topic-card p:not(.eyebrow){font-size:14px;color:#53635b}.topic-card>span:last-child{display:block;text-align:right;font-size:27px}
.article-shell{padding-top:30px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:13px;color:var(--muted);font-size:11px;margin-bottom:38px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.article-heading{max-width:850px;margin:0 auto 36px;text-align:center}.article-heading h1{font-size:clamp(38px,5vw,60px);letter-spacing:-1.7px;margin-block:20px}.article-heading .lead{max-width:680px;margin-inline:auto}.article-heading .eyebrow{margin-bottom:16px}.article-art{margin:0 0 42px}.article-art>img{width:100%;max-height:480px;aspect-ratio:19/8;object-fit:cover}.article-art figcaption,.about-art figcaption{font-size:11px;color:var(--muted);padding:13px 0;line-height:1.7}.article-layout{display:grid;grid-template-columns:240px minmax(0,680px);gap:68px;justify-content:center}.contents{align-self:start;position:sticky;top:30px;border-top:1px solid var(--line);padding-top:23px}.contents nav{display:grid;gap:12px;font-size:12px}.contents a{text-decoration:none;color:var(--muted)}.contents a:hover{text-decoration:underline;color:var(--ink)}.prose h2{font-size:31px;margin:0 0 22px}.prose p{font-size:16px;line-height:1.95;color:#4f6057;margin:0 0 23px}.prose section{margin-bottom:42px}.prose a{text-underline-offset:4px}.exercise{background:#e8ecdf;border-left:2px solid #7c926e;padding:25px 28px;margin:5px 0 55px}.exercise .eyebrow{font-size:10px;margin:0 0 12px;line-height:1.5}.exercise p:last-child{font-size:15px;margin:0}.related{margin-top:25px}.about-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding-block:8px 50px}.about-art{margin:0}.about-art img{width:100%}.about-layout .prose h2{font-size:28px;margin-top:32px}.about-layout .prose h2:first-child{margin-top:0}.about-strip{border-top:1px solid var(--line);padding:36px 0 48px}.about-strip .eyebrow{margin-bottom:12px}.about-strip h2{margin:12px 0 18px}.about-strip>p:not(.eyebrow){max-width:680px;font-size:14px;color:var(--muted)}
.error-page{padding-block:40px 80px}.error-number{font:italic clamp(90px,14vw,160px)/1 Georgia,serif;color:#bac5b3;margin:10px 0 18px}.error-page h1{font-size:clamp(37px,4vw,53px);letter-spacing:-1px}.error-page .eyebrow{margin-bottom:8px}.error-page .lead{max-width:570px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding-block:30px 38px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.footer-brand{font:italic 19px Georgia,serif}
@media(max-width:960px){.wrap{width:calc(100% - 48px)}.hero{gap:34px}.hero h1{font-size:46px;letter-spacing:-1.9px}.story-copy h3{font-size:26px}.story-grid{gap:30px 22px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}.prose p{font-size:15px}.topic-grid{gap:16px}.topic-card{padding:26px 18px}.topic-card h2{font-size:25px}.about-layout{gap:36px}.margin-note{margin-top:28px}.masthead nav{gap:20px}}
@media(max-width:720px){.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero .lead{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:block}.contents{position:static;margin-bottom:35px}.contents nav{display:flex;flex-wrap:wrap;gap:10px 20px}.contents .eyebrow{margin-bottom:13px}.article-art>img{aspect-ratio:3/2}.topic-grid{grid-template-columns:1fr}.topic-card{padding:25px}.topic-card>span:last-child{margin-top:-12px}.about-layout{grid-template-columns:1fr}.about-art{max-width:500px}.section-heading h2{font-size:27px}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.masthead{flex-wrap:wrap;gap:13px;min-height:112px;padding-block:18px}.wordmark{font-size:22px}.wordmark em{font-size:27px}.masthead nav{width:100%;gap:24px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:34px 44px;gap:28px}.hero h1{font-size:46px;letter-spacing:-2px}.hero .eyebrow{letter-spacing:1.5px}.hero .lead{max-width:none}.margin-note{display:none}.cover{width:86%;justify-self:center}.section-heading{flex-wrap:wrap;gap:10px;padding-block:24px}.section-heading>a,.section-heading>span{font-size:11px}.story-grid,.story-grid:has(>.story-card:nth-child(4):last-child){grid-template-columns:1fr;gap:30px}.story-copy h3{font-size:29px}.story-copy>p:not(.eyebrow){font-size:14px}.story-copy{padding-top:20px}.collection{margin-bottom:40px}.page-lead{padding-top:33px}.page-lead h1{font-size:39px;letter-spacing:-1.4px}.lead{font-size:15px}.article-heading{text-align:left}.article-heading h1{font-size:39px;letter-spacing:-1.2px}.breadcrumbs{margin-bottom:25px}.article-art{margin-bottom:24px}.article-art>img{aspect-ratio:4/3}.prose h2{font-size:28px}.prose section{margin-bottom:33px}.exercise{padding:22px 20px}.topic-chips{gap:8px;margin-bottom:28px}.topic-chips a{padding:6px 13px;font-size:11px}.about-strip h2{font-size:30px}footer{gap:16px}footer>span{order:4;flex-basis:100%;font-size:10px}footer>a:last-child{margin-left:auto}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-image img{transition:none}}