/* Otwarcie marki: jedyny pełnoekranowy akcent poza zamknięciem strony. */
.brand-intro { display: none; }
.intro-pending .brand-intro { display: block; position: fixed; inset: 0; z-index: 120; }
.intro-pending .site-head__logo { opacity: 0; }
.brand-intro__backdrop { position: absolute; inset: 0; background: var(--purple); }
.brand-intro__logo {
  position: absolute;
  left: 50%; top: 50%;
  display: flex;
  width: min(540px, calc(100vw - 72px));
  aspect-ratio: 2588 / 472;
  transform-origin: 0 0;
  transform: translate(-50%, -50%);
}
.brand-intro__mark { position: relative; width: 19.1654%; }
.brand-intro__word { position: relative; width: 80.8346%; }
.brand-intro__logo img { position: absolute; inset: 0; width: 100%; height: 100%; }
.brand-intro [data-intro-purple] { opacity: 0; }
.brand-intro__skip {
  position: absolute; right: var(--gutter); bottom: max(2rem, env(safe-area-inset-bottom));
  min-height: 44px; padding: 0.7rem 0;
  font: 400 0.8rem/1.4 var(--sans);
  color: var(--paper);
  text-decoration: underline; text-underline-offset: 0.3em;
  transition: opacity 180ms ease;
}
.brand-intro__skip:hover { opacity: 0.8; }
.brand-intro__skip:active { opacity: 0.65; }
.brand-intro__skip:focus-visible { outline: 2px solid var(--paper); outline-offset: 6px; }

/* Stan i drobny feedback są szybsze od wejścia sekcji. */
.btn { transition-duration: 240ms; }
.btn:active { transform: scale(0.98); }
.cta:active .cta__circle { transform: scale(0.94); }
.site-nav__list a::after { right: 0; transform: scaleX(0); transform-origin: right; transition: transform 300ms var(--ease); }
.site-nav__list a:hover::after,
.site-nav__list a:focus-visible::after,
.site-nav__list a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.site-nav__list a[aria-current="page"] { color: var(--purple); }
.nav-ovl__list li { opacity: 0; transform: translateY(12px); transition: opacity 280ms ease, transform 420ms var(--ease); }
.nav-ovl.is-open li { opacity: 1; transform: none; transition-delay: calc(var(--nav-order, 0) * 35ms); }
.nav-ovl__list a[aria-current="page"] { color: var(--purple); }
.rule-row--link .rule-row__v { transition: color 200ms ease; }
.marquee__track { animation-play-state: paused; }
.marquee.is-moving .marquee__track { animation-play-state: running; }
.marquee:hover .marquee__track,
.marquee:focus-within .marquee__track { animation-play-state: paused; }
html { scrollbar-color: var(--purple) var(--panel-soft); scroll-padding-top: 5.5rem; }

@media (prefers-reduced-motion: reduce) {
  .intro-pending .brand-intro { display: none; }
  .intro-pending .site-head__logo { opacity: 1; }
  .nav-ovl__list li { opacity: 1; transform: none; }
  .btn:active, .cta:active .cta__circle { transform: none; }
  .marquee.is-moving .marquee__track { animation-play-state: paused; }
}