/* Base — ported from home-approved.html */

/* ==========================================================
   GARY WHELAN — 2026 · v3
   Warm editorial · ink on paper · particle portrait
   ========================================================== */

*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-size:1.04rem; line-height:1.66; font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{ background:var(--orange); color:var(--paper); }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.mono{
  font-family:var(--mono); font-size:.68rem; font-weight:500;
  letter-spacing:.15em; text-transform:uppercase; color:var(--ink-2);
}
.row{ max-width:var(--maxw); margin:0 auto; padding-left:var(--gut); padding-right:var(--gut); }

/* reveal */
.rv{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s cubic-bezier(.23,1,.32,1); }
.rv.in{ opacity:1; transform:none; }
.rv2{ transition-delay:.12s; } .rv3{ transition-delay:.24s; }


@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms!important; transition-duration:.01ms!important; }
  .rv{ opacity:1; transform:none; }
  .eq-line > span{ transform:none; animation:none; }
  html{ scroll-behavior:auto; }
}