/* ══════════════════════════════════════════
   GLOBAL
   ══════════════════════════════════════════ */
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--bg-main);color:var(--text-primary)}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700}
h1{font-size:clamp(32px,6vw,56px);line-height:1.08;letter-spacing:-.01em}
h2{font-size:clamp(24px,4vw,34px);line-height:1.2}
h3{font-size:20px;line-height:1.35}
h4{font-size:16px;font-weight:600;line-height:1.4}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}
@media(min-width:641px){.container{padding:0 var(--space-lg)}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section{padding:var(--space-2xl) 0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}