/* fonty: lokalnie z assets/fonts (motyw WordPress) */
/* VIVID — MOTYW CIEMNY (wspólny) */

/* ── FONTY: Space Grotesk (nagłówki) · Hanken Grotesk (tekst) · IBM Plex Mono ── */
body.theme-dark{
  --f-display:'Space Grotesk','Hanken Grotesk',sans-serif;
  --f-body:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,monospace;
}
/* Space Grotesk nie ma wagi 800/900 ani italiku — normalizacja nagłówków */
.theme-dark h1,.theme-dark h2{ font-weight:600; letter-spacing:-.03em; }
.theme-dark h3{ font-weight:600; letter-spacing:-.02em; }
.theme-dark h1 em,.theme-dark h2 em,.theme-dark h3 em{ font-style:normal; font-weight:600; color:#D5FF40; }

body.theme-dark{
  --orange:#D5FF40; --sig:#D5FF40; --ink:#EDEFE8; --muted:#8C8F84;
  --line:rgba(213,255,64,.14); --grey:#181916; --grey2:#1C1E19;
  background:#181916; color:#C0C2B8;
}
.theme-dark ::selection{ background:#D5FF40; color:#181916; }
.theme-dark :focus-visible{ outline-color:#D5FF40; }
.theme-dark h1,.theme-dark h2,.theme-dark h3{ color:#EDEFE8; }
.theme-dark .anno{ border-top-color:rgba(255,255,255,.18); color:#8C8F84; }
.theme-dark .anno b{ color:#EDEFE8; }

/* ── HEADER ── */
.theme-dark header{ background:rgba(20,21,18,.86); border-bottom:1px solid rgba(213,255,64,.14); }
.theme-dark .logo img{ filter:brightness(0) invert(1); }
.theme-dark .nav ul a{ color:#C0C2B8; }
.theme-dark .nav ul a:hover{ border-color:#D5FF40; color:#fff; }
.theme-dark .nav ul a.active{ color:#D5FF40; border-color:#D5FF40; }
.theme-dark .lang{ color:#EDEFE8 !important; }
.theme-dark .lang b{ color:#EDEFE8; }
.theme-dark .burger span{ background:#EDEFE8; }
@media (max-width:960px){ .theme-dark .nav ul{ background:#181916; } }

/* HERO — scroll-scrub video (canvas) + przyciemnienie dla czytelności tekstu */
.theme-dark .hero .hero-video-shade{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg, rgba(24,25,22,.72) 0%, rgba(24,25,22,.38) 45%, rgba(24,25,22,.72) 100%);
}
.theme-dark .hero .wrap{ position:relative; z-index:2; }
.theme-dark .hero .scroll-hint{ z-index:2; }
.theme-dark .hero-scrub-progress{ background:#D5FF40; }

/* ══ DESENIE TŁA ══ */
/* HERO — poświata + subtelne ziarno */
.theme-dark .hero{
  background:radial-gradient(120% 80% at 50% 122%, rgba(213,255,64,.10), transparent 58%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916;
}
/* CZYM JESTEŚMY (insight) — drobne kropki */
.theme-dark .insight{ background:#161714; border-bottom:1px solid rgba(213,255,64,.12); position:relative; }
.theme-dark .insight::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:radial-gradient(rgba(244,245,240,.10) 1px, transparent 1.2px);
  background-size:16px 16px;
  -webkit-mask-image:radial-gradient(ellipse 55% 50% at 50% 48%, transparent 12%, #000 78%);
  mask-image:radial-gradient(ellipse 55% 50% at 50% 48%, transparent 12%, #000 78%);
}
.theme-dark .insight > *{ position:relative; z-index:1; }
.theme-dark .insight .anno{ border-color:rgba(255,255,255,.16); color:#8C8F84; }
.theme-dark .insight .anno b{ color:#EDEFE8; }
.theme-dark .insight .text-col p.big-quote{ color:#E7E9E1; }
.theme-dark .insight .text-col p.big-quote .hl{ background-image:linear-gradient(transparent 62%, rgba(213,255,64,.28) 62%); }
.theme-dark .insight .text-col .sub{ color:#9A9C90; }
.theme-dark .insight .video-wrap{ border-color:#D5FF40; box-shadow:7px 7px 0 #0F100E; }
.theme-dark .insight .video-placeholder:hover{ background:rgba(213,255,64,.08); }
.theme-dark .insight .video-placeholder:hover .play-btn{ background:#D5FF40; border-color:#D5FF40; color:#181916; }
/* REALIZACJE — czysty czarny + ziarno */
.theme-dark .portfolio-home{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #101110; }
.theme-dark .ph-card figure::after{ background:radial-gradient(ellipse at center,rgba(213,255,64,.18) 0%,rgba(15,16,14,.62) 100%); }
.theme-dark .ph-card:hover .ov-cta{ background:#D5FF40; border-color:#D5FF40; color:#181916; }
/* ZAUFALI NAM — czysty + ziarno */
.theme-dark .clients-section{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #121310; border-block:1px solid rgba(213,255,64,.12); }
.theme-dark .clients-section .anno{ border-color:rgba(255,255,255,.16); }
.theme-dark .logo-item{ background:#1C1E19; border-color:rgba(255,255,255,.08); transition:background .25s,border-color .25s; }
/* brightness(0) najpierw wypłaszcza logo do czerni niezależnie od koloru źródłowego,
   invert(1) zamienia to na jednolitą bielą sylwetkę — dzięki temu każde logo (ciemne i jasne) wygląda tak samo */
.theme-dark .logo-item svg{ opacity:.6 !important; filter:brightness(0) invert(1) !important; }
.theme-dark .logo-item:hover{ background:#D5FF40; border-color:#D5FF40; }
.theme-dark .logo-item:hover svg{ opacity:1 !important; filter:brightness(0) invert(1) !important; }
.theme-dark .cl-arrow{ border-color:rgba(255,255,255,.3); color:#EDEFE8; }
.theme-dark .cl-arrow:hover{ background:#D5FF40; border-color:#D5FF40; color:#181916; }
/* OFERTA — czysty + ziarno */
.theme-dark .offer-panes-section{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #1C1E19; border-block:1px solid rgba(213,255,64,.12); }
.theme-dark .offer-panes-section .anno{ border-color:rgba(255,255,255,.16); }
.theme-dark .offer-panes-section .pnote{ color:#8C8F84; }
.theme-dark .pane4{ border-color:rgba(255,255,255,.14); }
/* WSPÓŁPRACA — prawie czysty czarny + delikatne ziarno */
.theme-dark .wspolpraca{
  background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%);
  border-bottom:1px solid rgba(213,255,64,.12);
}
.theme-dark .wspolpraca h2{ color:#EDEFE8; }
.theme-dark .wspolpraca .lead{ color:#9A9C90; }
.theme-dark .v1-check .mono{ color:#8C8F84; }
.theme-dark .v1-check{ border-top-color:#EDEFE8; }
.theme-dark .v1-check li{ border-bottom-color:rgba(255,255,255,.12); color:#EDEFE8; }
.theme-dark .v1-check .tick{ color:#D5FF40; }
.theme-dark .v1-steps li::after{ background:rgba(255,255,255,.14); }
.theme-dark .v1-steps h4{ color:#EDEFE8; }
.theme-dark .v1-steps p{ color:#8C8F84; }
.theme-dark .v1-punch{ color:#EDEFE8; }
/* MECHANIZM — czysty czarny + drobne ziarno */
.theme-dark .mechanism{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/120px 120px, #121310; border-block:1px solid rgba(213,255,64,.12); }
.theme-dark .spec{ border-top-color:#EDEFE8; }
.theme-dark .spec li{ border-bottom-color:rgba(255,255,255,.1); }
.theme-dark .spec p{ color:#8C8F84; }
.theme-dark .spec .end{ color:#6E7166; }
.theme-dark .spec li:hover{ background:#1D1E1A; color:#EDEFE8; }
.theme-dark .spec li:hover h3{ color:#D5FF40; }
.theme-dark .spec li:hover p{ color:#A8AB9E; }
.theme-dark .spec li:hover::before{ color:#D5FF40; }
.theme-dark .spec li:last-child{ border-bottom-color:#EDEFE8; }
.theme-dark .spec li:last-child:hover{ background:#1D1E1A; }
.theme-dark .spec li:last-child:hover .end{ color:#D5FF40; }
.theme-dark .spec li:hover .end{ color:#D5FF40; }
.theme-dark .spec-preview{ border-color:#D5FF40; box-shadow:6px 6px 0 #0F100E; }
/* DLACZEGO MY — drobna kratka (siatka) */
.theme-dark .why-section{ background:#131411; position:relative; }
.theme-dark .why-section::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(244,245,240,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,245,240,.022) 1px, transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
  mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
}
.theme-dark .why-section > *{ position:relative; z-index:1; }
/* karty: nieprzezroczyste tło — deseń nigdy nie prześwituje */
.theme-dark .why-pillar{ background:#1D1E1A; border-color:rgba(255,255,255,.09); }
.theme-dark .why-pillar:hover{ background:#232420; border-color:rgba(255,255,255,.18); }

/* ══ KONTAKT — limonkowy flood ══ */
.theme-dark .contact-flood{ background:#D5FF40; color:#181916; }
.theme-dark .contact-flood .anno{ border-color:rgba(24,25,22,.3)!important; color:rgba(24,25,22,.65)!important; }
.theme-dark .contact-flood .anno b{ color:#181916!important; }
.theme-dark .contact-flood .anno .cross{ color:#181916!important; }
.theme-dark .contact-flood h2{ color:#181916; }
.theme-dark .contact-flood h2 em{ color:#181916; }
.theme-dark .contact-flood .cf-label{ color:rgba(24,25,22,.6); }
.theme-dark .contact-flood .cf-value{ color:#181916; }
.theme-dark .contact-flood .cf-detail:hover{ color:#3a4a00; }
.theme-dark .contact-flood .cf-sep{ background:rgba(24,25,22,.25); }

/* ══ PRZYCISKI — PILLS + POŚWIATA NA HOVER ══ */
.theme-dark .btn, .theme-dark .nav-cta, .theme-dark .cf-btn,
.theme-dark .ov-cta, .theme-dark .consult-submit, .theme-dark .wsp-cta{
  border-radius:999px;
  transition:box-shadow .3s ease, background .25s, color .25s, transform .2s, border-color .25s;
}
/* lime CTA */
.theme-dark .btn--sig, .theme-dark .nav-cta, .theme-dark .consult-submit{
  background:#D5FF40; color:#181916; border-color:#D5FF40;
}
.theme-dark .btn--sig:hover, .theme-dark .nav-cta:hover, .theme-dark .consult-submit:hover{
  background:#D5FF40; color:#181916; border-color:#D5FF40;
  transform:translateY(-2px);
  box-shadow:0 0 0 4px rgba(213,255,64,.18), 0 12px 34px rgba(213,255,64,.45);
}
/* kontakt: ciemny przycisk na limonce */
.theme-dark .contact-flood .cf-btn{ background:#181916; color:#D5FF40; border-color:#181916; }
.theme-dark .contact-flood .cf-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 4px rgba(24,25,22,.16), 0 12px 34px rgba(24,25,22,.4);
}
/* portfolio CTA hover glow */
.theme-dark .ph-card:hover .ov-cta{ box-shadow:0 8px 26px rgba(213,255,64,.4); }

/* ═══ PODSTRONY ═══ */
.theme-dark .page-hero--paper{ background:#181916; color:#EDEFE8; border-bottom-color:#D5FF40; }
.theme-dark .page-hero--paper::before{ -webkit-text-stroke-color:rgba(255,255,255,.05); }
.theme-dark .page-hero--paper .anno{ border-color:rgba(255,255,255,.16); color:#8C8F84; }
.theme-dark .page-hero--paper .anno b{ color:#EDEFE8; }
.theme-dark .page-hero--paper .lede{ color:#9A9C90; }
.theme-dark .page-hero--paper .ph-stats{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.08); }
.theme-dark .page-hero--paper .ph-stat{ background:rgba(255,255,255,.04); }
.theme-dark .page-hero--paper .ph-stat p{ color:#8C8F84; }
.theme-dark .page-hero--sig{ background:#D5FF40; color:#181916; border-bottom-color:#181916; }
.theme-dark .page-hero--sig::before{ -webkit-text-stroke-color:rgba(24,25,22,.07); }
.theme-dark .page-hero--sig .anno{ border-color:rgba(24,25,22,.3); color:rgba(24,25,22,.65); }
.theme-dark .page-hero--sig .anno b{ color:#181916; }
.theme-dark .page-hero--sig h1{ color:#181916; }
.theme-dark .page-hero--sig h1 em{ color:#181916; }
.theme-dark .page-hero--sig .lede{ color:rgba(24,25,22,.78); }
.theme-dark .manifesto .hl{ background-image:linear-gradient(transparent 60%, rgba(213,255,64,.28) 60%); }
.theme-dark .step{ border-top-color:#EDEFE8; }
.theme-dark .cta{ color:#181916; border-block-color:#181916; }
.theme-dark .cta .anno{ border-color:rgba(24,25,22,.3); color:rgba(24,25,22,.65); }
.theme-dark .cta .anno b{ color:#181916; }
.theme-dark .cta h2{ color:#181916; }
.theme-dark .cta h2 em{ color:#181916; }
.theme-dark .cta p{ color:rgba(24,25,22,.8); }
.theme-dark .cta .btn{ background:#181916; color:#D5FF40; border-color:#181916; }
.theme-dark .cta .btn:hover{ background:#181916; color:#D5FF40; transform:translateY(-2px); box-shadow:0 0 0 4px rgba(24,25,22,.16), 0 12px 34px rgba(24,25,22,.4); }
.theme-dark .svc{ border-color:rgba(255,255,255,.12); }
.theme-dark .svc:hover{ background:#D5FF40; color:#181916; }
.theme-dark .svc:hover p{ color:rgba(24,25,22,.7); }
.theme-dark .svc:hover .go{ background:#181916; border-color:#181916; color:#D5FF40; }
.theme-dark .svc-tag{ background:transparent; border-color:rgba(255,255,255,.16); color:#C0C2B8; }
.theme-dark .pillar, .theme-dark .adv-card{ background:#1D1E1A; border-color:rgba(255,255,255,.09); }
.theme-dark .pillar:hover, .theme-dark .adv-card:hover{ background:#D5FF40; color:#181916; border-color:#D5FF40; }
.theme-dark .pillar:hover p, .theme-dark .adv-card:hover p{ color:rgba(24,25,22,.7); }
.theme-dark .why-pillar{ background:#1D1E1A; border-color:rgba(255,255,255,.09); }
.theme-dark .why-pillar:hover{ background:#232420; border-color:rgba(255,255,255,.18); }
.theme-dark .stat{ background:#1C1E19; }
.theme-dark .team-card{ border-color:rgba(255,255,255,.14); }
.theme-dark .before-after{ border-color:rgba(255,255,255,.2); }
.theme-dark .ps-split{ background:#1C1E19; }
.theme-dark .ps-pull p{ color:#EDEFE8; }
.theme-dark .pm-desc{ background:#181916; border-bottom-color:rgba(255,255,255,.1); }
.theme-dark .pf-billboard-hero{ background:#181916; color:#EDEFE8; }
.theme-dark .contact-form label{ color:#C0C2B8 !important; }
.theme-dark .contact-form input, .theme-dark .contact-form textarea{ background:#1C1E19 !important; color:#EDEFE8 !important; border-color:rgba(255,255,255,.16) !important; }
.theme-dark .contact-form input:focus, .theme-dark .contact-form textarea:focus{ border-color:#D5FF40 !important; }

/* ═══════════════════════════════════════════════════
   PODSTRONY v2 — twarde kolory (bez zmiennych), wzór: strona główna
═══════════════════════════════════════════════════ */

/* ── PORTFOLIO: billboard ── */
.theme-dark .pf-billboard-hero{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; color:#EDEFE8; }
.theme-dark .pf-anno{ border-color:rgba(255,255,255,.16); color:#8C8F84; }
.theme-dark .pf-anno b{ color:#EDEFE8; }
.theme-dark .pf-anno .cross{ color:#D5FF40; }
.theme-dark .pf-word{ color:#EDEFE8; }
.theme-dark .pf-word--sig{ color:#D5FF40; font-style:normal; }
.theme-dark .pf-word--outline{ color:transparent; -webkit-text-stroke-color:rgba(237,239,232,.75); }
.theme-dark .pf-dot{ color:#D5FF40; }
.theme-dark .pf-billboard-sub{ color:#8C8F84; }

/* ── PORTFOLIO: grid ── */
.theme-dark .portfolio-page{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #101110; color:#EDEFE8; }
.theme-dark .portfolio-page .anno{ border-color:rgba(255,255,255,.16); color:#8C8F84; }
.theme-dark .portfolio-page .anno b{ color:#EDEFE8; }
.theme-dark .pf-filter{ color:#9A9C90; border-color:rgba(255,255,255,.18); border-radius:999px; transition:all .25s; }
.theme-dark .pf-filter:hover{ border-color:#D5FF40; color:#EDEFE8; }
.theme-dark .pf-filter.active{ background:#D5FF40; border-color:#D5FF40; color:#181916; }
.theme-dark .pf-item figure{ border:1px solid rgba(255,255,255,.08); }
.theme-dark .pf-item figure::after{ background:radial-gradient(ellipse at center, rgba(213,255,64,.14) 0%, rgba(15,16,14,.6) 100%); }
.theme-dark .pf-item .pf-meta{ border-bottom-color:rgba(255,255,255,.12); }
.theme-dark .pf-item .pf-meta b{ color:#EDEFE8; }
.theme-dark .pf-item .pf-meta span{ color:#8C8F84; }
.theme-dark .pf-item:hover .pf-meta b{ color:#D5FF40; }
.theme-dark .pf-item .code{ background:#EDEFE8; color:#181916; }
.theme-dark .pf-item .tag{ background:#D5FF40; color:#181916; }
.theme-dark .pf-overlay .ov-tag{ background:#D5FF40; color:#181916; }
.theme-dark .pf-overlay .ov-name{ color:#fff; }
.theme-dark .pf-overlay .ov-cta{ border-color:#fff; color:#fff; border-radius:999px; }
.theme-dark .pf-item:hover .ov-cta{ background:#D5FF40; border-color:#D5FF40; color:#181916; box-shadow:0 8px 26px rgba(213,255,64,.4); }
.theme-dark .pf-to-contact{ background:#121310; border-top-color:rgba(255,255,255,.06); }
.theme-dark .pf-to-contact p{ color:#6E7166; }

/* ── PROCES / KROKI ── */
.theme-dark .process{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #1C1E19; border-block-color:rgba(213,255,64,.12); }
.theme-dark .step{ border-top-color:#EDEFE8; }
.theme-dark .step:hover{ border-top-color:#D5FF40; }
.theme-dark .step p{ color:#8C8F84; }

/* ── DLA AGENCJI ── */
.theme-dark .adv-card{ background:#1D1E1A; border:1px solid rgba(255,255,255,.09); color:#C0C2B8; }
.theme-dark .adv-card h3{ color:#EDEFE8; }
.theme-dark .adv-card:hover{ background:#D5FF40; border-color:#D5FF40; color:#181916; }
.theme-dark .adv-card:hover h3{ color:#181916; }
.theme-dark .adv-card:hover p{ color:rgba(24,25,22,.72); }

/* ── 404 ── */
.theme-dark .page-404{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .page-404 .big-num{ -webkit-text-stroke-color:rgba(213,255,64,.5); }
.theme-dark .page-404 h1 em{ color:#D5FF40; font-style:normal; }
.theme-dark .page-404 p{ color:#8C8F84; }

/* ── KONTAKT (strona) ── */
.theme-dark .contact-info p{ color:#9A9C90; }
.theme-dark .contact-info a{ color:#D5FF40; }
.theme-dark .contact-info a:hover{ border-bottom-color:#D5FF40; }

/* ── uniwersalne domknięcie: sekcje case study ── */
.theme-dark .ps-videos{ background:#101110; }
.theme-dark .cs-note{ color:#8C8F84; }

/* ── OVERLAY NA KARTACH (dopracowany hover) ── */
.theme-dark .pf-overlay, .theme-dark .ph-card .ov{ gap:12px; }
.theme-dark .pf-overlay .ov-tag, .theme-dark .ov-tag{
  background:#D5FF40; color:#181916; text-decoration:none; border:none;
  border-radius:999px; padding:.5em 1.1em; font-weight:500; letter-spacing:.08em;
}
.theme-dark .pf-overlay .ov-name, .theme-dark .ov-name{
  color:#fff; text-decoration:none; border:none; text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.theme-dark .pf-overlay .ov-cta, .theme-dark .ov-cta{
  background:transparent; border:1px solid rgba(255,255,255,.7); color:#fff;
  text-decoration:none; border-radius:999px; padding:.6em 1.4em;
  transition:background .25s,color .25s,border-color .25s,box-shadow .25s;
}
.theme-dark .pf-item:hover .ov-cta:hover, .theme-dark .pf-overlay .ov-cta:hover{
  background:#D5FF40; border-color:#D5FF40; color:#181916; box-shadow:0 8px 26px rgba(213,255,64,.4);
}
.theme-dark .pf-overlay a, .theme-dark .pf-overlay span{ text-decoration:none !important; border-bottom:none !important; }
/* przyciemnienie pod overlayem dla czytelności */
.theme-dark .pf-item:hover figure::after{ background:linear-gradient(180deg, rgba(15,16,14,.55), rgba(15,16,14,.7)); opacity:1; }

/* ── DESENIE Z GŁÓWNEJ NA PODSTRONACH ── */
/* kropki (jak "czym jesteśmy") — hero podstron */
.theme-dark .page-hero--paper{
  background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px,
    #181916;
}
/* billboard portfolio: kropki + ziarno */
.theme-dark .pf-billboard-hero{
  background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px,
    #181916;
}
/* mikrosiatka z winetą (jak "dlaczego my") — proces */
.theme-dark .process{ position:relative; }
.theme-dark .process::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(rgba(244,245,240,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,245,240,.022) 1px, transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
  mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
}
.theme-dark .process > *{ position:relative; z-index:1; }
/* gradient "mgła" (jak współpraca) — CTA nad stopką na podstronach nie-lime */
.theme-dark .pf-to-contact{ background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%); }

/* ═══ CZYTELNOŚĆ: wszystkie jasne sekcje podstron → ciemne ═══ */
.theme-dark .sect-dark{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #1C1E19; }
.theme-dark .manifesto{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .manifesto .ghost, .theme-dark .manifesto h2 .dim{ color:rgba(237,239,232,.28); }
.theme-dark .manifesto h2{ color:#EDEFE8; }
.theme-dark .manifesto p{ color:#C0C2B8; }
.theme-dark .manifesto .anno{ border-color:rgba(255,255,255,.16); color:#8C8F84; }
.theme-dark .manifesto .anno b{ color:#EDEFE8; }
/* wyszarzona pierwsza linia nagłówka (jak na screenie) — czytelna na ciemnym */
.theme-dark h2 .grey, .theme-dark h1 .grey, .theme-dark .h-dim{ color:rgba(237,239,232,.4); }
/* services / oferta */
.theme-dark .services{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .svc-detail{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #1C1E19; }
.theme-dark .svc-detail p{ color:#9A9C90; }
.theme-dark .interlude{ background:#121310; }
.theme-dark .agencies{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .pillar{ background:#1D1E1A; border-color:rgba(255,255,255,.09); color:#C0C2B8; }
.theme-dark .pillar h3{ color:#EDEFE8; }
.theme-dark .stat{ background:#1D1E1A; color:#EDEFE8; }
.theme-dark .stat p{ color:#8C8F84; }
.theme-dark .team-card figure{ background:#1C1E19; }
.theme-dark .before-after{ background:#1C1E19; }
.theme-dark .svc-tag{ background:transparent; }
.theme-dark .ph-code{ background:#EDEFE8; color:#181916; }
/* pm-desc / case study */
.theme-dark .pm-desc{ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .pm-desc p{ color:#C0C2B8; }
/* generyczne sekcje bez klasy (o-nas team, kontakt, oferta id-sekcje) */
.theme-dark section:not([class]){ background:#181916; }
.theme-dark section[id]:not([class]){ background:#181916; }
/* teksty pomocnicze */
.theme-dark .muted, .theme-dark .sub, .theme-dark .lede{ color:#9A9C90; }

/* ═══ DESENIE Z GŁÓWNEJ — rozłożone po podstronach ═══
   kropki (hero/insight) · mikrosiatka+wineta (dlaczego my) · mgła (współpraca) · ziarno */

/* O NAS: manifest → kropki; sekcja zespołu → mgła; sect-dark → mikrosiatka */
.theme-dark .manifesto{ background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark section:not([class]){ background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%); }
.theme-dark .sect-dark{ background:#1C1E19; position:relative; }
.theme-dark .sect-dark::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(244,245,240,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,245,240,.022) 1px, transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
  mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
}
.theme-dark .sect-dark > *{ position:relative; z-index:1; }

/* OFERTA: services → kropki; svc-detail → mgła; interlude → mikrosiatka; sekcje inline → ziarno */
.theme-dark .services{ background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .svc-detail{ background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%); }
.theme-dark .interlude{ background:#121310; position:relative; }
.theme-dark .interlude::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(244,245,240,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,245,240,.022) 1px, transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
  mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
}
.theme-dark .interlude > *{ position:relative; z-index:1; }
.theme-dark section[id]:not([class]){ background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }

/* DLA AGENCJI: agencies → mgła */
.theme-dark .agencies{ background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%); }

/* CASE STUDY: pm-hero → kropki; pm-desc → ziarno; ps-videos → mgła; ps-split → mikrosiatka */
.theme-dark .pm-hero{ background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }
.theme-dark .ps-videos{ background:linear-gradient(180deg, #141512 0%, #151613 46%, #171912 78%, #191c12 100%); }
.theme-dark .ps-split{ background:#1C1E19; position:relative; }
.theme-dark .ps-split::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(244,245,240,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,245,240,.022) 1px, transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
  mask-image:radial-gradient(ellipse 60% 50% at 50% 48%, transparent 20%, #000 85%);
}
.theme-dark .ps-split > *{ position:relative; z-index:1; }

/* KONTAKT: sekcja formularza → kropki */
.theme-dark .contact-page{ position:relative; }

/* 404 → kropki */
.theme-dark .page-404{ background:radial-gradient(rgba(213,255,64,.14) 1px, transparent 1.6px) 12px 12px/44px 44px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0"/></filter><rect width="180" height="180" filter="url(%23n)"/></svg>') 0 0/180px 180px, #181916; }

/* ═══ CZYTELNOŚĆ NA LIMONCE — ciemny tekst na każdym lime tle ═══ */
.theme-dark .cta :is(h1,h2,h3,p,em,b,span){ color:#181916 !important; }
.theme-dark .page-hero--sig :is(h1,h2,p,em,b,.lede){ color:#181916 !important; }
.theme-dark .page-hero--sig .lede{ color:rgba(24,25,22,.78) !important; }
.theme-dark .contact-flood :is(h2,em,.cf-value){ color:#181916 !important; }
/* hovery z lime tłem: nagłówki i teksty w środku na ciemno */
.theme-dark .svc:hover :is(h3,b,span,em){ color:#181916 !important; }
.theme-dark .pillar:hover :is(h3,b){ color:#181916 !important; }
.theme-dark .adv-card:hover :is(h3,b,.num){ color:#181916 !important; }
.theme-dark .spec li:hover :is(h3,b){ color:#D5FF40 !important; }
.theme-dark .pf-filter.active{ color:#181916 !important; }
.theme-dark :is(.ov-tag,.tag,.pf-item .tag){ color:#181916 !important; }
/* przyciski lime: zawsze ciemny tekst */
.theme-dark :is(.btn--sig,.nav-cta,.consult-submit):not(:hover){ }

/* ════════════════════════════════════════════════════════════
   ODSTĘPY SEKCJI — zmniejszone globalnie (wszystkie podstrony)
   dopisane: 2026-07-11
════════════════════════════════════════════════════════════ */
body.theme-dark{ --sec-pad: clamp(38px,4.2vw,60px); }
.theme-dark .clients-section,
.theme-dark .clients{ padding-block: clamp(30px,3.6vw,50px); }
.theme-dark .offer-panes-section,
.theme-dark .why-section{ padding-block: clamp(34px,4.2vw,60px); }
.theme-dark .wspolpraca{ padding-block: clamp(34px,4vw,58px); }
.theme-dark .page-hero{ padding-block: clamp(56px,7vw,96px) clamp(36px,4.2vw,58px); }
.theme-dark .services .head{ padding-block: clamp(46px,6vw,88px) clamp(24px,3vw,44px); }
.theme-dark .interlude{ padding-block: clamp(48px,6.5vw,96px); }
.theme-dark .portfolio-home{ padding-block: clamp(36px,4.5vw,62px); }
.theme-dark .contact-flood{ padding-block: clamp(44px,5.5vw,80px); }
.theme-dark .pf-to-contact{ padding-block: clamp(26px,3.4vw,46px); }
.theme-dark .pm-details{ padding: clamp(28px,3.6vw,52px) var(--gut); }
.theme-dark .ps-split{ padding: clamp(40px,5.5vw,76px) var(--gut); }
.theme-dark .ps-videos{ padding: clamp(34px,4.5vw,64px) var(--gut); }
.theme-dark footer{ padding-block: clamp(36px,4.2vw,56px) 24px; }
/* sekcje z paddingiem wpisanym inline w HTML (70-130px) */
.theme-dark section[style*="padding-block:clamp(70px"]{ padding-block: clamp(44px,5.5vw,80px) !important; }
@media (max-width:640px){ body.theme-dark{ --sec-pad: clamp(32px,6vw,48px); } }

/* ═══ CASE STUDY: ujednolicenie SOCIAL (ps-*) i WIZUALIZACJE do wzoru AI (pm-*) ═══ */
/* ps-split — te same odstępy i tonacja co pm-desc */
.theme-dark .ps-split{ padding:clamp(60px,9vw,120px) var(--gut); }
.theme-dark .ps-eyebrow, .theme-dark .ps-videos__eyebrow{
  font-size:.62rem; letter-spacing:.1em; color:#D5FF40; margin-bottom:2em;
}
/* KPI — identycznie jak pm-kpi (mono etykieta / display wartość) */
.theme-dark .ps-kpi li{ display:grid; grid-template-columns:110px 1fr; gap:16px; align-items:baseline; padding-block:clamp(14px,1.8vw,22px); border-bottom:1px solid rgba(255,255,255,.07); }
.theme-dark .ps-kpi li:first-child{ border-top:1px solid rgba(255,255,255,.07); }
.theme-dark .ps-kpi .k{ font-size:.62rem; letter-spacing:.1em; color:rgba(255,255,255,.35); margin-bottom:0; }
.theme-dark .ps-kpi .v{ font-family:var(--f-display); font-weight:600; font-size:clamp(.95rem,1.2vw,1.1rem); letter-spacing:-.01em; color:#EDEFE8; line-height:1.3; }
/* nagłówek opisu — waga i tracking jak pm-desc h2 */
.theme-dark .ps-split__desc h2{ font-weight:600; letter-spacing:-.03em; color:#EDEFE8; }
.theme-dark .ps-split__desc h2 em{ font-style:normal; font-weight:600; color:#D5FF40; }
.theme-dark .ps-split__desc p{ color:#C0C2B8; line-height:1.8; }
/* pull-quote — lime zamiast pomarańczu */
.theme-dark .ps-pull{ border-left-color:#D5FF40; background:rgba(213,255,64,.06); }
.theme-dark .ps-pull p{ font-style:normal; color:#EDEFE8; }
/* ps-videos — odstępy jak sekcje pm */
.theme-dark .ps-videos{ padding:clamp(60px,9vw,120px) var(--gut); }
.theme-dark .ps-video-label-top{ font-size:.62rem; letter-spacing:.1em; }
.theme-dark .ps-video-wrap{ border-color:rgba(255,255,255,.1); }
/* WIZUALIZACJE: carousel w tonacji pm */
.theme-dark .pm-carousel-col{ padding:clamp(36px,5vw,72px) var(--gut); }
.theme-dark .pm-carousel{ border:1px solid rgba(255,255,255,.1); }

/* ═══ PORTFOLIO GRID: overlay z limonkowym tłem (wzmocnione) ═══ */
.theme-dark .pf-item .pf-overlay .ov-tag{
  background:#D5FF40 !important; color:#181916 !important;
  border-radius:999px; padding:.5em 1.1em; font-weight:500; letter-spacing:.08em;
}
.theme-dark .pf-item .pf-overlay .ov-name{ color:#fff !important; text-shadow:0 2px 14px rgba(0,0,0,.55); }
.theme-dark .pf-item .pf-overlay .ov-cta{
  background:#D5FF40 !important; border:1px solid #D5FF40 !important; color:#181916 !important;
  border-radius:999px; padding:.6em 1.4em; box-shadow:0 8px 26px rgba(213,255,64,.35);
}
/* to samo na kartach strony głównej (ph-card) */
.theme-dark .ph-overlay .ov-tag{
  background:#D5FF40 !important; color:#181916 !important;
  border-radius:999px; padding:.5em 1.1em;
}
.theme-dark .ph-overlay .ov-name{ color:#fff !important; text-shadow:0 2px 14px rgba(0,0,0,.55); }
.theme-dark .ph-card:hover .ov-cta{
  background:#D5FF40 !important; border-color:#D5FF40 !important; color:#181916 !important;
}

/* ═══ CTA "Zamów podobny projekt" — limonkowa pigułka, wyśrodkowana, poświata na hover ═══ */
.theme-dark .pm-order-cta{ display:flex !important; justify-content:center !important; }
.theme-dark .pm-order-cta .btn{
  background:#D5FF40 !important; color:#181916 !important; border:1px solid #D5FF40 !important;
  border-radius:999px !important; padding:.95em 2em !important;
  text-decoration:none !important; box-shadow:none;
  transition:box-shadow .3s ease, transform .2s !important;
}
.theme-dark .pm-order-cta .btn:hover{
  background:#D5FF40 !important; color:#181916 !important; border-color:#D5FF40 !important;
  transform:translateY(-2px);
  box-shadow:0 0 0 4px rgba(213,255,64,.18), 0 12px 34px rgba(213,255,64,.45) !important;
}


/* ═══ USTALENIA Z MAKIET (2026-09) ═══ */
/* DLA AGENCJI — karty „Przewagi": podświetlenie wariant B */
.theme-dark .adv-card:hover{ background:#232420; border-color:#D5FF40; color:#C0C2B8; }
.theme-dark .adv-card:hover p{ color:#A8AB9E; }
.theme-dark .adv-card:hover :is(h3,b,.num){ color:#D5FF40 !important; }
/* O NAS — statystyki wyśrodkowane */
.theme-dark .stat{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.theme-dark .stat p{ margin-inline:auto; }
/* O NAS — większy znak nieskończoności (druga statystyka) */
.theme-dark .stats-row .stat:nth-child(2) .big{ font-size:clamp(3.1rem,6.4vw,6.1rem); }
/* O NAS — grafika w sekcji technologii: 16:9, wyśrodkowana względem tekstu */
.theme-dark .about-img{ aspect-ratio:16/9; width:100%; align-self:center; }
/* O NAS — większy odstęp przed sekcją kontaktu */
.theme-dark .process{ padding-bottom:clamp(62px,7vw,104px); }
/* O NAS — czytelniejsze akapity */
.theme-dark .about-text p{ color:#FFFFFF9E; }
.theme-dark .step p{ color:#FFFFFF9E; }