/* Wygenerowane z makiety strona-glowna-v4.html przez makiety/_zrodla/do_silnika.py - nie edytuj ręcznie.
   Własne style silnika i modułów: assets/modules.css. */
/* Układ: odświeżenie obecnej strony - ta sama kolejność sekcji i te same motywy (ciemny hero, ikony, czarna sekcja o Danielu, wycentrowane nagłówki z bursztynową kreską, akordeony, czarna stopka), nowe proporcje i typografia */
:root{
  --bg:#FFFFFF; --bg2:#F7F4EE; --ink:#181818; --soft:#5C5853; --line:#E7E2D9;
  --amber:#EEA507; --amber-h:#D99500; --amber-t:#8F5D00; --on-amber:#181818;
  --black:#121212; --black2:#1B1B1B; --on-black:#F3F2EF; --on-black-soft:#B3AFA7; --black-line:#2E2D2B;
  --hero-shade:#140B1F;
  --font-head:"Titillium Web","Segoe UI",system-ui,sans-serif;
  --font-body:"Raleway","Segoe UI",system-ui,sans-serif;
  --font-serif:"Cormorant","Cormorant Garamond",Georgia,serif;
  --radius:10px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:720px){.wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
section,[id]{scroll-margin-top:90px}
.ic{width:20px;height:20px;flex:none}
.band{padding-block:clamp(64px,8vw,104px)}
.band.alt{background:var(--bg2)}
.band.black{background:var(--black);color:var(--on-black)}

/* nagłówki - jak w oryginale: Titillium, wycentrowane, bursztynowa kreska */
h2,h3{font-family:var(--font-head);margin:0;text-wrap:balance}
.h2{font-weight:700;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.005em}
.sec-head{display:grid;gap:14px;justify-items:center;text-align:center;margin:0 auto clamp(36px,4.5vw,56px);max-width:820px}
.sec-head::after{content:"";width:64px;height:3px;border-radius:2px;background:var(--amber);order:3}
.sec-head .sub{order:4;color:var(--soft);font-size:1.05rem}
.black .sec-head .sub{color:var(--on-black-soft)}
.sec-head.left{justify-items:start;text-align:left;margin-left:0}
.eyebrow{font:700 .76rem/1.2 var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--amber-t)}
.black .eyebrow{color:var(--amber)}
h3{font-weight:700;font-size:1.22rem;line-height:1.28}

/* przyciski - oryginał miał obrys w bursztynie; odświeżenie: pełny główny + obrys */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.85em 1.6em;border-radius:6px;font:700 .95rem/1.2 var(--font-head);letter-spacing:.04em;text-decoration:none;border:2px solid var(--amber);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}
.btn-fill{background:var(--amber);color:var(--on-amber)}
.btn-fill:hover{background:var(--amber-h);border-color:var(--amber-h)}
.btn-line{background:transparent;color:var(--amber-t)}
.btn-line:hover{background:var(--amber);color:var(--on-amber)}
.black .btn-line,.hero .btn-line{color:var(--on-black);border-color:color-mix(in srgb,var(--on-black) 70%,transparent)}
.black .btn-line:hover,.hero .btn-line:hover{background:var(--on-black);color:var(--ink);border-color:var(--on-black)}
.btn .ic{width:18px;height:18px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cta-row.center{justify-content:center}
.more{display:inline-flex;gap:6px;align-items:center;font:700 .92rem var(--font-head);color:var(--amber-t);text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:4px}
.more .ic{width:16px;height:16px}
/* karty z linkiem na całej powierzchni (Zrealizowane warsztaty, lista projektów): zdjęcie, tytuł i „Czytaj więcej” to jeden cel */
.dcard,.wcard,.bcard{position:relative}
.card-img{display:block;overflow:hidden;border-radius:6px}
.card-img img{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dcard .more::after,.wcard .card-link::after,.bcard .card-link::after{content:"";position:absolute;inset:0;z-index:1}
.wcard .card-link,.bcard .card-link{color:inherit;text-decoration:none}
.dcard .more .ic,.wcard .more .ic,.bcard .more .ic{transition:transform .25s}
.dcard .more:focus-visible::after,.wcard .card-link:focus-visible::after,.bcard .card-link:focus-visible::after{outline:2px solid var(--amber);outline-offset:6px;border-radius:8px}
@media(hover:hover){.dcard:hover .card-img img,.wcard:hover .card-img img,.bcard:hover .card-img img{transform:scale(1.06)}.dcard:hover h3,.wcard:hover h2 a,.bcard:hover h2 a,.dcard:hover .more,.wcard:hover .more,.bcard:hover .more{text-decoration:underline;text-underline-offset:4px}.dcard:hover .more .ic,.wcard:hover .more .ic,.bcard:hover .more .ic{transform:translateX(4px)}.bcard{transition:box-shadow .25s,border-color .25s}.bcard:hover{border-color:var(--amber);box-shadow:0 10px 28px -16px rgba(0,0,0,.35)}}
@media(prefers-reduced-motion:reduce){.card-img img,.dcard .more .ic,.wcard .more .ic,.bcard .more .ic,.bcard{transition:none}.dcard:hover .card-img img,.wcard:hover .card-img img,.bcard:hover .card-img img{transform:none}}

/* logo (maski, kolory oryginału) */
.logo{display:block;position:relative;width:clamp(150px,15vw,190px);aspect-ratio:720/141;flex:none}
.logo i{position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.logo .la{background:var(--amber)}
.logo .lb{background:var(--ink)}
.ftr .logo .lb{background:var(--on-black)}

/* pasek + nagłówek */
.topbar{background:var(--black);color:var(--on-black-soft);font:600 .85rem/1.3 var(--font-head);text-align:center}
.topbar .wrap{padding-block:9px}
.topbar a{color:var(--amber);text-decoration:none}
.topbar b{color:var(--on-black);font-weight:600}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:76px;position:relative}
.brand{margin-right:auto;text-decoration:none}
.nav{display:flex;gap:22px}
.nav a{font:600 .97rem var(--font-head);text-decoration:none;color:var(--ink)}
.nav a:hover{color:var(--amber-t)}
.hdr .btn{padding:.6em 1.15em;font-size:.88rem}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:8px;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
@media(max-width:1060px){
  .nav{display:none}.burger{display:inline-flex}
  .hdr.open .nav{display:flex;flex-direction:column;gap:2px;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:12px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}
  .hdr.open .nav a{padding:10px 0;font-size:1.05rem}
}
@media(max-width:440px){.hdr .btn{display:none}.logo{width:132px}}

/* hero - oryginalne zdjęcie, tekst przeniesiony na lewo (nie zasłania twarzy) */
.hero{position:relative;color:var(--on-black);background:var(--hero-shade);overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;z-index:-2}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-shade) 92%,transparent) 0%,color-mix(in srgb,var(--hero-shade) 70%,transparent) 38%,color-mix(in srgb,var(--hero-shade) 0%,transparent) 68%)}
.hero .wrap{min-height:clamp(480px,62vh,640px);display:flex;align-items:center;padding-block:72px}
.hero-text{display:grid;gap:22px;max-width:560px}
.hero h1{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.hero .line{width:72px;height:3px;background:var(--amber);border-radius:2px}
.hero .tagline{font:700 clamp(.95rem,1.6vw,1.15rem)/1.3 var(--font-head);letter-spacing:.18em;text-transform:uppercase}
@media(max-width:760px){
  .hero::before{background:linear-gradient(180deg,color-mix(in srgb,var(--hero-shade) 30%,transparent) 0%,color-mix(in srgb,var(--hero-shade) 92%,transparent) 62%)}
  .hero-img img{object-position:78% 20%}
  .hero .wrap{align-items:flex-end;min-height:600px;padding-block:48px}
}

/* ikony - 4 kolumny jak w oryginale */
.icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);text-align:center}
.icons li{display:grid;gap:16px;justify-items:center;align-content:start;list-style:none}
.icons img{width:76px;height:76px}
.icons p{font-size:1rem;color:var(--soft);max-width:30ch}
.icons-wrap{display:grid;gap:44px}
.icons-wrap ul{margin:0;padding:0}
@media(max-width:900px){.icons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.icons{grid-template-columns:1fr}}

/* aktualności */
.news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ncard{position:relative;display:flex;flex-direction:column;gap:12px;cursor:pointer}
.ncard-ph{display:block;overflow:hidden;border-radius:var(--radius);isolation:isolate}
.ncard img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);transition:transform .4s ease;display:block}
.ncard:hover .ncard-ph img,.ncard:hover img{transform:scale(1.05)}
.ncard h3{font-size:1.08rem;color:var(--amber-t)}
.ncard h3 a{color:inherit;text-decoration:none}
.ncard h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.ncard-ph,.ncard .more{position:relative;z-index:2}
.ncard:hover h3 a,.ncard:hover .more{text-decoration:underline;text-underline-offset:4px}
.ncard p{font-size:.93rem;color:var(--soft)}
.ncard .more{margin-top:auto}
@media(max-width:1000px){.news{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.news{grid-template-columns:1fr}}

/* Daniel - czarna sekcja, zdjęcie cz-b po prawej */
.daniel{position:relative;background:var(--black);color:var(--on-black);overflow:hidden;isolation:isolate}
.daniel-img{position:absolute;top:0;bottom:0;right:0;width:58%;z-index:-1}
.daniel-img img{width:100%;height:100%;object-fit:cover;object-position:55% 30%}
.daniel-img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0%,color-mix(in srgb,var(--black) 0%,transparent) 45%)}
.daniel .wrap{padding-block:clamp(72px,9vw,120px)}
.daniel-text{max-width:560px;display:grid;gap:20px}
.daniel .h2{color:var(--on-black)}
.daniel .pull{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.25;color:var(--amber)}
.daniel p{color:var(--on-black-soft)}
.creds{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.creds li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:.93rem;color:var(--on-black-soft);line-height:1.5}
.creds li::before{content:"";width:12px;height:2px;background:var(--amber);margin-top:.75em}
.creds b{color:var(--on-black);font-weight:600}
@media(max-width:860px){.daniel-img{position:relative;width:auto;height:320px}.daniel-img::before{background:linear-gradient(180deg,color-mix(in srgb,var(--black) 0%,transparent) 50%,var(--black) 100%)}.daniel .wrap{padding-top:8px}}

/* O hipnozie */
.oh{max-width:820px;margin-inline:auto;display:grid;gap:20px}
.oh p{color:var(--soft)}
.oh .lead1{color:var(--ink);font-size:1.18rem;line-height:1.6}
.oh .lead1 b{font-weight:700}
.oh blockquote{margin:14px 0;text-align:center;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.25;color:var(--ink)}
.oh blockquote::before{content:"";display:block;width:40px;height:3px;background:var(--amber);margin:0 auto 16px;border-radius:2px}
.oh .final{color:var(--ink);font-weight:600;text-align:center}
.oh .cta-row{justify-content:center}

/* klucz - lista z ptaszkami */
.checks{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;max-width:860px}
.checks li{display:flex;gap:14px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 18px;font:600 .95rem/1.3 var(--font-head);text-transform:uppercase;letter-spacing:.06em}
.checks .box{flex:none;width:26px;height:26px;border:2px solid var(--amber);border-radius:5px;display:grid;place-items:center;color:var(--amber-t)}
.checks .box .ic{width:16px;height:16px}
@media(max-width:640px){.checks{grid-template-columns:1fr}}

/* kurs - 3 warianty z wyciętą postacią ustawioną absolutnie */
.kurs-mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;font-size:.88rem}
.kurs-mods li{display:grid;gap:2px;color:var(--on-black-soft);border-left:2px solid var(--amber);padding-left:12px}
.kurs-mods b{color:var(--on-black);font-weight:600;font-variant-numeric:tabular-nums}
.k-limit{font-style:italic;font-size:.92rem}
.spiral{display:block;position:relative;aspect-ratio:1/1}
.spiral i{position:absolute;inset:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.spiral .la{background:var(--amber)}
.spiral .lb{background:var(--black-line)}
/* A - pas na całą szerokość, postać wychodzi z sekcji */
.kA{position:relative;z-index:1;background:var(--black);color:var(--on-black)}
.kA::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--amber)}
.kA-in{padding-block:clamp(72px,8vw,108px)}
.kA-text{max-width:600px;display:grid;gap:18px}
.kA .h2{color:var(--on-black)}
.kA p{color:var(--on-black-soft)}
.kA .btn{justify-self:start}
.kA .kurs-mods{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}
.kA-fig{position:absolute;z-index:2;bottom:0;right:max(24px,calc((100vw - 1180px) / 2 + 48px));height:calc(100% + 120px);max-height:780px;pointer-events:none}
.kA-man{height:100%;width:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
@media(max-width:860px){
  .kA{margin-top:120px}
  .kA-fig{left:50%;right:auto;transform:translateX(-50%);top:-120px;bottom:auto;height:310px;max-height:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
  .kA-man{height:620px}
  .kA-in{padding-top:220px}
  .kA .btn{white-space:normal;text-align:center}
  .kA .kurs-mods{grid-template-columns:1fr}
}
/* B - czarna karta, spirala z logo za postacią */
.kB-band{padding-top:clamp(120px,12vw,150px)}
.kB{--mx:clamp(16px,6%,72px);position:relative;isolation:isolate;background:var(--black);color:var(--on-black);border-radius:16px;padding:clamp(32px,4vw,52px) clamp(24px,5vw,56px) clamp(32px,4vw,48px) clamp(270px,35%,410px);display:grid;gap:16px}
.kB-spiral{position:absolute;z-index:0;width:clamp(240px,27%,320px);left:calc(var(--mx) - 52px);top:14px}
.kB-man{position:absolute;z-index:1;left:var(--mx);bottom:0;height:calc(100% + 110px);max-height:690px;width:auto;pointer-events:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.kB>*:not(.kB-spiral):not(.kB-man){position:relative;z-index:2}
.kB .h2{color:var(--on-black)}
.kB p{color:var(--on-black-soft);max-width:58ch}
.kB .btn{justify-self:start}
.kB .kurs-mods{margin-top:6px;padding-top:18px;border-top:1px solid var(--black-line)}
@media(max-width:980px){.kB .kurs-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .kB-band{padding-top:clamp(64px,8vw,104px)}
  .kB{margin-top:120px;padding:236px max(20px,5vw) 32px}
  .kB-man{left:50%;transform:translateX(-50%);top:-120px;bottom:auto;height:336px;max-height:none}
  .kB-spiral{width:236px;left:50%;transform:translateX(-50%);top:-6px;bottom:auto}
  .kB .btn{white-space:normal;text-align:center}
  .kB .kurs-mods{grid-template-columns:1fr}
}
/* C - postać w środku na linii horyzontu, tekst i terminy po bokach */
.kC{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.68fr) minmax(0,.82fr);gap:clamp(20px,3vw,44px);align-items:end}
.kC-text,.kC-dates{display:grid;gap:16px;padding-bottom:44px;align-content:end}
.kC-text .btn{justify-self:start}
.kC-text p{color:var(--soft)}
.kC-text .k-limit{color:var(--ink)}
.kC-fig{position:relative;height:clamp(460px,46vw,610px)}
.kC-man{position:absolute;z-index:1;left:50%;bottom:6px;transform:translateX(-50%);height:100%;width:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.18))}
.kC-horizon{position:absolute;z-index:0;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:0;height:14px;border-radius:7px;background:var(--amber)}
@media(min-width:720px){.kC-horizon{left:32px;right:32px}}
.kC-mods{list-style:none;margin:0;padding:0}
.kC-mods li{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.kC-mods li:first-child{border-top:1px solid var(--line)}
.kC-mods b{font:700 .95rem var(--font-head);color:var(--amber-t);font-variant-numeric:tabular-nums}
.kC-mods span{color:var(--soft)}
@media(max-width:980px){
  .kC{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr)}
  .kC-dates{grid-column:1/-1;padding-bottom:0;padding-top:28px}
  .kC-horizon{display:none}
  .kC-fig::after{content:"";position:absolute;z-index:2;left:-12px;right:-12px;bottom:0;height:12px;border-radius:6px;background:var(--amber)}
}
@media(max-width:640px){
  .kC{grid-template-columns:minmax(0,1fr)}
  .kC-fig{order:-1;height:290px;overflow:hidden}
  .kC-fig::after{left:0;right:0}
  .kC-man{height:640px;top:0;bottom:auto}
  .kC-text{padding-bottom:0}
  .kC-text .btn{white-space:normal;text-align:center}
}

/* akordeony - jak w oryginale: ramki, bursztynowy szewron */
.acc{display:grid;gap:10px}
.acc details{border:1px solid var(--line);border-radius:8px;background:var(--bg);transition:border-color .2s}
.acc details[open]{border-color:var(--amber)}
.acc summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:16px 18px}
.acc summary::-webkit-details-marker{display:none}
.acc summary .chev{flex:none;color:var(--amber);transition:transform .25s}
.acc details[open] .chev{transform:rotate(90deg)}
.acc summary h3{font-size:1.05rem}
.acc .ans{padding:0 22px 20px 52px;color:var(--soft);display:grid;gap:10px;font-size:.98rem}
.acc .ans ul{margin:0;padding-left:1.1em;display:grid;gap:5px}
.acc .ans b{color:var(--ink)}
.faq-col{max-width:900px;margin-inline:auto}
.acc-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;align-items:start}
@media(max-width:820px){.acc-2{grid-template-columns:1fr}}

/* sesje - 3 kolumny */
.sess{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.scard{display:flex;flex-direction:column;gap:14px}
.scard img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.scard p{color:var(--soft);font-size:.97rem}
.scard .meta{color:var(--ink);font-weight:700;display:flex;gap:8px;align-items:center}
.scard .meta .ic{color:var(--amber-t);width:18px;height:18px}
.scard .btn{align-self:flex-start;margin-top:auto}
@media(max-width:920px){.sess{grid-template-columns:1fr}.scard img{aspect-ratio:16/9}}

/* opinie Google */
.g-head{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:32px;text-align:center}
.g-head b{font:700 1.4rem var(--font-head);letter-spacing:.14em}
.stars{display:inline-flex;color:var(--amber)}
.stars .ic{width:20px;height:20px}
.greviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grev{background:var(--black2);border:1px solid var(--black-line);border-radius:var(--radius);padding:24px;display:grid;gap:12px;align-content:start}
.grev p{color:var(--on-black-soft);font-size:.95rem}
.grev .who{color:var(--on-black);font-weight:600;font-size:.9rem}
.grev .src{color:var(--on-black-soft);font-size:.8rem}
.verify{margin-top:24px;text-align:center;font-size:.82rem;color:var(--on-black-soft)}
.verify.dark{color:var(--soft)}
@media(max-width:900px){.greviews{grid-template-columns:1fr}}

/* oferta - 5 kart w rzędzie jak w oryginale */
.offer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ocard{border:1px solid var(--line);border-radius:var(--radius);padding:28px 18px;text-align:center;display:grid;gap:12px;align-content:start;justify-items:center;background:var(--bg);transition:border-color .2s,transform .2s}
.ocard:hover{border-color:var(--amber);transform:translateY(-2px)}
.ocard .clock{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber-t);display:grid;place-items:center}
.ocard p{color:var(--soft);font-size:.95rem}
@media(max-width:1000px){.offer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.offer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.offer{grid-template-columns:1fr}}

/* opinie klientów */
.masonry{columns:3 280px;column-gap:22px}
.masonry figure{break-inside:avoid;margin:0 0 22px;padding:26px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--line)}
.masonry blockquote{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.25rem;line-height:1.38}
.masonry blockquote::before{content:"„";display:block;font-size:3rem;line-height:.6;color:var(--amber);margin-bottom:6px;font-style:normal}

/* warsztaty */
.evlist{list-style:none;margin:0 auto;padding:0;max-width:900px}
.evlist li{display:grid;grid-template-columns:12rem minmax(0,1fr) auto;gap:16px;align-items:baseline;padding-block:14px;border-bottom:1px solid var(--line)}
.evlist li:first-child{border-top:1px solid var(--line)}
.evlist .d{font:700 .95rem var(--font-head);font-variant-numeric:tabular-nums;color:var(--amber-t)}
.evlist .n{font-weight:500}
.evlist .t{font:700 .7rem var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
@media(max-width:600px){.evlist li{grid-template-columns:1fr;gap:2px}}

/* formularz - czarna sekcja ze zdjęciem */
.help{position:relative;background:var(--black);color:var(--on-black);overflow:hidden;isolation:isolate}
.help-img{position:absolute;top:0;bottom:0;right:0;width:55%;z-index:-1}
.help-img img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.help-img::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0%,color-mix(in srgb,var(--black) 0%,transparent) 50%)}
.help .wrap{padding-block:clamp(64px,8vw,104px)}
.help-box{max-width:520px;display:grid;gap:20px}
.help .h2{color:var(--on-black)}
.form{display:grid;gap:12px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:grid;gap:5px;font:600 .82rem var(--font-head);letter-spacing:.04em;color:var(--on-black-soft)}
.form input,.form textarea{font:400 1rem var(--font-body);padding:.75em .9em;border-radius:6px;border:1px solid var(--black-line);background:var(--black2);color:var(--on-black);width:100%;min-width:0}
.form input:focus,.form textarea:focus{border-color:var(--amber);outline:none}
.form textarea{min-height:120px;resize:vertical}
.form .check{display:flex;gap:10px;align-items:center;font:400 .88rem var(--font-body);letter-spacing:0}
.form .check input{width:auto}
.form .btn{justify-self:start}
@media(max-width:860px){.help-img{position:relative;width:auto;height:260px}.help-img::before{background:linear-gradient(180deg,color-mix(in srgb,var(--black) 0%,transparent) 40%,var(--black) 100%)}.help .wrap{padding-top:8px}}
@media(max-width:480px){.form .row{grid-template-columns:1fr}}

/* kontakt */
.contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ccard{border-top:3px solid var(--amber);padding-top:18px;display:grid;gap:8px;align-content:start}
.ccard p,.ccard address{color:var(--soft);font-style:normal;line-height:1.6}
.ccard .sel{user-select:all;color:var(--ink);font-weight:600}
.map{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--bg2)}
.map h2{font-size:1.3rem;font-weight:700}
.map p{color:var(--soft)}
@media(max-width:820px){.contact{grid-template-columns:1fr}.map{grid-template-columns:1fr}}

/* stopka */
.ftr{background:var(--black);color:var(--on-black-soft);font-size:.92rem}
.ftr .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:32px;padding-block:60px 28px}
.ftr-h{font:700 1rem var(--font-head);color:var(--on-black);padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid var(--amber);display:inline-block}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--on-black);text-decoration:underline}
.ftr address{font-style:normal;display:grid;gap:3px;margin-top:18px}
.ftr-soc{display:flex;gap:8px;margin-top:16px}
.ftr-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--on-black-soft);border:1px solid var(--black-line);transition:color .2s,border-color .2s}
.ftr-soc a:hover,.ftr-soc a:focus-visible{color:var(--amber);border-color:var(--amber)}
.ftr .nl{display:grid;gap:10px}
.ftr .nl input{font:400 .92rem var(--font-body);padding:.65em .8em;border-radius:6px;border:1px solid var(--black-line);background:var(--black2);color:var(--on-black);width:100%;min-width:0}
.ftr .nl .check{display:flex;gap:8px;font-size:.8rem;align-items:flex-start}
.ftr .nl .check input{width:auto}
.ftr .nl .btn{justify-self:start;padding:.65em 1.2em}
.ftr-bottom{grid-column:1/-1;border-top:1px solid var(--black-line);padding-top:20px;font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:900px){.ftr .wrap{grid-template-columns:1fr 1fr}.ftr-brand,.ftr-nl{grid-column:1/-1}}

/* v4: wybrane komentarze */
.topbar .tb-zap{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--amber);color:var(--on-amber);font-weight:700;white-space:nowrap}
.topbar .tb-zap .ic{width:14px;height:14px}
.topbar .tb-zap:hover{background:var(--amber-h)}
.daniel .d-cta{justify-self:start}
.keys-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:30px}
.keys-cta p{font:600 1.05rem var(--font-head)}
.ocard .dur{display:inline-flex;align-items:center;gap:6px;font-size:.88rem}
.ocard .dur .ic{width:15px;height:15px;color:var(--amber-t)}
.ocard .price{font:700 1.5rem/1 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums}
.ocard .price.none{font:600 .8rem/1.3 var(--font-body);color:var(--soft);border:1px dashed var(--line);border-radius:6px;padding:6px 8px}
.ocard .btn{margin-top:4px;padding:.6em 1.2em;font-size:.88rem}
.ocard .clock .ic{width:24px;height:24px}
.offer{align-items:stretch}.ocard{grid-template-rows:auto auto auto 1fr auto}.ocard .btn{align-self:end}
.evlist li{grid-template-columns:12rem minmax(0,1fr) auto auto;align-items:center}
.evlist .ev-btn{padding:.45em 1em;font-size:.82rem}
@media(max-width:600px){.evlist li{grid-template-columns:1fr}.evlist .ev-btn{justify-self:start;margin-top:8px}}
@media(max-width:860px){.help-box{max-width:none;margin-inline:auto}.help-box>.h2,.help-box>h3{text-align:center}.form .btn{justify-self:center;min-width:200px}}
@media(max-width:480px){.form .btn{justify-self:stretch}}

/* ===== nawigacja: nagłówek, menu mobilne, lista wydarzeń, telefon ===== */
.topbar a{text-decoration:none}
.hdr{z-index:40;box-shadow:0 1px 0 var(--line)}
.hdr .hdr-in{display:flex;align-items:center;gap:22px;height:76px;position:relative}
.hdr .brand{margin-right:auto;text-decoration:none;display:flex}
.hdr .nav{display:flex;gap:20px}
.hdr .nav a{font:600 .96rem var(--font-head);text-decoration:none;color:var(--ink);padding:6px 0;border-bottom:2px solid transparent}
.hdr .nav a:hover{color:var(--amber-t);border-bottom-color:var(--amber)}
.hdr-act{display:flex;align-items:center;gap:10px}
.hdr .hdr-cta{padding:.6em 1.15em;font-size:.88rem}
.hdr-ic{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:8px;color:var(--ink)}
.hdr-ic:hover{background:var(--bg2)}
.hdr .burger{display:none;position:relative;width:46px;height:46px;border:1px solid var(--line);background:var(--bg);border-radius:10px;cursor:pointer;padding:0}
.hdr .burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s,top .25s}
.hdr .burger span:nth-child(1){top:15px}.hdr .burger span:nth-child(2){top:22px}.hdr .burger span:nth-child(3){top:29px}
.hdr .burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.hdr .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hdr .burger[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}
.logo.on-dark .lb{background:var(--on-black)}
/* tryb kompaktowy: telefon i tablet */
@media(max-width:1059.98px){.hdr .nav,.hdr .hdr-ic{display:none}}
@media(max-width:1059.98px){.hdr .burger{display:inline-block}}
@media(max-width:1059.98px){.hdr .hdr-in{height:64px;gap:10px}}
@media(max-width:1059.98px){.hdr .logo{width:136px}}
@media(max-width:1059.98px){.topbar{font-size:.78rem}}
@media(max-width:1059.98px){.topbar .wrap{padding-block:7px}}
@media(max-width:1059.98px){.hdr .hdr-cta{display:inline-flex}}
@media(max-width:400px) and (max-width:1059.98px){.hdr .hdr-cta{padding:.55em .8em;font-size:.8rem}}
@media(max-width:340px) and (max-width:1059.98px){.hdr .hdr-cta{display:none}}
/* panel menu (z prawej, na telefonie pełny ekran) */
.navshade{position:fixed;inset:0;z-index:90;background:rgba(10,8,6,.55);opacity:0;transition:opacity .25s}
.navshade.on{opacity:1}
.mnav{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(420px,100%);background:var(--black);color:var(--on-black);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;padding:0 max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}
.mnav.open{transform:none}
.mnav-top{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--black-line);flex:none}
.mnav-top .logo{width:132px}
.mnav-x,.evd-x{width:46px;height:46px;border-radius:10px;border:1px solid var(--black-line);background:transparent;color:var(--on-black);display:grid;place-items:center;cursor:pointer}
.mnav-list{display:grid;padding:10px 0}
.mnav-list a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:600 1.3rem var(--font-head);color:var(--on-black);text-decoration:none;border-bottom:1px solid var(--black-line)}
.mnav-list a:hover{color:var(--amber)}
.mnav-list .chev{color:var(--amber);width:20px;height:20px}
.mnav-foot{margin-top:auto;display:grid;gap:14px;padding-top:20px}
.mnav-foot .btn{width:100%;padding:1em}
.mnav-tel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--black-line);border-radius:8px;color:var(--on-black);text-decoration:none;font:700 1.05rem var(--font-head);font-variant-numeric:tabular-nums}
.mnav-tel .ic{color:var(--amber)}
.mnav-soc{display:flex;justify-content:center;gap:8px}
.mnav-soc a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--on-black-soft);border:1px solid var(--black-line)}
.mnav-soc a:hover{color:var(--amber);border-color:var(--amber)}
/* lista wydarzeń (z lewej) */
.evtab{position:fixed;z-index:80;left:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;display:flex;align-items:center;gap:8px;background:var(--amber);color:var(--ink);border:0;border-radius:8px 0 0 8px;padding:14px 9px;font:700 .74rem var(--font-head);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.evtab .ic{width:17px;height:17px;rotate:90deg}
@media(max-width:1059.98px){.evtab{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px));transform:none;writing-mode:horizontal-tb;rotate:none;border-radius:999px;padding:11px 15px;font-size:.72rem}}
@media(max-width:1059.98px){.evtab .ic{rotate:none}}
.evd{position:fixed;top:0;left:0;bottom:0;z-index:95;width:min(400px,92%);background:var(--bg);color:var(--ink);display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .28s ease;box-shadow:24px 0 50px -30px rgba(0,0,0,.5)}
.evd.open{transform:none}
.evd-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px max(18px,env(safe-area-inset-left,0px)) 14px;border-bottom:3px solid var(--amber)}
.evd-t{font:700 1.3rem/1.2 var(--font-head)}
.evd-s{font-size:.85rem;color:var(--soft)}
.evd-x{color:var(--ink);border-color:var(--line)}
.evd-list{list-style:none;margin:0;padding:6px 0 calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.evd-list a{display:grid;gap:3px;padding:13px max(18px,env(safe-area-inset-left,0px)) 13px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.evd-list a:hover{background:var(--bg2)}
.evd-list .d{font:700 .92rem var(--font-head);color:var(--amber-t);font-variant-numeric:tabular-nums}
.evd-list .n{font-weight:600;line-height:1.35}
.evd-list .t{font:700 .66rem var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
/* telefon */
.callfab{position:fixed;z-index:80;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--amber);display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.callfab .ic{width:24px;height:24px}
html.nav-lock,html.nav-lock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.mnav,.evd,.navshade,.hdr .burger span{transition:none}}

/* maski logo i spirali */
.logo .la{-webkit-mask-image:url(img/logoA.webp);mask-image:url(img/logoA.webp)}
.logo .lb{-webkit-mask-image:url(img/logoB.webp);mask-image:url(img/logoB.webp)}
.spiral .la{-webkit-mask-image:url(img/spiralA.webp);mask-image:url(img/spiralA.webp)}
.spiral .lb{-webkit-mask-image:url(img/spiralB.webp);mask-image:url(img/spiralB.webp)}