@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,500&display=swap');:root{--cream:#f5f0e6;--green:#203d32;--ink:#232a22;--line:#d2cabc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.8 'DM Sans',sans-serif}a{color:inherit}a:hover{text-decoration-color:#8a6b44}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;border-bottom:1px solid var(--line)}.brand{font:italic 500 clamp(32px,4vw,56px) 'Playfair Display',Georgia,serif;text-decoration:none}.top nav{display:flex;gap:24px;flex-wrap:wrap}.top nav a{text-decoration:none;font-size:12px;letter-spacing:1.4px;font-weight:700}.container{max-width:1220px;margin:auto;padding:55px 5% 95px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700}.lead{max-width:760px;font-size:20px;line-height:1.65}.heading{font:500 clamp(44px,6vw,86px)/1.07 'Playfair Display',Georgia,serif;letter-spacing:-1.8px;margin:15px 0 24px}.hero{width:100%;max-height:610px;object-fit:cover;margin:34px 0 42px}.article{max-width:760px;margin:auto}.article h2{font:500 36px 'Playfair Display',Georgia,serif;margin:48px 0 10px}.article p{margin:0 0 20px}.note{font-size:13px;color:#5d6258;border-top:1px solid var(--line);padding-top:18px}.sources{margin-top:60px;padding-top:25px;border-top:1px solid var(--line);font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.card{text-decoration:none}.card img{width:100%;height:320px;object-fit:cover}.card h2{font:500 31px 'Playfair Display',Georgia,serif;margin:12px 0 5px}.card p{margin:0;color:#565b50}.footer{background:var(--green);color:var(--cream);padding:35px 5%;font-size:13px}@media(max-width:650px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:15px}.container{padding-top:32px}.cards{grid-template-columns:1fr}.card img{height:240px}.article h2{font-size:29px}}
/* San Francisco City Notes */
.sf-story .heading{max-width:1050px}.sf-story .lead{max-width:850px}.sf-story .sf-figure{margin:42px 0 54px}.sf-figure img{display:block;width:100%;object-fit:cover;background:#e6e0d3}.sf-hero img{height:min(64vw,670px);object-position:center 48%}.sf-wide img{height:min(56vw,600px)}.sf-inset{max-width:860px;margin-left:auto!important;margin-right:auto!important}.sf-inset img{height:min(65vw,530px)}.sf-figure figcaption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#62685d;font-size:12px;line-height:1.6;padding-top:9px}.sf-figure figcaption a{text-underline-offset:3px}.sf-drop{font:500 27px/1.5 'Playfair Display',Georgia,serif}.sf-signoff{padding-top:24px;font:500 21px/1.6 'Playfair Display',Georgia,serif}.sf-story .article{padding-bottom:12px}@media(max-width:650px){.sf-hero img{height:410px}.sf-wide img{height:320px}.sf-inset img{height:320px}.sf-story .sf-figure{margin:28px 0 36px}}

/* Issue 001 long-form features */.story-hero{margin:36px 0 56px}.story-hero img{display:block;width:100%;height:clamp(280px,48vw,590px);object-fit:cover}.story-hero figcaption{font-size:12px;color:#62685d;margin-top:9px}.editorial-story .article p{font-size:17px;line-height:1.95}.editorial-story .article h2{margin-top:55px}.story-end{font:italic 25px 'Playfair Display',Georgia,serif;border-top:1px solid var(--line);padding:25px 0;margin-top:45px}

/* Issue 001 — visual identity */
:root{--paper:#f5f0e6;--oxblood:#793b42;--blue:#738b9b}
.top nav a[aria-current="page"]{border-bottom:1px solid currentColor}
.about-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:8%;align-items:start;margin:35px 0 85px}.about-intro .heading{margin-top:0}.about-aside{border-top:3px solid var(--green);padding-top:17px;font:italic 25px/1.5 'Playfair Display',Georgia,serif}.about-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:45px 0 80px}.about-columns h2{font:500 30px 'Playfair Display',Georgia,serif}.about-columns p{font-size:15px}.about-photo{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:end;margin:55px 0 80px}.about-photo img{display:block;width:100%;height:490px;object-fit:cover}.about-photo figcaption{font-size:12px;line-height:1.7;color:#596158}.about-rule{border-top:1px solid var(--line);padding-top:24px;margin-top:50px}.photo-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:36px 0 65px}.photo-guide img{width:100%;height:310px;object-fit:cover}.photo-guide figcaption{font-size:12px;color:#596158;line-height:1.6;margin-top:8px}.about-end{font:italic 500 clamp(28px,4vw,49px)/1.3 'Playfair Display',Georgia,serif;max-width:780px;margin:75px 0 30px}.editorial-utility{margin-top:40px;padding:18px 0;border-top:1px solid var(--line);font-size:12px;letter-spacing:.6px}.editorial-utility a{margin-right:22px}.image-disclaimer{font-size:12px;color:#596158;margin-top:24px}
@media(max-width:760px){.about-intro,.about-columns,.about-photo,.photo-guide{grid-template-columns:1fr}.about-photo img{height:320px}.about-columns{gap:12px;margin:25px 0 50px}.about-aside{font-size:22px}}

/* V8 editorial visual system */
:root{--serif:'Playfair Display',Georgia,serif}img{max-width:100%}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 8px}.category-nav a{border:1px solid var(--line);border-radius:100px;padding:7px 16px;font-size:12px;letter-spacing:.4px;text-decoration:none}.category-nav a:hover,.category-nav a:focus-visible{background:var(--green);color:var(--cream)}.cards{row-gap:58px}.card img{aspect-ratio:1.36;height:auto;display:block;background:#e6e0d4;transition:filter .2s}.card:hover img{filter:saturate(1.08)}.card .eyebrow{display:block;margin-top:16px}.card h2{line-height:1.16;margin-top:9px}.story-hero img{background:#e6e0d4}.related-stories{border-top:1px solid var(--line);margin-top:60px;padding-top:20px;display:grid;gap:12px}.related-stories h2{margin:0 0 8px!important;font-size:30px!important}.related-stories a{font-size:14px}.image-audit{border-left:3px solid var(--oxblood);padding:2px 0 2px 20px;margin-bottom:45px}.image-audit h2{margin-top:12px}.top nav a:focus-visible,.card:focus-visible,.category-nav a:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}@media(max-width:650px){.heading{letter-spacing:-1px}.cards{row-gap:38px}.card img{aspect-ratio:1.2}.story-hero{margin:24px 0 34px}.story-hero img{height:300px}.category-nav{gap:8px}.category-nav a{padding:6px 12px}}