/* ============================================================
   ENGAS PRINT — Lab
   Ciemny layout „aparaturowy”: siatka milimetrowa, hairline'y,
   monospace na etykietach, jeden akcent sygnałowy.

   Świadomie inny od motywu „engas” (jasny papier, granat + cyjan).
   Ta witryna ma czytać się jak panel pomiarowy, nie jak arkusz druku.
   ============================================================ */

:root{
  --bg:#070b0f;
  --bg-2:#0b1117;
  --bg-3:#0f1720;
  --panel:#0d151d;

  --ink:#e9eff4;
  --ink-2:#c3ced7;
  --muted:#8494a1;
  --muted-2:#5f6f7c;

  --line:rgba(233,239,244,.11);
  --line-2:rgba(233,239,244,.06);
  --line-3:rgba(233,239,244,.22);

  --sig:#46d3ff;
  --sig-deep:#1a9ecb;
  --ok:#5fd6a4;
  --warn:#f2b64c;

  --shell:min(1400px,100%);
  --pad:clamp(20px,5vw,80px);
  --head-h:70px;

  --f-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 28px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:clamp(15.5px,.4vw + 14.7px,17px);
  line-height:1.66;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Siatka milimetrowa pod całą stroną — ledwo widoczna, ale nadaje
   tło „karty pomiarowej”. Bez niej ciemne tło robi się martwe. */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--line-2) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 120% 80% at 50% 0%,#000 25%,transparent 78%);
}
body>*{position:relative;z-index:1}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0}
em{font-style:normal}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;margin:0;line-height:1.03;letter-spacing:-.022em}

.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad)}
.shell--narrow{max-width:min(860px,100%)}

/* ---------- typografia pomocnicza ---------- */
.mono{font-family:var(--f-mono);font-size:.68rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase}
.h-xl{font-size:clamp(2.5rem,5.6vw,4.7rem);letter-spacing:-.035em}
.h-lg{font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.03em}
.h-md{font-size:clamp(1.25rem,1.5vw,1.55rem)}
.h-sm{font-size:clamp(1.08rem,1vw,1.24rem);letter-spacing:-.012em}
.lead{font-size:clamp(1rem,.4vw + .92rem,1.14rem);color:var(--muted);max-width:60ch}

.idx{display:flex;align-items:center;gap:.7rem;color:var(--sig);margin-bottom:1.1rem}
.idx::before{content:"";width:22px;height:1px;background:currentColor;opacity:.55;flex:none}

.kicker{color:var(--muted);margin-bottom:1.5rem}

/* akcent pod słowem kluczowym — linia sygnałowa, nie zakreślacz */
.tint{position:relative;display:inline-block;color:var(--sig)}
.tint::after{
  content:"";position:absolute;left:0;right:0;bottom:-.06em;height:1px;
  background:linear-gradient(90deg,var(--sig),transparent);
}

.screen-reader-text{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
.skip-link:focus{
  position:fixed;top:12px;left:12px;z-index:200;width:auto;height:auto;clip:auto;clip-path:none;
  padding:.7rem 1.1rem;background:var(--sig);color:#04121a;font-family:var(--f-mono);font-size:.7rem;
}

/* ============================================================
   PASEK STATUSU + NAGŁÓWEK
   ============================================================ */
.statusbar{background:#04080b;border-bottom:1px solid var(--line-2);color:var(--muted)}
.statusbar__in{
  max-width:var(--shell);margin-inline:auto;padding:.5rem var(--pad);
  display:flex;gap:1.2rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
}
.statusbar b{font-weight:400;display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-2)}
.statusbar__links{display:flex;gap:1.4rem}
.statusbar a{transition:color .2s}
.statusbar a:hover{color:var(--sig)}
@media (max-width:760px){.statusbar__links a:not(:last-child){display:none}}

.dot{width:6px;height:6px;border-radius:50%;background:var(--sig);flex:none;box-shadow:0 0 0 3px rgba(70,211,255,.16)}
@media (prefers-reduced-motion:no-preference){
  .dot{animation:pulse 2.6s var(--ease) infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
}

.site-header{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(14px) saturate(1.3);
  border-bottom:1px solid var(--line);
}
.site-header__in{
  max-width:var(--shell);margin-inline:auto;padding-inline:var(--pad);
  height:var(--head-h);display:flex;align-items:center;gap:clamp(1rem,3vw,2.6rem);
}
.progress{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--sig);transition:width .12s linear}

.brand{display:flex;align-items:center;gap:.75rem;margin-right:auto;flex:none}
.brand__mark{width:26px;height:26px;color:var(--sig);flex:none}
.brand__mark svg{width:100%;height:100%}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--f-display);font-weight:600;font-size:1.06rem;letter-spacing:-.02em}
.brand__name em{color:var(--sig);margin-left:.28em}
.brand__sub{font-size:.56rem;color:var(--muted-2);margin-top:.3rem;letter-spacing:.19em}

.site-nav ul{display:flex;gap:clamp(.9rem,1.8vw,1.9rem);list-style:none;margin:0;padding:0}
.site-nav a{
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);padding-block:.4rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.site-nav a:hover{color:var(--ink);border-bottom-color:var(--sig)}
@media (max-width:1080px){.site-nav{display:none}}

.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
  padding:.72rem 1.25rem;border:1px solid var(--line-3);color:var(--ink);
  transition:border-color .2s,background .2s,color .2s;
}
.btn:hover{border-color:var(--sig);color:var(--sig)}
.btn--solid{background:var(--sig);border-color:var(--sig);color:#04121a;font-weight:500}
.btn--solid:hover{background:var(--sig-deep);border-color:var(--sig-deep);color:#04121a}
.btn--lg{padding:.95rem 1.8rem}
.header-cta{flex:none}
@media (max-width:640px){.header-cta{display:none}}

.burger{
  display:none;width:40px;height:40px;flex:none;background:none;border:1px solid var(--line);
  cursor:pointer;padding:0;place-content:center;gap:5px;
}
.burger i{display:block;width:16px;height:1px;background:var(--ink);margin-inline:auto;transition:transform .25s var(--ease),opacity .2s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1080px){.burger{display:grid}}

.drawer{
  position:fixed;inset:calc(var(--head-h)) 0 0;z-index:55;background:var(--bg);
  padding:clamp(1.6rem,5vw,3rem) var(--pad);overflow-y:auto;
  display:flex;flex-direction:column;justify-content:space-between;gap:2rem;
}
.drawer[hidden]{display:none}
.drawer ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.drawer a{
  display:flex;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line-2);
  font-family:var(--f-display);font-size:1.5rem;font-weight:500;letter-spacing:-.02em;
}
.drawer a .mono{color:var(--sig);font-size:.62rem}
.drawer__foot{display:flex;flex-direction:column;gap:.55rem;color:var(--muted)}

/* ============================================================
   HERO
   ============================================================ */
.hero{padding-block:clamp(3.4rem,7vw,6.4rem) clamp(2.6rem,5vw,4.4rem)}
.hero__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:1020px){.hero__in{grid-template-columns:1fr}}

.hero__copy h1{margin-bottom:1.8rem}
.hero__copy h1 span{display:block}
.hero__lead{display:flex;flex-direction:column;gap:1rem;max-width:58ch}
.hero__lead .lead{color:var(--ink-2)}
.hero__lead .lead+.lead{color:var(--muted)}

.notice{
  display:flex;align-items:flex-start;gap:.85rem;margin-top:1.8rem;padding:.85rem 1rem;
  border:1px solid var(--line);border-left:2px solid var(--warn);background:rgba(242,182,76,.045);
  font-size:.92rem;color:var(--ink-2);
}
.notice__tag{color:var(--warn);flex:none;padding-top:.18rem}

.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.cta-row--center{justify-content:center;margin-top:clamp(2.4rem,4vw,3.4rem)}

.specs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:clamp(2.4rem,4vw,3.4rem) 0 0;
  background:var(--line-2);border:1px solid var(--line-2);
}
.specs>div{background:var(--bg);padding:1.05rem 1rem}
.specs dt{font-family:var(--f-display);font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;letter-spacing:-.03em;color:var(--sig)}
.specs dd{margin:.4rem 0 0;color:var(--muted-2);font-size:.6rem;letter-spacing:.14em}
@media (max-width:560px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- panel pomiarowy ---------- */
.panel{margin:0;border:1px solid var(--line);background:var(--panel);color:var(--sig)}
.panel__head{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.7rem .95rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;
}
.panel__live{display:inline-flex;align-items:center;gap:.5rem;color:var(--sig)}
.panel__plot{position:relative;overflow:hidden}
.panel__plot svg{display:block;width:100%;height:clamp(200px,26vw,270px)}
.panel__grid line{stroke:var(--line-2);stroke-width:1}
.panel__band{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
.panel__line{fill:none;stroke:currentColor;stroke-width:1.75;vector-effect:non-scaling-stroke}
.panel__dot{fill:currentColor}
.panel__scan{
  position:absolute;top:0;bottom:0;width:1px;left:0;
  background:linear-gradient(180deg,transparent,var(--sig),transparent);opacity:.5;
}
@media (prefers-reduced-motion:no-preference){
  .panel__scan{animation:scan 6.5s linear infinite}
  @keyframes scan{0%{left:-2%}100%{left:102%}}
  .panel__dot{animation:pulse 2.6s var(--ease) infinite}
}
.panel__legend{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--line);border-top:1px solid var(--line);
}
.panel__legend li{background:var(--panel);padding:.8rem .95rem;display:flex;flex-direction:column;gap:.35rem}
.panel__legend span{color:var(--muted-2);font-size:.58rem}
.panel__legend b{color:var(--ink);font-weight:500;font-size:.82rem;letter-spacing:.04em;text-transform:none}
.panel__foot{padding:.7rem .95rem;border-top:1px solid var(--line);color:var(--muted-2);font-size:.55rem;letter-spacing:.1em}

/* ============================================================
   PASEK PRZEWIJANY
   ============================================================ */
.ticker{border-block:1px solid var(--line);overflow:hidden;background:var(--bg-2)}
.ticker__track{display:flex;width:max-content;padding-block:.85rem}
@media (prefers-reduced-motion:no-preference){
  .ticker__track{animation:slide 46s linear infinite}
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
.ticker__item{color:var(--muted-2);padding-inline:1.6rem;position:relative;white-space:nowrap;font-size:.66rem}
.ticker__item::after{content:"";position:absolute;right:0;top:50%;width:3px;height:3px;background:var(--sig);opacity:.45;transform:translateY(-50%)}

/* ============================================================
   SEKCJE — wspólna geometria
   ============================================================ */
.sec{padding-block:clamp(3.6rem,7vw,6.6rem)}
.sec--tall{padding-block:clamp(5rem,12vw,10rem)}
.sec--dark{background:var(--bg-2);border-block:1px solid var(--line)}
.sec--rule{border-top:1px solid var(--line)}
.sec--contact{background:linear-gradient(180deg,var(--bg),var(--bg-3));border-top:1px solid var(--line)}

.head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:clamp(1.4rem,4vw,4rem);align-items:end;margin-bottom:clamp(2.4rem,4.5vw,3.8rem);
}
.head--stack{grid-template-columns:1fr}
@media (max-width:900px){.head{grid-template-columns:1fr;align-items:start}}

.foot-note{color:var(--muted-2);margin-top:1.4rem;font-size:.62rem;letter-spacing:.1em;max-width:70ch;line-height:1.9}

/* ---------- kierunki badawcze ---------- */
.tracks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.track{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);
  padding-block:clamp(1.6rem,3vw,2.5rem);border-bottom:1px solid var(--line);transition:background .25s}
.track:hover{background:var(--bg-2)}
.track__no{color:var(--sig);padding-top:.45rem}
.track__body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1rem,3vw,2.6rem);align-items:start}
.track__title{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.track__text{color:var(--muted);max-width:62ch}
@media (max-width:900px){
  .track{grid-template-columns:40px minmax(0,1fr)}
  .track__body{grid-template-columns:1fr;gap:1rem}
}

.tags{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.track__body .tags{margin-top:0;grid-column:1/-1}
.tags li{border:1px solid var(--line);padding:.35rem .65rem;color:var(--muted-2);font-size:.6rem}

/* ---------- znaczniki statusu ---------- */
.chip{
  display:inline-block;padding:.28rem .6rem;border:1px solid var(--line-3);
  color:var(--muted);font-size:.58rem;line-height:1.2;white-space:nowrap;
}
.chip.is-done{color:var(--ok);border-color:rgba(95,214,164,.4)}
.chip.is-live{color:var(--sig);border-color:rgba(70,211,255,.45)}
.chip.is-work{color:var(--warn);border-color:rgba(242,182,76,.4)}
.chip.is-next{color:var(--muted-2);border-color:var(--line)}

/* ---------- mapa drogowa ---------- */
.table-wrap{overflow-x:auto}
.roadmap{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}
.roadmap th,.roadmap td{padding:1rem 1.2rem 1rem 0;border-bottom:1px solid var(--line);vertical-align:top}
.roadmap thead th{color:var(--muted-2);font-weight:400;padding-bottom:.7rem;border-bottom-color:var(--line-3)}
.roadmap tbody th{color:var(--sig);font-weight:400;white-space:nowrap;font-size:.66rem;padding-top:1.15rem}
.roadmap td{color:var(--muted)}
.roadmap td b{color:var(--ink);font-weight:500;font-family:var(--f-display);letter-spacing:-.01em}
.roadmap tbody tr:hover td,.roadmap tbody tr:hover th{background:rgba(233,239,244,.02)}
@media (max-width:820px){
  .roadmap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .roadmap,.roadmap tbody,.roadmap tr,.roadmap th,.roadmap td{display:block;width:100%}
  .roadmap tr{border:1px solid var(--line);padding:1rem;margin-bottom:.8rem}
  .roadmap th,.roadmap td{border:0;padding:.35rem 0}
  .roadmap td::before{content:attr(data-label);display:block;font-family:var(--f-mono);font-size:.55rem;
    letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.3rem}
}

/* ---------- metoda ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-2)}
.step{background:var(--bg);padding:clamp(1.3rem,2.4vw,1.9rem);border-top:1px solid var(--line-3)}
.step__no{color:var(--sig);margin-bottom:1.4rem}
.step h3{margin-bottom:.7rem}
.step__text{color:var(--muted);font-size:.94rem}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* ---------- standardy ---------- */
.std{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,3vw,2.6rem)}
.std__group{border-top:1px solid var(--line-3);padding-top:1.1rem}
.std__title{color:var(--sig);font-size:.62rem;margin-bottom:1rem;line-height:1.6}
.std__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.std__list li{color:var(--muted);font-size:.9rem;padding-left:1rem;position:relative}
.std__list li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--line-3)}
@media (max-width:1000px){.std{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.std{grid-template-columns:1fr}}

/* ---------- instrumentacja ---------- */
.signals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
.signal{background:var(--bg-2);padding:clamp(1.1rem,2vw,1.5rem);display:flex;flex-direction:column;gap:.5rem;min-height:150px}
.signal__name{font-family:var(--f-display);font-size:1.02rem;font-weight:500;letter-spacing:-.015em;line-height:1.25}
.signal__unit{color:var(--muted-2);font-size:.58rem}
.signal__state{margin-top:auto;color:var(--muted);font-size:.56rem}
.signal__state.is-done{color:var(--ok)}
.signal__state.is-live{color:var(--sig)}
.signal__state.is-work{color:var(--warn)}
@media (max-width:980px){.signals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.signals{grid-template-columns:1fr}}

/* ---------- notatki ---------- */
.notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,3vw,2.4rem)}
.note{border-top:1px solid var(--line-3);padding-top:1.2rem}
.note__date{color:var(--sig);margin-bottom:1rem;font-size:.62rem}
.note h2,.note h3{margin-bottom:.8rem}
.note__body{color:var(--muted);font-size:.94rem}
@media (max-width:900px){.notes{grid-template-columns:1fr}}

/* ---------- kontakt ---------- */
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
.card{background:var(--bg-2);padding:clamp(1.4rem,2.6vw,2.1rem);display:flex;flex-direction:column;gap:.8rem;min-height:200px}
.card__text{color:var(--muted);font-size:.94rem}
.card__link{margin-top:auto;color:var(--sig);font-size:.66rem;text-transform:none;letter-spacing:.06em;word-break:break-word}
a.card__link:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:860px){.cards{grid-template-columns:1fr}}

/* ============================================================
   STOPKA
   ============================================================ */
.site-footer{background:#04080b;border-top:1px solid var(--line);padding-block:clamp(2.8rem,5vw,4.4rem) 1.6rem}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:clamp(1.6rem,4vw,3.4rem)}
.wordmark{font-family:var(--f-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}
.wordmark em{color:var(--sig);margin-left:.3rem}
.claim{color:var(--muted);margin-top:.9rem;max-width:46ch;font-size:.94rem}
.site-footer__meta .label{color:var(--muted-2);margin-bottom:.9rem;font-size:.58rem}
.site-footer__meta address{font-style:normal;color:var(--ink-2);font-size:.92rem;line-height:1.8}
.site-footer__meta p{color:var(--ink-2);font-size:.92rem}
.site-footer__meta a:hover{color:var(--sig)}
.site-footer__note{margin-top:clamp(2rem,4vw,3rem);padding-top:1.4rem;border-top:1px solid var(--line-2);
  color:var(--muted-2);font-size:.82rem;max-width:88ch}
.site-footer__bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;
  margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line-2);color:var(--muted-2)}
.site-footer__bar nav{display:flex;gap:1.4rem}
.site-footer__bar a:hover{color:var(--sig)}
@media (max-width:820px){.site-footer__top{grid-template-columns:1fr}}

/* ============================================================
   TREŚĆ WPISÓW I STRON
   ============================================================ */
.prose{max-width:70ch;color:var(--ink-2)}
.prose>*+*{margin-top:1.15rem}
.prose h2,.prose h3{margin-top:2.4rem;color:var(--ink)}
.prose a{color:var(--sig);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2rem}
.prose blockquote{border-left:2px solid var(--sig);padding-left:1.2rem;color:var(--muted)}
.prose code{font-family:var(--f-mono);font-size:.86em;background:var(--bg-3);padding:.15em .4em}
.pagination{margin-top:2.6rem;display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted)}
.pagination a:hover{color:var(--sig)}

/* ============================================================
   WEJŚCIE ELEMENTÓW
   ============================================================ */
@media (prefers-reduced-motion:no-preference){
  .js [data-rise]{opacity:0;transform:translateY(16px)}
  .js [data-rise].is-in{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}
  .js [data-rise][data-rise-d="1"].is-in{transition-delay:.08s}
  .js [data-rise][data-rise-d="2"].is-in{transition-delay:.16s}
  .js [data-rise][data-rise-d="3"].is-in{transition-delay:.24s}
}