/* Base — page-level defaults, matches the approved skeleton v3 */
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ background:var(--ink); color:var(--cream); font-family:var(--font-body); font-size:var(--text-body-size); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:clip; }
img, video, iframe, svg{ display:block; max-width:100%; }
a{ color:var(--leaf); text-decoration:none; }
a:hover{ text-decoration:underline; }
:focus-visible{ outline:2px solid var(--leaf); outline-offset:3px; }
section{ scroll-margin-top:var(--anchor-offset); }
.wrap{ max-width:var(--max); margin-inline:auto; padding-inline:var(--pad); }
/* mono eyebrow — the deck's signature label style */
.eyebrow{ font-family:var(--font-mono); font-size:var(--text-eyebrow); letter-spacing:var(--track-eyebrow); text-transform:lowercase; color:var(--ember); }
/* display type — extended, heavy, like the deck cover */
.display{ font-weight:900; font-stretch:var(--stretch-display); text-transform:uppercase; line-height:.95; letter-spacing:.01em; }
/* placeholder label used until assets land */
.ph-label{ font-family:var(--font-mono); font-size:11px; letter-spacing:.25em; color:var(--cream-35); text-transform:lowercase; text-align:center; padding:12px; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .marquee, .bts-track{ animation:none; }
}