/* Monika Serbista — podstrony v10. Rework premium / editorial. Ładuje się po style.css. */
:root{--page-black:#050505;--page-ink:#0a0a09;--page-paper:#e5e2da;--page-paper2:#d6d2c9;--page-stone:#aaa59b;--page-line:rgba(255,255,255,.16);--page-line-dark:rgba(0,0,0,.15)}
.subpage{background:var(--page-black);color:var(--white);font-family:var(--sans)}
.subpage .site-header{background:rgba(5,5,5,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12)}
.subpage .site-header.is-scrolled{background:rgba(5,5,5,.985)}
.subpage .desktop-nav a.is-active::after{right:0}.subpage .mobile-menu nav a.is-active{color:#fff}
.subpage main{padding-top:0}.subpage img{display:block;max-width:100%}.subpage button{font:inherit;color:inherit}.honeypot{display:none!important}.dark{color:#151513!important}.surface-concrete{background-color:var(--page-paper);background-image:radial-gradient(circle at 20% 0,rgba(255,255,255,.55),transparent 28%),radial-gradient(circle at 90% 80%,rgba(0,0,0,.05),transparent 34%),linear-gradient(115deg,rgba(0,0,0,.025),transparent 44%)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .82s cubic-bezier(.2,.7,.2,1),transform .82s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.page-kicker{margin:0;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}.page-kicker::before{content:"";display:inline-block;width:38px;height:1px;background:currentColor;margin:0 14px 3px 0;opacity:.52}.editorial-link{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;min-width:230px;padding-bottom:11px;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff}.editorial-link span,.line-link span{transition:transform .25s}.editorial-link:hover span{transform:translate(3px,-3px)}.line-link{white-space:nowrap}
.page-hero{position:relative;min-height:690px;height:84svh;display:flex;align-items:flex-end;overflow:hidden;background:#111}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(.96);transform:scale(1.018);animation:heroDrift 7s ease forwards}@keyframes heroDrift{to{transform:scale(1)}}.page-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.82) 0%,rgba(5,5,5,.49) 43%,rgba(5,5,5,.12) 100%),linear-gradient(0deg,rgba(5,5,5,.78) 0%,transparent 50%)}.page-hero__content{position:relative;z-index:2;width:min(1210px,calc(100% - var(--pad-x)*2));margin-left:var(--pad-x);padding:0 0 clamp(70px,10vh,118px)}.page-hero .page-kicker{margin-top:42px}.page-hero h1{margin:22px 0 25px;max-width:1120px;font-size:clamp(58px,7.35vw,128px);line-height:.875;letter-spacing:-.078em;font-weight:500}.page-hero__lead{max-width:710px;margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.8}
/* Oferta wow */.quote-break{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#050505}.quote-break>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.42) contrast(.96)}.quote-break__shade{position:absolute;inset:0;background:rgba(0,0,0,.62)}.quote-break__content{position:relative;z-index:2;width:min(980px,calc(100% - 44px));display:grid;justify-items:center}.quote-break p{margin:0 0 38px;font-size:clamp(44px,5.4vw,92px);line-height:.92;letter-spacing:-.072em;font-weight:500}
/* Realizacje wow */.project-tile{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:#070707}.project-tile[hidden]{display:none}.project-tile figure{margin:0;display:grid;gap:15px}.project-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .35s ease}.project-tile:hover img,.project-tile:focus-visible img{transform:scale(1.045);filter:saturate(.95) contrast(1.02)}.project-tile figcaption{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;border-top:1px solid rgba(0,0,0,.18);padding-top:13px}.project-tile small{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#6a6964}.project-tile strong{font-size:clamp(18px,1.45vw,25px);font-weight:500;letter-spacing:-.045em;text-align:right}.page-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.97);color:#fff;z-index:4000}.page-lightbox::backdrop{background:#000}.page-lightbox figure{height:100%;margin:0;display:grid;grid-template-rows:1fr auto;place-items:center;padding:60px 6vw 32px}.page-lightbox img{max-width:100%;max-height:78vh;object-fit:contain;transition:opacity .2s}.page-lightbox img.is-changing{opacity:.25}.page-lightbox figcaption{width:min(1180px,100%);display:flex;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.page-lightbox figcaption strong{font-size:14px;font-weight:500}.page-lightbox figcaption span{font-size:10px;color:#888;letter-spacing:.18em}.page-lightbox__close,.page-lightbox__nav{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.page-lightbox__close{right:24px;top:24px;width:48px;height:48px;font-size:28px}.page-lightbox__nav{top:50%;width:52px;height:52px}.page-lightbox__nav--prev{left:24px}.page-lightbox__nav--next{right:24px}
/* Kontakt wow */.faq-list--page details{border-bottom:1px solid var(--line);padding:0}.faq-list--page summary{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:clamp(19px,1.55vw,28px);letter-spacing:-.04em;list-style:none}.faq-list--page summary::-webkit-details-marker{display:none}.faq-list--page summary span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;transition:.25s}.faq-list--page details[open] summary span{transform:rotate(45deg);background:#fff;color:#000}.faq-list--page p{margin:0;padding:0 60px 24px 0;color:#aaa9a3;font-size:13px;line-height:1.8}
/* Aktualności wow */
/* Articles / thanks compatibility */.thanks-page{position:relative;min-height:100svh;display:grid;place-items:center;padding:calc(var(--header-h) + 60px) 22px 60px;background:#050505;overflow:hidden}.thanks-page::before{content:"";position:absolute;inset:0;background:url('editorial-motion-01.webp') center/cover;opacity:.42}.thanks-page__shade{position:absolute;inset:0;background:rgba(0,0,0,.6)}.thanks-page__content{position:relative;z-index:1;width:min(840px,100%);text-align:center}.thanks-page h1{font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.07em;font-weight:500}.thanks-page p{color:#b8b7b1;line-height:1.8}
@media(max-width:860px){.page-hero{min-height:640px;height:82svh}.page-hero__content{width:calc(100% - 36px);margin-left:18px}.page-hero h1{font-size:clamp(50px,16vw,82px)}.project-tile figcaption{grid-template-columns:1fr}.project-tile strong{text-align:left}.field--half,.field--third,.field--full{grid-column:1}.site-footer__top{display:grid}.site-footer__nav{flex-wrap:wrap}.site-footer__meta{display:grid;justify-content:start}.page-lightbox figure{padding:76px 18px 28px}.page-lightbox__nav{top:auto;bottom:74px}.page-lightbox__nav--prev{left:18px}.page-lightbox__nav--next{right:18px}}
@media(max-width:480px){.page-hero{min-height:610px}.page-hero__lead{font-size:13px}.quote-break p{font-size:clamp(42px,13vw,62px)}.quote-break{min-height:480px}}

/* v11 — poprawki po feedbacku: mniej prostokątów, realizacje 2-połówki, aktualności bez obrazków, kontakt z FAQ i socialami */

/* OFERTA v11 */

/* REALIZACJE v11 */

/* AKTUALNOŚCI v11 */

/* KONTAKT v11 */.faq-list--center{width:min(980px,100%);margin:0 auto;text-align:left}.faq-list--center summary{font-size:clamp(20px,2.1vw,34px);min-height:86px}.faq-list--center p{font-size:14px;color:#b2b0aa}
@media(max-width:860px){.faq-list--center summary{font-size:22px}}


/* =========================
   V12 — dopracowanie po feedbacku
   ========================= */

/* OFERTA v12 */

/* REALIZACJE v12 */.portfolio-halves{padding:clamp(78px,8vw,132px) var(--pad-x);color:#080808}.portfolio-halves__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,34px)}.portfolio-half{position:relative;background:#050505;color:#fff;min-height:clamp(520px,54vw,760px);display:grid;grid-template-rows:1fr auto;overflow:hidden}.portfolio-half__image{position:relative;width:100%;height:100%;min-height:clamp(390px,42vw,600px);padding:0;border:0;background:#111;cursor:pointer;overflow:hidden}.portfolio-half__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.94);transform:scale(1.003);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .35s ease}.portfolio-half:hover .portfolio-half__image img{transform:scale(1.035);filter:saturate(.9) contrast(1)}.portfolio-half__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.58));pointer-events:none}.portfolio-half__place,.portfolio-half__area{position:absolute;z-index:2;font-size:clamp(26px,4.2vw,72px);line-height:.85;letter-spacing:-.08em;font-weight:500;color:rgba(255,255,255,.22);text-transform:uppercase;pointer-events:none}.portfolio-half__place{left:22px;bottom:22px}.portfolio-half__area{right:22px;top:22px;text-align:right}.portfolio-half__copy{padding:26px clamp(22px,3vw,42px) clamp(28px,3.2vw,46px);background:#070707;border-top:1px solid rgba(255,255,255,.12)}.portfolio-half__copy .page-kicker{color:#85837d}.portfolio-half__copy h2{margin:16px 0 12px;font-size:clamp(30px,3.1vw,55px);line-height:.96;letter-spacing:-.065em;font-weight:500}.portfolio-half__copy p:not(.page-kicker){max-width:560px;margin:0;color:#aaa9a3;font-size:13px;line-height:1.7}.quote-break--portfolio{height:46svh;min-height:380px}

/* KONTAKT v12 */

@media(max-width:1100px){.portfolio-halves__grid{gap:16px}}
@media(max-width:820px){.portfolio-halves{padding-left:18px;padding-right:18px}.portfolio-halves__grid{grid-template-columns:1fr}.portfolio-half{min-height:auto}.portfolio-half__image{min-height:380px}}


/* =========================
   V13 — premium subpage rework
   ========================= */.faq-focus-v13{padding:clamp(82px,9vw,150px) var(--pad-x);background:#050505;color:#fff}.faq-focus-v13__head{text-align:center;width:min(900px,100%);margin:0 auto 44px}.faq-focus-v13__head h2{margin:24px 0 0;font-size:clamp(44px,5.5vw,96px);line-height:.9;letter-spacing:-.078em;font-weight:500}

@media(max-width:1100px){.portfolio-halves__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.faq-focus-v13{padding-left:18px;padding-right:18px}.faq-focus-v13__head h2{font-size:clamp(40px,12vw,72px)}.portfolio-halves__grid{grid-template-columns:1fr}}


/* v14 — final feedback: oferta bez tabel i poziomych kart, aktualności z obrazem, kontakt z obrazem i nachodzącymi socialami */.faq-focus-v13{padding-top:clamp(72px,8vw,130px)}


/* =========================
   V15 — final polish from feedback
   ========================= */
.portfolio-halves--v15{padding-top:clamp(42px,5vw,78px)}


/* ===== V17 REWORK - poprawki na bazie V15 ===== */.process-orbit-v16__line{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.process-orbit-v16__line::before{content:"";position:absolute;left:0;right:0;top:62px;height:1px;background:rgba(0,0,0,.16)}.process-orbit-v16__line article{position:relative;padding:0 14px;text-align:center;display:grid;justify-items:center;align-content:start;min-height:250px}.process-orbit-v16__line span{font-size:10px;letter-spacing:.18em;color:#8b857e;margin-bottom:18px}.process-orbit-v16__line i{display:block;width:18px;height:18px;border-radius:50%;background:#050505;box-shadow:0 0 0 14px rgba(0,0,0,.05);margin-bottom:28px;position:relative;z-index:1}.process-orbit-v16__line h3{margin:0 0 10px;font-size:clamp(26px,2.3vw,38px);line-height:1;letter-spacing:-.055em;font-weight:500}.process-orbit-v16__line p{margin:0;color:#57524b;font-size:13px;line-height:1.72;max-width:190px}.faq-focus-v16{padding-top:clamp(30px,4vw,46px)}
@media(max-width:1200px){.process-orbit-v16__line{grid-template-columns:repeat(2,minmax(0,1fr))}.process-orbit-v16__line article:last-child{grid-column:1/-1;max-width:240px;justify-self:center}}
@media(max-width:820px){.process-orbit-v16__line{grid-template-columns:1fr}}
@media(max-width:560px){.process-orbit-v16__line article:last-child{grid-column:auto;max-width:none}}

/* ===== V18 final polish from V17 base ===== */


/* ===== V19 final polish — hero sylwetki, oferta 50/50, zakres, social ===== */

/* Oferta — obraz ma realnie wypełniać prawą połowę sekcji od góry do dołu */

/* Oferta — zakres pokazany bardziej katalogowo, bez zwykłej listy */

/* Oś procesu — bez szarego glow */

/* Aktualności — hero na sylwetce jak realizacje */

/* Kontakt — social 50/50, obraz obok urządzeń, bez rozwalonej czarnej plamy */


/* ===== V20 — unified hero, offer scope rework, social 50/50 polish ===== */
html, body{overflow-x:hidden;}

/* Oferta — prawa połowa bez marginesów: obraz wypełnia sekcję od góry do dołu */

/* Oferta — nowy zakres współpracy */

/* Oś procesu — czyste punkty bez halo */

/* Kontakt — social 50/50, bez dziwnego overlapu i bez rozjechania */

/* mobile */


/* ===== V21 final fixes — scope accordion, contact redesign, realization copy ===== */

/* Oferta — finalny zakres jako spokojny accordion, nie kafle/segmenty */

/* Kontakt — finalny układ bez laptopów/telefonów/screenów */


.contact-socials-v21 a{
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.contact-socials-v21{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.contact-socials-v21 a{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:20px;
  border:1px solid rgba(0,0,0,.18);
  color:#080808;
  background:transparent;
  transition:.25s ease;
}

.contact-socials-v21 a:hover{
  background:#050505;
  color:#fff;
  border-color:#050505;
}

/* Realizacje — lekki polish na podpisy po zmianie nazw */

/* Nadpisanie starego kontaktowego 50/50 z V20 — nie używamy już tej sekcji */

/* responsywność */


/* ===== V22 — zakres współpracy ze zdjęciami + final email/safe copy ===== */


/* ===== V23 final polish ===== */@keyframes entryLight{from{transform:translateX(-10%) scale(1.05);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes entryLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.premium-brief-popup{position:fixed;right:24px;bottom:24px;z-index:80;width:min(360px,calc(100vw - 36px));padding:22px 22px 20px;background:rgba(8,8,8,.88);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 80px rgba(0,0,0,.32);backdrop-filter:blur(18px);opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.premium-brief-popup.is-visible{opacity:1;transform:none;pointer-events:auto}.premium-brief-popup button{position:absolute;right:12px;top:10px;width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.premium-brief-popup small{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#8d8981}.premium-brief-popup strong{display:block;margin:12px 32px 10px 0;font-size:24px;line-height:1;letter-spacing:-.055em;font-weight:500}.premium-brief-popup p{margin:0 0 16px;color:#c8c5bd;font-size:13px;line-height:1.62}.premium-brief-popup a{display:inline-flex;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:8px}
@media(max-width:700px){.premium-brief-popup{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.premium-brief-popup{transition:none}}


/* Oferta V23 — paski centralnie i białe rozwinięcie */.scope-image-bars-v23{width:min(1280px,100%);margin:0 auto;display:grid;gap:14px}.scope-image-bars-v23 details{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#050505;color:#fff;transition:background .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease}.scope-image-bars-v23 details:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(0,0,0,.14)}.scope-image-bars-v23 summary{position:relative;min-height:184px;padding:26px 32px;display:grid;grid-template-columns:76px minmax(0,1fr) minmax(180px,.32fr) 40px;gap:clamp(16px,3vw,38px);align-items:end;list-style:none;cursor:pointer;z-index:1}.scope-image-bars-v23 summary::-webkit-details-marker{display:none}.scope-image-bars-v23 summary::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.62) 48%,rgba(5,5,5,.18));z-index:-1}.scope-image-bars-v23 summary img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(.2) brightness(.78) contrast(1.04);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .35s ease}.scope-image-bars-v23 summary span{align-self:start;font-size:11px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.62)}.scope-image-bars-v23 summary strong{font-size:clamp(36px,4.35vw,76px);line-height:.88;letter-spacing:-.078em;font-weight:500}.scope-image-bars-v23 summary em{justify-self:end;padding-bottom:10px;text-align:right;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.scope-image-bars-v23 summary i{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.32);display:grid;place-items:center;font-style:normal;color:#fff;transition:.3s ease}.scope-image-bars-v23 details[open]{background:#f5f2eb;color:#080808}.scope-image-bars-v23 details[open] summary::after{background:linear-gradient(90deg,rgba(5,5,5,.58),rgba(5,5,5,.33) 48%,rgba(5,5,5,.06))}.scope-image-bars-v23 details[open] summary img{filter:grayscale(.18) brightness(.92) contrast(1.04);transform:scale(1.035)}.scope-image-bars-v23 details[open] summary i{transform:rotate(45deg);background:#fff;color:#050505;border-color:#fff}.scope-image-bars-v23 details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:clamp(24px,4vw,70px);padding:0 32px 34px 108px;background:#f5f2eb;color:#080808}.scope-image-bars-v23 details>div p{margin:0;max-width:650px;color:#3e3a35;font-size:15px;line-height:1.82}.scope-image-bars-v23 ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.scope-image-bars-v23 li{position:relative;padding-left:18px;color:#57524b;font-size:13px;line-height:1.62}.scope-image-bars-v23 li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#050505}
/* kontakt final */
.contact-final-v23{padding:clamp(90px,9vw,156px) var(--pad-x);display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1fr);gap:clamp(36px,6vw,108px);color:#080808;background:#e7e3da}.contact-final-v23__intro{position:sticky;top:calc(var(--header-h) + 36px);align-self:start}.contact-final-v23__intro h2{margin:24px 0 22px;font-size:clamp(44px,5vw,88px);line-height:.9;letter-spacing:-.078em;font-weight:500}.contact-final-v23__intro p:not(.page-kicker){margin:0 0 34px;max-width:520px;color:#514d47;font-size:15px;line-height:1.82}.contact-direct-v23{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-direct-v23 a{min-height:112px;padding:18px 18px 16px;display:grid;align-content:space-between;background:#ede9e0;border:1px solid rgba(0,0,0,.14);color:#080808;transition:.28s ease}.contact-direct-v23 a:hover{background:#050505;color:#fff;transform:translateY(-4px)}.contact-direct-v23 small{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#7b756d}.contact-direct-v23 strong{font-size:clamp(15px,1.2vw,20px);line-height:1.12;letter-spacing:-.035em;font-weight:500;overflow-wrap:anywhere}.contact-direct-v23 span{justify-self:end}.contact-form-shell-v23{background:#050505;color:#fff;padding:1px;box-shadow:0 46px 110px rgba(0,0,0,.16)}.contact-form-v23{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.12)}
/* trochę mocniejsza premium animacja elementów */
@media(max-width:1100px){.contact-final-v23{grid-template-columns:1fr}.contact-final-v23__intro{position:static}.contact-direct-v23{grid-template-columns:1fr 1fr}.scope-image-bars-v23 summary{grid-template-columns:56px 1fr 42px}.scope-image-bars-v23 summary em{grid-column:2;justify-self:start}.scope-image-bars-v23 details>div{grid-template-columns:1fr;padding-left:88px}}
@media(max-width:760px){.contact-final-v23{padding-left:18px;padding-right:18px}.scope-image-bars-v23 summary{grid-template-columns:1fr 42px;min-height:245px;padding:24px}.scope-image-bars-v23 summary span,.scope-image-bars-v23 summary strong,.scope-image-bars-v23 summary em{grid-column:1}.scope-image-bars-v23 summary i{grid-column:2;grid-row:1}.scope-image-bars-v23 details>div{grid-template-columns:1fr;padding:0 24px 28px}.contact-direct-v23,.contact-form-v23{grid-template-columns:1fr}}


/* ===== V24 offer scope final / steadier premium bars ===== */.scope-showcase-v24{width:min(1120px,100%);margin:0 auto;display:grid;gap:18px}.scope-showcase-v24 details{position:relative;border:1px solid rgba(0,0,0,.12);background:#050505;color:#fff;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.08);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.scope-showcase-v24 details:hover{transform:translateY(-4px);box-shadow:0 34px 90px rgba(0,0,0,.16)}.scope-showcase-v24 summary{position:relative;min-height:178px;padding:0;display:grid;grid-template-columns:82px minmax(0,1fr) minmax(170px,.34fr) 74px;align-items:stretch;list-style:none;cursor:pointer;z-index:1}.scope-showcase-v24 summary::-webkit-details-marker{display:none}.scope-showcase-v24 summary img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:grayscale(.24) brightness(.58) contrast(1.05);transform:scale(1.01);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .35s ease}.scope-showcase-v24 summary::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.58) 52%,rgba(5,5,5,.36));z-index:-1}.scope-showcase-v24 summary span{padding:28px 0 0 28px;font-size:11px;font-weight:900;letter-spacing:.18em;color:#aaa9a3}.scope-showcase-v24 summary strong{align-self:end;padding:0 24px 30px 0;font-size:clamp(38px,4.6vw,74px);line-height:.86;letter-spacing:-.082em;font-weight:500;color:#fff;text-wrap:balance}.scope-showcase-v24 summary em{align-self:end;justify-self:end;padding:0 0 34px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#d5d2ca;text-align:right}.scope-showcase-v24 summary i{align-self:center;justify-self:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.36);display:grid;place-items:center;font-style:normal;color:#fff;background:rgba(0,0,0,.08);backdrop-filter:blur(8px);transition:transform .32s ease,background .32s ease,color .32s ease}.scope-showcase-v24 details[open] summary img{transform:scale(1.045);filter:grayscale(.12) brightness(.72) contrast(1.04)}.scope-showcase-v24 details[open] summary i{transform:rotate(45deg);background:#fff;color:#050505;border-color:#fff}.scope-showcase-v24__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.45fr) auto;gap:clamp(22px,4vw,60px);align-items:end;background:#f6f3ed;color:#080808;padding:30px 32px 34px 110px;border-top:1px solid rgba(255,255,255,.14);animation:scopePanelV24 .42s cubic-bezier(.2,.7,.2,1) both}.scope-showcase-v24__panel p{margin:0;max-width:620px;color:#3f3b35;font-size:15px;line-height:1.82}.scope-showcase-v24__panel ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}.scope-showcase-v24__panel li{position:relative;padding-left:18px;color:#55504a;font-size:13px;line-height:1.6}.scope-showcase-v24__panel li::before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#050505}.scope-showcase-v24__panel a{justify-self:end;white-space:nowrap;color:#080808;border-bottom:1px solid rgba(0,0,0,.35);padding-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scope-showcase-v24__panel b{font-weight:inherit}@keyframes scopePanelV24{from{opacity:0;transform:translateY(-14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
/* extra premium motion */
@media(max-width:1100px){.scope-showcase-v24 summary{grid-template-columns:60px 1fr 58px}.scope-showcase-v24 summary em{grid-column:2;justify-self:start;padding:0 0 28px}.scope-showcase-v24 summary i{grid-column:3;grid-row:1}.scope-showcase-v24__panel{grid-template-columns:1fr;padding-left:88px}.scope-showcase-v24__panel a{justify-self:start}}
@media(max-width:760px){.scope-showcase-v24 summary{grid-template-columns:1fr 48px;min-height:245px;padding:24px}.scope-showcase-v24 summary span,.scope-showcase-v24 summary strong,.scope-showcase-v24 summary em{grid-column:1;padding:0}.scope-showcase-v24 summary span{align-self:start}.scope-showcase-v24 summary strong{align-self:end;padding-bottom:28px}.scope-showcase-v24 summary i{grid-column:2;grid-row:1;align-self:start}.scope-showcase-v24__panel{padding:24px;grid-template-columns:1fr}.scope-showcase-v24__panel p{font-size:14px}}


/* ===== V25 major-company polish / wider scope + responsive motion ===== */@keyframes scopePanelV25{from{opacity:0;transform:translateY(-18px) scaleY(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
/* process axis with real motion */
/* stronger premium hover on portfolio and forms */
/* fine top-bar presence */


/* ===== V26 — oferta wider scope, clean dots, full photo section ===== */
html,body{overflow-x:hidden!important;}

/* Oferta intro: prawa fotografia ma wypełniać sekcję od góry do dołu, bez bocznych marginesów */

/* Oferta zakres — szersze paski, środek strony, czytelniejszy jasny panel po rozwinięciu */

/* Oś pracy — zero halo/obramówek wokół kropek */

/* Mobile */


/* ===== V27 — oferta intro back to editorial proportions ===== */


/* ===== V28 — final article redesign + oferta hero correction ===== */

/* Oferta: sekcja z dużym tekstem i zdjęciem ma mieć proporcje editorial, nie fullscreen */

/* Aktualności i artykuły — nowym zdjęciom dajemy subtelną szarość */

/* Mocny rework artykułów */


/* ===== V29 — hard final overrides without old page-v classes ===== */

/* Wspólne hero podstron — oferta ma mieć identyczny wymiar jak reszta, nie fullscreen */

/* Oferta — sekcja niżej z tekstem i zdjęciem też NIE ma być full screen */

/* Aktualności — finalny editorial, żeby nie wyglądało jak stary blog */

/* Artykuły — jeśli body ma tylko page-v29, zachowaj nowy rework z V28 */

/* Mobile */


/* ===== V30 — Oferta repaired only. Isolated, no effect on other pages. ===== */

/* Oferta hero: same editorial height as other subpages, never fullscreen-overblown */

/* Intro after hero */

/* Scope accordion: wide, centered, stable */

/* Process line: no glow / no rings */

/* CTA */

/* Mobile */


/* ===== V31 — oferta repair + news polish only ===== */

/* Oferta hero text closer to other subpages */

/* 50/50 intro: left text, right image exactly half-screen */

/* Added axis right after 50/50 intro */

/* Hide the older process section if browser still loads old markup */

/* News page: editorial horizontal cards */

/* Article author without image */

/* Extra reveal/micro animation polish */

/* Responsive */


/* ===== V32 — final structural fixes only ===== */

/* Same hero dimensions on all subpages */
.subpage.page-v32 .page-hero{
  height:72svh!important;
  min-height:590px!important;
  max-height:720px!important;
  padding-top:calc(var(--header-h) + 46px)!important;
  padding-bottom:clamp(54px,7vh,82px)!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  background:#050505!important;
  color:#fff!important;
}
.subpage.page-v32 .page-hero>img,
.subpage.page-v32 .page-hero img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:grayscale(.1) brightness(.58) contrast(1.02) saturate(.82)!important;
}
.subpage.page-v32 .page-hero__content{
  position:relative!important;
  z-index:2!important;
  width:min(1240px, calc(100% - var(--pad-x)*2))!important;
  margin:0 auto!important;
  padding:0 0 clamp(58px,7vh,88px)!important;
}
.subpage.page-v32 .page-hero__shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(5,5,5,.84) 0%,rgba(5,5,5,.46) 48%,rgba(5,5,5,.16) 100%),linear-gradient(0deg,rgba(5,5,5,.72),rgba(5,5,5,0) 56%)!important;
}
.subpage.page-v32 .page-hero h1{
  max-width:1040px!important;
  margin:20px 0 20px!important;
  font-size:clamp(50px,6.2vw,104px)!important;
  line-height:.88!important;
  letter-spacing:-.078em!important;
  font-weight:500!important;
  text-wrap:balance!important;
}
.subpage.page-v32 .page-hero__lead{
  max-width:680px!important;
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:clamp(14px,1.1vw,18px)!important;
  line-height:1.75!important;
}

/* Oferta: axis is now under scope. Hide any accidental old copy before scope if browser cached markup */

/* Articles: no side column, cleaner editorial content. Hero same height as other pages. */
@media(max-width:760px){
  .subpage.page-v32 .page-hero{
    height:70svh!important;
    min-height:540px!important;
    max-height:680px!important;
  }
  .subpage.page-v32 .page-hero h1{
    font-size:clamp(42px,12vw,70px)!important;
  }
}


/* =======================================================================
   V40 — client final fixes only
   Real project labels are handled in HTML. This block only supports UI polish.
   ======================================================================= */

/* Keep V39 logo/menu polish active for the current cache class too */
@media (min-width: 1000px){
  .page-v40 .brand{ gap:14px; }
  .page-v40 .brand__mark{ width:44px!important; height:44px!important; }
  .page-v40 .brand__copy strong{ font-size:12px!important; letter-spacing:.16em!important; }
  .page-v40 .brand__copy small{ font-size:9px!important; letter-spacing:.18em!important; }
}

@media (max-width: 860px){
  .page-v40 .mobile-menu{ background:rgba(7,7,7,.96); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
  .page-v40 .mobile-menu nav{ gap:0!important; }
  .page-v40 .mobile-menu nav a{ min-height:62px; display:flex!important; align-items:center!important; justify-content:space-between!important; padding:0 22px!important; border-bottom:1px solid rgba(255,255,255,.12)!important; color:#fff!important; font-size:20px!important; line-height:1!important; letter-spacing:-.035em!important; }
  .page-v40 .mobile-menu nav a span{ display:none!important; }
  .page-v40 .mobile-menu nav a::after{ content:"↗"; color:rgba(255,255,255,.42); font-size:14px; font-weight:400; }
  .page-v40 .mobile-menu nav a.is-active::after{ color:#fff; }
  .page-v40 .mobile-menu__foot{ color:rgba(255,255,255,.68); }
}

/* Mobile toast/popup smaller — bottom-right, not a huge full-width card */
@media (max-width: 760px){
  .page-v40 .v36-start-toast,
  .page-v40 .premium-brief-popup{
    left:auto!important;
    right:12px!important;
    bottom:12px!important;
    width:min(292px, calc(100vw - 24px))!important;
    padding:14px 15px 13px!important;
    border-radius:0!important;
  }

  .page-v40 .v36-start-toast strong,
  .page-v40 .premium-brief-popup strong{
    margin:8px 28px 6px 0!important;
    max-width:230px!important;
    font-size:17px!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
  }

  .page-v40 .v36-start-toast p,
  .page-v40 .premium-brief-popup p{
    max-width:230px!important;
    margin-bottom:10px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  .page-v40 .v36-start-toast small,
  .page-v40 .premium-brief-popup small{
    font-size:8px!important;
  }

  .page-v40 .v36-start-toast a,
  .page-v40 .premium-brief-popup a{
    font-size:8.5px!important;
    padding-bottom:5px!important;
  }

  .page-v40 .v36-start-toast button,
  .page-v40 .premium-brief-popup button{
    top:8px!important;
    right:8px!important;
    width:24px!important;
    height:24px!important;
    font-size:18px!important;
  }
}


/* =======================================================================
   V58 — poprawki techniczne podstron
   ======================================================================= */

/* Ogólne / Hero: bez breadcrumbs, spójne pozycje i bez przycinania nagłówków */
.page-v58.subpage .page-hero,
.page-v58.subpage .v33-subhero,
.page-v58.subpage .v33-article-hero{
  min-height:clamp(620px,82svh,780px)!important;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
}
.page-v58.subpage .page-hero__content,
.page-v58.subpage .v33-subhero__content,
.page-v58.subpage .v33-article-hero__content{
  width:min(1240px,calc(100% - (var(--pad-x) * 2)))!important;
  margin:0 auto!important;
  min-height:inherit!important;
  padding:calc(var(--header-h) + clamp(58px,8vh,96px)) 0 clamp(56px,8vh,92px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:clamp(16px,2.2vw,28px)!important;
}
.page-v58.subpage .page-hero h1,
.page-v58.subpage .v33-subhero h1,
.page-v58.subpage .v33-article-hero h1{
  margin:0!important;
  line-height:1.02!important;
  letter-spacing:-.064em!important;
  overflow:visible!important;
  text-wrap:balance!important;
}
.page-v58.subpage .page-hero p:not(.page-kicker),
.page-v58.subpage .v33-subhero p:not(.page-kicker),
.page-v58.subpage .v33-article-hero p:not(.page-kicker){
  margin:0!important;
  line-height:1.72!important;
  max-width:760px!important;
}
.page-v58.subpage .page-kicker{
  white-space:nowrap!important;
  margin-bottom:0!important;
}

/* Nagłówki i odstępy: spokojniejszy line-height i jeden rytm */
.page-v58.subpage h1,
.page-v58.subpage h2,
.page-v58.subpage h3{
  overflow:visible!important;
  text-wrap:balance!important;
}
.page-v58.subpage h2{
  line-height:1.04!important;
}
.page-v58.subpage section h2 + p,
.page-v58.subpage section h3 + p{
  margin-top:18px!important;
}
.page-v58.subpage .page-kicker + h1,
.page-v58.subpage .page-kicker + h2,
.page-v58.subpage .page-kicker + h3{
  margin-top:22px!important;
}

/* OFERTA: zakres współpracy statyczny, bez harmonijki/hover */
.page-v58.page-oferta .v33-scope details{
  transform:none!important;
  transition:none!important;
}
.page-v58.page-oferta .v33-scope details:hover{
  transform:none!important;
}
.page-v58.page-oferta .v33-scope summary{
  cursor:default!important;
  pointer-events:none!important;
}
.page-v58.page-oferta .v33-scope summary img,
.page-v58.page-oferta .v33-scope summary strong{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.page-v58.page-oferta .v33-scope details:hover summary img,
.page-v58.page-oferta .v33-scope details:hover summary strong{
  transform:none!important;
  filter:none!important;
}
.page-v58.page-oferta .v33-scope summary i{
  display:none!important;
}
.page-v58.page-oferta .v33-scope__panel{
  display:grid!important;
  max-height:none!important;
  height:auto!important;
  opacity:1!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
}

/* OFERTA: proces bez hover, kropek i bocznych borderów */
.page-v58.page-oferta .v33-process__line,
.page-v58.page-oferta .v33-process__line article,
.page-v58.page-oferta .v33-process__line article:hover{
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}
.page-v58.page-oferta .v33-process__line article i{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-v58.page-oferta .v33-process__line article:hover h3,
.page-v58.page-oferta .v33-process__line article:hover p,
.page-v58.page-oferta .v33-process__line article:hover span,
.page-v58.page-oferta .v33-process__line article:hover{
  transform:none!important;
  filter:none!important;
}
.page-v58.page-oferta .v33-process__line article{
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}
.page-v58.page-oferta .v33-process__line::before,
.page-v58.page-oferta .v33-process__line::after,
.page-v58.page-oferta .v33-process__line article::before,
.page-v58.page-oferta .v33-process__line article::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-v58.page-oferta .v33-cta .page-kicker{
  display:none!important;
}
.page-v58.page-oferta .v33-cta .line-link,
.page-v58.page-oferta .v33-cta .line-link span,
.page-v58.page-oferta .v33-cta .line-link:hover,
.page-v58.page-oferta .v33-cta .line-link:hover span{
  transform:none!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
}

/* REALIZACJE: podgląd galerii bez hover-interakcji, klik/modal zostaje */
.page-v58.page-realizacje .portfolio-half,
.page-v58.page-realizacje .portfolio-half:hover,
.page-v58.page-realizacje .project-tile,
.page-v58.page-realizacje .project-tile:hover,
.page-v58.page-realizacje .portfolio-half__image,
.page-v58.page-realizacje .portfolio-half__image:hover{
  transform:none!important;
  transition:none!important;
  filter:none!important;
  box-shadow:none!important;
}
.page-v58.page-realizacje .portfolio-half__image img,
.page-v58.page-realizacje .portfolio-half__image:hover img,
.page-v58.page-realizacje .project-tile:hover img{
  transform:none!important;
  transition:none!important;
  filter:none!important;
}
.page-v58.page-realizacje .portfolio-half__place,
.page-v58.page-realizacje .portfolio-half__area{
  transition:none!important;
}

/* AKTUALNOŚCI: hover tylko saturacja obrazka + button/link */
.page-v58.page-aktualnosci .v33-news__head{
  align-items:end!important;
  margin-bottom:42px!important;
}
.page-v58.page-aktualnosci .v33-news__head .page-kicker{
  white-space:nowrap!important;
}
.page-v58.page-aktualnosci .v33-news__head p:not(.page-kicker){
  margin-bottom:0!important;
}
.page-v58.page-aktualnosci .v33-news-card,
.page-v58.page-aktualnosci .v33-news-card:hover{
  transform:none!important;
  box-shadow:none!important;
}
.page-v58.page-aktualnosci .v33-news-card h3,
.page-v58.page-aktualnosci .v33-news-card:hover h3,
.page-v58.page-aktualnosci .v33-news-card__copy,
.page-v58.page-aktualnosci .v33-news-card:hover .v33-news-card__copy{
  transform:none!important;
}
.page-v58.page-aktualnosci .v33-news-card:hover figure img{
  transform:none!important;
  filter:saturate(1.02) contrast(1.02)!important;
}

/* KONTAKT: linki bez strzałek i bez przesuwania; formularz spójniejszy ze startem */
.page-v58.page-kontakt .contact-direct-v23 a span{
  display:none!important;
}
.page-v58.page-kontakt .contact-direct-v23 a,
.page-v58.page-kontakt .contact-direct-v23 a:hover{
  transform:none!important;
  transition:color .22s ease, background .22s ease, border-color .22s ease!important;
}
.page-v58.page-kontakt .contact-direct-v23 a:hover{
  color:#050505!important;
}
.page-v58.page-kontakt .contact-form-v23{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:22px 18px!important;
}

/* FAQ / harmonijki: wspólny styl ikony jak zakres HP */
.page-v58 .faq-list summary span,
.page-v58 .faq-list--page summary span{
  flex:0 0 auto!important;
  transform:rotate(0deg)!important;
  transition:transform .28s cubic-bezier(.2,.75,.2,1), background .22s ease, color .22s ease, border-color .22s ease!important;
}
.page-v58 .faq-list summary:hover span,
.page-v58 .faq-list--page summary:hover span,
.page-v58 .faq-list details[open] summary span,
.page-v58 .faq-list--page details[open] summary span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}
.page-v58 .faq-list summary,
.page-v58 .faq-list--page summary{
  position:relative!important;
  overflow:visible!important;
}
.page-v58 .faq-list summary::after,
.page-v58 .faq-list--page summary::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:#fff!important;
  transition:width .35s cubic-bezier(.2,.75,.2,1)!important;
}
.page-v58 .faq-list summary:hover::after,
.page-v58 .faq-list--page summary:hover::after{
  width:100%!important;
}

/* Footer: podstrony — linki i napis przy logo czytelne */
.page-v58.subpage .site-footer{
  background:#050505!important;
  color:#fff!important;
}
.page-v58.subpage .site-footer a,
.page-v58.subpage .site-footer__nav a{
  color:rgba(255,255,255,.86)!important;
}
.page-v58.subpage .site-footer a:hover{
  color:#fff!important;
}
.page-v58.subpage .site-footer__meta,
.page-v58.subpage .site-footer__meta span{
  color:rgba(255,255,255,.64)!important;
}
.page-v58.subpage .site-footer__logo{
  opacity:1!important;
  filter:none!important;
}

@media(max-width:860px){
  .page-v58.subpage .page-hero__content,
  .page-v58.subpage .v33-subhero__content,
  .page-v58.subpage .v33-article-hero__content{
    width:calc(100% - 36px)!important;
    padding-top:calc(var(--header-h) + 52px)!important;
    padding-bottom:56px!important;
  }
  .page-v58.subpage .page-hero h1,
  .page-v58.subpage .v33-subhero h1,
  .page-v58.subpage .v33-article-hero h1{
    line-height:1.04!important;
    letter-spacing:-.055em!important;
  }
  .page-v58.page-kontakt .contact-form-v23{
    grid-template-columns:1fr!important;
  }
}


/* =======================================================================
   V59 — domknięcie audytu: mocniejsze targetowanie bez globalnego rozwalania
   ======================================================================= */

/* REALIZACJE — pełne odcięcie hoverów na podglądzie kafli, ale lightbox/klik zostaje */
.page-v58.page-realizacje .portfolio-halves .portfolio-half,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:focus-within,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image:hover,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image:focus-visible{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  box-shadow:none!important;
}

.page-v58.page-realizacje .portfolio-halves .portfolio-half__image img,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover .portfolio-half__image img,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image:hover img,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image:focus-visible img{
  transform:none!important;
  scale:1!important;
  filter:saturate(.72) contrast(.94)!important;
  transition:none!important;
}

.page-v58.page-realizacje .portfolio-halves .portfolio-half__image::before,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__image::after,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover .portfolio-half__image::before,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover .portfolio-half__image::after{
  transform:none!important;
  transition:none!important;
}

.page-v58.page-realizacje .portfolio-halves .portfolio-half__place,
.page-v58.page-realizacje .portfolio-halves .portfolio-half__area,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover .portfolio-half__place,
.page-v58.page-realizacje .portfolio-halves .portfolio-half:hover .portfolio-half__area{
  transform:none!important;
  opacity:1!important;
  transition:none!important;
}

/* AKTUALNOŚCI — karta i tekst stoją; hover tylko obrazek + "Czytaj artykuł" */
.page-v58.page-aktualnosci .v33-news-card,
.page-v58.page-aktualnosci .v33-news-card:hover,
.page-v58.page-aktualnosci .v33-news-card:focus-visible{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  box-shadow:none!important;
}

.page-v58.page-aktualnosci .v33-news-card *,
.page-v58.page-aktualnosci .v33-news-card:hover *{
  transform:none!important;
}

.page-v58.page-aktualnosci .v33-news-card figure img{
  transition:filter .28s ease!important;
  transform:none!important;
}

.page-v58.page-aktualnosci .v33-news-card:hover figure img,
.page-v58.page-aktualnosci .v33-news-card:focus-visible figure img{
  filter:saturate(1.04) contrast(1.02)!important;
  transform:none!important;
}

.page-v58.page-aktualnosci .v33-news-card span{
  transform:none!important;
  transition:color .22s ease, background .22s ease, border-color .22s ease!important;
}

/* OFERTA / proces — content głowy procesu wyrównany do dołu zgodnie z news-head */
.page-v58.page-oferta .v33-process__head{
  align-items:flex-end!important;
}

/* FAQ — wyłączenie starych hover-przesunięć z wcześniejszych wersji */
.page-v58 .faq-list details,
.page-v58 .faq-list details:hover,
.page-v58 .faq-list--page details,
.page-v58 .faq-list--page details:hover{
  transform:none!important;
}

/* FAQ — płynniejszy panel odpowiedzi bez skakania */
.page-v58 .faq-list details p,
.page-v58 .faq-list--page details p{
  overflow:hidden!important;
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  transition:max-height .34s cubic-bezier(.2,.75,.2,1), opacity .22s ease, transform .28s cubic-bezier(.2,.75,.2,1), padding .28s ease!important;
}

.page-v58 .faq-list details[open] p,
.page-v58 .faq-list--page details[open] p{
  max-height:220px;
  opacity:1;
  transform:none;
}


/* =======================================================================
   V60 — remaining precise fixes: subpages
   ======================================================================= */

/* Breadcrumbs usunięte z HTML, ale zostaje awaryjne zabezpieczenie */

/* Wspólny system hero podstron */
.page-v60.subpage .hero-unified-v60{
  min-height:clamp(620px,82svh,780px)!important;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
}

.page-v60.subpage .hero-unified-v60 .page-hero__content,
.page-v60.subpage .hero-unified-v60 .v33-subhero__content,
.page-v60.subpage .hero-unified-v60 .v33-article-hero__content{
  width:min(1240px,calc(100% - (var(--pad-x) * 2)))!important;
  margin:0 auto!important;
  min-height:inherit!important;
  padding:calc(var(--header-h) + clamp(58px,8vh,96px)) 0 clamp(56px,8vh,92px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:clamp(16px,2.2vw,28px)!important;
}

.page-v60.subpage .hero-unified-v60 h1{
  margin-top:auto!important;
  margin-bottom:0!important;
  line-height:1.02!important;
  letter-spacing:-.064em!important;
  overflow:visible!important;
  text-wrap:balance!important;
}

.page-v60.subpage .hero-unified-v60 p:not(.page-kicker){
  margin:0!important;
  line-height:1.72!important;
  max-width:760px!important;
}

/* Aktualności / nagłówek sekcji */
.page-v60.page-aktualnosci .v33-news__head{
  align-items:end!important;
  margin-bottom:42px!important;
}

.page-v60.page-aktualnosci .v33-news__head .page-kicker{
  white-space:nowrap!important;
}

.page-v60.page-aktualnosci .v33-news__head p:not(.page-kicker){
  margin-bottom:0!important;
}

/* Kontakt — formularz 1:1 ze startu, tylko osadzony w prawej połowie */
.page-v60.page-kontakt .contact-final-v23{
  grid-template-columns:minmax(300px,.82fr) minmax(420px,1fr)!important;
}

.page-v60.page-kontakt .contact-form-shell-v60{
  align-self:start!important;
  background:#050505!important;
  padding:clamp(28px,3vw,42px)!important;
  border:1px solid rgba(0,0,0,.14)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.18)!important;
}

.page-v60.page-kontakt .contact-brief-v60{
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
}

.page-v60.page-kontakt .contact-brief-v60 .field{
  display:grid!important;
  gap:9px!important;
}

.page-v60.page-kontakt .contact-brief-v60 .field label,
.page-v60.page-kontakt .contact-brief-v60 .field > label{
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#898985!important;
}

.page-v60.page-kontakt .contact-brief-v60 input,
.page-v60.page-kontakt .contact-brief-v60 select,
.page-v60.page-kontakt .contact-brief-v60 textarea{
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.25)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  padding:0 0 12px!important;
  outline:none!important;
  box-shadow:none!important;
}

.page-v60.page-kontakt .contact-brief-v60 input:focus,
.page-v60.page-kontakt .contact-brief-v60 select:focus,
.page-v60.page-kontakt .contact-brief-v60 textarea:focus{
  border-bottom-color:#fff!important;
}

/* Kontakt — przyciski obok formularza nie robią się czarne i nie znikają */
.page-v60.page-kontakt .contact-direct-v23 a,
.page-v60.page-kontakt .contact-direct-v23 a:hover,
.page-v60.page-kontakt .contact-direct-v23 a:focus-visible{
  transform:none!important;
  background:#ede9e0!important;
  color:#080808!important;
  border-color:rgba(0,0,0,.18)!important;
}

.page-v60.page-kontakt .contact-direct-v23 a:hover,
.page-v60.page-kontakt .contact-direct-v23 a:focus-visible{
  background:#f7f3ea!important;
  color:#080808!important;
}

.page-v60.page-kontakt .contact-direct-v23 a span{
  display:none!important;
}

/* Oferta — zakres wraca do klikalnej harmonijki według wzoru HP */
.page-v60.page-oferta .v33-scope details{
  transform:none!important;
  transition:none!important;
  overflow:visible!important;
}

.page-v60.page-oferta .v33-scope summary{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  overflow:visible!important;
}

.page-v60.page-oferta .v33-scope summary::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:#fff!important;
  transition:width .36s cubic-bezier(.2,.75,.2,1)!important;
}

.page-v60.page-oferta .v33-scope summary:hover::after{
  width:100%!important;
}

.page-v60.page-oferta .v33-scope summary strong{
  transition:transform .28s cubic-bezier(.2,.75,.2,1)!important;
}

.page-v60.page-oferta .v33-scope summary:hover strong{
  transform:translateX(5px)!important;
}

.page-v60.page-oferta .v33-scope summary i{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:rotate(0deg)!important;
  transform-origin:center!important;
  overflow:visible!important;
  transition:transform .28s cubic-bezier(.2,.75,.2,1), background .22s ease, color .22s ease, border-color .22s ease!important;
}

.page-v60.page-oferta .v33-scope summary:hover i,
.page-v60.page-oferta .v33-scope details.is-open-v60 summary i{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

.page-v60.page-oferta .v33-scope__panel{
  display:grid!important;
  max-height:0;
  opacity:0;
  overflow:hidden!important;
  transform:translateY(-6px);
  transition:max-height .36s cubic-bezier(.2,.75,.2,1), opacity .22s ease, transform .28s cubic-bezier(.2,.75,.2,1), padding .28s ease!important;
}

.page-v60.page-oferta .v33-scope details.is-open-v60 .v33-scope__panel{
  opacity:1!important;
  transform:none!important;
}

/* FAQ/harmonijki — styl według HP */
.page-v60 .faq-list details,
.page-v60 .faq-list--page details{
  transform:none!important;
}

.page-v60 .faq-list summary,
.page-v60 .faq-list--page summary{
  position:relative!important;
  overflow:visible!important;
}

.page-v60 .faq-list summary::after,
.page-v60 .faq-list--page summary::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:#fff!important;
  transition:width .36s cubic-bezier(.2,.75,.2,1)!important;
}

.page-v60 .faq-list summary:hover::after,
.page-v60 .faq-list--page summary:hover::after{
  width:100%!important;
}

.page-v60 .faq-list summary span,
.page-v60 .faq-list--page summary span{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  transform:rotate(0deg)!important;
  transition:transform .28s cubic-bezier(.2,.75,.2,1), background .22s ease, color .22s ease, border-color .22s ease!important;
}

.page-v60 .faq-list details[open] summary span,
.page-v60 .faq-list--page details[open] summary span,
.page-v60 .faq-list summary:hover span,
.page-v60 .faq-list--page summary:hover span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

/* Stopka — napis "Projektowanie wnętrz" mocniejszy */
.page-v60.subpage .site-footer__meta span:nth-child(2){
  color:rgba(255,255,255,.84)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

@media(max-width:860px){
  .page-v60.page-kontakt .contact-final-v23{
    grid-template-columns:1fr!important;
  }

  .page-v60.subpage .hero-unified-v60 .page-hero__content,
  .page-v60.subpage .hero-unified-v60 .v33-subhero__content,
  .page-v60.subpage .hero-unified-v60 .v33-article-hero__content{
    width:calc(100% - 36px)!important;
    padding-top:calc(var(--header-h) + 52px)!important;
    padding-bottom:56px!important;
  }

  .page-v60.subpage .hero-unified-v60 h1{
    line-height:1.04!important;
    letter-spacing:-.055em!important;
  }
}


/* =======================================================================
   V61 — targeted fixes: Oferta, Realizacje, Kontakt FAQ/form
   ======================================================================= */

/* OFERTA — zakres współpracy cały czas rozwinięty, bez klikania/hover-interakcji */
.page-v61.page-oferta .v33-scope details,
.page-v61.page-oferta .v33-scope details[open],
.page-v61.page-oferta .v33-scope details:hover{
  transform:none!important;
  transition:none!important;
  overflow:visible!important;
}

.page-v61.page-oferta .v33-scope summary{
  cursor:default!important;
  pointer-events:none!important;
  overflow:visible!important;
}

.page-v61.page-oferta .v33-scope summary::after,
.page-v61.page-oferta .v33-scope summary:hover::after{
  display:none!important;
  content:none!important;
  width:0!important;
}

.page-v61.page-oferta .v33-scope summary img,
.page-v61.page-oferta .v33-scope summary strong,
.page-v61.page-oferta .v33-scope summary em,
.page-v61.page-oferta .v33-scope summary span,
.page-v61.page-oferta .v33-scope summary:hover img,
.page-v61.page-oferta .v33-scope summary:hover strong,
.page-v61.page-oferta .v33-scope summary:hover em,
.page-v61.page-oferta .v33-scope summary:hover span{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}

.page-v61.page-oferta .v33-scope summary i{
  display:none!important;
}

.page-v61.page-oferta .v33-scope__panel{
  display:grid!important;
  height:auto!important;
  max-height:none!important;
  opacity:1!important;
  overflow:visible!important;
  transform:none!important;
  transition:none!important;
}

/* OFERTA — proces bez żadnej animacji na hoverze */
.page-v61.page-oferta .v33-process__line,
.page-v61.page-oferta .v33-process__line *,
.page-v61.page-oferta .v33-process__line *::before,
.page-v61.page-oferta .v33-process__line *::after{
  transition:none!important;
  animation:none!important;
}

.page-v61.page-oferta .v33-process__line article,
.page-v61.page-oferta .v33-process__line article:hover,
.page-v61.page-oferta .v33-process__line article:hover h3,
.page-v61.page-oferta .v33-process__line article:hover p,
.page-v61.page-oferta .v33-process__line article:hover span{
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
}

.page-v61.page-oferta .v33-process__line article i{
  display:none!important;
}

.page-v61.page-oferta .v33-process__line article,
.page-v61.page-oferta .v33-process__line article::before,
.page-v61.page-oferta .v33-process__line article::after{
  border-left:0!important;
  border-right:0!important;
}

/* REALIZACJE — czarny pasek/gradient opisów zawsze w tym samym miejscu */
.page-v61.page-realizacje .portfolio-halves .portfolio-half__image{
  position:relative!important;
  overflow:hidden!important;
}

.page-v61.page-realizacje .portfolio-halves .portfolio-half__image::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  height:34%!important;
  z-index:1!important;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.74) 100%)!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}

.page-v61.page-realizacje .portfolio-halves .portfolio-half__place,
.page-v61.page-realizacje .portfolio-halves .portfolio-half__area{
  z-index:2!important;
  bottom:22px!important;
  top:auto!important;
  transform:none!important;
  opacity:1!important;
  transition:none!important;
}

.page-v61.page-realizacje .portfolio-halves .portfolio-half__place{
  left:22px!important;
}

.page-v61.page-realizacje .portfolio-halves .portfolio-half__area{
  right:22px!important;
  text-align:right!important;
}

/* KONTAKT — większy, wyrównany formularz */
.page-v61.page-kontakt .contact-final-v23{
  grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr)!important;
  gap:clamp(44px,6vw,108px)!important;
  align-items:start!important;
}

.page-v61.page-kontakt .contact-form-shell-v60{
  width:100%!important;
  align-self:start!important;
  padding:clamp(34px,3.6vw,58px)!important;
  background:#050505!important;
}

.page-v61.page-kontakt .contact-brief-v60{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:26px 22px!important;
}

.page-v61.page-kontakt .contact-brief-v60 .field input,
.page-v61.page-kontakt .contact-brief-v60 .field select,
.page-v61.page-kontakt .contact-brief-v60 .field textarea{
  font-size:15px!important;
  padding-bottom:14px!important;
}

.page-v61.page-kontakt .contact-brief-v60 .field label{
  margin-bottom:10px!important;
}

.page-v61.page-kontakt .contact-brief-v60 textarea{
  min-height:150px!important;
}

.page-v61.page-kontakt .contact-brief-v60 .submit-btn{
  min-width:220px!important;
  min-height:58px!important;
}

/* KONTAKT — przyciski obok formularza nie robią się czarne */
.page-v61.page-kontakt .contact-direct-v23 a,
.page-v61.page-kontakt .contact-direct-v23 a:hover,
.page-v61.page-kontakt .contact-direct-v23 a:focus-visible{
  background:#ede9e0!important;
  color:#080808!important;
  transform:none!important;
  border-color:rgba(0,0,0,.18)!important;
}

.page-v61.page-kontakt .contact-direct-v23 a:hover,
.page-v61.page-kontakt .contact-direct-v23 a:focus-visible{
  background:#f7f3ea!important;
  color:#080808!important;
}

.page-v61.page-kontakt .contact-direct-v23 a span{
  display:none!important;
}

/* KONTAKT FAQ — plusy po prawej, tekst ładniej, płynne otwieranie/zamykanie */
.page-v61.page-kontakt .faq-focus-v13{
  padding-top:clamp(78px,8vw,130px)!important;
}

.page-v61.page-kontakt .faq-list--page{
  width:min(980px,calc(100% - var(--pad-x) * 2))!important;
  margin-inline:auto!important;
}

.page-v61.page-kontakt .faq-list--page details{
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  padding:0!important;
  transform:none!important;
}

.page-v61.page-kontakt .faq-list--page summary{
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:28px!important;
  padding:0!important;
  font-size:clamp(24px,2.15vw,36px)!important;
  line-height:1.15!important;
  letter-spacing:-.052em!important;
}

.page-v61.page-kontakt .faq-list--page summary span{
  grid-column:2!important;
  justify-self:end!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}

.page-v61.page-kontakt .faq-list--page summary::after{
  display:none!important;
}

.page-v61.page-kontakt .faq-list--page p{
  max-height:0;
  overflow:hidden!important;
  opacity:0;
  transform:translateY(-4px);
  margin:0!important;
  padding:0 74px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.78!important;
  transition:
    max-height .38s cubic-bezier(.2,.75,.2,1),
    opacity .24s ease,
    transform .32s cubic-bezier(.2,.75,.2,1),
    padding .32s ease!important;
}

.page-v61.page-kontakt .faq-list--page details[open] p{
  max-height:240px!important;
  opacity:1!important;
  transform:none!important;
  padding:2px 74px 28px 0!important;
}

.page-v61.page-kontakt .faq-list--page details[open] summary span,
.page-v61.page-kontakt .faq-list--page summary:hover span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

@media(max-width:1020px){
  .page-v61.page-kontakt .contact-final-v23{
    grid-template-columns:1fr!important;
  }

  .page-v61.page-kontakt .contact-form-shell-v60{
    padding:28px 22px!important;
  }
}

@media(max-width:680px){
  .page-v61.page-kontakt .contact-brief-v60{
    grid-template-columns:1fr!important;
  }

  .page-v61.page-kontakt .contact-brief-v60 .field--half,
  .page-v61.page-kontakt .contact-brief-v60 .field--third,
  .page-v61.page-kontakt .contact-brief-v60 .field--full{
    grid-column:1!important;
  }

  .page-v61.page-kontakt .faq-list--page summary{
    grid-template-columns:minmax(0,1fr) 34px!important;
    font-size:clamp(21px,6vw,30px)!important;
  }

  .page-v61.page-kontakt .faq-list--page summary span{
    width:34px!important;
    height:34px!important;
  }

  .page-v61.page-kontakt .faq-list--page p,
  .page-v61.page-kontakt .faq-list--page details[open] p{
    padding-right:0!important;
  }
}


/* =======================================================================
   V62 — final visual fixes: FAQ kontakt, realizacje, footer, headings
   ======================================================================= */

/* PODSTRONA REALIZACJE — większe zdjęcia i równa czarna belka/copy w każdym kaflu */
.page-v62.page-realizacje .portfolio-halves__grid{
  align-items:start!important;
  gap:clamp(22px,2.4vw,38px)!important;
}

.page-v62.page-realizacje .portfolio-half{
  display:grid!important;
  grid-template-rows:clamp(455px,44vw,660px) minmax(315px,auto)!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#050505!important;
}

.page-v62.page-realizacje .portfolio-half__image{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  position:relative!important;
}

.page-v62.page-realizacje .portfolio-half__image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
}

.page-v62.page-realizacje .portfolio-half__image::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:38%!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%)!important;
  opacity:1!important;
  pointer-events:none!important;
}

.page-v62.page-realizacje .portfolio-half__place,
.page-v62.page-realizacje .portfolio-half__area{
  z-index:2!important;
  top:auto!important;
  bottom:22px!important;
  opacity:1!important;
  transform:none!important;
}

.page-v62.page-realizacje .portfolio-half__copy{
  min-height:315px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:clamp(44px,4vw,66px)!important;
  background:#050505!important;
}

.page-v62.page-realizacje .portfolio-half__copy .page-kicker{
  margin:0 0 22px!important;
  white-space:nowrap!important;
}

.page-v62.page-realizacje .portfolio-half__copy h2{
  font-size:clamp(44px,4.9vw,86px)!important;
  line-height:1.02!important;
  margin:0 0 22px!important;
}

.page-v62.page-realizacje .portfolio-half__copy p{
  margin:0!important;
  max-width:640px!important;
  line-height:1.72!important;
}

/* KONTAKT FAQ — skopiowany koncept z HP: pełna szerokość listy, plus po prawej, hover border + slide */
.page-v62.page-kontakt .faq-focus-v13,
.page-v62.page-kontakt .faq-focus-v16{
  background:#050505!important;
  color:#fff!important;
  padding:clamp(86px,8vw,134px) var(--pad-x)!important;
}

.page-v62.page-kontakt .faq-focus-v13__head{
  width:min(1180px,100%)!important;
  margin:0 auto clamp(36px,4vw,58px)!important;
  text-align:left!important;
}

.page-v62.page-kontakt .faq-focus-v13__head h2{
  font-size:clamp(48px,5.8vw,98px)!important;
  line-height:1.02!important;
  margin:22px 0 0!important;
  letter-spacing:-.064em!important;
}

.page-v62.page-kontakt .faq-list--page{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  gap:0!important;
}

.page-v62.page-kontakt .faq-list--page details{
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  padding:0!important;
  background:transparent!important;
  transform:none!important;
}

.page-v62.page-kontakt .faq-list--page summary{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:30px!important;
  padding:0!important;
  list-style:none!important;
  cursor:pointer!important;
  position:relative!important;
  overflow:visible!important;
  font-size:clamp(22px,2.1vw,34px)!important;
  line-height:1.16!important;
  letter-spacing:-.052em!important;
  transition:padding-left .28s cubic-bezier(.2,.75,.2,1)!important;
}

.page-v62.page-kontakt .faq-list--page summary::-webkit-details-marker{
  display:none!important;
}

.page-v62.page-kontakt .faq-list--page summary::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:#fff!important;
  transition:width .34s cubic-bezier(.2,.75,.2,1)!important;
  display:block!important;
}

.page-v62.page-kontakt .faq-list--page summary:hover{
  padding-left:8px!important;
}

.page-v62.page-kontakt .faq-list--page summary:hover::after{
  width:100%!important;
}

.page-v62.page-kontakt .faq-list--page summary span{
  grid-column:2!important;
  justify-self:end!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:999px!important;
  margin:0!important;
  transform:rotate(0deg)!important;
  transition:
    transform .28s cubic-bezier(.2,.75,.2,1),
    background .22s ease,
    color .22s ease,
    border-color .22s ease!important;
}

.page-v62.page-kontakt .faq-list--page details[open] summary span,
.page-v62.page-kontakt .faq-list--page details.is-open-v62 summary span,
.page-v62.page-kontakt .faq-list--page summary:hover span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

.page-v62.page-kontakt .faq-list--page p{
  max-height:0;
  overflow:hidden!important;
  opacity:0;
  transform:translateY(-6px);
  margin:0!important;
  padding:0 74px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.78!important;
  transition:
    max-height .38s cubic-bezier(.2,.75,.2,1),
    opacity .24s ease,
    transform .32s cubic-bezier(.2,.75,.2,1),
    padding .32s ease!important;
}

.page-v62.page-kontakt .faq-list--page details[open] p,
.page-v62.page-kontakt .faq-list--page details.is-open-v62 p{
  max-height:260px;
  opacity:1;
  transform:none;
  padding:2px 74px 30px 0!important;
}

/* KONTAKT — formularz większy, bardziej wyrównany i mniej "ostry" */
.page-v62.page-kontakt .contact-final-v23{
  grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr)!important;
  align-items:start!important;
}

.page-v62.page-kontakt .contact-form-shell-v60{
  width:100%!important;
  max-width:none!important;
  padding:clamp(42px,4.4vw,72px)!important;
  background:#050505!important;
}

.page-v62.page-kontakt .contact-brief-v60{
  gap:30px 24px!important;
}

.page-v62.page-kontakt .contact-brief-v60 .field input,
.page-v62.page-kontakt .contact-brief-v60 .field select,
.page-v62.page-kontakt .contact-brief-v60 .field textarea{
  font-size:15px!important;
  color:rgba(255,255,255,.88)!important;
  border-bottom-color:rgba(255,255,255,.24)!important;
}

.page-v62.page-kontakt .contact-brief-v60 textarea{
  min-height:170px!important;
}

/* STOPKA — logo/napis czytelniej na dole */
.page-v62 .site-footer__top{
  align-items:center!important;
  gap:clamp(22px,3vw,46px)!important;
}

.page-v62 .site-footer__logo{
  width:clamp(210px,18vw,285px)!important;
  max-width:285px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.16))!important;
}

.page-v62.subpage .site-footer__meta span:nth-child(2),
.page-v62 .site-footer__meta span:nth-child(2){
  color:rgba(255,255,255,.88)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* News-head / sekcje nagłówkowe — ujednolicenie odstępów */
.page-v62.page-aktualnosci .v33-news__head,
.page-v62 .portfolio__head,
.page-v62.subpage .v33-news__head{
  align-items:end!important;
  margin-bottom:clamp(36px,4vw,52px)!important;
}

.page-v62.page-aktualnosci .v33-news__head .page-kicker,
.page-v62.subpage .v33-news__head .page-kicker{
  white-space:nowrap!important;
}

.page-v62.page-aktualnosci .v33-news__head p:not(.page-kicker),
.page-v62.subpage .v33-news__head p:not(.page-kicker){
  margin-bottom:0!important;
}

/* Ostatnie domknięcie H2 na podstronach */
.page-v62.subpage section h2,
.page-v62.subpage .contact-final-v23__intro h2,
.page-v62.subpage .v33-news__head h2,
.page-v62.subpage .v33-scope__head h2,
.page-v62.subpage .v33-process__head h2{
  font-size:clamp(42px,5vw,86px)!important;
  line-height:1.04!important;
  margin:24px 0 18px!important;
  letter-spacing:-.062em!important;
}

@media(max-width:1020px){
  .page-v62.page-kontakt .contact-final-v23{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  .page-v62.page-realizacje .portfolio-half{
    grid-template-rows:clamp(360px,86vw,520px) auto!important;
  }

  .page-v62.page-realizacje .portfolio-half__copy{
    min-height:auto!important;
    padding:34px 24px!important;
  }

  .page-v62.page-kontakt .faq-list--page summary{
    grid-template-columns:minmax(0,1fr) 34px!important;
    min-height:74px!important;
  }

  .page-v62.page-kontakt .faq-list--page summary span{
    width:34px!important;
    height:34px!important;
  }

  .page-v62.page-kontakt .faq-list--page p,
  .page-v62.page-kontakt .faq-list--page details[open] p,
  .page-v62.page-kontakt .faq-list--page details.is-open-v62 p{
    padding-right:0!important;
  }

  .page-v62 .site-footer__logo{
    width:210px!important;
  }
}


/* =======================================================================
   V63 — targeted subpage fixes
   ======================================================================= */

/* Realizacje: każda fotografia i każdy czarny panel mają identyczną wysokość. */
.page-v63.page-realizacje .portfolio-half{
  grid-template-rows:clamp(480px,43vw,640px) 410px!important;
  min-height:0!important;
  background:#050505!important;
}

.page-v63.page-realizacje .portfolio-half__image,
.page-v63.page-realizacje .portfolio-half__image:hover,
.page-v63.page-realizacje .portfolio-half__image:focus-visible{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  transform:none!important;
  overflow:hidden!important;
}

.page-v63.page-realizacje .portfolio-half__image img,
.page-v63.page-realizacje .portfolio-half:hover .portfolio-half__image img,
.page-v63.page-realizacje .portfolio-half__image:hover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
  scale:1!important;
}

.page-v63.page-realizacje .portfolio-half__copy{
  width:100%!important;
  height:410px!important;
  min-height:410px!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
  background:#050505!important;
}

/* Kontakt / FAQ: proporcje, typografia i interakcje dokładnie jak na HP. */
.page-v63.page-kontakt .faq-list--page summary{
  min-height:0!important;
  padding:23px 0!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  gap:18px!important;
  font-size:clamp(17px,1.18vw,20px)!important;
  line-height:1.35!important;
  letter-spacing:-.025em!important;
  transition:padding-left .25s ease,color .25s ease!important;
}

.page-v63.page-kontakt .faq-list--page summary:hover{
  padding-left:8px!important;
}

.page-v63.page-kontakt .faq-list--page summary span{
  width:32px!important;
  height:32px!important;
  font-size:16px!important;
  transform:rotate(0deg)!important;
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
}

.page-v63.page-kontakt .faq-list--page summary:hover span{
  transform:rotate(0deg)!important;
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.38)!important;
}

.page-v63.page-kontakt .faq-list--page details[open] summary span,
.page-v63.page-kontakt .faq-list--page details.is-open-v62 summary span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

.page-v63.page-kontakt .faq-list--page p{
  max-width:680px!important;
  font-size:clamp(14px,.92vw,16px)!important;
  line-height:1.72!important;
}

/* Stopka na wszystkich podstronach. */
.page-v63.subpage .site-footer__logo{
  width:clamp(250px,22vw,340px)!important;
  max-width:340px!important;
  height:auto!important;
  opacity:1!important;
  filter:none!important;
}

.page-v63.subpage .site-footer__meta span:nth-child(2){
  color:#f1f1ee!important;
  opacity:1!important;
}

@media(max-width:760px){
  .page-v63.page-realizacje .portfolio-half{
    grid-template-rows:clamp(360px,86vw,520px) auto!important;
  }

  .page-v63.page-realizacje .portfolio-half__copy{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .page-v63.page-kontakt .faq-list--page summary{
    grid-template-columns:minmax(0,1fr) 32px!important;
    font-size:17px!important;
  }

  .page-v63.subpage .site-footer__logo{
    width:240px!important;
    max-width:100%!important;
  }
}


/* =======================================================================
   V64 — final client screenshots pass
   ======================================================================= */

/* Oferta / Proces: całkowicie statyczna sekcja, również bez reveal i hoverów. */
.page-v64.page-oferta .v33-process,
.page-v64.page-oferta .v33-process *,
.page-v64.page-oferta .v33-process *::before,
.page-v64.page-oferta .v33-process *::after,
.page-v64.page-oferta .v33-process:hover,
.page-v64.page-oferta .v33-process *:hover{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  box-shadow:none!important;
}

.page-v64.page-oferta .v33-process .reveal,
.page-v64.page-oferta .v33-process .reveal.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}

.page-v64.page-oferta .v33-process__line i,
.page-v64.page-oferta .v33-process__line::before,
.page-v64.page-oferta .v33-process__line::after,
.page-v64.page-oferta .v33-process__line article::before,
.page-v64.page-oferta .v33-process__line article::after{
  display:none!important;
  content:none!important;
}

/* Realizacje: więcej zdjęcia, niższy panel i bez nakładania podpisów. */
.page-v64.page-realizacje .portfolio-half{
  grid-template-rows:clamp(540px,46vw,700px) 340px!important;
}

.page-v64.page-realizacje .portfolio-half__copy{
  height:340px!important;
  min-height:340px!important;
  padding:clamp(34px,3vw,48px)!important;
  overflow:hidden!important;
}

.page-v64.page-realizacje .portfolio-half__copy .page-kicker{
  margin:0 0 16px!important;
}

.page-v64.page-realizacje .portfolio-half__copy h2{
  margin:0 0 14px!important;
  font-size:clamp(38px,3.7vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-.062em!important;
  text-wrap:balance!important;
  overflow:visible!important;
}

.page-v64.page-realizacje .portfolio-half__copy p{
  font-size:13px!important;
  line-height:1.65!important;
}

.page-v64.page-realizacje .portfolio-half__place,
.page-v64.page-realizacje .portfolio-half__area{
  left:24px!important;
  right:auto!important;
  top:auto!important;
  max-width:calc(100% - 48px)!important;
  text-align:left!important;
  white-space:normal!important;
  transform:none!important;
}

.page-v64.page-realizacje .portfolio-half__place{
  bottom:48px!important;
  font-size:clamp(24px,2.5vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:rgba(255,255,255,.54)!important;
}

.page-v64.page-realizacje .portfolio-half__area{
  bottom:22px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:800!important;
  color:rgba(255,255,255,.76)!important;
}

.page-v64.page-realizacje .portfolio-half__image::after{
  height:30%!important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7))!important;
}

/* Artykuły: jeden grid, jeden rytm i CTA wyrównane do treści. */
.page-v64.page-article .v33-article-lead,
.page-v64.page-article .v33-article-sections,
.page-v64.page-article .v33-article-callout{
  width:min(980px,100%)!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.page-v64.page-article .v33-article-lead{
  margin-bottom:0!important;
  padding-bottom:48px!important;
}

.page-v64.page-article .v33-article-section{
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:clamp(28px,4vw,64px)!important;
  min-height:260px!important;
  padding:48px 0!important;
  align-items:start!important;
}

.page-v64.page-article .v33-article-section h2{
  margin:0 0 16px!important;
  font-size:clamp(38px,3.7vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:-.065em!important;
  text-wrap:balance!important;
}

.page-v64.page-article .v33-article-section h2 + p,
.page-v64.page-article .v33-article-section p{
  margin:0!important;
  max-width:760px!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.78!important;
}

.page-v64.page-article .v33-article-callout{
  min-height:250px!important;
  margin-top:64px!important;
  padding:42px 54px 42px clamp(118px,10vw,154px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:0!important;
}

.page-v64.page-article .v33-article-callout strong{
  margin:0 0 12px!important;
  font-size:clamp(34px,3.3vw,52px)!important;
  line-height:1.02!important;
}

.page-v64.page-article .v33-article-callout p{
  margin:0 0 22px!important;
}

/* Kontakt / FAQ: otwarcie i zamknięcie w tym samym płynnym tempie co HP. */
.page-v64.page-kontakt .faq-list--page p{
  max-height:0;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transition:max-height .46s cubic-bezier(.2,.75,.2,1),opacity .25s ease,transform .34s cubic-bezier(.2,.75,.2,1),padding .34s ease!important;
}

.page-v64.page-kontakt .faq-list--page details[open] p,
.page-v64.page-kontakt .faq-list--page details.is-open-v62 p{
  opacity:1!important;
  transform:none!important;
  padding-top:2px!important;
  padding-bottom:24px!important;
}

/* Spokojniejsze logo na każdej podstronie. */
.page-v64.subpage .site-footer__logo{
  width:clamp(230px,18vw,280px)!important;
  max-width:280px!important;
  opacity:.84!important;
  filter:brightness(.9)!important;
}

@media(max-width:760px){
  .page-v64.page-realizacje .portfolio-half{
    grid-template-rows:clamp(390px,92vw,560px) auto!important;
  }
  .page-v64.page-realizacje .portfolio-half__copy{
    height:auto!important;
    min-height:250px!important;
    overflow:visible!important;
  }
  .page-v64.page-article .v33-article-section{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:16px!important;
    padding:36px 0!important;
  }
  .page-v64.page-article .v33-article-callout{
    min-height:0!important;
    padding:34px 26px!important;
  }
  .page-v64.subpage .site-footer__logo{
    width:225px!important;
    opacity:.86!important;
  }
}


/* =======================================================================
   V66 — mobile stability, Contact visibility, Offer cards and FAQ
   ======================================================================= */

.page-v66 .mobile-menu[hidden]{
  display:none!important;
}

.page-v66 .menu-toggle{
  z-index:3!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}

.page-v66.page-kontakt .faq-list--page details p,
.page-v66.page-kontakt .faq-list--page details[open] p,
.page-v66.page-kontakt .faq-list--page details.is-open-v62 p{
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transition:max-height .44s cubic-bezier(.22,.75,.18,1),opacity .24s ease,transform .34s cubic-bezier(.22,.75,.18,1),padding .34s ease!important;
}

.page-v66.page-kontakt .faq-list--page details.is-open-v66 p,
.page-v66.page-kontakt .faq-list--page details.is-open-v66[open] p{
  max-height:var(--faq-panel-height,270px)!important;
  opacity:1!important;
  transform:none!important;
  padding-top:2px!important;
  padding-bottom:24px!important;
}

.page-v66.page-kontakt .faq-list--page details.is-open-v66 summary span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

.page-v66.page-kontakt .faq-list--page details[open]:not(.is-open-v66) summary span{
  transform:rotate(0deg)!important;
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
}

@media(max-width:820px), (pointer:coarse){
  .page-v66.subpage{
    overflow-x:clip!important;
    overscroll-behavior-x:none;
  }
  .page-v66.subpage .reveal,
  .page-v66.subpage .reveal:not(.is-visible),
  .page-v66.subpage .reveal.is-visible,
  .page-v66.page-kontakt .contact-form-shell-v60.reveal{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    transition:opacity .2s ease!important;
    will-change:auto!important;
  }
  .page-v66.subpage .site-header,
  .page-v66.subpage .mobile-menu{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .page-v66.page-oferta .v33-scope__list,
  .page-v66.page-oferta .v33-scope details,
  .page-v66.page-oferta .v33-scope summary,
  .page-v66.page-oferta .v33-scope__panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .page-v66.page-oferta .v33-scope details{
    height:auto!important;
    min-height:0!important;
    transform:none!important;
  }
  .page-v66.page-oferta .v33-scope summary{
    min-height:210px!important;
    height:auto!important;
    padding:28px 22px!important;
    overflow:visible!important;
    align-content:center!important;
  }
  .page-v66.page-oferta .v33-scope summary strong{
    max-width:calc(100% - 52px)!important;
    padding-top:34px!important;
    font-size:clamp(35px,10.5vw,50px)!important;
    line-height:.94!important;
    overflow:visible!important;
    text-wrap:balance!important;
  }
  .page-v66.page-oferta .v33-scope__panel{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:30px 22px 34px!important;
  }
  .page-v66.page-kontakt .contact-form-shell-v60,
  .page-v66.page-kontakt .contact-brief-v60,
  .page-v66.page-kontakt .contact-brief-v60 *{
    -webkit-font-smoothing:antialiased;
  }
  .page-v66.page-kontakt .contact-brief-v60 .field label,
  .page-v66.page-kontakt .contact-brief-v60 .consent,
  .page-v66.page-kontakt .contact-brief-v60 .consent span{
    opacity:1!important;
    visibility:visible!important;
    color:rgba(255,255,255,.82)!important;
    -webkit-text-fill-color:rgba(255,255,255,.82)!important;
  }
  .page-v66.page-kontakt .contact-brief-v60 input,
  .page-v66.page-kontakt .contact-brief-v60 textarea,
  .page-v66.page-kontakt .contact-brief-v60 select{
    opacity:1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .page-v66.page-kontakt .contact-brief-v60 input::placeholder,
  .page-v66.page-kontakt .contact-brief-v60 textarea::placeholder{
    opacity:1!important;
    color:rgba(255,255,255,.56)!important;
    -webkit-text-fill-color:rgba(255,255,255,.56)!important;
  }
  .page-v66.page-kontakt .contact-brief-v60 .submit-btn,
  .page-v66.page-kontakt .contact-brief-v60 .submit-btn span{
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
    color:#050505!important;
    -webkit-text-fill-color:#050505!important;
    transform:none!important;
  }
}


/* =======================================================================
   V67 — final targeted fixes: Offer colours, Contact FAQ and footer mark
   ======================================================================= */

/* Oferta: ciemny hero pozostaje biały, jasne sekcje mają ponownie ciemny tekst. */
.page-v67.page-oferta .v33-subhero,
.page-v67.page-oferta .v33-subhero h1,
.page-v67.page-oferta .v33-subhero .page-kicker,
.page-v67.page-oferta .v33-subhero__content > p:not(.page-kicker){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.page-v67.page-oferta .v33-split,
.page-v67.page-oferta .v33-scope,
.page-v67.page-oferta .v33-process,
.page-v67.page-oferta .v33-split__copy h2,
.page-v67.page-oferta .v33-scope__head h2,
.page-v67.page-oferta .v33-process__head h2,
.page-v67.page-oferta .v33-process__line h3{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

.page-v67.page-oferta .v33-split__copy > p:not(.page-kicker),
.page-v67.page-oferta .v33-scope__head > p:not(.page-kicker),
.page-v67.page-oferta .v33-process__line p{
  color:#58544e!important;
  -webkit-text-fill-color:#58544e!important;
}

.page-v67.page-oferta .v33-split .page-kicker,
.page-v67.page-oferta .v33-scope .page-kicker,
.page-v67.page-oferta .v33-process .page-kicker,
.page-v67.page-oferta .v33-link{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

/* Kontakt: jeden stan animacji i czytelne zamknięcie przed otwarciem kolejnej odpowiedzi. */
.page-v67.page-kontakt .faq-list--page details p,
.page-v67.page-kontakt .faq-list--page details[open] p,
.page-v67.page-kontakt .faq-list--page details.is-open-v62 p{
  transition:max-height .34s cubic-bezier(.22,.75,.18,1),opacity .2s ease,transform .28s cubic-bezier(.22,.75,.18,1),padding .28s ease!important;
}

/* Nowy lockup ma większy, czytelniejszy dopisek „Projektowanie wnętrz”. */
.page-v67 .site-footer__logo{
  width:clamp(270px,22vw,340px)!important;
  max-width:340px!important;
  opacity:.96!important;
  filter:none!important;
}

@media(max-width:760px){
  .page-v67 .site-footer__logo{
    width:260px!important;
    max-width:100%!important;
  }
}


/* =======================================================================
   V68 — final desktop alignment for Offer and Contact
   ======================================================================= */

/* Oba hero korzystają dokładnie z tej samej lewej i prawej linii gridu. */
.page-v68.page-oferta .hero-unified-v60 .v33-subhero__content,
.page-v68.page-kontakt .hero-unified-v60 .page-hero__content{
  width:calc(100% - (var(--pad-x) * 2))!important;
  max-width:none!important;
  margin-right:var(--pad-x)!important;
  margin-left:var(--pad-x)!important;
  padding-top:calc(var(--header-h) + 52px)!important;
  padding-bottom:clamp(46px,6vh,72px)!important;
  justify-content:flex-end!important;
  gap:clamp(14px,1.5vw,20px)!important;
}

.page-v68.page-oferta .hero-unified-v60 h1,
.page-v68.page-kontakt .hero-unified-v60 h1{
  max-width:1120px!important;
  margin:0!important;
  font-size:clamp(58px,6.2vw,108px)!important;
  line-height:.94!important;
  letter-spacing:-.07em!important;
}

.page-v68.page-oferta .hero-unified-v60 > img,
.page-v68.page-kontakt .hero-unified-v60 > img{
  object-position:center 56%!important;
}

/* Teksty leżące bezpośrednio na zdjęciach kafelków pozostają białe. */
.page-v68.page-oferta .v33-scope summary,
.page-v68.page-oferta .v33-scope summary strong,
.page-v68.page-oferta .v33-scope summary em,
.page-v68.page-oferta .v33-scope summary span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.page-v68.page-oferta .v33-scope summary span{
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
}

.page-v68.page-oferta .v33-scope summary em{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
}

@media(max-width:820px){
  .page-v68.page-oferta .hero-unified-v60 .v33-subhero__content,
  .page-v68.page-kontakt .hero-unified-v60 .page-hero__content{
    width:calc(100% - 36px)!important;
    margin-right:18px!important;
    margin-left:18px!important;
    padding-top:calc(var(--header-h) + 38px)!important;
    padding-bottom:44px!important;
  }

  .page-v68.page-oferta .hero-unified-v60 h1,
  .page-v68.page-kontakt .hero-unified-v60 h1{
    font-size:clamp(46px,13vw,72px)!important;
    line-height:.98!important;
  }
}


/* =======================================================================
   V69 — one final hero system across every subpage
   ======================================================================= */

.page-v69.subpage .hero-unified-v60{
  width:100%!important;
  height:clamp(620px,82svh,780px)!important;
  min-height:clamp(620px,82svh,780px)!important;
  max-height:780px!important;
  display:flex!important;
  align-items:stretch!important;
  padding:0!important;
  overflow:hidden!important;
}

.page-v69.subpage .hero-unified-v60 .page-hero__content,
.page-v69.subpage .hero-unified-v60 .v33-subhero__content,
.page-v69.subpage .hero-unified-v60 .v33-article-hero__content{
  width:calc(100% - (var(--pad-x) * 2))!important;
  max-width:none!important;
  min-height:100%!important;
  margin-right:var(--pad-x)!important;
  margin-left:var(--pad-x)!important;
  padding:calc(var(--header-h) + 52px) 0 clamp(46px,6vh,72px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:clamp(14px,1.5vw,20px)!important;
}

.page-v69.subpage .hero-unified-v60 h1{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  margin:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(58px,6.2vw,108px)!important;
  line-height:.94!important;
  letter-spacing:-.07em!important;
  font-weight:500!important;
  text-wrap:balance!important;
}

.page-v69.subpage .hero-unified-v60 .page-kicker{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
}

.page-v69.subpage .hero-unified-v60 p:not(.page-kicker){
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
  font-size:15px!important;
  line-height:1.72!important;
}

.page-v69.subpage .hero-unified-v60 .v33-article-meta{
  width:min(760px,100%)!important;
  margin-top:2px!important;
}

/* Aktualności: nagłówek jasnej sekcji musi być czarny. */
.page-v69.page-aktualnosci .v33-news__head h2{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

/* Kontakt: tekst przycisku briefu jest widoczny od razu, bez hovera. */
.page-v69.page-kontakt .contact-brief-v60 .form-submit,
.page-v69.page-kontakt .contact-brief-v60 .submit-btn,
.page-v69.page-kontakt .contact-brief-v60 .submit-btn span{
  opacity:1!important;
  visibility:visible!important;
}

.page-v69.page-kontakt .contact-brief-v60 .submit-btn,
.page-v69.page-kontakt .contact-brief-v60 .submit-btn span{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}

.page-v69.page-kontakt .contact-brief-v60 .submit-btn{
  background:#fff!important;
  border-color:#fff!important;
}

.page-v69.page-kontakt .contact-brief-v60 .submit-btn:hover,
.page-v69.page-kontakt .contact-brief-v60 .submit-btn:focus-visible{
  background:#f0f0ec!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}

@media(max-width:820px){
  .page-v69.subpage .hero-unified-v60{
    height:clamp(570px,78svh,700px)!important;
    min-height:clamp(570px,78svh,700px)!important;
    max-height:700px!important;
  }

  .page-v69.subpage .hero-unified-v60 .page-hero__content,
  .page-v69.subpage .hero-unified-v60 .v33-subhero__content,
  .page-v69.subpage .hero-unified-v60 .v33-article-hero__content{
    width:calc(100% - 36px)!important;
    margin-right:18px!important;
    margin-left:18px!important;
    padding:calc(var(--header-h) + 38px) 0 44px!important;
    gap:14px!important;
  }

  .page-v69.subpage .hero-unified-v60 h1{
    font-size:clamp(46px,13vw,72px)!important;
    line-height:.98!important;
    letter-spacing:-.06em!important;
  }

  .page-v69.subpage .hero-unified-v60 p:not(.page-kicker){
    font-size:14px!important;
    line-height:1.62!important;
  }
}


/* =======================================================================
   V72 — Offer graphic rhythm and Contact FAQ parity with homepage
   ======================================================================= */

.page-v72.page-oferta .v33-split{
  position:relative!important;
  border-top:1px solid rgba(0,0,0,.14)!important;
  border-bottom:1px solid rgba(0,0,0,.16)!important;
}

.page-v72.page-oferta .v33-split__copy{
  border-right:1px solid rgba(0,0,0,.16)!important;
  background-color:#e7e3da!important;
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 95px,rgba(0,0,0,.045) 96px)!important;
}

.page-v72.page-oferta .v33-split__copy::before{
  content:"";
  width:54px;
  height:1px;
  margin-bottom:clamp(28px,4vw,54px);
  background:#080808;
  opacity:.32;
}

.page-v72.page-oferta .v33-scope{
  position:relative!important;
  background-color:#e7e3da!important;
  background-image:
    repeating-linear-gradient(0deg,transparent 0,transparent 179px,rgba(0,0,0,.045) 180px),
    linear-gradient(90deg,transparent 24.95%,rgba(0,0,0,.045) 25%,transparent 25.05%,transparent 49.95%,rgba(0,0,0,.045) 50%,transparent 50.05%,transparent 74.95%,rgba(0,0,0,.045) 75%,transparent 75.05%)!important;
}

.page-v72.page-oferta .v33-scope__head{
  padding:clamp(30px,3vw,48px) 0!important;
  border-top:1px solid rgba(0,0,0,.2)!important;
  border-bottom:1px solid rgba(0,0,0,.2)!important;
}

.page-v72.page-oferta .v33-scope__list{
  gap:clamp(12px,1.2vw,20px)!important;
}

.page-v72.page-oferta .v33-scope details{
  box-shadow:0 22px 64px rgba(0,0,0,.07)!important;
}

.page-v72.page-oferta .v33-process{
  border-top:1px solid rgba(0,0,0,.16)!important;
  border-bottom:1px solid rgba(0,0,0,.16)!important;
  background-color:#dedad1!important;
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 143px,rgba(0,0,0,.042) 144px)!important;
}

.page-v72.page-oferta .v33-process__head{
  padding-top:clamp(28px,3vw,46px)!important;
  border-top:1px solid rgba(0,0,0,.2)!important;
}

/* Kontakt: dokładnie ten sam czas, wysokość i stan ikony jak w FAQ na HP. */
.page-v72.page-kontakt .faq-list--page details p,
.page-v72.page-kontakt .faq-list--page details[open] p,
.page-v72.page-kontakt .faq-list--page details.is-open-v62 p{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transition:max-height .44s cubic-bezier(.22,.75,.18,1),opacity .24s ease,transform .34s cubic-bezier(.22,.75,.18,1),padding .34s ease!important;
}

.page-v72.page-kontakt .faq-list--page details.is-open-v66 p,
.page-v72.page-kontakt .faq-list--page details.is-open-v66[open] p{
  max-height:var(--faq-panel-height,240px)!important;
  opacity:1!important;
  transform:none!important;
  padding-bottom:24px!important;
}

.page-v72.page-kontakt .faq-list--page details.is-open-v66 summary span{
  transform:rotate(45deg)!important;
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

.page-v72.page-kontakt .faq-list--page details[open]:not(.is-open-v66) summary span{
  transform:rotate(0deg)!important;
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
}

@media(max-width:820px){
  .page-v72.page-oferta .v33-split__copy{
    border-right:0!important;
    border-bottom:1px solid rgba(0,0,0,.16)!important;
    background-size:100% 82px!important;
  }

  .page-v72.page-oferta .v33-scope{
    background-image:repeating-linear-gradient(0deg,transparent 0,transparent 139px,rgba(0,0,0,.04) 140px)!important;
  }

  .page-v72.page-oferta .v33-scope__head{
    padding:28px 0!important;
  }
}


/* =======================================================================
   V79 — Oferta: horizontal bands on a stronger editorial background
   ======================================================================= */

.page-v79.page-oferta .v33-split__copy{
  box-shadow:none!important;
  background-color:var(--page-paper)!important;
  background-image:
    linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(0,0,0,.12) calc(100% - 1px)),
    repeating-linear-gradient(0deg,transparent 0,transparent 95px,rgba(0,0,0,.05) 96px)!important;
}

.page-v79.page-oferta .v33-split__copy::before{
  background:#080808!important;
  opacity:.4!important;
}

.page-v79.page-oferta .v33-split__copy .page-kicker,
.page-v79.page-oferta .v33-split__copy h2,
.page-v79.page-oferta .v33-split__copy .v33-link{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

.page-v79.page-oferta .v33-split__copy p:not(.page-kicker){
  color:#514c45!important;
}

.page-v79.page-oferta .v33-split__image{
  position:relative!important;
}

.page-v79.page-oferta .v33-split__image::after{
  content:"";
  position:absolute;
  inset:clamp(18px,2.2vw,38px);
  border:1px solid rgba(255,255,255,.43);
  pointer-events:none;
}

.page-v79.page-oferta .v33-scope{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  border-top:1px solid rgba(0,0,0,.16)!important;
  background-color:var(--page-paper)!important;
  background-image:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(0,0,0,.05) 25%),
    repeating-linear-gradient(0deg,transparent 0,transparent 179px,rgba(0,0,0,.045) 180px)!important;
}

.page-v79.page-oferta .v33-scope::before{
  content:"";
  position:absolute;
  top:clamp(-260px,-12vw,-120px);
  right:clamp(-320px,-14vw,-150px);
  z-index:0;
  width:clamp(440px,48vw,860px);
  aspect-ratio:1;
  border:1px solid rgba(0,0,0,.22);
  border-radius:50%;
  box-shadow:0 0 0 clamp(54px,6vw,110px) rgba(0,0,0,.025);
  pointer-events:none;
}

.page-v79.page-oferta .v33-scope__head{
  position:relative;
  z-index:1;
  border-color:rgba(0,0,0,.22)!important;
}

.page-v79.page-oferta .v33-scope__head .page-kicker,
.page-v79.page-oferta .v33-scope__head h2{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

.page-v79.page-oferta .v33-scope__head p:not(.page-kicker){
  color:#565149!important;
}

.page-v79.page-oferta .v33-scope__list{
  position:relative;
  z-index:1;
  grid-template-columns:1fr!important;
  gap:16px!important;
}

.page-v79.page-oferta .v33-scope details,
.page-v79.page-oferta .v33-scope details:hover{
  transform:none!important;
  transition:none!important;
  border-color:rgba(0,0,0,.28)!important;
  box-shadow:none!important;
}

.page-v79.page-oferta .v33-scope details *,
.page-v79.page-oferta .v33-scope details *::before,
.page-v79.page-oferta .v33-scope details *::after{
  animation:none!important;
  transition:none!important;
}

.page-v79.page-oferta .v33-scope details[open] .v33-scope__panel{
  animation:none!important;
}

.page-v79.page-oferta .v33-scope summary img,
.page-v79.page-oferta .v33-scope details:hover summary img{
  transform:none!important;
  transition:none!important;
  filter:grayscale(.16) brightness(.5) contrast(1.04)!important;
}

.page-v79.page-oferta .v33-scope summary strong,
.page-v79.page-oferta .v33-scope details:hover summary strong{
  transform:none!important;
  transition:none!important;
}

.page-v79.page-oferta .v33-scope__panel{
  background:#eeeae1!important;
}

.page-v79.page-oferta .v33-scope__panel a:hover,
.page-v79.page-oferta .v33-scope__panel a:focus-visible{
  background:rgba(0,0,0,.045)!important;
  color:#080808!important;
  border-color:rgba(0,0,0,.55)!important;
  transform:none!important;
}

.page-v79.page-oferta .v33-scope__panel a:hover span,
.page-v79.page-oferta .v33-scope__panel a:focus-visible span{
  transform:none!important;
}

.page-v79.page-oferta .v33-process{
  color:#080808!important;
  border-color:rgba(0,0,0,.18)!important;
  background-color:var(--page-paper)!important;
  background-image:
    repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(0,0,0,.055) 20%),
    repeating-linear-gradient(0deg,transparent 0,transparent 143px,rgba(0,0,0,.045) 144px)!important;
}

.page-v79.page-oferta .v33-process__head{
  border-color:rgba(0,0,0,.22)!important;
}

.page-v79.page-oferta .v33-process__head .page-kicker,
.page-v79.page-oferta .v33-process__head h2,
.page-v79.page-oferta .v33-process__line h3{
  color:#080808!important;
  -webkit-text-fill-color:#080808!important;
}

.page-v79.page-oferta .v33-process__line span{
  color:#777067!important;
}

.page-v79.page-oferta .v33-process__line p{
  color:#565149!important;
}

.page-v79.page-oferta .v33-process__line::before{
  background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.32),rgba(0,0,0,.04))!important;
}

.page-v79.page-oferta .v33-process__line{
  border-bottom:1px solid rgba(0,0,0,.2)!important;
}

.page-v79.page-oferta .v33-process__line article{
  border-color:rgba(0,0,0,.12)!important;
}

@media(max-width:820px){
  .page-v79.page-oferta .v33-scope{
    background-image:repeating-linear-gradient(0deg,transparent 0,transparent 139px,rgba(0,0,0,.04) 140px)!important;
  }

  .page-v79.page-oferta .v33-scope::before{
    top:-110px;
    right:-220px;
    width:440px;
  }
}


/* V80 — portfolio lightbox uses a stable image stage; arrows never move it on hover. */
.page-v80.page-realizacje .page-lightbox figure{
  grid-template-rows:minmax(0,1fr) auto!important;
}

.page-v80.page-realizacje .page-lightbox figure > img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

.page-v80.page-realizacje .page-lightbox__nav,
.page-v80.page-realizacje .page-lightbox__nav:hover,
.page-v80.page-realizacje .page-lightbox__nav:focus-visible{
  width:52px!important;
  height:52px!important;
  transform:none!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}


/* V81 — requested mobile line break in the Contact hero. */
.page-v81.page-kontakt .contact-hero-mobile-break{
  display:none;
}

@media(max-width:820px){
  .page-v81.page-kontakt .contact-hero-mobile-break{
    display:block;
  }
}