/* ============================================================ PODPIS — stopka autorska dla stron cinematic bez własnej stopki. Wspólny standard demonstratorów Roberta (AURA One, KAKAWA i następne). PO CO TO ISTNIEJE Cztery stacjonarne strony AURA One (Start, Anatomia, Doznanie, Dane) nie miały stopki — miały tylko mały napis „Produkt fikcyjny" w rogu. Podpis autora stał wyłącznie w rozdziale Zamów, czyli widział go tylko ten, kto doszedł do końca. Decyzja Roberta 29.07: podpis na każdej stronie. DLACZEGO OSOBNY PLIK Te strony to pełnoekranowe sceny; każda ma własny, ręcznie strojony arkusz. Wklejenie tych samych 20 linii w cztery miejsca gwarantuje, że za miesiąc będą cztery różne stopki. Jeden plik = jedna prawda. KOLIZJA, KTÓRĄ TO ROZWIĄZUJE Napis w rogu, pasek postępu i wskaźnik rozdziału są `position:fixed` — przy stopce leżałyby NA niej. `podpis.js` zapala klasę na , gdy stopka wchodzi w kadr, a te warstwy wygaszają się na czas jej oglądania. ============================================================ */ .podpisStopka{ position:relative; z-index:6; border-top:1px solid var(--line, rgba(255,255,255,.10)); background:var(--bg, #06070d); padding:9vh clamp(18px,4vw,54px) 7vh; text-align:center; } .podpisStopka .fnav{ display:flex; gap:28px; justify-content:center; flex-wrap:wrap; font-family:var(--mono); font-size:12px; letter-spacing:.18em; text-transform:uppercase; } .podpisStopka .fnav a{ color:var(--dim); text-decoration:none; transition:color .2s } .podpisStopka .fnav a:hover{ color:var(--accent) } .podpisStopka .autor{ margin-top:4.5vh; font-family:var(--mono); font-size:12px; letter-spacing:.14em; color:var(--dim); } .podpisStopka .autor b{ color:var(--ink); font-weight:400 } /* Tytuł idzie w osobną linię: to etykieta zawodowa, nie dopisek do nazwiska. */ .podpisStopka .rola{ display:block; margin-top:7px; color:var(--accent); } /* Zdanie wyjaśniające — mniejsze, ale NIE mono i NIE rozstrzelone: ma się czytać jak zdanie, a nie jak kolejna etykieta techniczna. */ .podpisStopka .wyjasnienie{ display:block; max-width:34em; margin:11px auto 0; font-family:var(--sans); font-size:13.5px; letter-spacing:0; line-height:1.6; color:var(--dim); text-transform:none; opacity:.9; } .podpisStopka .disc{ margin-top:3vh; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:rgba(152,164,186,.5); } /* ── wygaszanie warstw pływających na czas stopki ── */ html.podpisWidoczny .disclaimer, html.podpisWidoczny .progress, html.podpisWidoczny .czyt, html.podpisWidoczny .modeswitch{ opacity:0; pointer-events:none; } .disclaimer,.progress,.czyt,.modeswitch{ transition:opacity .35s ease } @media (max-width:860px){ .podpisStopka{ padding:7vh 20px 6vh } .podpisStopka .fnav{ gap:16px; font-size:11px } .podpisStopka .wyjasnienie{ font-size:12.5px } } @media (prefers-reduced-motion:reduce){ .disclaimer,.progress,.czyt,.modeswitch{ transition:none } }