/* =====================================================================
   CENTRUM DBT — komponenty podstron (Temat, Osoba, Zespół, Zapisy…)
   Korzysta z tokenów i prymitywów ze styles.css.
   ===================================================================== */

/* wspólne dla podstron: nav od razu z tłem, brak hero pełnoekranowego */
.nav--solid{background:rgba(21,19,17,.78);backdrop-filter:blur(14px);padding:14px var(--gutter);border-bottom:1px solid var(--line)}
.crumbs{margin:0 0 1.6rem;font-size:.78rem;letter-spacing:.06em;color:var(--mute);display:flex;flex-wrap:wrap;gap:.6em}
.crumbs a:hover{color:var(--ivory)}
.crumbs span:last-child{color:var(--ink)}
.list-brass{margin:0 0 1.2rem;padding-left:1.2rem}
.list-brass li::marker{color:var(--brass)}
.only-test{display:none}
body[data-test="true"] .test.only-test{display:grid}
body[data-test="true"] .verdict__actions .only-test{display:inline-flex}

/* =====================================================================
   01 INTRO — „Czy to o mnie?” sekwencja
   ===================================================================== */
.intro{padding:calc(72px + 4vw) 0 0;border-bottom:1px solid var(--line)}
.intro__head{padding:0 var(--gutter) 2.4rem;display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem 2rem;align-items:end}
.intro__head .crumbs{grid-column:1/-1}
.intro__title{grid-column:1/8;font-size:clamp(2.6rem,6vw,6rem);line-height:.98;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.intro__title em{font-style:italic;color:var(--rose)}
.intro__sub{grid-column:1/8;margin:.9rem 0 0;font-family:var(--f-serif);font-style:italic;font-weight:300;font-size:clamp(1.1rem,1.5vw,1.5rem);color:var(--mute)}
.intro__hint{grid-column:9/-1;margin:0;font-size:.9rem;color:var(--mute);max-width:30ch;padding-left:1rem;border-left:1px solid var(--brass)}

.seq{position:relative}
.seq__track{list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.seq__track::-webkit-scrollbar{display:none}
.seq__track:focus-visible{outline:1px solid var(--brass);outline-offset:-1px}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;padding:0 var(--gutter);min-height:min(72vh,680px);align-items:center;border-top:1px solid var(--line)}
.slide__text{grid-column:1/6;display:grid;gap:1.1rem;align-content:center;padding:2.5rem 0}
.slide__no{font-family:var(--f-serif);font-style:italic;font-size:1.05rem;color:var(--brass)}
.slide__no i{font-style:italic;color:var(--mute);font-size:.8em}
.slide h2{font-size:clamp(1.9rem,3.4vw,3.4rem);line-height:1.05;color:var(--ivory);font-weight:300}
.slide p{margin:0;max-width:44ch;font-size:1rem;line-height:1.7;color:var(--ink)}
.slide .btn{justify-self:start;margin-top:.6rem}
.slide__media{grid-column:7/-1;margin:0;height:min(72vh,680px);overflow:hidden;position:relative;isolation:isolate}
.slide__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(21,19,17,0) 18%),linear-gradient(180deg,rgba(21,19,17,.15),rgba(21,19,17,.35));pointer-events:none}
.slide__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85) contrast(1.02);transform:scale(1.02);transition:transform 1s var(--ease)}
.slide.is-current .slide__media img{transform:scale(1)}
.slide--last .slide__media img{filter:saturate(.6) brightness(.7)}
.seq__bar{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.1rem var(--gutter);border-top:1px solid var(--line)}
.seq__dots{display:flex;gap:.7rem;align-items:center}
.seq__dots button{width:34px;height:2px;border:0;padding:0;background:var(--line);cursor:pointer;transition:background .3s,width .3s var(--ease);position:relative}
.seq__dots button::before{content:"";position:absolute;inset:-12px 0}
.seq__dots button[aria-selected="true"]{background:var(--rose);width:56px}
.seq__ctrl{display:flex;gap:.6rem}
.round[disabled]{opacity:.3;pointer-events:none}

/* =====================================================================
   02 VERDICT — zamknięcie + droga dalej
   ===================================================================== */
.verdict{padding:var(--section) var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;background:var(--bg-2);border-bottom:1px solid var(--line);align-items:start}
.verdict__mark{grid-column:1/2;width:56px;height:56px;border-radius:50%;border:1px solid var(--brass);display:grid;place-items:center;font-family:var(--f-serif);font-size:2rem;color:var(--rose);font-weight:300;line-height:1}
.verdict__mark em{font-style:italic}
.verdict__main{grid-column:2/8}
.verdict__title{font-size:clamp(1.7rem,3vw,3rem);line-height:1.15;color:var(--ivory);font-weight:300;letter-spacing:-.01em}
.verdict__note{margin:1.6rem 0 0;max-width:52ch;color:var(--ink);font-size:1rem;line-height:1.7}
.verdict__side{grid-column:9/-1;display:grid;gap:1.2rem;font-size:.95rem;color:var(--ink);padding-top:.4rem}
.verdict__side p{margin:0;color:var(--mute)}
.verdict__side ul{list-style:none;margin:0;padding:0;display:grid}
.verdict__side li{display:grid;gap:.15rem;padding:.9rem 0;border-top:1px solid var(--line)}
.verdict__side li:last-child{border-bottom:1px solid var(--line)}
.verdict__side b{font-family:var(--f-serif);font-weight:400;color:var(--ivory);font-size:1.15rem}
.verdict__side span{font-size:.85rem;color:var(--brass)}
.verdict__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem}

/* =====================================================================
   03 TEST — opcjonalny moduł
   ===================================================================== */
.test{padding:var(--section) var(--gutter);display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,7rem);background:var(--sage-2);color:var(--ivory);border-bottom:1px solid var(--line)}
.test .label{color:var(--ivory);opacity:.7}
.test .h2{font-size:clamp(2rem,3.6vw,3.6rem)}
.test .h2 em{color:var(--ivory);opacity:.85}
.test .lede{color:rgba(242,236,226,.85);margin:1.2rem 0 2rem}
.test__notes{margin:0;display:grid;gap:0}
.test__notes div{padding:1.2rem 0;border-top:1px solid rgba(242,236,226,.2)}
.test__notes dt{font-family:var(--f-serif);font-size:1.25rem;margin-bottom:.4rem}
.test__notes dd{margin:0;font-size:.92rem;line-height:1.65;color:rgba(242,236,226,.82)}
.test__notes a{color:var(--ivory);text-decoration:underline;text-underline-offset:3px}
.test__embed{min-height:560px;background:var(--bg);border-radius:6px;display:grid;place-items:center;text-align:center;position:sticky;top:110px;align-self:start;box-shadow:0 40px 80px rgba(0,0,0,.35)}
.test__placeholder{display:grid;gap:1.2rem;justify-items:center;padding:3rem;max-width:36ch}
.test__placeholder .label{margin:0;color:var(--brass);opacity:1}
.test__placeholder p{margin:0;color:var(--mute)}

/* =====================================================================
   04 ARTICLE — tytuł + spis treści + bloki redakcyjne
   ===================================================================== */
.article{padding:var(--section) var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:2rem 2rem}
.article__head{grid-column:1/-1;margin-bottom:1rem}
.article__title{font-size:clamp(2rem,4.2vw,4.4rem);line-height:1.04;letter-spacing:-.015em;font-weight:300;color:var(--ivory);max-width:20ch}
.article__title em{display:block;font-style:italic;font-size:.42em;color:var(--rose);margin-top:.6em;letter-spacing:0}
.toc{grid-column:1/4;position:sticky;top:110px;align-self:start;display:grid;gap:1.4rem}
.toc__label{margin:0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:500}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;border-top:1px solid var(--line)}
.toc li{border-bottom:1px solid var(--line)}
.toc ol a{display:flex;gap:.9rem;align-items:baseline;padding:.75rem 0;font-size:.95rem;color:var(--mute);transition:color .25s,padding-left .3s var(--ease)}
.toc ol a::before{content:counter(toc,decimal-leading-zero);counter-increment:toc;font-size:.7rem;letter-spacing:.1em;color:var(--brass)}
.toc ol a:hover,.toc ol a.is-active{color:var(--ivory);padding-left:.4rem}
.toc__cta{justify-self:start}
.article__body{grid-column:5/-1;display:grid;gap:clamp(3rem,5vw,5rem)}
.block{display:grid;grid-template-columns:repeat(8,1fr);gap:2rem;align-items:start;scroll-margin-top:110px}
.block__media{grid-column:1/4;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:4px;position:sticky;top:110px}
.block__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.9)}
.block__text{grid-column:4/-1;display:grid;gap:1rem;max-width:var(--measure)}
.block--flip .block__media{grid-column:6/-1;grid-row:1}
.block--flip .block__text{grid-column:1/6;grid-row:1}
.block__kicker{margin:0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);font-weight:500}
.block h3{font-size:clamp(1.6rem,2.6vw,2.6rem);color:var(--ivory);font-weight:300;line-height:1.08}
.block p{margin:0;font-size:1rem;line-height:1.7;color:var(--ink)}
.block .link{margin-top:.4rem}
.myths{list-style:none;margin:0;padding:0;display:grid}
.myths li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1.5rem;padding:1rem 0;border-top:1px solid var(--line)}
.myths li:last-child{border-bottom:1px solid var(--line)}
.myths span{font-family:var(--f-serif);font-size:1.15rem;color:var(--ivory)}
.myths em{font-style:italic;font-family:var(--f-serif);color:var(--rose);font-size:1rem;text-align:right}
.myths p{grid-column:1/-1;font-size:.92rem;color:var(--mute)}

/* =====================================================================
   05 DEEP — akordeon pytań (rozszerza .faq)
   ===================================================================== */
.deep{padding:var(--section) var(--gutter);display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,8rem);border-top:1px solid var(--line);background:var(--bg-2)}
.deep>*{min-width:0}
@media (max-width:1100px){.deep{grid-template-columns:minmax(0,1fr)}}
.deep .faq__intro p{max-width:36ch}
.deep__links{display:grid;gap:.9rem;margin-top:.6rem;min-width:0}
.deep__links .link{display:inline;width:auto;max-width:100%}
.faq__list{min-width:0}
.qa__body ol li{margin-bottom:.4rem}
.qa__body b{color:var(--ivory);font-weight:500}
.now{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem}
.now div{border-top:1px solid var(--line);padding-top:.9rem}
.now dt{font-family:var(--f-serif);font-size:1.2rem;color:var(--ivory);margin-bottom:.4rem}
.now dd{margin:0;font-size:.92rem;color:var(--ink)}

/* =====================================================================
   06 READS — artykuły z bloga
   ===================================================================== */
.reads{padding:var(--section) var(--gutter);border-top:1px solid var(--line)}
.reads__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:2.8rem}
.reads__head .label{margin:0 0 .6rem}
.reads__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.read{display:grid;gap:.8rem;align-content:start}
.read figure{margin:0 0 .6rem;aspect-ratio:4/3;overflow:hidden;border-radius:4px;position:relative}
.read img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:transform 1s var(--ease),filter .6s}
.read:hover img{transform:scale(1.03);filter:saturate(.9) brightness(.95)}
.read figure span{position:absolute;right:.9rem;bottom:.8rem;font-family:var(--f-serif);font-style:italic;color:var(--ivory);font-size:1rem}
.read h3{font-size:1.45rem;color:var(--ivory);transition:color .25s}
.read:hover h3{color:var(--rose)}
.read p{margin:0;font-size:.92rem;color:var(--mute);line-height:1.6}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1100px){
  .toc{grid-column:1/-1;position:static;grid-template-columns:1fr auto;align-items:end}
  .toc ol{grid-column:1/-1;columns:2;column-gap:2rem}
  .toc li{break-inside:avoid}
  .toc__label{grid-column:1/-1}
  .toc__cta{grid-column:1/-1}
  .article{grid-template-columns:1fr}
  .article__body{grid-column:1/-1}
  .test{grid-template-columns:1fr}
  .test__embed{position:static;min-height:460px}
}
@media (max-width:860px){
  .intro{padding-top:calc(64px + 6vw)}
  .intro__head{gap:.3rem}
  .intro__title,.intro__sub,.intro__hint{grid-column:1/-1}
  .intro__hint{border-left:0;padding:1rem 0 0;max-width:none}
  .slide{grid-template-columns:1fr;gap:0;padding:0 var(--gutter);min-height:0;align-items:start;align-content:start;border-top:0}
  .slide__media{grid-column:1/-1;grid-row:1;height:auto;aspect-ratio:16/10;border-radius:4px;margin-top:.2rem}
  .slide__media::after{background:linear-gradient(180deg,rgba(21,19,17,0) 60%,rgba(21,19,17,.5))}
  .slide__text{grid-column:1/-1;grid-row:2;padding:1.4rem 0 1.6rem}
  .slide h2{font-size:clamp(1.7rem,7.4vw,2.4rem)}
  .slide p{font-size:.95rem}
  .seq__bar{padding:.9rem var(--gutter)}
  .seq__dots button{width:22px}
  .seq__dots button[aria-selected="true"]{width:38px}

  .verdict{gap:1.4rem}
  .verdict__mark{grid-column:1/-1;width:44px;height:44px;font-size:1.6rem}
  .verdict__main,.verdict__side{grid-column:1/-1}
  .verdict__actions .btn{width:100%;justify-content:center}

  .toc ol{columns:1}
  .article__title em{font-size:.5em}
  .block,.block--flip{grid-template-columns:1fr}
  .block__media,.block--flip .block__media{grid-column:1/-1;grid-row:1;position:static;aspect-ratio:16/10}
  .block__text,.block--flip .block__text{grid-column:1/-1;grid-row:2}
  .myths li{grid-template-columns:1fr}
  .myths em{text-align:left}
  .now{grid-template-columns:1fr}
  .reads__grid{grid-template-columns:1fr;gap:2.4rem}
  .read figure{aspect-ratio:16/10}
}

/* =====================================================================
   OSOBA — 01 WHO
   ===================================================================== */
.who{padding:calc(72px + 4vw) var(--gutter) var(--section);display:grid;grid-template-columns:repeat(12,1fr);gap:2rem clamp(2rem,5vw,6rem);align-items:center;border-bottom:1px solid var(--line)}
.who__photo{grid-column:1/6;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:4px;position:relative;isolation:isolate;background:var(--bg-3)}
.who__photo::before{content:"";position:absolute;inset:0;z-index:1;background:var(--rose-2);mix-blend-mode:soft-light;opacity:.7}
.who__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,17,0) 55%,rgba(21,19,17,.55))}
.who__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:grayscale(1) contrast(1.08) brightness(.92)}
.who__text{grid-column:6/-1;display:grid;gap:1.2rem;align-content:center}
.who__text .crumbs{margin:0}
.who__text .label{margin:0}
.who__name{font-size:clamp(2.8rem,6vw,6rem);line-height:.98;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.who__name em{font-style:italic;color:var(--rose)}
.who__now{margin:0;font-family:var(--f-serif);font-size:clamp(1.15rem,1.6vw,1.6rem);line-height:1.35;font-weight:300;color:var(--ink);max-width:30ch}
.who__facts{margin:.6rem 0 0;display:grid}
.who__facts div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}
.who__facts div:last-child{border-bottom:1px solid var(--line)}
.who__facts dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:500;padding-top:.25em}
.who__facts dd{margin:0;font-size:.95rem;color:var(--ink);line-height:1.6}
.who__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin-top:.4rem}
.who__queue{font-size:.82rem;color:var(--mute)}
.who__queue a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* OSOBA — 02 ABOUT */
.about{padding:var(--section) var(--gutter);display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,6vw,7rem);align-items:start;background:var(--bg-2);border-bottom:1px solid var(--line)}
.about__text{max-width:var(--measure)}
.about__text .h2{margin-bottom:1.6rem;font-size:clamp(2rem,3.6vw,3.6rem)}
.about__text p{margin:0 0 1.1rem;font-size:1rem;line-height:1.7;color:var(--ink)}
.about__quote{margin:0;position:sticky;top:110px;padding:2rem 2.2rem;background:var(--rose-2);color:var(--ivory);border-radius:4px}
.about__quote .label{color:var(--ivory);opacity:.7;margin:0 0 1rem}
.about__quote p:not(.label){margin:0 0 1.4rem;font-family:var(--f-serif);font-weight:300;font-size:1.25rem;line-height:1.45}
.about__quote footer{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* OSOBA — 03 SPECJALIZACJE */
.spec2{padding:var(--section) var(--gutter);border-bottom:1px solid var(--line)}
.spec2__head{margin-bottom:2.4rem}
.spec2__list{list-style:none;margin:0;padding:0;counter-reset:s2;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.5rem}
.spec2__list li{padding:1.6rem 0;border-top:1px solid var(--line);counter-increment:s2;display:grid;gap:.6rem;align-content:start}
.spec2__list li::before{content:counter(s2,decimal-leading-zero);font-family:var(--f-serif);font-style:italic;color:var(--brass);font-size:1.1rem}
.spec2__list h3{font-size:clamp(1.35rem,1.9vw,1.9rem);color:var(--ivory);font-weight:300}
.spec2__list p{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink)}

/* OSOBA — 04 PRYWATNIE */
.priv{padding:var(--section) var(--gutter);background:var(--bg-2);border-bottom:1px solid var(--line)}
.priv__head{display:grid;gap:.4rem;margin-bottom:2.6rem}
.priv__head .label{margin:0 0 .6rem}
.priv__lede{flex-basis:100%;margin:.4rem 0 0;max-width:52ch;color:var(--mute);line-height:1.6}
.threads{border-top:1px solid var(--line)}
.thread{display:grid;grid-template-columns:7rem minmax(0,1fr) clamp(14rem,22vw,20rem);gap:1.6rem clamp(1.5rem,4vw,4rem);align-items:center;padding:2.4rem 0;border-bottom:1px solid var(--line)}
.thread:nth-child(even){grid-template-columns:clamp(14rem,22vw,20rem) minmax(0,1fr) 7rem}
.thread:nth-child(even) .thread__no{order:3;justify-self:end;text-align:right}
.thread:nth-child(even) .thread__media{order:1}
.thread:nth-child(even) .thread__text{order:2}
.thread__no span{font-family:var(--f-serif);font-weight:300;font-size:clamp(2.6rem,4vw,3.8rem);line-height:1;color:var(--brass);opacity:.85}
.thread__text{max-width:60ch}
.thread__text h3{font-size:clamp(1.5rem,2vw,2rem);color:var(--ivory);font-weight:300;margin:0 0 .6rem;line-height:1.1}
.thread__text p{margin:0;font-size:.95rem;line-height:1.7;color:var(--mute)}
.thread__media{margin:0;aspect-ratio:5/4;overflow:hidden;border-radius:4px}
.thread__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:transform .6s ease}
.thread:hover .thread__media img{transform:scale(1.03)}
@media (max-width:900px){
  .thread,.thread:nth-child(even){grid-template-columns:3.4rem minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:1rem 1.2rem}
  .thread__no,.thread:nth-child(even) .thread__no{order:0;justify-self:start;text-align:left;grid-row:1}
  .thread__no span{font-size:1.6rem}
  .thread__text,.thread:nth-child(even) .thread__text{order:0;grid-column:2;grid-row:1}
  .thread__media,.thread:nth-child(even) .thread__media{order:0;grid-column:2;grid-row:2;aspect-ratio:16/9}
}

/* OSOBA — 05 CERTYFIKATY */
.certs{padding:var(--section) var(--gutter);display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,7rem);border-bottom:1px solid var(--line)}
.certs__intro p:not(.label){margin:0 0 1rem;font-size:.95rem;line-height:1.65;color:var(--ink);max-width:44ch}
.certs__intro .h2{margin:0 0 1.4rem}
.certs__list{list-style:none;margin:0;padding:0;counter-reset:c}
.certs__list li{border-top:1px solid var(--line);counter-increment:c}
.certs__list li:last-child{border-bottom:1px solid var(--line)}
.certs__list a{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:baseline;padding:1.1rem 0;font-family:var(--f-serif);font-size:clamp(1.1rem,1.4vw,1.4rem);color:var(--ivory);font-weight:300;transition:color .25s}
.certs__list a::before{content:counter(c,decimal-leading-zero);font-size:.72rem;letter-spacing:.1em;color:var(--brass);font-family:var(--f-body)}
.certs__list a i{font-style:normal;color:var(--brass);transition:transform .3s var(--ease)}
.certs__list a:hover{color:var(--rose)}
.certs__list a:hover i{transform:translateX(4px)}

/* =====================================================================
   ZESPÓŁ
   ===================================================================== */
.thead{padding:calc(72px + 4vw) var(--gutter) 0;display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:end}
.thead__text{grid-column:1/8}
.thead__title{font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:1;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.thead__title em{display:block;font-style:italic;color:var(--rose);font-size:.62em;margin-top:.3em}
.thead__sub{margin:1rem 0 0;font-family:var(--f-serif);font-style:italic;font-weight:300;font-size:1.25rem;color:var(--mute)}
.thead__why{grid-column:9/-1;font-size:.95rem;line-height:1.65;color:var(--ink);padding-left:1.2rem;border-left:1px solid var(--brass)}
.thead__why p{margin:0}
.thead__why .label{margin:0 0 .6rem}
.thead__photo{grid-column:1/-1;margin:3rem 0 0;aspect-ratio:21/9;overflow:hidden;border-radius:4px 4px 0 0;position:relative}
.thead__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,19,17,0) 50%,rgba(21,19,17,.7))}
.thead__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.6) brightness(.85)}

.four{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.four__col{padding:clamp(2.5rem,4vw,4.5rem) var(--gutter);background:var(--bg-2)}
.four__col--sage{background:var(--sage-2);color:var(--ivory)}
.four__col--sage .label{color:var(--ivory);opacity:.7}
.four__col h2{font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:300;color:var(--ivory);margin:0 0 1.6rem}
.four__col h2 em{font-style:italic;color:var(--rose)}
.four__col--sage h2 em{color:var(--ivory);opacity:.85}
.four__col ol{list-style:none;margin:0;padding:0;counter-reset:f}
.four__col li{display:grid;grid-template-columns:2.4rem 1fr;gap:.2rem 1rem;padding:.9rem 0;border-top:1px solid var(--line);counter-increment:f}
.four__col--sage li{border-color:rgba(242,236,226,.2)}
.four__col li::before{content:counter(f,decimal-leading-zero);grid-row:1/3;font-family:var(--f-serif);font-style:italic;color:var(--brass);font-size:1rem;padding-top:.2em}
.four__col--sage li::before{color:var(--ivory);opacity:.7}
.four__col b{font-family:var(--f-serif);font-weight:400;font-size:1.15rem;color:var(--ivory);line-height:1.3}
.four__col span{grid-column:2;font-size:.85rem;color:var(--mute)}
.four__col--sage span{color:rgba(242,236,226,.75)}

.sub .team{border-bottom:1px solid var(--line)}
.roster{padding:var(--section) var(--gutter)}
.roster__head{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-bottom:3.5rem}
.roster__head .label{grid-column:1/-1}
.roster__head .h2{grid-column:1/7}
.roster__head .lede{grid-column:8/-1;align-self:end}
.roster__nav{display:flex;gap:.6rem;justify-content:flex-end;margin-bottom:1.2rem}
.roster__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--ivory);font-size:1.1rem;cursor:pointer;transition:border-color .2s,background .2s}
.roster__btn:hover{border-color:var(--rose);background:rgba(211,170,166,.08)}
.roster__list{list-style:none;margin:0;padding:0 0 1rem;display:flex;gap:clamp(1.5rem,3vw,3rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--brass) transparent;-webkit-overflow-scrolling:touch}
.roster__list>.member{flex:0 0 min(100%,460px);scroll-snap-align:start;border-top:1px solid var(--line)}
.roster__list::-webkit-scrollbar{height:2px}.roster__list::-webkit-scrollbar-thumb{background:var(--brass)}
.member{display:grid;grid-template-columns:120px 1fr;gap:1.6rem;padding:2.2rem 0;border-top:1px solid var(--line)}
.member figure{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:4px;position:relative;isolation:isolate;background:var(--bg-3)}
.member figure::before{content:"";position:absolute;inset:0;z-index:1;background:var(--rose-2);mix-blend-mode:soft-light;opacity:.7}
.member img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.08) brightness(.92)}
.member h3{font-size:1.6rem;color:var(--ivory);font-weight:300;margin-bottom:.3rem}
.member__tag{margin:0 0 .9rem !important;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass) !important;font-weight:500}
.member p{margin:0 0 .8rem;font-size:.92rem;line-height:1.65;color:var(--ink)}

@media (max-width:1100px){
  .spec2__list{grid-template-columns:1fr 1fr}
  .roster__list{grid-template-columns:1fr}
  .certs,.about{grid-template-columns:1fr}
  .about__quote{position:static}
}
@media (max-width:860px){
  .who{padding-top:calc(64px + 6vw);gap:1.6rem}
  .who__photo,.who__text{grid-column:1/-1}
  .who__photo{aspect-ratio:4/5;max-height:70vh}
  .who__facts div{grid-template-columns:1fr;gap:.3rem}
  .who__actions .btn{width:100%;justify-content:center}
  .spec2__list{grid-template-columns:1fr}
  .thead__text,.thead__why{grid-column:1/-1}
  .thead__why{border-left:0;padding-left:0}
  .thead__photo{aspect-ratio:4/3;margin-top:2rem}
  .four{grid-template-columns:1fr}
  .roster__head .h2,.roster__head .lede{grid-column:1/-1}
  .member{grid-template-columns:1fr;gap:1rem}
  .member figure{width:60%;aspect-ratio:4/5}
}

/* =====================================================================
   FAQ
   ===================================================================== */
.fhead{padding:calc(72px + 4vw) var(--gutter) 3rem;display:grid;grid-template-columns:7fr 5fr;gap:2rem clamp(2rem,6vw,7rem);align-items:end;border-bottom:1px solid var(--line)}
.fhead__title{font-size:clamp(2.8rem,6vw,6rem);line-height:.98;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.fhead__title em{font-style:italic;color:var(--rose)}
.fhead__sub{margin:1.2rem 0 0;font-size:1rem;line-height:1.6;color:var(--ink);max-width:48ch}
.fhead__sub b{color:var(--brass);font-weight:500}
.fsearch{display:grid;gap:.6rem}
.fsearch input{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(242,236,226,.35);padding:.7rem 0;font:300 clamp(1.3rem,1.8vw,1.8rem)/1.2 var(--f-serif);color:var(--ivory);outline:0;transition:border-color .3s}
.fsearch input::placeholder{color:var(--mute);font-style:italic}
.fsearch input:focus{border-color:var(--rose)}
.fsearch__meta{margin:0;font-size:.78rem;color:var(--mute);min-height:1.2em}
.faq{padding:var(--section) var(--gutter);display:grid;grid-template-columns:3fr 9fr;gap:2rem clamp(2rem,6vw,7rem);align-items:start}
.faq__toc{position:sticky;top:96px}
.faq__toc ol{list-style:none;margin:.6rem 0 1.6rem;padding:0}
.faq__toc ol a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--mute);transition:color .25s}
.faq__toc ol a span{font-family:var(--f-serif);font-style:italic;color:var(--brass);font-size:.85rem}
.faq__toc ol a:hover,.faq__toc ol a.is-active{color:var(--ivory)}
.faq__toc .btn{width:100%;justify-content:center}
.faq__group{margin-bottom:3.5rem}
.faq__group[hidden]{display:none}
.faq__gtitle{display:grid;gap:.4rem;font-size:clamp(1.7rem,2.6vw,2.6rem);font-weight:300;color:var(--ivory);margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--brass)}
.faq__gtitle .label{margin:0}
.faq__qa[hidden]{display:none}
.faq__qa .qa__a{max-width:var(--measure)}
.faq__qa .qa__a p{margin:0 0 .8rem}
.faq__qa .qa__a ul,.faq__qa .qa__a ol{margin:0 0 .8rem;padding-left:1.2rem}
.faq__qa .qa__a a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.faq__qa mark{background:rgba(211,170,166,.25);color:var(--ivory)}
.faq__empty{font-family:var(--f-serif);font-style:italic;font-size:1.3rem;color:var(--mute)}
.faq__empty a{color:var(--rose);text-decoration:underline}

/* =====================================================================
   ZAPISY + KONTAKT
   ===================================================================== */
.zhead{padding:calc(72px + 4vw) var(--gutter) var(--section);display:grid;grid-template-columns:6fr 6fr;gap:2.5rem clamp(2rem,6vw,7rem);align-items:start;border-bottom:1px solid var(--line)}
.zhead__title{font-size:clamp(2.8rem,5.6vw,5.6rem);line-height:.98;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.zhead__title em{font-style:italic;color:var(--rose)}
.zhead__lede{margin:1.4rem 0 2rem;font-size:1.05rem;line-height:1.65;color:var(--ink);max-width:48ch}
.steps{list-style:none;margin:0;padding:0;counter-reset:st}
.steps li{display:grid;grid-template-columns:2.8rem 1fr;gap:.2rem 1rem;padding:1rem 0;border-top:1px solid var(--line);counter-increment:st}
.steps li::before{content:counter(st,decimal-leading-zero);grid-row:1/3;font-family:var(--f-serif);font-style:italic;color:var(--brass);font-size:1.1rem;padding-top:.15em}
.steps b{font-family:var(--f-serif);font-weight:400;font-size:1.25rem;color:var(--ivory)}
.steps span{grid-column:2;font-size:.92rem;color:var(--mute);line-height:1.55}
.zhead__what{margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink);line-height:1.7}
.zhead__what .label{display:block;margin-bottom:.3rem}
.zform{background:var(--bg-2);border:1px solid var(--line);border-radius:4px;padding:2rem;position:sticky;top:96px}
.deftform{max-height:min(760px,78vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zform .deftform{margin-top:1rem}
.zform__embed{margin-top:1rem;min-height:520px;display:grid;place-content:center;gap:1.4rem;text-align:center;background:repeating-linear-gradient(-45deg,rgba(242,236,226,.03) 0 10px,transparent 10px 20px);border:1px dashed rgba(242,236,226,.25);border-radius:4px;padding:2rem}
.zform__ph{margin:0;font-size:.9rem;color:var(--mute);line-height:1.6}
.zform__ph em{font-family:var(--f-serif);font-size:1.4rem;color:var(--ivory);font-style:italic}
.zform__alt{margin:1.2rem 0 0;font-size:.82rem;color:var(--mute)}
.zform__alt a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

.contact{padding:var(--section) var(--gutter);background:var(--bg-2);border-bottom:1px solid var(--line)}
.contact__head{margin-bottom:2.5rem}
.contact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3.5rem}
.contact__block{padding-top:1.2rem;border-top:1px solid var(--brass)}
.contact__block p{margin:0 0 .5rem;font-size:.92rem;color:var(--mute);line-height:1.6}
.contact__block a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.contact__big{font-family:var(--f-serif);font-weight:300;font-size:clamp(1.6rem,2.4vw,2.4rem) !important;color:var(--ivory) !important;line-height:1.15;margin:.4rem 0 .6rem !important}
.contact__big a{text-decoration:none !important;color:var(--ivory) !important}
.places{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.place{background:var(--bg-2);padding:1.8rem 1.6rem;display:grid;gap:.5rem;align-content:start}
.place h3{font-size:1.35rem;font-weight:300;color:var(--ivory)}
.place p{margin:0;font-size:.88rem;line-height:1.6;color:var(--mute)}
.place b{color:var(--ink);font-weight:500}
.place a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.place--map{background:var(--sage-2);text-decoration:none;transition:background .3s}
.place--map h3,.place--map p,.place--map .label{color:var(--ivory)}
.place--map .label{opacity:.7}
.place--map p span{opacity:.6}
.place--map i{font-style:normal;transition:transform .3s var(--ease);display:inline-block}
.place--map:hover i{transform:translateX(4px)}

.docs{padding:var(--section) var(--gutter);border-bottom:1px solid var(--line);display:grid;grid-template-columns:5fr 7fr;gap:2rem clamp(2rem,6vw,7rem)}
.docs__head .h2{margin:0 0 1rem}
.docs__head .lede{max-width:40ch}
.docs__list{list-style:none;margin:0;padding:0}
.docs__list li{border-top:1px solid var(--line)}
.docs__list li:last-child{border-bottom:1px solid var(--line)}
.docs__list a{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-family:var(--f-serif);font-weight:300;font-size:clamp(1.1rem,1.4vw,1.4rem);color:var(--ivory);transition:color .25s}
.docs__list a i{font-style:normal;color:var(--brass);transition:transform .3s var(--ease)}
.docs__list a:hover{color:var(--rose)}
.docs__list a:hover i{transform:translateX(4px)}

.cal{padding:var(--section) var(--gutter)}
.cal__head{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem 2rem;margin-bottom:2.5rem}
.cal__head .label{grid-column:1/-1}
.cal__head .h2{grid-column:1/6}
.cal__head .lede{grid-column:7/-1}
.cal__tags{grid-column:1/-1;list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cal__tags li{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--mute)}
.cal__embed{min-height:560px;display:grid;place-content:center;gap:1rem;text-align:center;border:1px dashed rgba(242,236,226,.25);border-radius:4px;background:repeating-linear-gradient(-45deg,rgba(242,236,226,.03) 0 10px,transparent 10px 20px)}
.cal__embed p{margin:0;font-size:.9rem;color:var(--mute);line-height:1.6}
.cal__embed em{font-family:var(--f-serif);font-size:1.4rem;color:var(--ivory)}
.cal__live{display:grid;gap:1.25rem;justify-items:start}
.cal__live iframe{display:block;width:100%;height:900px;border:0;filter:invert(.92) hue-rotate(180deg) contrast(.92)}

/* =====================================================================
   CENNIK
   ===================================================================== */
.phead{padding:calc(72px + 4vw) var(--gutter) 3rem;display:grid;grid-template-columns:5fr 7fr;gap:2rem clamp(2rem,6vw,7rem);align-items:end;border-bottom:1px solid var(--line)}
.phead__title{font-size:clamp(2.8rem,6vw,6rem);line-height:.98;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.phead__title em{font-style:italic;color:var(--rose)}
.phead__note{margin:0;font-size:.95rem;line-height:1.65;color:var(--ink);max-width:60ch}
.prices{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.price{padding:clamp(2.2rem,3.5vw,3.5rem) var(--gutter);display:grid;gap:1rem;align-content:start;border-right:1px solid var(--line)}
.price:last-child{border-right:0}
.price p{margin:0;font-size:.92rem;line-height:1.65;color:var(--mute)}
.price p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.price__num{font-family:var(--f-serif);font-weight:300;font-size:clamp(3.2rem,5.5vw,5.5rem) !important;line-height:1;color:var(--ivory) !important;display:flex;align-items:baseline;gap:.4rem}
.price__num small{font-size:.28em;font-style:italic;color:var(--brass)}
.price--main{background:var(--rose-2)}
.price--main .label,.price--main p,.price--main .price__num small{color:var(--ivory) !important}
.price--main .label{opacity:.7}
.price--main .btn{justify-self:start;margin-top:.4rem}
.price .link{justify-self:start}
.pnotes{padding:var(--section) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:2rem clamp(2rem,6vw,7rem)}
.pnotes p{margin:0 0 1rem;font-size:.95rem;line-height:1.7;color:var(--ink);max-width:var(--measure)}
.pnotes p a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.pnotes .label{margin-bottom:.6rem}

/* =====================================================================
   DOKUMENT
   ===================================================================== */
.doc{padding:calc(72px + 4vw) var(--gutter) var(--section);display:grid;grid-template-columns:3fr 8fr;gap:2rem clamp(2rem,6vw,7rem);align-items:start}
.doc__head{grid-column:1/-1;padding-bottom:2rem;border-bottom:1px solid var(--line);margin-bottom:1rem}
.doc__title{font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.02em;font-weight:300;color:var(--ivory)}
.doc__meta{margin:1rem 0 0;font-size:.78rem;letter-spacing:.06em;color:var(--mute)}
.doc__toc{grid-column:auto;position:sticky;top:96px;gap:0}
.doc__toc ol{list-style:none;margin:.4rem 0 0;padding:0;counter-reset:toc}
.doc__other{display:grid;gap:.4rem;margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.9rem}
.doc__other a{color:var(--mute);transition:color .25s}
.doc__other a:hover{color:var(--ivory)}
.doc__body{max-width:70ch}
.doc__body h2{font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:300;color:var(--ivory);margin:2.8rem 0 1rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.doc__body h2:first-child{margin-top:0;border-top:0;padding-top:0}
.doc__body p,.doc__body li{font-size:.95rem;line-height:1.75;color:var(--ink);margin:0 0 .9rem}
.doc__body ul{margin:0 0 1rem;padding-left:1.2rem}
.doc__tw{overflow-x:auto;margin:1.5rem 0;max-width:100%}
.doc__body,.doc{min-width:0}
.doc__body table{border-collapse:collapse;width:100%;min-width:640px;font-size:.85rem}
.doc__body th{text-align:left;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:500;padding:.6rem .8rem .6rem 0;border-bottom:1px solid var(--brass)}
.doc__body td{padding:.7rem .8rem .7rem 0;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.55}
.doc__body td[colspan]{color:var(--mute);font-size:.8rem}

@media (max-width:1100px){
  .fhead,.zhead,.docs,.phead,.pnotes,.doc{grid-template-columns:1fr}
  .faq{grid-template-columns:1fr}
  .faq__toc,.doc__toc,.zform{position:static}
  .doc__toc{grid-column:1/-1;display:grid}
  .doc__toc ol{columns:1}
  .faq__toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}
  .contact__grid{grid-template-columns:1fr 1fr}
  .places{grid-template-columns:1fr 1fr}
  .prices{grid-template-columns:1fr}
  .price{border-right:0;border-bottom:1px solid var(--line)}
  .cal__head .h2,.cal__head .lede{grid-column:1/-1}
}
@media (max-width:860px){
  .fhead,.zhead,.phead,.doc{padding-top:calc(64px + 6vw)}
  .faq__toc ol{grid-template-columns:1fr}
  .contact__grid,.places{grid-template-columns:1fr}
  .zform{padding:1.4rem}
  .zform__embed{min-height:380px;padding:1.4rem}
  .zform .btn{width:100%;justify-content:center}
  .zhead__lede{margin-bottom:1.2rem}
  .price--main .btn{width:100%;justify-content:center}
}

/* =====================================================================
   PHERO — hero podstron „fancy”: pełne zdjęcie, monumentalny tytuł,
   duch-glif (§ / ? / zł) jak .manifest__ghost na głównej
   ===================================================================== */
.phero{position:relative;min-height:min(78svh,760px);display:grid;grid-template-columns:repeat(12,1fr);gap:1rem 2rem;padding:calc(72px + 6vw) var(--gutter) 3rem;align-content:end;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.phero--short{min-height:min(60svh,560px)}
.phero__media{position:absolute;inset:0;z-index:-2}
.phero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transform:scale(1.04);animation:heroIn 1.4s var(--ease) forwards}
.phero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(21,19,17,.55) 0%,rgba(21,19,17,.15) 40%,rgba(21,19,17,.7) 80%,var(--bg) 100%),linear-gradient(90deg,rgba(21,19,17,.55),rgba(21,19,17,0) 65%)}
.phero__ghost{position:absolute;right:-1vw;top:-4vw;z-index:-1;font-family:var(--f-serif);font-style:italic;font-weight:300;font-size:34vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(185,152,95,.22);pointer-events:none;user-select:none;opacity:0;animation:up 1s .3s var(--ease) forwards}
.phero__ghost--fill{color:rgba(242,236,226,.035);-webkit-text-stroke:0}
.phero .crumbs{grid-column:1/-1;margin:0}
.phero__title{grid-column:1/10;font-size:clamp(3rem,8vw,8.6rem);line-height:.94;letter-spacing:-.025em;font-weight:300;color:var(--ivory);opacity:0;animation:up .7s .1s var(--ease) forwards}
.phero__title em{font-style:italic;color:var(--rose)}
.phero__title small{display:block;font-family:var(--f-body);font-size:.16em;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:400;margin-bottom:1.4em}
.phero__lede{grid-column:1/7;margin:1rem 0 0;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6;color:var(--ink);max-width:46ch;opacity:0;animation:up .7s .25s var(--ease) forwards}
.phero__aside{grid-column:9/-1;align-self:end;opacity:0;animation:up .7s .35s var(--ease) forwards}
.phero__stat{display:grid;gap:.2rem;padding-left:1.2rem;border-left:1px solid var(--brass)}
.phero__stat b{font-family:var(--f-serif);font-weight:300;font-size:clamp(2.4rem,4vw,4rem);line-height:1;color:var(--ivory)}
.phero__stat span{font-size:.8rem;letter-spacing:.06em;color:var(--mute)}

/* ---------- ZAPISY: trzy monumentalne kroki + formularz „wypadający” z hero ---------- */
.zsteps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:var(--bg-2)}
.zstep{position:relative;padding:clamp(2.4rem,4vw,4rem) var(--gutter) clamp(2.4rem,4vw,4rem) calc(var(--gutter) * .9);border-right:1px solid var(--line);overflow:hidden;display:grid;gap:.6rem;align-content:end;min-height:300px;transition:background .5s}
.zstep:last-child{border-right:0}
.zstep:hover{background:var(--bg-3)}
.zstep__no{position:absolute;left:-.04em;top:-.05em;font-family:var(--f-serif);font-style:italic;font-weight:300;font-size:clamp(9rem,16vw,15rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(185,152,95,.45);transition:color .5s,-webkit-text-stroke-color .5s}
.zstep:hover .zstep__no{color:rgba(211,170,166,.08)}
.zstep h2{font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:300;color:var(--ivory);position:relative}
.zstep p{margin:0;font-size:.95rem;line-height:1.65;color:var(--mute);max-width:36ch;position:relative}
.zstep .label{position:relative;margin:0}
.zsplit{display:grid;grid-template-columns:5fr 7fr;gap:2rem clamp(2rem,6vw,7rem);padding:var(--section) var(--gutter);align-items:start;border-bottom:1px solid var(--line)}
.zsplit .zform{position:static;padding:clamp(1.6rem,3vw,3rem);background:var(--ivory);color:var(--bg);border:0;box-shadow:0 60px 120px rgba(0,0,0,.45)}
.zsplit .zform .label{color:var(--rose-2)}
.zsplit .zform__embed{border-color:rgba(21,19,17,.25);background:repeating-linear-gradient(-45deg,rgba(21,19,17,.04) 0 10px,transparent 10px 20px)}
.zsplit .zform__ph,.zsplit .zform__alt{color:#5d554c}
.zsplit .zform__ph em{color:var(--bg)}
.zsplit .zform__alt a{color:var(--bg)}
.zsplit .zform .btn--ember{background:var(--bg);color:var(--ivory);border-color:var(--bg)}
.zsplit .zform:has(.deftform){padding:0;background:none;color:inherit;box-shadow:none}
.zsplit .zform:has(.deftform) .label{color:var(--brass)}
.zsplit .zform:has(.deftform) .zform__alt,.zsplit .zform:has(.deftform) .zform__alt a{color:var(--mute)}
.zsplit__text .h2{margin-bottom:1rem}
.zsplit__text .lede{max-width:40ch}
.zwhat{list-style:none;margin:2rem 0 0;padding:0;display:grid}
.zwhat li{padding:.8rem 0;border-top:1px solid var(--line);font-family:var(--f-serif);font-weight:300;font-size:1.25rem;color:var(--ivory);display:flex;justify-content:space-between;gap:1rem}
.zwhat li:last-child{border-bottom:1px solid var(--line)}
.zwhat li span{font-family:var(--f-body);font-size:.78rem;letter-spacing:.08em;color:var(--brass);text-transform:uppercase;align-self:center}
.contact__phone{grid-column:1/-1;margin:0 0 3rem !important;font-family:var(--f-serif);font-weight:300;font-size:clamp(3rem,10vw,10.5rem) !important;line-height:.95;letter-spacing:-.03em;color:var(--ivory) !important}
.contact__phone a{color:inherit !important;text-decoration:none !important;transition:color .3s}
.contact__phone a:hover{color:var(--rose) !important}
.contact__phone small{display:block;font-family:var(--f-body);font-size:.12em;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:.8em}

/* ---------- FAQ: gigantyczny „?”, licznik, chipy działów ---------- */
.phero--faq .phero__ghost{right:6vw;top:-3vw;font-size:40vw;font-style:normal;-webkit-text-stroke-color:rgba(185,152,95,.32)}
.fchips{list-style:none;margin:0;padding:1.2rem var(--gutter);display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line);position:sticky;top:64px;z-index:5;background:rgba(21,19,17,.86);backdrop-filter:blur(12px)}
.fchips button{white-space:nowrap;font:500 .72rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;padding:.6rem .95rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mute);cursor:pointer;transition:all .3s;display:flex;gap:.5rem;align-items:center}
.fchips button i{font:italic 300 .95rem/1 var(--f-serif);color:var(--brass);letter-spacing:0}
.fchips button:hover{color:var(--ivory);border-color:rgba(242,236,226,.4)}
.fchips button[aria-pressed="true"]{background:var(--ivory);color:var(--bg);border-color:var(--ivory)}
.fchips button[aria-pressed="true"] i{color:var(--rose-2)}
.fsearch--hero{grid-column:1/8;margin-top:2rem;opacity:0;animation:up .7s .3s var(--ease) forwards}
.fsearch--hero input{font-size:clamp(1.5rem,2.6vw,2.6rem);border-bottom-color:rgba(242,236,226,.5)}

/* ---------- CENNIK: karta środkowa wypada z hero, „zł” jako duch ---------- */
.phero--cennik{padding-bottom:11rem}
.phero--cennik .phero__ghost{font-size:30vw;right:2vw;top:2vw}
.price__num small{white-space:nowrap}
.prices--lift{margin-top:-6rem;position:relative;z-index:2;padding:0 var(--gutter);gap:1px;background:transparent;border:0}
.prices--lift .price{background:var(--bg-2);border:1px solid var(--line);border-right:0}
.prices--lift .price:last-child{border-right:1px solid var(--line)}
.prices--lift .price--main{background:var(--rose-2);transform:translateY(-2.5rem);box-shadow:0 50px 100px rgba(0,0,0,.45);border-color:transparent}
.prices--lift .price__num{font-size:clamp(3.4rem,5.6vw,5.6rem) !important}
.pdial{padding:var(--section) var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:center;border-bottom:1px solid var(--line);background:var(--bg-2)}
.pdial__q{grid-column:1/7;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.08;font-weight:300;color:var(--ivory)}
.pdial__q em{color:var(--rose)}
.pdial__a{grid-column:8/-1;margin:0;font-size:1rem;line-height:1.7;color:var(--ink)}

/* ---------- DOKUMENT: duch „§”, pasek postępu czytania ---------- */
.phero--doc{min-height:min(56svh,520px)}
.phero--doc .phero__ghost{font-style:normal;font-size:40vw;top:-8vw;right:2vw}
.rprog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:60;background:transparent;pointer-events:none}
.rprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brass),var(--rose));transition:width .15s linear}
.doc--after{padding-top:var(--section)}
.doc--after .doc__head{display:none}
.doc__body > p.lead::first-letter{font-family:var(--f-serif);font-size:3.4em;float:left;line-height:.8;padding:.08em .12em 0 0;color:var(--rose)}
.doc__body h2{position:relative;padding-left:2.4rem}
.doc__body h2.nosign::before{display:none}
.doc__body h2::before{content:"§";position:absolute;left:0;top:1.2rem;font-style:italic;color:var(--brass);font-size:.8em}
.doc__body h2:first-child::before{top:0}

/* ---------- ZESPÓŁ / OSOBA: drobne gesty ---------- */
.four__col{position:relative}
.four__col b{position:relative}
.names{list-style:none;margin:0;padding:var(--section) var(--gutter) 2rem;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.2em .9em;font-family:var(--f-serif);font-weight:300;font-size:clamp(1.8rem,4.2vw,4.2rem);line-height:1.1;color:var(--mute)}
.names li{transition:color .3s}
.names li::after{content:"·";margin-left:.9em;color:var(--brass);font-style:italic}
.names li:last-child::after{content:""}
.names li:hover{color:var(--ivory)}
.names li a{color:inherit}

@media (max-width:1100px){
  .zsteps{grid-template-columns:1fr}
  .zstep{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding-top:4.5rem}
  .zstep__no{font-size:7rem;top:-.1em}
  .zsplit,.pdial{grid-template-columns:1fr}
  .pdial__q,.pdial__a{grid-column:1/-1}
  .prices--lift{margin-top:0;padding:0;gap:0}
  .phero--cennik{padding-bottom:3rem}
  .prices--lift .price--main{transform:none;box-shadow:none}
  .prices--lift .price{border-left:0;border-right:0 !important}
  .phero__title{grid-column:1/-1}
  .phero__lede{grid-column:1/-1}
  .phero__aside{grid-column:1/-1;align-self:start}
  .fsearch--hero{grid-column:1/-1}
}
@media (max-width:860px){
  .phero{min-height:70svh;padding-top:calc(64px + 8vw)}
  .phero__ghost{font-size:60vw;top:6vw}
  .phero--faq .phero__ghost{font-size:90vw;top:-6vw}
  .fchips{top:56px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .fchips::-webkit-scrollbar{display:none}
  .fchips button{flex:0 0 auto}
  .contact__phone{font-size:14vw !important}
  .names{font-size:1.6rem}
}

/* Kontakt: mapki */
.maps{padding:var(--section) var(--gutter);border-bottom:1px solid var(--line)}
.maps__head{max-width:70ch;margin-bottom:3rem}
.maps__head .lede a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.maps__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.map{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--bg-2)}
.map iframe{width:100%;aspect-ratio:4/3;border:0;display:block;filter:grayscale(.85) invert(.92) hue-rotate(180deg) contrast(.9);transition:filter .5s}
.map:hover iframe{filter:none}
.map figcaption{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;padding:1.2rem 1.4rem}
.map figcaption b{font-family:var(--f-serif);font-weight:300;font-size:1.4rem;color:var(--ivory)}
.map figcaption span{grid-column:1;font-size:.85rem;color:var(--mute)}
.map figcaption a{grid-column:2;grid-row:1/3;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}
@media (max-width:860px){.maps__grid{grid-template-columns:1fr}}