/* ============================================================================
   home.css — STRONA GŁÓWNA: jadący napis (marquee), .home-stage, .hero-scroll, .hero-reveal
   Część rozbitego css/style.css — kolejność wczytywania (ta sama na każdej
   podstronie) trzyma kaskadę identyczną jak w jednym pliku.
   ========================================================================== */

/* (Dawna sekcja SPOTIFY / AKTUALNOŚCI z osadzonym widgetem USUNIĘTA w całości
   razem ze slajdem — patrz index.html.) */

/* (CYTAT .intro-quote w odręcznej Corinthii — USUNIĘTY razem z całym slajdem
   Sociale; jego treść i tak jedzie teraz wielkim marquee na hero. Link do
   Google Fonts z Corinthią wyleciał z index.html.) */

/* HERO — JADĄCY NAPIS (marquee): serce pierwszego slajdu.
   (Okno "ALBUM.exe is loading..." + scena XP z notatnikiem i odtwarzaczem —
   USUNIĘTE w całości na życzenie, razem z modułem Countdown i setupXpScene
   w main.js; hero to teraz sam napis jadący w pętli.)
   Tor zawiera DWIE identyczne grupy tekstu; animacja przesuwa go z -50% do 0
   i zapętla — w momencie przeskoku obraz jest identyczny piksel w piksel,
   więc pętla jest bezszwowa. Animowany WYŁĄCZNIE transform (kompozytor GPU,
   will-change) — jedzie w natywnym odświeżaniu ekranu (60/120/144 Hz), bez
   przemalowań layoutu. Kierunek: z lewej do prawej. */
.hero-marquee{width:100%;overflow:hidden;user-select:none}
/* 110s (dawne 60s — napis jechał ZA SZYBKO na życzenie): dłuższy czas =
   wolniejszy, dostojniejszy przesuw. Pętla dalej bezszwowa (dwie identyczne
   grupy, tor jedzie z -50% do 0). */
.hero-marquee-track{display:flex;width:max-content;will-change:transform;animation:heroMarquee 110s linear infinite}
.hero-marquee-group{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}
/* line-height 1.3 (dawne 1.05) — daje pełną wysokość linii, żeby polskie
   diakrytyki (Ż, Ó, ż) mieściły się w boxie i overflow:hidden marquee ich nie
   ucinał u góry. */
.hero-marquee-group span{font-size:clamp(44px,9vw,150px);font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:#fff}
.hero-marquee-star{font-size:clamp(18px,3vw,44px) !important;margin:0 clamp(24px,4vw,64px);transform:translateY(-0.08em)}
@keyframes heroMarquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* SLIDE-0 PRZEWIJA SIĘ PIONOWO (jedyny taki slajd): .hero-scroll to wewnętrzny
   scroll-container (overflow-y:auto) — najpierw pinowana sekcja WHY (pudełko
   CD), a po zamknięciu i odjeździe pudełka w czerń scroll prowadzi na dół
   czarnego ekranu finału (.why-finale) z trzema tracklistami TAPE'1/2/3.
   Poziome slajdy dalej przełącza tylko menu/klawiatura — pionowy
   scroll żyje wyłącznie w środku tego kontenera (touchmove w setupSlides). */
.hero-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;
  /* Pasek przewijania UKRYTY (Windows/macOS/telefon) — scroll działa
     normalnie, tylko bez widocznego suwaka z prawej. */
  scrollbar-width:none;-ms-overflow-style:none}
.hero-scroll::-webkit-scrollbar{display:none;width:0;height:0}

/* ODKRYWANIE PRZY SKROLU — elementy .hero-reveal startują niewidoczne i
   obniżone; IntersectionObserver (setupHeroReveal w main.js, root =
   .hero-scroll) dopina .is-revealed gdy wjadą w ekran, jednorazowo.
   Zostal z tego sam copyright (ikonki socialów usunięte na życzenie). */
.hero-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}
.hero-reveal.is-revealed{opacity:1;transform:none}

/* ===========================================================================
   STRONA GŁÓWNA (slide-0) — na środku jedzie cytat (marquee, przeniesiony z
   Odliczania). Scena centruje go w pionie.
   =========================================================================== */
.home-stage{
  position:absolute;inset:0;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}

/* (STOPKA/copyright — USUNIĘTA na życzenie.) */

/* (Strzałka na dole pierwszego ekranu — USUNIĘTA w całości na życzenie;
   zaproszenie do scrolla robi teraz napis .why-hint zapalany przez intro.) */

/* (TŁO WIDEO hero — USUNIĘTE w całości na życzenie, razem z filtrem
   czarno-białym i kinowym ziarnem, które chwilę na nim pomieszkały; hero
   stoi teraz na czystej czerni body. Plik main-background.webm na R2 nie
   jest już przez nic używany.) */