*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--bpc-text);background:var(--bpc-surface);font-size:var(--body);line-height:1.6}
img{max-width:100%;display:block;border-radius:var(--radius)}
a{color:var(--bpc-link);text-underline-offset:3px}
a:hover{text-decoration:underline}
.container{width:min(var(--maxw),94%);margin-inline:auto}
h1{font-size:48px;line-height:1.1;margin:0 0 var(--spacing-sm);font-weight:800;letter-spacing:-.02em}
h2{font-size:var(--h2);margin:0 0 var(--spacing-sm);font-weight:700;letter-spacing:-.01em}
h3{font-size:var(--h3);margin:0 0 var(--spacing-xs);font-weight:600}
p{margin:0 0 var(--spacing-sm);line-height:1.7}
small,.note{font-size:var(--small);color:var(--bpc-grey);line-height:1.5}
.section--water{background:var(--bpc-water)}
section{padding:var(--spacing-xl) 0}
@media (max-width:768px){section{padding:var(--spacing-lg) 0}}
@media (max-width:480px){section{padding:var(--spacing-md) 0}}