/* Maxis A „Kurtyna gwiazd” - scena z kurtyną LED, białe garnitury, czerwony X z logo */
@font-face{font-family:"Cabinet Grotesk";src:url(fonts/cabinet-grotesk-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Cabinet Grotesk";src:url(fonts/cabinet-grotesk-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Gantari;src:url(fonts/gantari-ext.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Gantari;src:url(fonts/gantari-lat.woff2) format("woff2");font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --scena:#0B0B0E; --dioda:#FFF3D6; --x:#EA4F58; --garnitur:#F2F1EC; --tusz:#141418;
  --szary:#A8A49B; --szary-j:#5C5952; --linia-c:rgba(255,243,214,.16); --linia-j:rgba(20,20,24,.16);
  --f-tyt:"Cabinet Grotesk","Arial Black",sans-serif; --f-txt:Gantari,system-ui,sans-serif;
  --pad:clamp(20px,5vw,72px); --hdr:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;background:var(--scena);color:var(--dioda);font:400 clamp(16px,1.05vw,18px)/1.6 var(--f-txt)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--f-tyt);font-weight:800;line-height:1.04;letter-spacing:-.02em}
p{margin:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pomin{position:fixed;left:12px;top:-60px;z-index:100;background:var(--x);color:var(--tusz);padding:10px 14px;border-radius:8px;font-weight:600}
.pomin:focus{top:12px}
:focus-visible{outline:3px solid var(--x);outline-offset:3px}
.wrap{width:min(1320px,100%);margin:0 auto;padding:0 var(--pad)}
.jasna{background:var(--garnitur);color:var(--tusz)}
.ciemna{background:var(--scena);color:var(--dioda)}
.czerwona{background:var(--x);color:var(--tusz)}
.tytul{font-size:clamp(2.4rem,5.6vw,5.8rem);max-width:16ch}

/* ---------- światła w nagłówkach: litery zapalają się jak diody ---------- */
.swiatla .lit{display:inline-block}
.swiatla .slowo{display:inline-block;white-space:nowrap}
html[data-tier="1"] .swiatla:not(.zapalone) .lit,html[data-tier="2"] .swiatla:not(.zapalone) .lit{opacity:.13}

/* ---------- nagłówek ---------- */
.naglowek{position:fixed;inset:0 0 auto;z-index:40;height:var(--hdr);display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:0 var(--pad);color:var(--dioda);transition:background-color .35s}
.naglowek--tlo{background:rgba(11,11,14,.9);backdrop-filter:blur(8px)}
.naglowek__logo img{height:38px;width:auto}
.menu{display:flex;gap:clamp(14px,2vw,30px);margin-left:auto;font-weight:600;font-size:.95rem}
.menu a,.naglowek__tel{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.menu a:hover{border-color:var(--x)}
.naglowek__tel{font-weight:600;color:var(--x)}
.naglowek__cta{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--x);color:var(--tusz);font-weight:600;text-decoration:none;white-space:nowrap}
.naglowek__cta:hover{background:#F2717A}
.menu-przycisk{display:none}
.menu-tel{display:none}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;min-height:600px;max-height:1040px;overflow:hidden;background:var(--scena)}
.kurtyna{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero__foto{position:absolute;top:0;bottom:0;width:min(32vw,560px);z-index:1;pointer-events:none}
.hero__foto img{width:100%;height:100%;object-fit:cover}
.hero__foto--l{left:0;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent 98%);mask-image:linear-gradient(90deg,#000 40%,transparent 98%)}
.hero__foto--r{right:0;-webkit-mask-image:linear-gradient(270deg,#000 40%,transparent 98%);mask-image:linear-gradient(270deg,#000 40%,transparent 98%)}
.hero__foto--tel{display:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,14,0),rgba(11,11,14,.78) 42%,rgba(11,11,14,.9))}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,14,.85),rgba(11,11,14,0))}
.hero__tekst{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:clamp(44px,8vh,100px);text-align:center}
.hero h1{font-size:clamp(2.3rem,4.4vw,4.6rem);line-height:1.04;max-width:18ch;margin:0 auto}
.hero h1 em{display:block}
.hero h1 em{font-style:normal;color:var(--x)}
.hero__lead{margin:18px auto 0;font-size:clamp(1.05rem,1.3vw,1.25rem);color:#E3DDCF;max-width:min(40ch,34vw)}
.hero__akcje{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}
.hero__pomin{position:absolute;right:var(--pad);top:calc(var(--hdr) + 8px);z-index:3;font-size:.8rem;color:var(--szary);opacity:0;pointer-events:none}
html.intro .hero__pomin{opacity:1}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--x);color:var(--tusz);font:700 1rem var(--f-txt);text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background-color .2s}
.cta:hover{background:#F2717A}
.cta:active{transform:scale(.97)}
.link-strzalka{font-weight:600;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.link-strzalka::after{content:" →"}

/* ---------- zespół (role) ---------- */
.zespol{padding:clamp(90px,13vw,180px) 0 clamp(70px,9vw,120px)}
.role{list-style:none;margin:clamp(40px,6vw,80px) 0 0;padding:0;border-top:1px solid var(--linia-j)}
.rola{position:relative;display:grid;grid-template-columns:auto 1fr minmax(0,26ch);align-items:baseline;gap:18px;padding:clamp(16px,2.2vw,28px) 0;border-bottom:1px solid var(--linia-j)}
.rola__co{font:800 clamp(2rem,5.4vw,5.4rem)/1 var(--f-tyt);letter-spacing:-.02em}
.rola__kreska{border-bottom:2px dotted rgba(20,20,24,.35);transform:translateY(-.35em)}
.rola__jak{font-size:clamp(1rem,1.2vw,1.15rem);color:var(--szary-j)}
.zespol__zdjecia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin-top:clamp(40px,5vw,70px)}
.zespol__zdjecia figure{margin:0}
.zespol__zdjecia img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}
.zespol__zdjecia figcaption{margin-top:10px;font-weight:600}
.zespol__stopka{margin-top:28px;max-width:60ch;color:var(--szary-j)}

/* ---------- oferta ---------- */
.oferta{position:relative;padding:clamp(90px,12vw,170px) 0}
.uslugi{list-style:none;margin:clamp(40px,6vw,80px) 0 0;padding:0;border-top:1px solid var(--linia-c)}
.usl{display:grid;grid-template-columns:110px minmax(0,1.2fr) minmax(0,1fr) auto;gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid var(--linia-c);transition:color .25s}
.usl__nazwa{font-size:clamp(1.6rem,3.3vw,3.2rem);line-height:1.05;transition:color .2s,transform .35s cubic-bezier(.2,.8,.2,1)}
.usl__opis{color:var(--szary);max-width:42ch}
.usl__zapytaj{font-weight:600;color:var(--x);text-decoration:none;white-space:nowrap}
.usl__zapytaj:hover{text-decoration:underline}
.usl__mini{grid-column:1;grid-row:1;width:110px;height:82px;object-fit:cover;border-radius:6px}
.usl__nazwa{grid-column:2}.usl__opis{grid-column:3}.usl__zapytaj{grid-column:4}
.usl:hover .usl__nazwa{color:var(--x)}

/* ---------- bloki muzyczne (przypięta kurtyna) ---------- */
.bloki{position:relative;height:440vh;background:var(--scena)}
.bloki__scena{position:sticky;top:0;height:100svh;overflow:hidden}
.bloki__tresc{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;padding:calc(var(--hdr) + 20px) var(--pad) 90px;pointer-events:none}
.bloki__lewa{grid-column:1;grid-row:1;align-self:center;display:grid;gap:22px;justify-items:start}
.bloki__tytul{font-size:clamp(2.6rem,5.6vw,6rem)}
.bloki__zasada{max-width:30ch;font-size:clamp(1.05rem,1.4vw,1.3rem);color:#E3DDCF;background:rgba(11,11,14,.72);padding:14px 16px;border-radius:8px}
.bloki__lista{grid-column:2;grid-row:1;list-style:none;margin:0;padding:0;display:grid}
.blok{grid-area:1/1;align-self:center;background:rgba(11,11,14,.78);padding:clamp(20px,2.6vw,36px);border-radius:10px;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.blok.jest{opacity:1;transform:none;pointer-events:auto}
.blok__nr{font-weight:600;color:var(--x)}
.blok__nazwa{font-size:clamp(2rem,4.4vw,4.4rem);margin:6px 0 14px}
.blok__tytuly{font-size:clamp(1.05rem,1.4vw,1.3rem);color:#E3DDCF}
.blok__posluchaj{margin-top:18px;background:none;border:0;padding:0 0 2px;color:var(--dioda);font:600 1rem var(--f-txt);border-bottom:2px solid var(--x);cursor:pointer}
.blok__posluchaj::before{content:"▶ ";color:var(--x)}
html[data-tier="0"] .bloki{height:auto}
html[data-tier="0"] .bloki__scena{position:relative;height:auto}
html[data-tier="0"] .bloki__tresc{position:relative;grid-template-columns:1fr;padding:100px var(--pad)}
html[data-tier="0"] .bloki__lewa,html[data-tier="0"] .bloki__lista{grid-column:1;grid-row:auto}
html[data-tier="0"] .bloki__lista{gap:16px}
html[data-tier="0"] .blok{grid-area:auto;opacity:1;transform:none;pointer-events:auto}

/* ---------- repertuar: ściana tytułów ---------- */
.repertuar{padding:clamp(80px,11vw,150px) 0}
.repertuar__gora{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;border-bottom:2px solid var(--tusz);padding-bottom:22px}
.repertuar .tytul{max-width:none}
.repertuar .tytul small{font:600 clamp(.9rem,1.1vw,1.05rem) var(--f-txt);letter-spacing:0;vertical-align:super}
.repertuar__lead{max-width:34ch;font-weight:600}
.sciana{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:.35em;font:800 clamp(1.15rem,2.05vw,2.2rem)/1.3 var(--f-tyt);text-transform:uppercase;letter-spacing:-.025em}
.sciana li{white-space:nowrap}
.sciana::after{content:"";flex:1 0 auto}
.sciana li:not(:last-child)::after{content:" / ";color:var(--dioda);font-weight:700}
.sciana a{text-decoration:none;transition:color .2s}
.sciana a:hover{color:var(--dioda)}
.sciana small{font:600 clamp(.72rem,.9vw,.9rem) var(--f-txt);text-transform:none;letter-spacing:0;vertical-align:.95em;margin-left:.2em}
html[data-tier="2"] .sciana li{opacity:.14;transition:opacity .3s}
html[data-tier="2"] .sciana.widac li{opacity:1}

/* ---------- nagrania ---------- */
.nagrania{padding:clamp(90px,12vw,170px) 0}
.filmy{margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.film{margin:0}
.film--duzy{grid-column:1/-1}
.film__przycisk,.film__ramka{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:8px;overflow:hidden;background:#000;cursor:pointer}
.film--duzy .film__przycisk,.film--duzy .film__ramka{aspect-ratio:2.37/1}
.film__przycisk img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .3s;filter:saturate(.9)}
.film__przycisk:hover img{transform:scale(1.04);filter:saturate(1.05)}
.film__play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--x);box-shadow:0 0 0 0 rgba(234,79,88,.5);transition:box-shadow .3s}
.film__play::after{content:"";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--tusz)}
.film__przycisk:hover .film__play{box-shadow:0 0 0 12px rgba(234,79,88,.25)}
.film:not(.film--duzy) .film__play{width:52px;height:52px;margin:-26px 0 0 -26px}
.film:not(.film--duzy) .film__play::after{left:20px;top:15px;border-width:11px 0 11px 17px}
.film figcaption{margin-top:10px;font-weight:600}
.film figcaption span{display:block;font-weight:400;color:var(--szary);font-size:.92rem}
.nagrania__wiecej{margin-top:34px}

/* ---------- jak działamy ---------- */
.jak{padding:clamp(90px,12vw,170px) 0}
.jak__siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,100px);align-items:start}
.jak__lead{margin-top:22px;max-width:38ch;color:var(--szary-j);font-size:1.1rem}
.jak__foto{margin:32px 0 0;border-radius:8px;overflow:hidden;max-width:520px}
.kroki{list-style:none;margin:0;padding:0}
.krok{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2.4vw,32px);padding:clamp(22px,3vw,38px) 0;border-bottom:1px solid var(--linia-j)}
.krok:first-child{border-top:1px solid var(--linia-j)}
.krok__nr{font:800 clamp(2.6rem,5vw,4.8rem)/.9 var(--f-tyt);color:var(--x);min-width:1.1ch}
.krok h3{font-size:clamp(1.4rem,2.2vw,2.1rem);margin-bottom:8px}
.krok p{color:var(--szary-j);max-width:46ch}

/* ---------- opinie ---------- */
.opinie{padding:clamp(90px,12vw,170px) 0}
.opinie__ocena{display:grid;gap:22px;max-width:60ch}
.opinie__liczba{font:800 clamp(4.5rem,12vw,10.5rem)/1 var(--f-tyt);letter-spacing:-.04em;color:var(--dioda)}
.opinie__liczba span{color:var(--x)}
.opinie__zrodlo{font:400 clamp(1rem,1.25vw,1.15rem)/1.5 var(--f-txt);letter-spacing:0;color:var(--szary)}
.opinie__zrodlo a{color:var(--dioda)}
.cytaty{list-style:none;margin:clamp(40px,6vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,60px)}
.cytaty li{padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--linia-c)}
.cytaty blockquote{margin:0;font:700 clamp(1.3rem,2vw,1.9rem)/1.2 var(--f-tyt);letter-spacing:-.01em}
.cytaty p{margin-top:12px;color:var(--szary);font-size:.95rem}

/* ---------- imprezy (agenda) ---------- */
.imprezy{padding:clamp(80px,11vw,150px) 0}
.agenda{margin-top:clamp(30px,4vw,56px);border-top:2px solid var(--tusz)}
.agenda__w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1.2fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--linia-j);align-items:baseline}
.agenda__w--glowa{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--szary-j);padding:12px 0}
.agenda__w span:nth-child(2){font:800 clamp(1.15rem,1.7vw,1.6rem)/1.15 var(--f-tyt)}
.agenda__w b{font-weight:600}
.agenda__w--bylo{color:var(--szary-j)}
.agenda__w--bylo span:nth-child(2){text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--x)}

/* ---------- pytania ---------- */
.pytania{padding:clamp(80px,11vw,150px) 0}
.pytania__siatka{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}
.pytania__tytul{font-size:clamp(3rem,9vw,9rem);letter-spacing:-.04em;position:sticky;top:calc(var(--hdr) + 20px)}
.faq details{border-bottom:2px solid var(--tusz)}
.faq details:first-child{border-top:2px solid var(--tusz)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:700 clamp(1.1rem,1.6vw,1.45rem)/1.25 var(--f-tyt)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 2rem/1 var(--f-txt);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;max-width:60ch;font-size:1.05rem}

/* ---------- kontakt ---------- */
.kontakt{position:relative;overflow:hidden;padding:clamp(100px,13vw,180px) 0 clamp(80px,10vw,130px)}
.kontakt .wrap{position:relative;z-index:1}
.kurtyna--kontakt{opacity:.55}
.kontakt__zdanie{font-size:clamp(2.2rem,6vw,6.4rem);max-width:13ch;line-height:1.02}
.kontakt__zdanie a{color:var(--x);text-decoration:none;white-space:nowrap}
.kontakt__zdanie a:hover{text-decoration:underline;text-decoration-thickness:4px}
.kontakt__siatka{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,5vw,80px);margin-top:clamp(40px,6vw,80px)}
.kontakt__dane{display:grid;gap:10px;align-content:start;font-size:1.05rem}
.kontakt__dane a{color:var(--dioda)}
.kontakt__social{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.formularz{background:rgba(11,11,14,.86);border:1px solid var(--linia-c);border-radius:12px;padding:clamp(22px,3vw,40px)}
.formularz__tytul{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.formularz__lead{margin-top:10px;color:var(--szary);max-width:52ch}
.formularz__bledy{margin-top:18px;border:2px solid var(--x);border-radius:8px;padding:12px 16px}
.formularz__bledy ul{margin:6px 0 0;padding-left:20px}
.formularz__bledy a{color:var(--x)}
.pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:22px}
.pole--szer{grid-column:1/-1}
.pole label{display:block;font-weight:600;margin-bottom:6px}
.pole label span{font-weight:400;color:var(--szary)}
.pole input,.pole select,.pole textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,243,214,.3);background:#141419;color:var(--dioda);font:400 1rem var(--f-txt);color-scheme:dark}
.pole textarea{resize:vertical}
.pole input:focus,.pole select:focus,.pole textarea:focus{border-color:var(--x);outline:2px solid var(--x);outline-offset:0}
.pole input:disabled{opacity:.45}
.pole__check{display:flex!important;gap:8px;align-items:center;font-weight:400!important;margin-top:8px;color:var(--szary)}
.pole__check input{width:20px;min-height:20px;accent-color:var(--x)}
.pole--blad input,.pole--blad select{border-color:var(--x);border-width:2px}
.pole__blad{color:#FF8A92;font-size:.92rem;margin-top:4px}
.pole__blad:empty{display:none}
.formularz__rodo{margin:18px 0;font-size:.85rem;color:var(--szary)}
.formularz__wynik{margin-top:16px;padding:14px 16px;border-radius:8px;background:rgba(234,79,88,.14)}
.formularz__wynik a{color:var(--dioda)}

/* ---------- stopka i dock ---------- */
.stopka{border-top:1px solid var(--linia-c);padding:44px 0 120px;color:var(--szary);font-size:.92rem}
.stopka__w{display:flex;gap:30px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.stopka__logo img{height:56px;width:auto}
.dock{display:none}
.dock--schowany,.dock--hero{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
.cta--dock{white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.dock__tel{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--dioda);color:var(--tusz);box-shadow:0 10px 30px rgba(0,0,0,.45)}

/* ---------- okno z nagraniem ---------- */
.okno{width:min(1100px,94vw);padding:0;border:0;border-radius:10px;background:#000;overflow:visible}
.okno::backdrop{background:rgba(11,11,14,.86)}
.okno__film iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px}
.okno__zamknij{position:absolute;right:-6px;top:-52px;width:44px;height:44px;border-radius:50%;border:0;background:var(--dioda);color:var(--tusz);font:400 1.8rem/1 var(--f-txt);cursor:pointer}

/* ---------- telefon ---------- */
@media (max-width:980px){
  .menu,.naglowek__tel,.naglowek__cta{display:none}
  .menu-przycisk{display:grid;gap:6px;margin-left:auto;width:48px;height:48px;place-content:center;background:none;border:0;cursor:pointer;color:var(--dioda)}
  .menu-przycisk span:not(.sr){display:block;width:26px;height:2px;background:currentColor;transition:transform .25s}
  .menu-otwarte .menu-przycisk span:nth-child(1){transform:translateY(4px) rotate(45deg)}
  .menu-otwarte .menu-przycisk span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
  .menu-tel{display:flex;flex-direction:column;position:fixed;inset:0;z-index:39;background:var(--scena);padding:calc(var(--hdr) + 24px) var(--pad) 40px;gap:4px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
  .menu-tel a{font:800 2.2rem/1.25 var(--f-tyt);text-decoration:none;color:var(--dioda)}
  .menu-tel .menu-tel__tel{margin-top:auto;color:var(--x);font-size:1.7rem}
  .menu-otwarte .menu-tel{opacity:1;visibility:visible}
  .menu-otwarte .naglowek{background:var(--scena)}
  /* pasek kontaktu na dole: osobna strefa, nie leży na treści */
  body{padding-bottom:72px}
  .dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;gap:10px;padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));background:rgba(11,11,14,.96);border-top:1px solid var(--linia-c);transition:transform .3s}
  .dock .cta--dock{flex:1;min-height:48px;white-space:nowrap}
  .dock__tel{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--dioda);color:var(--tusz)}
  .dock--schowany,.dock--hero{transform:translateY(110%)}
  .stopka{padding-bottom:40px}
}
@media (max-width:820px){
  :root{--hdr:60px}
  .naglowek__logo img{height:32px}
  .hero{min-height:600px;max-height:none}
  .hero__foto--l,.hero__foto--r{width:50%;bottom:auto;height:58%;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}
  .hero__foto--l img{object-position:30% 30%}
  .hero__foto--r img{object-position:62% 25%}
  .hero__lead{max-width:none}
  .hero::after{height:62%}
  .hero__tekst{bottom:40px}
  .hero h1{font-size:clamp(2.1rem,9.5vw,3rem)}
  .rola{grid-template-columns:1fr;gap:6px}
  .rola__kreska{display:none}
  .zespol__zdjecia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usl{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"mini nazwa" "mini opis" "mini zap";gap:4px 16px;align-items:start}
  .usl__mini{grid-area:mini;width:88px;height:110px}
  .usl__nazwa{grid-area:nazwa;grid-column:auto;font-size:1.45rem;overflow-wrap:anywhere}.usl__opis{grid-area:opis;grid-column:auto;font-size:.98rem}.usl__zapytaj{grid-area:zap;grid-column:auto;margin-top:4px}
  .bloki__tresc{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-bottom:40px;gap:16px}
  .bloki__lewa,.bloki__lista{grid-column:1}
  .bloki__lewa{grid-row:1;align-self:start;gap:12px}.bloki__zasada{font-size:1rem}.bloki__lista{grid-row:2;align-self:end}
  .filmy{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jak__siatka,.pytania__siatka,.kontakt__siatka{grid-template-columns:1fr}
  .pytania__tytul{position:static}
  .cytaty{grid-template-columns:1fr}
  .sciana{display:block;font-size:1.45rem;line-height:1.3}
  .sciana li{display:block;white-space:normal}
  .sciana li:not(:last-child)::after{content:none}
  .krok h3{font-size:1.35rem;overflow-wrap:anywhere}
  .agenda__w--glowa{display:none}
  .agenda__w{grid-template-columns:1fr;gap:4px}
  .pola{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}