@font-face{font-family:Oswald;src:url('assets/oswald.ttf') format('truetype');font-display:swap;font-weight:200 700}
@font-face{font-family:DMSerif;src:url('assets/dm-serif.ttf') format('truetype');font-display:swap}
@font-face{font-family:WorkSans;src:url('assets/work-sans.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:PlexMono;src:url('assets/ibm-plex-mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f5f2eb;--ink:#222821;--muted:#666b62;--line:#c9c9be;--accent:#dc5d37;--white:#fffdf8;--green:#314a3b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:WorkSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a,select,input{touch-action:manipulation;-webkit-tap-highlight-color:rgba(220,93,55,.16)}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
::selection{background:#eeae92;color:var(--ink)}
[hidden]{display:none!important}
.page-width{width:min(100% - 80px,1320px);margin-inline:auto}
.skip-link{position:fixed;z-index:30;top:10px;left:12px;transform:translateY(-160%);padding:12px 16px;background:var(--ink);color:white}
.skip-link:focus{transform:translateY(0)}
.utility-bar{display:flex;justify-content:space-between;gap:16px;padding-block:17px 14px;border-bottom:1px solid var(--line);font:11px PlexMono,monospace;letter-spacing:.04em;text-transform:uppercase}
.utility-bar span span{color:var(--accent);padding-inline:8px}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:10px 15px}
.wordmark{text-decoration:none;font-family:Oswald,Impact,sans-serif;font-size:clamp(56px,8.5vw,120px);font-weight:600;line-height:1.08;letter-spacing:-.052em;white-space:nowrap}
.wordmark:hover,.wordmark:focus-visible{color:var(--green)}
.wordmark-dot,.period,.detail-brand span{color:var(--accent)}
.masthead-mark{display:grid;grid-template-columns:repeat(2,15px);gap:5px;transform:rotate(-12deg);margin-right:12px}
.masthead-mark span{width:15px;height:15px;background:var(--accent)}
.masthead-mark span:nth-child(2){background:var(--ink)}
.masthead-mark span:nth-child(3){background:var(--green)}
.main-nav{display:flex;justify-content:space-between;align-items:center;border-block:2px solid var(--ink);min-height:47px}
.nav-links{display:flex;gap:31px;align-self:stretch;align-items:center}
.nav-links a{font:600 12px WorkSans,sans-serif;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;height:100%;border-bottom:3px solid transparent;padding-top:3px}
.nav-links a[aria-current],.nav-links a:hover{border-bottom-color:var(--accent);color:var(--accent)}
.nav-aside{font:11px PlexMono,monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}
.intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:48px;align-items:end;padding-block:58px 62px}
.eyebrow,.field-label{font:11px PlexMono,monospace;font-weight:400;letter-spacing:.13em;text-transform:uppercase}
.eyebrow{margin:0 0 16px;display:flex;align-items:center;gap:9px;color:var(--accent)}
.accent-square{width:8px;height:8px;display:inline-block;background:var(--accent);flex:none}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{margin:0;text-wrap:balance}
.intro h1{font:normal clamp(42px,4.5vw,66px)/1.06 DMSerif,Georgia,serif;letter-spacing:-.035em}
.intro-copy{font-size:16px;line-height:1.7;color:#4e554c;max-width:310px;margin:0 0 6px;justify-self:end}
.stories-section{scroll-margin-top:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--ink);padding-top:22px;margin-bottom:25px}
.section-heading .eyebrow{margin-bottom:7px}
.section-heading h2{font:normal 35px/1.1 DMSerif,Georgia,serif;letter-spacing:-.025em}
.heading-arrow{font-family:WorkSans,sans-serif;color:var(--accent);font-size:27px;vertical-align:3px}
.result-count{font:11px PlexMono,monospace;text-transform:uppercase;color:var(--muted);margin:0 0 4px;white-space:nowrap}
.browse-tools{display:grid;grid-template-columns:minmax(240px,1fr) 238px auto;gap:12px;align-items:end;margin-bottom:30px}
.search-field,.filter-field{display:grid;gap:8px;min-width:0}
.field-label{color:var(--muted)}
.search-control,.select-control{display:flex;align-items:center;gap:11px;height:49px;border:1px solid var(--line);background:var(--white);padding-inline:14px;color:var(--muted)}
.search-control:focus-within,.select-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(220,93,55,.14)}
.search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.search-control input::placeholder{color:#81857c}
.select-control{position:relative;padding-right:13px}
.select-control select{appearance:none;background-color:var(--white);color:var(--ink);border:0;outline:0;width:100%;height:100%;font-size:14px;cursor:pointer}
.select-control svg{pointer-events:none;flex:none}
.saved-filter{height:49px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}
.saved-filter:hover,.saved-filter[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.saved-filter[aria-pressed="true"] svg{fill:currentColor}
.saved-count{font:11px PlexMono,monospace;color:var(--accent)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}
.story-card{min-width:0;border-top:1px solid var(--ink);padding-top:12px}
.story-open{display:block;width:100%;color:inherit;text-align:left;text-decoration:none}
.card-image-wrap{display:block;overflow:hidden;background:#dbded4;aspect-ratio:1.65;margin-bottom:18px}
.card-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.story-open:hover img{transform:scale(1.035)}
.card-meta{display:flex;align-items:center;gap:9px;margin-bottom:10px;font:10px PlexMono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card-category{color:var(--accent)}
.meta-divider{width:15px;height:1px;background:var(--line)}
.card-title{font:normal 28px/1.12 DMSerif,Georgia,serif;letter-spacing:-.018em;margin:0 0 10px}
.story-open:hover .card-title,.story-open:focus-visible .card-title{color:var(--accent)}
.card-summary{font-size:13px;line-height:1.55;color:#5c6259;margin:0 0 13px}
.card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:11px;font:10px PlexMono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}
.card-bottom .read-arrow{font-size:17px;color:var(--accent);line-height:1}
.story-grid.is-editorial .story-card:first-child{grid-column:span 2;grid-row:span 2}
.story-grid.is-editorial .story-card:first-child .card-image-wrap{aspect-ratio:1.89}
.story-grid.is-editorial .story-card:first-child .card-title{font-size:clamp(35px,3.2vw,48px);max-width:670px}
.story-grid.is-editorial .story-card:first-child .card-summary{font-size:15px;max-width:620px}
.story-grid.is-editorial .story-card:nth-child(2) .card-image-wrap,.story-grid.is-editorial .story-card:nth-child(3) .card-image-wrap{aspect-ratio:2.35;margin-bottom:13px}
.story-grid.is-editorial .story-card:nth-child(2) .card-title,.story-grid.is-editorial .story-card:nth-child(3) .card-title{font-size:24px}
.story-grid.is-editorial .story-card:nth-child(2) .card-summary,.story-grid.is-editorial .story-card:nth-child(3) .card-summary{display:none}
.empty-state{text-align:center;border:1px solid var(--line);padding:65px 20px 70px;background:var(--white)}
.empty-symbol{font-size:44px;color:var(--accent)}
.empty-state h3{font:normal 35px DMSerif,Georgia,serif;margin:12px 0}
.empty-state p{color:var(--muted);margin:0 auto 24px;max-width:320px;line-height:1.5}
.empty-state button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 17px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.empty-state button:hover{background:var(--accent);border-color:var(--accent)}
.about{display:grid;grid-template-columns:1fr 2fr auto;gap:36px;align-items:start;border-top:2px solid var(--ink);margin-top:100px;padding-block:34px 86px;scroll-margin-top:30px}
.about-label{display:flex;gap:9px;align-items:center;font:11px PlexMono,monospace;text-transform:uppercase;white-space:nowrap}
.about h2{font:normal 42px/1.1 DMSerif,Georgia,serif;letter-spacing:-.025em;margin-bottom:18px}
.about p{font-size:15px;line-height:1.7;color:var(--muted);max-width:490px;margin:0}
.back-to-top{font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;white-space:nowrap}
.back-to-top:hover{color:var(--accent);border-color:var(--accent)}
.site-footer{background:var(--ink);color:var(--paper)}
.footer-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px PlexMono,monospace;text-transform:uppercase;color:#c8cdc3}
.footer-wordmark{font:600 25px Oswald,Impact,sans-serif;color:var(--paper);letter-spacing:-.035em}
.photo-note{color:#9ca498}
.detail-dialog{width:min(100% - 36px,940px);max-height:min(94vh,1100px);padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px rgba(0,0,0,.32);overscroll-behavior:contain}
.detail-dialog::backdrop{background:rgba(20,29,23,.72)}
.detail-shell{min-height:100%;}
.detail-topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:0 32px;border-bottom:1px solid var(--line);background:var(--paper)}
.detail-brand{font:600 23px Oswald,Impact,sans-serif;letter-spacing:-.04em}
.close-detail{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--ink);font:11px PlexMono,monospace;text-transform:uppercase}
.close-detail:hover{color:var(--accent)}
.detail-header{padding:48px max(32px,calc((100% - 750px)/2)) 31px}
.detail-header .eyebrow{margin-bottom:16px}
.detail-header h2{font:normal clamp(40px,5vw,67px)/1.04 DMSerif,Georgia,serif;letter-spacing:-.03em;margin-bottom:18px}
.detail-summary{font-size:19px;line-height:1.5;color:#535b50;margin:0 0 24px;max-width:650px}
.detail-byline{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--muted);font:11px PlexMono,monospace;text-transform:uppercase;line-height:1.7}
.byline-dot{color:var(--accent)}
.save-item{display:flex;align-items:center;gap:9px;margin-top:25px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:11px 14px;font:600 12px WorkSans,sans-serif}
.save-item:hover,.save-item[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.save-item svg{flex:none}
.save-item[aria-pressed="true"] svg{fill:currentColor}
.detail-figure{margin:0}
.detail-figure img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;background:#d4d8ce}
.detail-figure figcaption{text-align:right;margin:8px 30px 0;color:var(--muted);font:10px PlexMono,monospace;text-transform:uppercase}
.article-body{max-width:682px;margin:0 auto;padding:40px 24px 20px;font:18px/1.82 Georgia,serif;color:#32392f}
.article-body p{margin:0 0 27px}
.article-body p:first-child:first-letter{float:left;font:normal 72px/.84 DMSerif,Georgia,serif;color:var(--accent);padding:8px 8px 0 0}
.article-end{text-align:center;padding:22px 0 65px;color:var(--accent)}
.article-end span{font-size:27px}.article-end p{font:10px PlexMono,monospace;text-transform:uppercase;color:var(--muted);margin:8px 0 0}
@media(max-width:900px){.page-width{width:min(100% - 48px,1320px)}.wordmark{font-size:clamp(55px,9.5vw,90px)}.intro{grid-template-columns:1fr;gap:20px;padding-block:44px 52px}.intro-copy{justify-self:start;max-width:600px}.browse-tools{grid-template-columns:1fr 205px}.saved-filter{grid-column:span 2;justify-self:start}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid.is-editorial .story-card:first-child{grid-row:auto}.story-grid.is-editorial .story-card:nth-child(2) .card-summary,.story-grid.is-editorial .story-card:nth-child(3) .card-summary{display:block}.about{grid-template-columns:1fr 2fr}.back-to-top{grid-column:2}}
@media(max-width:620px){.page-width{width:calc(100% - 36px)}.utility-bar{padding-block:12px;font-size:9px}.utility-right,.masthead-mark,.nav-aside{display:none}.masthead{padding-block:9px 12px}.wordmark{font-size:clamp(42px,11.5vw,67px);letter-spacing:-.055em}.main-nav{min-height:42px}.nav-links{gap:23px}.nav-links a{font-size:11px}.intro{padding-block:39px 43px;gap:17px}.intro h1{font-size:clamp(39px,10.3vw,54px)}.desktop-break{display:none}.intro-copy{font-size:14px;line-height:1.55}.section-heading{padding-top:18px;margin-bottom:20px}.section-heading h2{font-size:30px}.result-count{font-size:9px}.browse-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px;margin-bottom:24px}.search-field{grid-column:span 2}.saved-filter{grid-column:auto;justify-self:stretch;padding-inline:8px;font-size:10px;gap:6px}.saved-filter svg{width:15px}.saved-count{font-size:10px}.field-label{font-size:9px}.search-control,.select-control,.saved-filter{height:46px}.select-control{padding-left:10px}.select-control select{font-size:12px}.story-grid{grid-template-columns:1fr;gap:30px}.story-grid.is-editorial .story-card:first-child{grid-column:auto}.story-grid.is-editorial .story-card:first-child .card-image-wrap{aspect-ratio:1.38}.story-grid.is-editorial .story-card:first-child .card-title{font-size:34px}.story-grid.is-editorial .story-card:first-child .card-summary{font-size:13px}.story-grid.is-editorial .story-card:nth-child(2) .card-image-wrap,.story-grid.is-editorial .story-card:nth-child(3) .card-image-wrap{aspect-ratio:1.65}.story-grid.is-editorial .story-card:nth-child(2) .card-title,.story-grid.is-editorial .story-card:nth-child(3) .card-title{font-size:28px}.card-image-wrap{margin-bottom:15px}.about{grid-template-columns:1fr;gap:21px;margin-top:66px;padding-bottom:55px}.about h2{font-size:36px}.back-to-top{grid-column:1;justify-self:start}.footer-inner{min-height:112px;display:grid;grid-template-columns:1fr auto;gap:0}.footer-wordmark{grid-column:1/-1;align-self:end}.footer-inner>span:nth-child(2){font-size:9px;align-self:start}.photo-note{font-size:9px;align-self:start}.detail-dialog{width:100%;height:100%;max-height:100%;margin:0}.detail-topbar{padding-inline:20px;padding-top:env(safe-area-inset-top)}.detail-header{padding:32px 20px 27px}.detail-header h2{font-size:44px}.detail-summary{font-size:16px}.detail-byline{font-size:10px}.detail-figure img{max-height:300px}.article-body{font-size:17px;line-height:1.75;padding:29px 21px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-image-wrap img,.card-title,.save-item,.saved-filter,.search-control,.select-control{transition:none}}