/* ============================================================
   base.css — tokeny, reset, typografia, narzędzia
   ============================================================ */

:root{
  --bg:#0b0e17;
  --bg2:#080a12;
  --ink:#05070d;
  --card:#10141f;
  --pink:#ff1a6b;
  --red:#e11d3a;
  --text:#f4f5f8;
  --muted:#8a93a6;
  --muted2:#5a6377;
  --line:rgba(255,255,255,.09);
  --line2:rgba(255,255,255,.14);
  --maxw:1280px;
  --pad:clamp(20px,5vw,80px);
  --f-cond:'Saira Condensed',system-ui,sans-serif;
  --f-semi:'Saira Semi Condensed',system-ui,sans-serif;
  --f-body:'Saira',system-ui,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--f-body);-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--pink);color:#fff}

/* --- narzędzia współdzielone --- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.eyebrow{font:700 clamp(11px,1.4vw,13px)/1 var(--f-body);letter-spacing:.34em;color:var(--pink);text-transform:uppercase}
.eyebrow.bar{border-left:3px solid var(--pink);padding-left:12px}
.h2{margin:0;font-family:var(--f-cond);font-style:italic;font-weight:900;
  font-size:clamp(38px,6vw,72px);line-height:.9;text-transform:uppercase}
.section{padding:clamp(64px,10vw,110px) 0}
.pink{color:var(--pink)}
.center{text-align:center}

/* --- reveal przy scrollu (JS dodaje .in) --- */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
[data-reveal].in{opacity:1;transform:none}

/* --- dostępność: ograniczenie ruchu --- */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto}
}