/* Base: reset, element defaults, typography, a11y helpers */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font:400 16px/1.6 var(--sans);color:var(--text);background:var(--stone)}
a{color:inherit}
:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(42px,6.5vw,78px)}
h2{font-size:clamp(30px,4vw,48px)}
h3{font-size:22px;font-weight:400;margin-bottom:8px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--forest);color:var(--white);padding:10px 16px;border-radius:var(--r-pill)}
.skip-link:focus{top:12px}
[hidden]{display:none!important}
.title-lg{font-size:clamp(30px,4vw,48px);font-weight:300;margin-bottom:0}
.title-md{font-size:36px;font-weight:300;margin-bottom:0}