/* Zaślepka tygodnik.barstudio.pl (13.11.2026).
   Paleta z zeszłorocznej strony na Wixie (comms/wix-tygodnik-2026/):
   róż tła, oliwkowy pas i napisy, pomarańczowe formy z kolażu Krysi.
   Font główny Krysi (Rukou) — Krysia używa go wyłącznie wersalikami. */

@font-face {
  font-family: "Rukou";
  src: url("fonts/RukouRegular-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --roz: #ffd2ff;
  --oliwka: #a3a300;
  --oliwka-ciemna: #6e6e00;
  --pomarancz: #ff6a13;
  --tekst: #2b2b12;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--roz);
  color: var(--tekst);
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.5;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.pas { width: 100%; }
.pas-gora { height: clamp(2.5rem, 8vh, 5rem); background: var(--oliwka); }
.pas-dol {
  margin-top: auto;
  padding: 1rem;
  background: var(--oliwka);
  color: #fff;
  text-align: center;
}

main {
  width: min(42rem, 100% - 2.5rem);
  margin: 0 auto;
  padding: clamp(2rem, 7vh, 5rem) 0 3rem;
  text-align: center;
}

.wydawca,
h1,
.zapowiedz {
  font-family: "Rukou", Georgia, serif;
  text-transform: uppercase;
  font-weight: 400;
}

.wydawca {
  margin: 0;
  letter-spacing: .12em;
  color: var(--oliwka-ciemna);
  font-size: clamp(.95rem, 2.6vw, 1.15rem);
}

h1 {
  margin: .2em 0 0;
  color: var(--oliwka);
  font-size: clamp(3.2rem, 14vw, 7.5rem);
  line-height: .95;
  letter-spacing: .02em;
}

h1 .rok { color: var(--pomarancz); }

.formy {
  position: relative;
  height: clamp(5rem, 16vw, 8rem);
  margin: 1.5rem auto;
  width: min(22rem, 90%);
}

.polkole,
.gwiazda {
  position: absolute;
  top: 50%;
  background: var(--pomarancz);
}

.polkole {
  left: 0;
  width: 40%;
  aspect-ratio: 2 / 1;
  border-radius: 0 0 999px 999px;
  transform: translateY(-50%) rotate(-8deg);
}

.gwiazda {
  right: 0;
  width: 40%;
  aspect-ratio: 3 / 2;
  transform: translateY(-50%) rotate(6deg);
  clip-path: polygon(
    50% 0%, 58% 12%, 72% 4%, 74% 19%, 90% 16%, 86% 31%, 100% 36%, 90% 48%,
    100% 62%, 86% 67%, 90% 84%, 74% 80%, 72% 96%, 58% 88%, 50% 100%, 42% 88%,
    28% 96%, 26% 80%, 10% 84%, 14% 67%, 0% 62%, 10% 48%, 0% 36%, 14% 31%,
    10% 16%, 26% 19%, 28% 4%, 42% 12%);
}

.zapowiedz {
  margin: 0 auto 1.5rem;
  max-width: 30rem;
  color: var(--tekst);
  font-size: clamp(1.4rem, 5vw, 2.1rem);
  line-height: 1.15;
}

.opis {
  margin: 0 auto 2rem;
  max-width: 34rem;
  font-size: 1.05rem;
}

.kontakt {
  margin: 0;
  font-size: .95rem;
  color: var(--oliwka-ciemna);
}

a { color: var(--tekst); text-underline-offset: .2em; }
a:hover, a:focus-visible { color: var(--pomarancz); }

@media (prefers-reduced-motion: no-preference) {
  .gwiazda { animation: obrot 24s linear infinite; }
  @keyframes obrot {
    from { transform: translateY(-50%) rotate(6deg); }
    to   { transform: translateY(-50%) rotate(366deg); }
  }
}