/* Reset, typografia bazowa, klasy tekstowe. */
.kick{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;opacity:.72;}
  .bg-orange .kick,.bg-pink .kick,.bg-violet .kick,.bg-cyan .kick,.bg-lime .kick,.bg-ink .kick{opacity:1;}
  h1.big{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:clamp(46px,5.6vw,104px);line-height:.88;letter-spacing:-.04em;word-break:keep-all;}
  h2.big{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:clamp(38px,4.4vw,78px);line-height:.9;letter-spacing:-.035em;word-break:keep-all;}
  .lead{font-size:clamp(17px,1.35vw,22px);font-weight:600;line-height:1.45;max-width:50ch;}
  .boxed{background:var(--ink);color:var(--lime);padding:.02em .1em;display:inline-block;line-height:1.3;transform:rotate(-1.5deg);}
  .rule{height:5px;background:currentColor;width:62px;margin:24px 0;}

.u{opacity:0;transform:translateY(28px);transition:opacity .55s cubic-bezier(.2,.7,.3,1),transform .55s cubic-bezier(.2,.7,.3,1);}
  .on .u{opacity:1;transform:none;}
  .on .d1{transition-delay:.07s}.on .d2{transition-delay:.15s}.on .d3{transition-delay:.23s}.on .d4{transition-delay:.31s}.on .d5{transition-delay:.39s}
  .pop{opacity:0;transform:scale(.9) rotate(-3deg);transition:opacity .5s cubic-bezier(.2,1.4,.4,1),transform .5s cubic-bezier(.2,1.4,.4,1);}
  .on .pop{opacity:1;transform:scale(1) rotate(var(--rot,0deg));}
  @media(prefers-reduced-motion:reduce){.u,.pop{transition:none;opacity:1;transform:none;}}