:root{color-scheme:light;--ink:#203348;--blue:#164f7b;--deep:#102e48;--muted:#506478;--line:#d7e1e9;--pale:#edf4f9;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:1.0625rem/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--blue);text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid #cf7a20;outline-offset:5px;border-radius:2px}
.skip-link{position:absolute;top:-6rem;left:1rem;background:white;padding:.5rem 1rem;z-index:10}
.skip-link:focus{top:1rem}
.header-inner,.intro-inner,.content-layout,.footer-inner{width:min(1120px,calc(100% - 4rem));margin-inline:auto}
.site-header{border-top:5px solid var(--blue);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.4rem}
.brand{text-decoration:none;display:flex;flex-direction:column;color:var(--deep)}
.family-name{font:700 1.35rem/1.4 Georgia,serif}
.family-note{font-size:.875rem;color:var(--muted)}
nav{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem}
nav a{font-size:.9375rem;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}
.intro{background:var(--pale);border-bottom:1px solid var(--line)}
.intro-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:4rem;padding-block:4.5rem}
.eyebrow{font-size:.8125rem;letter-spacing:.11em;font-weight:700;color:var(--blue);margin:0 0 .85rem}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.18;color:var(--deep)}
h1{font-size:clamp(2.5rem,5.2vw,4.4rem);letter-spacing:-.04em;margin:0 0 1.2rem}
.intro-text{font-size:1.4rem;line-height:1.5;margin:0 0 1rem;max-width:29em;color:var(--blue)}
.intro-copy>p:not(.eyebrow):not(.intro-text){max-width:39em}
.text-link{font-weight:650;font-size:1rem}
.text-link span{display:inline-block;margin-left:.4rem}
.intro-link{display:inline-block;margin-top:.35rem}
.portrait{margin:0;padding:1.15rem;background:white;border:1px solid var(--line);box-shadow:10px 10px 0 #d8e6f0;transform:rotate(2deg)}
.portrait img{width:100%;height:auto;display:block}
.portrait figcaption{font:italic 1.15rem/1.5 Georgia,serif;text-align:center;padding-top:.7rem}
.content-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:4.5rem;padding-block:3.8rem}
.story{padding:0 0 2.7rem;margin-bottom:2.7rem;border-bottom:1px solid var(--line)}
.story:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.story h2{font-size:clamp(1.8rem,3vw,2.25rem);margin:0 0 1.2rem}
.story p:not(.eyebrow){margin:0 0 1rem}
.inline-links{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.3rem}
.explore{border-top:3px solid var(--blue);padding-top:1.3rem}
.explore h2{font-size:1.75rem;margin:0 0 1.1rem}
.explore h3{font-size:1rem;margin:2rem 0 .4rem}
.resource-list{list-style:none;margin:0;padding:0}
.resource-list li{border-bottom:1px solid var(--line)}
.resource-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;text-decoration:none;font-size:1rem}
.resource-list a:hover{text-decoration:underline}
.aside-note{font-size:.9375rem;color:var(--muted);margin:0 0 .8rem}
.archive-links{padding-left:1.1rem;margin:.5rem 0;font-size:1rem}
.archive-links li{padding:.2rem 0}
.contact{border-top:1px solid var(--line);margin-top:2rem;padding-top:.5rem}
.contact a{font-size:1rem;overflow-wrap:anywhere}
footer{border-top:1px solid var(--line);background:var(--pale)}
.footer-inner{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding-block:1.6rem;font-size:.875rem;color:var(--muted)}
.footer-inner p{margin:0}.footer-inner p span{display:block}
.footer-inner nav{gap:.5rem 1rem}.footer-inner nav a{font-size:.875rem;font-weight:400}
@media(max-width:800px){.header-inner{align-items:flex-start;flex-direction:column;gap:1rem}.intro-inner{gap:2rem;grid-template-columns:minmax(0,1fr) 180px;padding-block:3rem}.content-layout{gap:2.5rem;grid-template-columns:1fr}.explore{max-width:100%}.footer-inner{align-items:flex-start;flex-direction:column;gap:1rem}}
@media(max-width:520px){.header-inner,.intro-inner,.content-layout,.footer-inner{width:calc(100% - 2.5rem)}.intro-inner{grid-template-columns:1fr;padding-block:2.5rem}.portrait{width:190px;justify-self:start}.intro-text{font-size:1.2rem}nav{gap:.5rem 1.1rem}.content-layout{padding-block:2.6rem}.story{margin-bottom:2rem;padding-bottom:2rem}.eyebrow{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{font-size:11pt}.site-header,footer,aside,.intro-link,.skip-link{display:none}.intro{background:white}.intro-inner{padding-block:1rem;grid-template-columns:1fr 150px}.content-layout{display:block;padding-block:1rem}.portrait{box-shadow:none;transform:none}.story{break-inside:avoid;margin-bottom:1rem;padding-bottom:1rem}}