/* knapbartosz.pl · zaślepka: jeden ekran; style i tokeny z nowej strony (styles.css) */
/* krój Familjen Grotesk (licencja SIL OFL, fonty/OFL.txt) hostowany u siebie: zmienna grubość 400–600, bez połączeń z Google */
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonty/familjen-grotesk-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Familjen Grotesk";font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonty/familjen-grotesk-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* zaślepka: jeden ekran, bez przewijania; style i tokeny z nowej strony */
html,body{height:100%}
.ekran{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.ekran .raster{-webkit-mask-image:linear-gradient(to bottom,transparent 4%,#000 42%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 4%,#000 42%,#000 82%,transparent 100%)}
.gora{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none}
.wkrotce{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--soft)}
.wkrotce::before{content:"";width:8px;height:8px;background:var(--orange)}
@media (prefers-reduced-motion:no-preference){.wkrotce::before{animation:mrug 1.6s steps(1) infinite}}
@keyframes mrug{50%{opacity:0}}
.srodek{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(24px,5vh,64px)}
.ekran .h1{font-size:clamp(44px,min(8.2vw,14vh),124px)}
.ekran .lead{max-width:40rem;margin-top:clamp(20px,3.4vh,32px)}
.ekran .akcje{justify-content:flex-start;margin-top:clamp(24px,4.4vh,40px)}
.dol{flex:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;padding-bottom:max(28px,env(safe-area-inset-bottom,0px))}
.dol .fakty{position:static;display:flex;flex-wrap:wrap;gap:16px 48px;padding:0;width:auto;margin:0}
.dol .meta a{color:inherit}
@media (max-width:767px){
  .gora{height:64px}
  .dol .fakty{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;width:100%}
  .ekran .lead{font-size:16px}
}
@media (max-height:700px){.dol .fakty dd{font-size:20px}}
/* skaczący znak: ląduje na słowach i zostaje kropką na końcu nagłówka */
.pilka{position:absolute;left:0;top:0;z-index:5;background:var(--orange);pointer-events:none;transform-origin:50% 100%;will-change:transform;visibility:hidden}
.js-skok .kropka-h{visibility:hidden}
.h1 .kropka-h{cursor:pointer}