:root{
  --content-max: 1200px;
  --section-space: clamp(56px, 7vw, 96px);
}
html{scroll-behavior:smooth}
body{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; }
section{ scroll-margin-top: 110px; }
.lazy-section{ content-visibility:auto; contain-intrinsic-size: 1px 900px; }
.fade-in-ready{ opacity:0; transform:translateY(10px); transition:opacity .45s ease, transform .45s ease; }
.fade-in-ready.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .fade-in-ready,.fade-in-ready.is-visible{ transition:none; opacity:1; transform:none; }
}