:root{--ink:#153039;--muted:#617274;--paper:#f7f7f0;--line:#d7e1dc;--accent:#246f70;--pale:#e9efea}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;height:auto}.masthead,main,footer{max-width:1200px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--line);gap:30px}.brand{font:600 25px/1.15 Georgia,serif;letter-spacing:2px;text-decoration:none}.brand span{display:block;font:11px/1.5 system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-top:7px;color:var(--muted)}nav{display:flex;gap:25px;font-size:12px}main{padding:0 32px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.16}h1{font-size:clamp(38px,4.8vw,66px);letter-spacing:-1.8px;margin:20px 0 25px}h2{font-size:36px;letter-spacing:-.8px}h3{font-size:25px}.kicker{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:700;color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:76px 0;align-items:center}.hero h1{font-size:clamp(45px,5.7vw,75px)}.hero h1 em{font-weight:400;color:var(--accent)}.lead{color:var(--muted);font-size:19px;line-height:1.65;max-width:740px}.hero figure{margin:0}.hero figure img{aspect-ratio:1/1.1;object-fit:cover;border-radius:3px}.hero figcaption{font-size:10px;margin-top:8px;color:var(--muted)}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;padding:13px 20px;text-decoration:none;font-size:13px;margin-top:15px}.button span{font-size:11px;color:#b5ddce}.intro,.featured,.topics,.related{border-top:1px solid var(--line);padding:45px 0}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.columns h3{font-size:25px}.columns p{font-size:14px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top a{font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#fffefa;display:flex;flex-direction:column;text-decoration:none;padding:25px;min-height:250px;border-radius:3px}.card h3{font-size:24px;line-height:1.25;margin:15px 0}.card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 24px}.card .read{font-size:11px;color:var(--accent);margin-top:auto}.card:hover{border-color:var(--accent)}.card:hover h3{text-decoration:underline;text-underline-offset:5px}.article{max-width:780px;margin:auto}.article header{padding:25px 0 10px}.article figure{margin:25px 0 40px}.article figcaption{font-size:10px;color:var(--muted);margin-top:8px}.article section{margin-bottom:45px}.article section h2{font-size:31px;margin:38px 0 20px}.article p{margin-bottom:20px}.byline{font-size:11px;color:var(--muted);line-height:1.8}.crumb{font-size:11px;color:var(--muted);padding-top:28px;max-width:780px;margin:auto}.source-link{font-size:12px;background:var(--pale);padding:18px}.index{padding:55px 0}.index>.grid{margin-top:35px}.collection-intro{max-width:780px;padding:20px 0}.collection-intro h2{font-size:28px}.collection-intro p{font-size:16px}.related h2{font-size:30px}.related>.grid{grid-template-columns:repeat(2,1fr)}footer{border-top:1px solid var(--line);padding:30px 32px 50px;font-size:11px;color:var(--muted)}footer>a{font:22px Georgia,serif;color:var(--ink);text-decoration:none}footer p{max-width:780px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:5px}:focus-visible{outline:3px solid #389992;outline-offset:4px}@media(max-width:850px){.masthead{align-items:flex-start;gap:15px}.masthead nav{gap:13px;flex-wrap:wrap;justify-content:flex-end}.hero{gap:30px;grid-template-columns:1fr;padding:48px 0}.hero figure img{aspect-ratio:16/9}.columns{gap:25px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.masthead,main,footer{padding-left:20px;padding-right:20px}.masthead{display:block}.masthead nav{justify-content:flex-start;margin-top:20px;font-size:11px}.hero h1{font-size:45px}.columns,.grid,.related>.grid{grid-template-columns:1fr}.card{min-height:0}.section-top{display:block}.section-top>a{display:inline-block;margin-bottom:20px}.article h1{font-size:38px;letter-spacing:-1px}.article section h2{font-size:27px}.lead{font-size:17px}.index{padding-top:35px}}@media print{nav,.related,footer,.skip,.button{display:none}body{background:white;color:black}.article{max-width:none}.article figure{max-width:400px}}