/* =========================================================================
   La Femme — strona "O nas" (page-id-628)
   v3: JASNY MINIMALIZM, WYŚRODKOWANE, paleta zgrana ze stroną główną.
   Biel + off-white (#fff / #f4f4f5), jeden ciemny akcent (CTA), złoto #eba83a.
   Wszystko centrowane (desktop i mobile). Siatka FB = równa (placeholder pod wtyczkę).
   Wszystkie selektory scope'owane do .page-id-628.
   Stackable gubi textColor1 na nagłówkach → kolory ustawiamy tutaj.
   ========================================================================= */

body.page-id-628 {
  --lf-white:    #ffffff;
  --lf-off:      #f4f4f5;   /* theme palette color-6 */
  --lf-off-2:    #f7f7f8;
  --lf-dark:     #111518;   /* theme palette color-4 */
  --lf-gold:     #eba83a;   /* theme palette color-1 */
  --lf-gold-dp:  #c0892e;
  --lf-ink:      #1c1f22;   /* nagłówki na jasnym */
  --lf-body:     #4a4f54;   /* tekst na jasnym (~color-3) */
  --lf-on-dark:  #d7dade;
  --lf-on-dark2: #ffffff;
  --lf-line:     rgba(17, 21, 24, .10);
  --lf-line-dk:  rgba(255, 255, 255, .14);
  --lf-ease:     cubic-bezier(.22, 1, .36, 1);
  --lf-ease-slow:cubic-bezier(.16, 1, .3, 1);

  --lf-maxw:     1290px;
  --lf-gutter:   clamp(1.15rem, 4vw, 1.6rem);
}

body.page-id-628 { overflow-x: hidden; }

/* ---- zeruj 24px szwu między sekcjami ----------------------------------- */
body.page-id-628 .stk-onashero,
body.page-id-628 .stk-onasmanif,
body.page-id-628 .stk-onasphil,
body.page-id-628 .stk-onasfound,
body.page-id-628 .stk-onasquote,
body.page-id-628 .stk-onasig,
body.page-id-628 .stk-onascta {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ---- rytm sekcji ------------------------------------------------------- */
body.page-id-628 .stk-onasmanif,
body.page-id-628 .stk-onasphil,
body.page-id-628 .stk-onasfound,
body.page-id-628 .stk-onasig {
  padding-top: clamp(4.5rem, 8.5vw, 8.5rem) !important;
  padding-bottom: clamp(4.5rem, 8.5vw, 8.5rem) !important;
}
body.page-id-628 .stk-onasquote {
  padding-top: clamp(5rem, 11vw, 11rem) !important;
  padding-bottom: clamp(5rem, 11vw, 11rem) !important;
}
body.page-id-628 .stk-onascta {
  padding-top: var(--stk-block-background-padding) !important;
  padding-bottom: var(--stk-block-background-padding) !important;
}

/* ---- paleta tła: biel dominuje, subtelna alternacja, ciemny tylko CTA --- */
body.page-id-628 .stk-onasmanif,
body.page-id-628 .stk-onasmanif:before { background-color: var(--lf-white) !important; }
body.page-id-628 .stk-onasphil,
body.page-id-628 .stk-onasphil:before  { background-color: var(--lf-off) !important; }
body.page-id-628 .stk-onasfound,
body.page-id-628 .stk-onasfound:before { background-color: var(--lf-white) !important; }
body.page-id-628 .stk-onasquote,
body.page-id-628 .stk-onasquote:before { background-color: var(--lf-off) !important; }
body.page-id-628 .stk-onasig,
body.page-id-628 .stk-onasig:before    { background-color: var(--lf-white) !important; }
body.page-id-628 .stk-onascta,
body.page-id-628 .stk-onascta:before   { background-color: var(--lf-dark) !important; }

/* hairline'y między jasnymi sekcjami */
body.page-id-628 .stk-onasphil,
body.page-id-628 .stk-onasfound,
body.page-id-628 .stk-onasquote,
body.page-id-628 .stk-onasig { border-top: 1px solid var(--lf-line); }

/* ---- kontener zgrany z motywem, treść WYŚRODKOWANA --------------------- */
body.page-id-628 .stk-onasmanif > .stk-row,
body.page-id-628 .stk-onasphil  > .stk-row,
body.page-id-628 .stk-onasfound > .stk-row,
body.page-id-628 .stk-onasquote > .stk-row,
body.page-id-628 .stk-onasig    > .stk-row,
body.page-id-628 .stk-onascta   > .stk-row {
  width: min(100% - 2 * var(--lf-gutter), var(--lf-maxw)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}
/* wymuś centrowanie zawartości kolumn we wszystkich sekcjach */
body.page-id-628 .stk-onasmanif .stk-block-content,
body.page-id-628 .stk-onasphil  .stk-block-content,
body.page-id-628 .stk-onasfound .stk-block-content,
body.page-id-628 .stk-onasquote .stk-block-content,
body.page-id-628 .stk-onasig    .stk-block-content,
body.page-id-628 .stk-onascta   .stk-block-content { text-align: center !important; }

/* FIX centrowania: element z `max-width` ma nadal `width:auto`, więc per spec
   `margin-inline:auto` zeruje się (box ląduje przy lewej). `width:fit-content`
   daje definitywną szerokość → auto-marginesy realnie centrują. */
body.page-id-628 .stk-onasmanifh .stk-block-heading__text,
body.page-id-628 .stk-onasmanif  .stk-block-text__text,
body.page-id-628 .stk-onasphilrow .stk-block-text__text,
body.page-id-628 .stk-onasquoteh .stk-block-heading__text,
body.page-id-628 .stk-onasctah   .stk-block-heading__text {
  width: -moz-fit-content;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* eyebrow wspólny */
body.page-id-628 .stk-onasphilsub .stk-block-text__text,
body.page-id-628 .stk-onasigsub .stk-block-text__text {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: .3em;
  font-weight: 600;
  font-size: clamp(.66rem, 1vw, .76rem) !important;
  color: var(--lf-gold-dp) !important;
  text-align: center !important;
}

/* =======================================================================
   HERO — pełny ekran, treść WYŚRODKOWANA (jak strona główna)
   ===================================================================== */
body.page-id-628 .stk-onashero {
  min-height: 100svh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: clamp(5rem, 10vh, 8rem) 0 0 0 !important;
}
body.page-id-628 .stk-onashero > .stk-row {
  position: relative; z-index: 2;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  width: min(100% - 2 * var(--lf-gutter), var(--lf-maxw)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}
body.page-id-628 .stk-onashero .stk-onasherocol-inner-blocks { text-align: center !important; }
body.page-id-628 .stk-onashero:before {
  background: linear-gradient(180deg, rgba(10,12,14,.34) 0%, rgba(10,12,14,.40) 55%, rgba(10,12,14,.62) 100%) !important;
  opacity: 1 !important;
  z-index: 1;
}
/* Stackable centruje wideo przez inset:50% + translate(-50%,-50%); parallax z onas.js
   nadpisuje transform → wymuszamy inset:0, wtedy translate+scale trzyma pełny kadr. */
body.page-id-628 .stk-onashero video.stk-video-background {
  filter: saturate(1.04) contrast(1.03);
  z-index: 0;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform-origin: center center;
}
body.page-id-628 .stk-onasheroh .stk-block-heading__text {
  color: #ffffff !important;
  text-align: center !important;
  font-size: clamp(2.8rem, 7vw, 6rem) !important;
  line-height: 1.02;
  letter-spacing: .01em;
  text-shadow: 0 3px 40px rgba(0,0,0,.4);
  margin-inline: auto;
}
/* eyebrow pod tytułem, wyśrodkowany, ze złotą kreską nad */
body.page-id-628 .stk-onashero .stk-block-text__text {
  font-family: "Montserrat", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .34em;
  font-weight: 500;
  font-size: clamp(.64rem, 1.1vw, .8rem) !important;
  text-align: center !important;
  color: #f2f3f4 !important;
  max-width: 36ch;
  margin: 1.8rem auto 0 !important;
  padding-top: 1.6rem;
  position: relative;
  text-shadow: 0 1px 14px rgba(0,0,0,.4);
}
body.page-id-628 .stk-onashero .stk-block-text__text:before {
  content: "";
  position: absolute; top: 0; left: 50%;
  width: 54px; height: 1px;
  background: var(--lf-gold);
  transform: translateX(-50%);
}
body.page-id-628 .stk-onashero:after {
  content: "";
  position: absolute;
  bottom: 30px; left: 50%;
  width: 1px; height: 52px;
  background: linear-gradient(180deg, rgba(235,168,58,0), var(--lf-gold));
  transform: translateX(-50%);
  z-index: 2;
  animation: lf-scrollcue 2.6s var(--lf-ease) infinite;
}
@keyframes lf-scrollcue {
  0%   { opacity: 0; transform: translate(-50%,-12px) scaleY(.4); }
  40%  { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%,14px) scaleY(1); }
}

/* =======================================================================
   MANIFEST (biała, wyśrodkowana)
   ===================================================================== */
body.page-id-628 .stk-onasmanifh .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: center !important;
  font-size: clamp(1.9rem, 4.6vw, 3.4rem) !important;
  line-height: 1.12;
  max-width: 22ch;
  margin-inline: auto;
}
body.page-id-628 .stk-onasmanif .stk-block-text__text {
  text-align: center !important;
  font-size: clamp(1.02rem, 1.4vw, 1.16rem) !important;
  line-height: 1.9;
  max-width: 60ch;
  margin-inline: auto !important;
  color: var(--lf-body) !important;
}
body.page-id-628 .stk-onasmanift1 { margin-top: 2rem; }
body.page-id-628 .stk-onasmanift2 { margin-top: 1.2rem; }
body.page-id-628 .stk-onasmanift2 .stk-block-text__text { color: var(--lf-ink) !important; font-weight: 500; }

/* =======================================================================
   FILOZOFIA — 3 kolumny WYŚRODKOWANE (spójne ze stroną główną)
   ===================================================================== */
body.page-id-628 .stk-onasphilh .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: center !important;
  font-size: clamp(1.9rem, 4.2vw, 3rem) !important;
  line-height: 1.08;
  margin-inline: auto;
}
body.page-id-628 .stk-onasphilsub .stk-block-text__text { margin-top: .9rem; }
body.page-id-628 .stk-onasphilrow { margin-top: clamp(2.8rem, 6vw, 4.5rem) !important; }

body.page-id-628 .stk-onasphilrow > .stk-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
}
body.page-id-628 .stk-onasphilrow > .stk-row > .stk-block-column {
  width: auto !important; max-width: none !important; flex: none !important;
}
body.page-id-628 .stk-onasphilrow > .stk-row > .stk-block-column .stk-block-content {
  padding: clamp(1.4rem, 3vw, 2.6rem) clamp(1.2rem, 2.6vw, 2.2rem) !important;
  text-align: center !important;
}
@media (min-width: 768px) {
  body.page-id-628 .stk-onasphil2,
  body.page-id-628 .stk-onasphil3 { box-shadow: inset 1px 0 0 var(--lf-line); }
}
@media (max-width: 767px) {
  /* na telefonie filary w jednej kolumnie (3 kolumny za wąskie → łamią słowa) */
  body.page-id-628 .stk-onasphilrow > .stk-row { grid-template-columns: 1fr !important; }
  body.page-id-628 .stk-onasphil2 .stk-block-content,
  body.page-id-628 .stk-onasphil3 .stk-block-content { border-top: 1px solid var(--lf-line); }
}
/* numeral nad tytułem, wyśrodkowany */
body.page-id-628 .stk-onasphil1h .stk-block-heading__text:before { content: "01"; }
body.page-id-628 .stk-onasphil2h .stk-block-heading__text:before { content: "02"; }
body.page-id-628 .stk-onasphil3h .stk-block-heading__text:before { content: "03"; }
body.page-id-628 .stk-onasphilrow .stk-block-heading__text:before {
  display: block;
  font-family: "Playfair Display SC", serif;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 400;
  line-height: 1;
  color: var(--lf-gold);
  margin-bottom: 1rem;
  letter-spacing: .05em;
}
body.page-id-628 .stk-onasphilrow .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: center !important;
  font-size: clamp(1.4rem, 2.6vw, 1.8rem) !important;
  line-height: 1.1;
}
body.page-id-628 .stk-onasphilrow .stk-block-text__text {
  text-align: center !important;
  font-size: clamp(.98rem, 1.3vw, 1.05rem) !important;
  line-height: 1.8;
  color: var(--lf-body) !important;
  max-width: 32ch;
  margin: 1rem auto 0 !important;
}

/* =======================================================================
   HISTORIA — 2 KOLUMNY: lewa = filmik, prawa = tekst
   ===================================================================== */
@media (min-width: 768px) {
  body.page-id-628 .stk-onasfound > .stk-row {
    display: grid !important;
    grid-template-columns: 0.82fr 1fr !important;
    gap: clamp(2.5rem, 5.5vw, 5.5rem) !important;
    align-items: center !important;
  }
  body.page-id-628 .stk-onasfound > .stk-row > .stk-block-column {
    width: auto !important; max-width: none !important; flex: none !important;
  }
}
/* na prawej kolumnie tekst do lewej (czytelniej obok mediów) */
body.page-id-628 .stk-onasfound .stk-block-content { text-align: left !important; }

/* ukryj oryginalne zdjęcie produktowe (zastępujemy je wideo) */
body.page-id-628 .stk-onasfoundimg-inner-blocks .wp-block-stackable-image { display: none !important; }

/* wstrzyknięty panel wideo (onas.js) — wypełnia lewą kolumnę */
body.page-id-628 .lf-founder-media {
  position: relative;
  width: 100%;
  max-width: 460px;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #eef0f1;
  margin: 0;
}
body.page-id-628 .lf-founder-media video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  will-change: transform;
}
body.page-id-628 .lf-founder-media:after {
  content: "";
  position: absolute; inset: 14px;
  border: 1px solid var(--lf-gold);
  z-index: 2; pointer-events: none;
}

body.page-id-628 .stk-onasfound .stk-block-heading__top-line { display: none !important; }
body.page-id-628 .stk-onasfoundh .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: left !important;
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  line-height: 1.08;
  position: relative;
  padding-top: 1.5rem;
}
body.page-id-628 .stk-onasfoundh .stk-block-heading__text:before {
  content: "";
  position: absolute; top: 0; left: 0;
  width: 54px; height: 1px; background: var(--lf-gold);
}
body.page-id-628 .stk-onasfound .stk-block-text__text {
  text-align: left !important;
  font-size: clamp(1.02rem, 1.4vw, 1.12rem) !important;
  line-height: 1.9;
  color: var(--lf-body) !important;
  max-width: 52ch;
}
body.page-id-628 .stk-onasfoundt1 { margin-top: 1.4rem; }
body.page-id-628 .stk-onasfoundt2 { margin-top: 1rem; }

/* mobile: filmik nad tekstem, wyśrodkowany */
@media (max-width: 767px) {
  body.page-id-628 .stk-onasfoundimg-inner-blocks { display: flex; justify-content: center; }
  body.page-id-628 .lf-founder-media { max-width: 300px; margin: 0 auto clamp(1.6rem, 5vw, 2.4rem); }
  body.page-id-628 .stk-onasfound .stk-block-content { text-align: center !important; }
  body.page-id-628 .stk-onasfoundh .stk-block-heading__text { text-align: center !important; padding-top: 1.5rem; }
  body.page-id-628 .stk-onasfoundh .stk-block-heading__text:before { left: 50%; transform: translateX(-50%); }
  body.page-id-628 .stk-onasfound .stk-block-text__text { text-align: center !important; margin-inline: auto !important; }
}

/* =======================================================================
   CYTAT (off-white, wyśrodkowany pull-quote)
   ===================================================================== */
body.page-id-628 .stk-onasquoteh { position: relative; }
body.page-id-628 .stk-onasquoteh:before {
  content: "\201C";
  display: block;
  font-family: "Playfair Display SC", serif;
  font-size: clamp(4rem, 11vw, 8rem);
  line-height: .55;
  color: var(--lf-gold);
  opacity: .55;
  margin-bottom: .5rem;
  text-align: center;
}
body.page-id-628 .stk-onasquoteh .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: center !important;
  font-style: italic;
  font-size: clamp(1.7rem, 3.8vw, 3rem) !important;
  line-height: 1.4;
  letter-spacing: .01em;
  max-width: 24ch;
  margin-inline: auto;
}

/* =======================================================================
   FACEBOOK (była: Instagram) — biała, wyśrodkowana, RÓWNA siatka
   (placeholder pod wtyczkę auto-FB)
   ===================================================================== */
body.page-id-628 .stk-onasigh .stk-block-heading__text {
  color: var(--lf-ink) !important;
  text-align: center !important;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem) !important;
  margin-inline: auto;
}
body.page-id-628 .stk-onasigsub .stk-block-text__text { margin-top: .8rem; text-align: center !important; }
body.page-id-628 .stk-onasigrow { margin-top: clamp(2.4rem, 5vw, 3.4rem) !important; }

/* równa siatka 6/3/2 — bez staggeru */
body.page-id-628 .stk-onasigrow > .stk-row {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: clamp(.5rem, 1vw, .9rem) !important;
  align-items: stretch !important;
}
body.page-id-628 .stk-onasigrow > .stk-row > .stk-block-column {
  width: auto !important; max-width: none !important; flex: none !important;
  margin-top: 0 !important;
}
body.page-id-628 .stk-onasigrow .stk-img-wrapper {
  height: auto !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
body.page-id-628 .stk-onasigrow .stk-block-image figure { position: relative; overflow: hidden; margin: 0; }
body.page-id-628 .stk-onasigrow .stk-img {
  width: 100% !important; height: 100% !important;
  object-fit: cover;
  transition: transform 1s var(--lf-ease-slow);
  will-change: transform;
}
body.page-id-628 .stk-onasigrow .stk-block-image figure:after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(17,21,24,0) 50%, rgba(17,21,24,.42));
  opacity: 0;
  transition: opacity .5s var(--lf-ease);
  pointer-events: none;
}
body.page-id-628 .stk-onasigrow .stk-block-image:hover figure:after { opacity: 1; }
body.page-id-628 .stk-onasigrow .stk-block-image:hover .stk-img { transform: scale(1.06); }

@media (max-width: 1024px) {
  body.page-id-628 .stk-onasigrow > .stk-row { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 600px) {
  body.page-id-628 .stk-onasigrow > .stk-row { grid-template-columns: repeat(2, 1fr) !important; }
}

/* =======================================================================
   PRZYCISKI (FB + CTA) — wyśrodkowane, minimalistyczne, wipe na hover
   ===================================================================== */
body.page-id-628 .stk-onasigbg,
body.page-id-628 .stk-onasctabg { margin-top: clamp(2.2rem, 4.5vw, 3.2rem) !important; }
body.page-id-628 .stk-onasigbg .stk-row,
body.page-id-628 .stk-onasctabg .stk-row { justify-content: center !important; }

/* --- przycisk sekcji Facebook (ramkowy z wipe) --- */
body.page-id-628 .stk-onasigbtn .stk-button {
  position: relative;
  overflow: hidden;
  padding: 16px 44px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 1px solid var(--lf-ink);
  transition: color .5s var(--lf-ease), border-color .5s var(--lf-ease);
  z-index: 0;
}
body.page-id-628 .stk-onasigbtn .stk-button__inner-text {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .74rem;
  font-weight: 600;
  color: var(--lf-ink) !important;
  position: relative; z-index: 1;
  transition: letter-spacing .5s var(--lf-ease), color .5s var(--lf-ease);
}
body.page-id-628 .stk-onasigbtn .stk-button:before {
  content: "";
  position: absolute; inset: 0;
  background: var(--lf-gold);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .55s var(--lf-ease);
  z-index: 0;
}
body.page-id-628 .stk-onasigbtn .stk-button:hover:before { transform: scaleX(1); }
body.page-id-628 .stk-onasigbtn .stk-button:hover .stk-button__inner-text {
  color: var(--lf-dark) !important;
  letter-spacing: .26em;
}
body.page-id-628 .stk-onasigbtn .stk-button:hover { border-color: var(--lf-gold); }

/* --- przycisk CTA "Przejdź do sklepu" — plain text link, złoty --- */
body.page-id-628 .stk-onasctabtn .stk-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
body.page-id-628 .stk-onasctabtn .stk-button:before { display: none !important; }
body.page-id-628 .stk-onasctabtn .stk-button__inner-text {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .74rem;
  font-weight: 600;
  color: var(--lf-gold) !important;
  transition: letter-spacing .4s var(--lf-ease);
}
body.page-id-628 .stk-onasctabtn .stk-button__inner-text:after {
  content: " ›";
  display: inline-block;
  transition: transform .4s var(--lf-ease);
}
body.page-id-628 .stk-onasctabtn .stk-button:hover .stk-button__inner-text {
  letter-spacing: .26em;
  color: var(--lf-gold) !important;
}
body.page-id-628 .stk-onasctabtn .stk-button:hover .stk-button__inner-text:after {
  transform: translateX(4px);
}

/* CTA (ciemna, wyśrodkowana) */
body.page-id-628 .stk-onasctah .stk-block-heading__text {
  color: #ffffff !important;
  text-align: center !important;
  font-size: clamp(2rem, 4.4vw, 3.2rem) !important;
  line-height: 1.1;
  max-width: 22ch;
  margin-inline: auto;
}
body.page-id-628 .stk-onasctat .stk-block-text__text {
  color: var(--lf-on-dark) !important;
  text-align: center !important;
  letter-spacing: .02em;
  margin-top: 1rem;
  font-size: clamp(1rem, 1.3vw, 1.08rem) !important;
}

/* =======================================================================
   CHOREOGRAFIA WEJŚCIA (klasy z onas.js)
   ===================================================================== */
body.page-id-628 .lf-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s var(--lf-ease), transform .65s var(--lf-ease);
}
body.page-id-628 .lf-reveal.lf-in { opacity: 1; transform: none; }

body.page-id-628 .lf-split .lf-w {
  display: inline-block;
  opacity: 0;
  transform: translateY(.55em);
  transition: opacity .5s var(--lf-ease), transform .55s var(--lf-ease);
}
body.page-id-628 .lf-split.lf-in .lf-w { opacity: 1; transform: none; }

body.page-id-628 .lf-wipe { clip-path: inset(0 0 101% 0); }
body.page-id-628 .lf-wipe.lf-in {
  clip-path: inset(0 0 0% 0);
  transition: clip-path .85s var(--lf-ease-slow);
}

#lf-progress {
  position: fixed; top: 0; left: 0;
  height: 2px; width: 0;
  background: var(--lf-gold);
  z-index: 99999; pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-628 .lf-reveal,
  body.page-id-628 .lf-split .lf-w { opacity: 1 !important; transform: none !important; }
  body.page-id-628 .lf-wipe { clip-path: none !important; }
  body.page-id-628 .stk-onashero:after { animation: none; }
  #lf-progress { display: none; }
}

/* =======================================================================
   SZEROKIE EKRANY (27"+): ściśnij — mniejsze napisy, niższe sekcje,
   żeby nie wyglądało na rozdmuchane. Laptop/tablet/mobile bez zmian.
   ===================================================================== */
@media (min-width: 1600px) {
  body.page-id-628 .stk-onasmanif,
  body.page-id-628 .stk-onasphil,
  body.page-id-628 .stk-onasfound,
  body.page-id-628 .stk-onasig   { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  body.page-id-628 .stk-onasquote { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  body.page-id-628 .stk-onascta   { padding-top: var(--stk-block-background-padding) !important; padding-bottom: var(--stk-block-background-padding) !important; }

  body.page-id-628 .stk-onasheroh .stk-block-heading__text  { font-size: 4.6rem !important; }
  body.page-id-628 .stk-onasmanifh .stk-block-heading__text { font-size: 2.7rem !important; }
  body.page-id-628 .stk-onasphilh .stk-block-heading__text,
  body.page-id-628 .stk-onasfoundh .stk-block-heading__text,
  body.page-id-628 .stk-onasquoteh .stk-block-heading__text { font-size: 2.4rem !important; }
  body.page-id-628 .stk-onasigh .stk-block-heading__text    { font-size: 2.2rem !important; }
  body.page-id-628 .stk-onasctah .stk-block-heading__text   { font-size: 2.6rem !important; }
  body.page-id-628 .stk-onasphilrow .stk-block-heading__text        { font-size: 1.7rem !important; }
  body.page-id-628 .stk-onasphilrow .stk-block-heading__text:before { font-size: 3rem !important; }

  body.page-id-628 .stk-onasmanif .stk-block-text__text,
  body.page-id-628 .stk-onasfound .stk-block-text__text { font-size: 1.08rem !important; }
}