*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--sans);
  font-weight:400;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.08;margin:0;}
p{margin:0 0 1rem;}
a{color:inherit;}
img,svg{display:block;max-width:100%;}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem);}
.eyebrow{
  font-family:var(--sans);font-weight:600;font-size:.78rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--orange);margin:0 0 .9rem;
}

/* ---------- MOTION: scroll-driven, progressive enhancement ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:scroll()){
    .hero__media{animation:heroZoom linear both;animation-timeline:scroll(root);animation-range:0 100svh;}
    @keyframes heroZoom{to{transform:scale(1.16);opacity:.22;}}
  }
  @supports (animation-timeline:view()){
    .reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 2% cover 22%;animation-duration:1ms;}
    @keyframes reveal{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:none;}}
  }
}