/* Harbor House — Base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;color:var(--navy);margin:0 0 var(--sp-4)}
h1{font-size:clamp(2rem,6vw,var(--fs-4xl))}
h2{font-size:clamp(1.5rem,4vw,var(--fs-3xl))}
h3{font-size:var(--fs-xl)}
p{margin:0 0 var(--sp-4)}
a{color:var(--teal-dark);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--coral-dark)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--sp-5)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:var(--sp-3) var(--sp-5);z-index:200;border-radius:0 0 var(--radius) 0}
.skip-link:focus{left:0;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.lede{font-size:var(--fs-lg);color:var(--ink-soft);max-width:65ch}
.kicker{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:var(--fs-sm);color:var(--coral-dark);margin-bottom:var(--sp-2)}
main{display:block;padding-bottom:var(--sp-10)}
section{padding:var(--sp-6) 0}
@media (max-width:480px){ .wrap{padding:0 var(--sp-4)} }