/* ==========================================================
   BODYMADE · warstwa wizualna inspirowana club15.ae
   Paleta podstawowa: Wino + Krem + Tan, akcent Fuksja
   Kroje: Archivo (nagłówki, tekst) + Cormorant Garamond (logo, cyfry, cytaty, akcent)
   ========================================================== */
:root{
 --krem:#F4E9DC;--krem2:#EADCCB;--tan:#D3C0AB;--tan2:#E9DCCB;--wino:#3A1621;--wino2:#5C1A3D;
 --g-krem:linear-gradient(160deg,#F4E9DC,#EADCCB);
 --g-tan:linear-gradient(135deg,#D3C0AB,#E9DCCB);
 --g-wino:linear-gradient(135deg,#3A1621,#5C1A3D);
 --g-cta:linear-gradient(90deg,#4A0B2E,#A3266F);
 --papier:#F4E9DC;--bez:#D3C0AB;--biel:#F4E9DC;--grafit:#262626;--szary:#57514B;--fuksja:#A3266F;
 --blekit:#A3266F;--blekit-g:#3A1621;--line:rgba(38,38,38,.14);
 --sans:'Archivo','Helvetica Neue',sans-serif;
 --serif:'Cormorant Garamond','Cormorant',Georgia,serif;
 --ease:cubic-bezier(.7,0,.2,1);--soft:cubic-bezier(.2,.7,.2,1)
}
body{background:linear-gradient(180deg,#F4E9DC,#EADCCB 50%,#F4E9DC);color:var(--grafit);font-family:var(--sans);line-height:1.7}
::selection{background:var(--fuksja);color:var(--krem)}

/* ---------- Tła sekcji (przenikające) ---------- */
.papier,.bialy,.trust{background:radial-gradient(70% 60% at 85% 0%,rgba(255,250,244,.75),rgba(255,250,244,0) 70%),var(--g-krem)}
.bez,.ph.bez{background:radial-gradient(60% 70% at 10% 0%,rgba(244,233,220,.55),rgba(244,233,220,0) 70%),var(--g-tan)}
.bez p,.ph.bez .lede{color:#4F4A45}
.ciemny,.blekit,.blekit.lg{background:radial-gradient(70% 80% at 85% 0%,rgba(163,38,111,.18),rgba(163,38,111,0) 60%),var(--g-wino);color:var(--krem)}
.blekit .kick,.ciemny > .w > .kick,.lg .kick{color:var(--tan)}
.ciemny > .w > p,.blekit p,.lg p{color:rgba(244,233,220,.84)}
.ciemny > .w > .bar,.ciemny > .w > .bar.g,.lg .bar,.blekit .bar{background:var(--tan)}
.ciemny h1,.ciemny h2,.blekit h2,.lg h2{color:var(--krem)}
.ciemny h2 em,.blekit h2 em,.lg h2 em,.hero h1 em{color:var(--tan)}
.ciemny > .w > .note,.ciemny > .w > .note strong{color:var(--krem)}
.ciemny > .w > .note .ul{color:var(--krem);border-color:var(--tan)}

/* ---------- Typografia ---------- */
h1,h2{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.98;color:var(--grafit)}
h2{font-size:clamp(30px,4.3vw,56px)}
.ph h1{font-size:clamp(34px,5vw,64px)}
h1[style]{font-size:clamp(34px,4.6vw,58px)!important}
h1 em,h2 em,h3 em,.sgh em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;font-size:1.14em;line-height:.9;color:var(--fuksja)}
h3{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.prob h3,.step h3,.vals3 h3,.prose h3,.story h3,.cover h3,.sgh{font-family:var(--sans);font-weight:800;letter-spacing:.01em}
.prob h3,.step h3{font-size:19px}
.vals3 h3{font-size:20px}
.prose h3{font-size:clamp(20px,2.2vw,26px)}
.story h3{font-size:clamp(24px,2.8vw,34px)}
.sgh{font-size:clamp(24px,3vw,38px)}
.cover h3{font-size:18px}
.card h3,.tl h3{font-weight:900;font-size:clamp(30px,3vw,40px);letter-spacing:-.01em}
p{color:var(--szary)}
.kick{font-family:var(--sans);font-weight:700;font-size:12px;line-height:1.7;letter-spacing:.38em;color:var(--fuksja)}
.kick::before{content:"";display:inline-block;vertical-align:middle;width:22px;height:2px;margin:-2px 14px 0 0;background:currentColor}
.bar{background:var(--fuksja);height:2px}
.vals h3,.info h3,.pk h3,.story .lbl,.tl b,.card .st,.tbl th{font-family:var(--sans);font-weight:700;letter-spacing:.3em;color:var(--fuksja)}
.vals h3,.info h3,.pk h3{color:var(--grafit)}
.lg .pk h3{color:var(--tan)}

/* Cyfry, cytaty, akcenty: Cormorant kursywa */
.trust strong,.step b,.from strong,.story .nums strong,.pk .price,.card .pr,.sig,.promise,.goal,.quote,blockquote,.mini p,.gr.short p,.hero .sub{font-family:var(--serif);font-style:italic;font-weight:500;font-variant-numeric:lining-nums}
.trust strong{color:var(--fuksja);font-size:clamp(34px,3.6vw,48px)}
.step b{color:var(--fuksja);font-size:44px}
.from strong{color:var(--grafit)}
.ciemny > .w > .from strong{color:var(--krem)}
.card .pr{font-size:24px;color:var(--fuksja)}
.story .nums strong{color:var(--fuksja)}
.promise{color:var(--fuksja)}

/* ---------- Przyciski ---------- */
.btn{font-family:var(--sans);font-weight:700;letter-spacing:.3em;border-radius:4px;padding:19px 38px;transition:transform .35s var(--soft),box-shadow .35s ease,background .3s,color .3s;will-change:transform}
.btn.p{background:var(--g-cta);color:var(--krem);border:0;box-shadow:0 10px 26px rgba(74,11,46,.22)}
.btn.p:hover{background:var(--g-cta);box-shadow:0 16px 34px rgba(163,38,111,.32)}
.btn.s{border-color:var(--grafit);color:var(--grafit)}
.btn.s:hover{background:var(--grafit);color:var(--krem)}
.btn.wh{border-color:var(--krem);color:var(--krem)}
.btn.wh:hover{background:var(--krem);color:var(--wino)}
.ciemny .btn.p,.blekit .btn.p,.lg .btn.p{background:var(--krem);color:var(--wino);box-shadow:none}
.ciemny .ctr .btn.s{border-color:var(--krem);color:var(--krem)}
.ciemny .ctr .btn.s:hover{background:var(--krem);color:var(--wino)}
.lnk{font-weight:700;letter-spacing:.24em;color:var(--fuksja)}
.ul{border-bottom:1px solid var(--fuksja);color:var(--fuksja)}

/* ---------- Nagłówek strony ---------- */
header{background:rgba(244,233,220,.82);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid rgba(58,22,33,.08)}
header.scrolled{box-shadow:0 10px 30px rgba(58,22,33,.08)}
.logo b{font-family:var(--serif);font-weight:500;letter-spacing:.08em;color:var(--grafit)}
.logo span{font-family:var(--sans);font-weight:500;letter-spacing:.42em;color:#7A746E}
.logo.wht b{color:var(--krem)}.logo.wht span{color:var(--tan)}
nav{counter-reset:nv;font-family:var(--sans);font-weight:600;letter-spacing:.22em;gap:26px}
nav a{counter-increment:nv;color:var(--grafit);position:relative;padding:6px 0}
nav a::before{content:counter(nv,decimal-leading-zero);font-family:var(--serif);font-style:italic;font-weight:500;font-size:15px;letter-spacing:0;color:var(--fuksja);margin-right:6px}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fuksja);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
nav a:hover::after{transform:scaleX(1)}

/* ---------- Hero ---------- */
.hero{min-height:min(920px,100svh);align-items:flex-end;background:var(--wino)}
.hero .bg{transform-origin:50% 40%}
.hero::after{background:linear-gradient(0deg,rgba(42,18,25,.86) 0%,rgba(42,18,25,.45) 42%,rgba(42,18,25,.12) 75%),linear-gradient(90deg,rgba(42,18,25,.55),rgba(42,18,25,0) 65%)}
.hero .w{padding-block:120px 84px}
.hero .in{max-width:780px}
.hero .kick{color:var(--tan)}
.hero h1{font-size:clamp(36px,5.4vw,76px);color:var(--krem);line-height:.96}
.hero .sub{color:var(--tan);font-size:clamp(22px,2.4vw,30px)}
.hero p{color:rgba(244,233,220,.9)}
.hero-scroll{position:absolute;z-index:3;right:clamp(16px,4vw,40px);bottom:34px;display:flex;align-items:center;gap:12px;font:700 10px/1 var(--sans);letter-spacing:.38em;text-transform:uppercase;color:var(--tan)}
.hero-scroll i{display:block;width:1px;height:48px;background:rgba(211,192,171,.35);position:relative;overflow:hidden}
.hero-scroll i::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--krem);animation:scrl 1.8s var(--ease) infinite}
@keyframes scrl{to{top:100%}}

/* ---------- Karty i bloki ---------- */
.prob,.card,.gr article,.vals3 > div,.mini > div,.story,.toc,.box,.mg figure,.cover{border-radius:24px}
.prob,.gr article,.vals3 > div,.mini > div,.story,.toc,.card{background:var(--g-tan)}
.bez .prob,.bez .gr article,.bez .vals3 > div,.bez .mini > div,.bez .story,.bez .card{background:var(--g-krem)}
.box{background:var(--g-tan)}
.prob p,.gr article p,.vals3 > div p,.story p,.card ul,.toc ol,.box p{color:#4F4A45}
.ciemny .card,.blekit .gr article,.lg .vals3 > div,.ciemny .story,.blekit .mini > div{background:var(--g-krem)}
.ciemny .card.lg{background:var(--g-tan)}
.card.lg h3,.card.lg ul,.card.lg .lnk{color:var(--grafit)}
.card.lg .pr{color:var(--fuksja);border-bottom-color:var(--line)}
.card.lg .st{color:var(--fuksja)}
.card.lg li::before{background:var(--grafit)}
.lg .vals3 > div h3{color:var(--grafit)}
.lg .vals3 > div p{color:#4F4A45}
.lg .incl li{color:var(--krem)}.lg .incl li::before{background:var(--tan)}
.lg .goal,.lg h2{color:var(--krem)}
.blekit .gr .who{color:var(--grafit)}
.blekit cite{color:var(--tan)}
.gr .stars{color:var(--fuksja)}
.pic,.map,.fig img,.story img{border-radius:24px}
.story img{border-radius:18px}
.cover{background:var(--g-tan);overflow:hidden}
.ic{stroke:var(--fuksja)}
.dash li::before,.incl li::before{background:var(--fuksja)}
.tl{border-top:2px solid var(--fuksja)}
.tl.t3 div:nth-child(3) b{color:var(--fuksja)}
.tbl{background:transparent}
.tbl tr:nth-child(even) td{background:rgba(211,192,171,.35)}
summary{font-family:var(--sans);font-weight:700;font-size:19px;line-height:1.35}
summary::after{color:var(--fuksja);transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(180deg)}
.mv{font-weight:700;letter-spacing:.38em;color:var(--fuksja)}
.cont strong{color:var(--grafit)}

/* ---------- Stopka ---------- */
footer{background:radial-gradient(60% 80% at 100% 0%,rgba(163,38,111,.16),rgba(163,38,111,0) 60%),var(--g-wino);color:rgba(244,233,220,.75)}
footer h4{font-family:var(--sans);font-weight:700;letter-spacing:.3em;color:var(--tan)}
footer a,footer p{color:rgba(244,233,220,.78)}
footer a:hover{color:var(--krem)}
.tag{border-top-color:rgba(211,192,171,.22);font-weight:700;letter-spacing:.38em;color:var(--tan)}
.tag small{color:rgba(244,233,220,.55)}
.sticky{background:rgba(244,233,220,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* ---------- Pasek przewijania ---------- */
.sp{height:3px;background:var(--g-cta)}

/* ---------- Ruchomy pasek haseł ---------- */
.mq{background:var(--g-wino);overflow:hidden;padding:20px 0;white-space:nowrap;position:relative;user-select:none}
.mq .tr{display:inline-flex;animation:marq 42s linear infinite;will-change:transform}
.mq span{font:700 12px/1 var(--sans);letter-spacing:.38em;text-transform:uppercase;color:var(--krem);padding:0 22px}
.mq b{color:var(--tan);font-weight:400}
.mq em{font:italic 500 22px/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--tan)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- Galeria studia: rozsuwane panele ---------- */
.sg.fx{columns:auto;display:flex;gap:12px;height:clamp(440px,64vh,640px);margin-top:36px}
.sg.fx figure{position:relative;flex:1 1 0;min-width:0;margin:0;border-radius:24px;overflow:hidden;cursor:pointer;background:var(--wino);transition:flex-grow .9s var(--ease)}
.sg.fx figure.on{flex-grow:5.2}
.sg.fx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s var(--ease),filter .9s ease;filter:saturate(.85) brightness(.82)}
.sg.fx figure.on img{transform:scale(1);filter:saturate(.9) brightness(1)}
.sg.fx figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,18,25,.78),rgba(42,18,25,0) 55%);pointer-events:none}
.sg.fx .fl{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:baseline;gap:14px;color:var(--krem)}
.sg.fx .fl em{font:italic 500 38px/1 var(--serif);color:var(--krem)}
.sg.fx .fl span{font:700 12px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .5s ease .1s,transform .6s var(--soft) .1s}
.sg.fx figure.on .fl span{opacity:1;transform:none}
@media (max-width:760px){
 .sg.fx{flex-direction:column;height:auto;gap:10px}
 .sg.fx figure{flex:none;height:76px;transition:height .8s var(--ease)}
 .sg.fx figure.on{height:min(440px,72vw + 120px)}
 .sg.fx .fl{bottom:auto;top:20px}
 .sg.fx figure.on .fl{top:auto;bottom:20px}
 .sg.fx figure::after{background:linear-gradient(0deg,rgba(42,18,25,.75),rgba(42,18,25,.25))}
 .sg.fx .fl span{opacity:1;transform:none}
}

/* ---------- Wysuwanie nagłówków słowo po słowie ---------- */
.hm .wm{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .06em .1em;margin:0 -.06em -.1em}
.hm .wi{display:inline-block;transform:translateY(110%);transition:transform 1.05s var(--ease)}
.hm.on .wi{transform:none}
html.js .rv.hm{opacity:1;transform:none}
.hm em .wm{padding-bottom:.22em;margin-bottom:-.22em}

/* ==========================================================
   PEŁNA PALETA SKILLA (decyzja Agaty 30.10.2026):
   Nude, Dusty blue, Szałwia, Piasek, Hero i gradient CTA na sekcjach
   ========================================================== */
:root{--nude:#D3AC97;--g-nude:linear-gradient(135deg,#D3AC97,#E4C6B4);--blue:#95A7B0;--g-blue:linear-gradient(135deg,#95A7B0,#BAC5C8);--granat:#2E3B52;--g-szalwia:linear-gradient(100deg,#889692,#D9D4CA 60%,#F4E9DC);--piasek:#D8CEC2;--g-hero:radial-gradient(120% 90% at 75% 5%,#5A2F3F,#2A1219 50%,#140A0D)}
/* Rytm sekcji: Nude / Tan / Szałwia / Wino / Dusty blue / CTA */
.bez,.ph.bez{background:radial-gradient(60% 70% at 10% 0%,rgba(244,233,220,.45),rgba(244,233,220,0) 70%),var(--g-nude)}
#metoda.bez{background:radial-gradient(60% 70% at 90% 0%,rgba(244,233,220,.5),rgba(244,233,220,0) 70%),var(--g-tan)}
#studio{background:var(--g-szalwia)}
#studio .sgw .kick,#studio > .w:first-child .kick{color:var(--fuksja)}
.hero{background:var(--g-hero)}
header{background:rgba(216,206,194,.84)}
.tbl tr:nth-child(even) td{background:rgba(216,206,194,.6)}
/* Karty programu: każda w innym kolorze */
.ciemny .path .card:nth-child(1){background:var(--g-nude)}
.ciemny .path .card:nth-child(2){background:var(--g-tan)}
.ciemny .path .card.lg,.card.lg{background:var(--g-blue)}
.card.lg h3,.card.lg ul,.card.lg .lnk,.card.lg .st{color:var(--granat)}
.card.lg li::before{background:var(--granat)}
.card.lg .pr{border-bottom-color:rgba(46,59,82,.22)}
/* LONGEVITY: Dusty blue z granatem */
.blekit.lg{background:radial-gradient(60% 70% at 90% 0%,rgba(244,233,220,.35),rgba(244,233,220,0) 70%),var(--g-blue);color:var(--granat)}
.blekit.lg h2,.blekit.lg .goal,.blekit.lg .pk h3,.blekit.lg .incl li,.blekit.lg .kick{color:var(--granat)}
.blekit.lg p{color:rgba(46,59,82,.88)}
.blekit.lg .bar,.blekit.lg .incl li::before{background:var(--granat)}
.blekit.lg h2 em{color:var(--fuksja)}
.blekit.lg .btn.p{background:var(--g-cta);color:var(--krem)}
.blekit.lg .vals3 > div{background:var(--g-krem)}
/* Sekcja zapisu: gradient CTA */
.fin{background:radial-gradient(70% 90% at 80% 0%,rgba(244,233,220,.14),rgba(244,233,220,0) 60%),var(--g-cta)!important;color:var(--krem)}
.fin h2{color:var(--krem)}
.fin h2 em,.fin .mv,.fin .kick{color:var(--tan)}
.fin p,.fin .cont{color:rgba(244,233,220,.86)}
.fin .cont strong,.fin .ul{color:var(--krem);border-color:var(--tan)}
.fin .bar{background:var(--tan)}
.fin .btn.p{background:var(--krem);color:var(--wino);box-shadow:0 14px 34px rgba(20,10,13,.25)}
.fin .btn.s{border-color:var(--krem);color:var(--krem)}
/* Pasek ogłoszeń pod liczbami: gradient CTA */
.trust + .mq{background:var(--g-cta)}

/* ---------- Pojawianie się przy przewijaniu: mocniej, jak club15 ---------- */
html.js .rv{transform:translateY(56px);transition:opacity 1.1s var(--soft),transform 1.25s var(--soft);transition-delay:var(--d,0ms)}
html.js .rv.in{transform:none}
html.js .rv-img{clip-path:inset(100% 0 0 0);transform:scale(1.12);transition:clip-path 1.3s var(--ease),transform 1.7s var(--ease);transition-delay:var(--d,0ms)}
html.js .rv-img.in{clip-path:inset(0 0 0 0 round 24px);transform:none}
html.js .sg.fx figure.rv{transform:translateY(80px)}
html.js .sg.fx figure.rv.in{transform:none;transition:opacity 1.1s var(--soft),transform 1.25s var(--soft),flex-grow .9s var(--ease)}
html.js .fd{transition:opacity 1.1s ease!important;transition-delay:var(--d,0ms)!important;transform:none!important;clip-path:none!important}
html.js .fd:not(.in){opacity:0!important}

/* ---------- Zdjęcia na całą szerokość (podstrony) ---------- */
.sub-hero .crumbs{color:rgba(244,233,220,.7);margin-bottom:22px}
.sub-hero .crumbs a{border-bottom-color:rgba(211,192,171,.5)}
.sub-hero .dash{margin:22px 0 32px}
.sub-hero .dash li{color:var(--krem)}
.sub-hero .dash li::before{background:var(--tan)}
.sub-hero h1{font-size:clamp(34px,5vw,68px)}
.band{position:relative;padding:0;min-height:min(820px,92svh);display:flex;align-items:flex-end;overflow:hidden;background:var(--g-hero);color:var(--krem)}
.band .bg{position:absolute;left:0;right:0;top:-8%;width:100%;height:116%;object-fit:cover;will-change:transform}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,18,25,.9) 0%,rgba(42,18,25,.4) 50%,rgba(42,18,25,.08) 85%),linear-gradient(90deg,rgba(42,18,25,.5),rgba(42,18,25,0) 70%)}
.band .w{position:relative;z-index:2;width:100%;padding-block:140px 96px}
.band .in{max-width:780px}
.band .kick{color:var(--tan)}
.band blockquote{color:var(--krem);font-size:clamp(28px,3.4vw,46px);line-height:1.22}
.band cite{color:var(--tan)}
@media (max-width:620px){.band{min-height:min(680px,100svh)}.band .w{padding-block:96px 60px}}
/* ---------- Zdjęcie w tle + kremowa karta z tekstem ---------- */
.band-card{align-items:center}
.band-card::after{background:linear-gradient(90deg,rgba(42,18,25,.05) 0%,rgba(42,18,25,.25) 55%,rgba(42,18,25,.55) 100%)}
.band-card .w{padding-block:clamp(72px,10vw,128px)}
.band-card .card-in{max-width:580px;margin-left:auto;background:rgba(244,233,220,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:clamp(28px,4vw,54px);color:var(--grafit);box-shadow:0 30px 70px rgba(20,10,13,.28)}
.band-card .card-in p{color:var(--szary)}
.band-card .card-in .kick{color:var(--fuksja)}
.band-card .card-in h2{color:var(--grafit);font-size:clamp(28px,3.4vw,44px)}
.band-card .card-in h2 em{color:var(--fuksja)}
.band-card .card-in .sig{color:var(--grafit)}
@media (max-width:760px){
 .band-card{align-items:flex-end}
 .band-card .w{padding-block:58vh 24px;padding-inline:12px}
 .band-card .card-in{margin:0;max-width:none}
 .band-card::after{background:linear-gradient(0deg,rgba(42,18,25,.6),rgba(42,18,25,0) 60%)}
 .band-card .bg{height:75vh;bottom:auto}
}
/* ---------- band-card: zdjęcie obok tekstu, bez nachodzenia ---------- */
.band-card{background:var(--g-wino)}
@media (min-width:761px){
 .band-card{min-height:min(860px,96svh)}
 .band-card .bg{left:0;right:auto;width:56%;object-position:50% 20%!important}
 .band-card::after{background:linear-gradient(90deg,rgba(58,22,33,0) 0%,rgba(58,22,33,0) 42%,rgba(58,22,33,.85) 54%,#3E1726 58%,rgba(74,26,51,1) 100%)}
 .band-card .w{display:flex;justify-content:flex-end}
 .band-card .card-in{width:44%;max-width:540px;margin:0}
}
@media (max-width:760px){
 .band-card{min-height:0;display:block}
 .band-card .bg{top:0;height:72vh;object-position:50% 15%!important;transform:none!important}
 .band-card::after{inset:0 0 auto 0;height:72vh;background:linear-gradient(0deg,#3A1621 0%,rgba(58,22,33,0) 30%)}
 .band-card .w{padding-block:calc(72vh - 8px) 24px}
}
/* ---------- Zdjęcia w poradniku na całą szerokość ---------- */
main{overflow-x:clip}
.fig{position:relative;overflow:hidden;width:100vw;max-width:none;height:min(78vh,760px);margin:72px 0 72px calc(50% - 50vw);background:var(--wino)}
.fig img{position:absolute;left:0;right:0;top:-8%;width:100%;height:116%;aspect-ratio:auto;object-fit:cover;border-radius:0;will-change:transform}
.fig::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,18,25,.75),rgba(42,18,25,0) 45%);pointer-events:none}
.fig figcaption{position:absolute;z-index:2;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);bottom:clamp(20px,3vw,36px);margin:0;max-width:720px;font:italic 500 clamp(20px,2.2vw,28px)/1.25 var(--serif);letter-spacing:0;color:var(--krem)}
.figwrap{padding:0!important;background:none!important}
.figwrap .fig,.fig.wide{width:100%;max-width:none;margin:0;padding:0}
@media (max-width:620px){.fig{height:62vh}}
/* ---------- Pionowe zdjęcia Agaty: nie ucinamy głowy ---------- */
.band:not(.band-card) .bg{top:0!important;height:100%!important;transform:none!important;object-position:50% 0%!important}
.band-card .bg{transform:none!important;object-position:50% 0%!important}
@media (min-width:761px){.band-card .bg{top:0;height:100%}}
.sub-hero .bg{object-position:50% 0%!important;transform-origin:50% 0%}
/* ---------- Podstrony i cytaty na komputerze: tekst obok twarzy, nie na niej ---------- */
@media (min-width:961px){
 .sub-hero .bg,.band:not(.band-card) .bg{left:auto!important;right:0;width:58%!important}
 .sub-hero::after,.band:not(.band-card)::after{background:linear-gradient(90deg,#2A1219 0%,#3A1621 38%,rgba(58,22,33,.7) 46%,rgba(58,22,33,0) 60%),linear-gradient(0deg,rgba(42,18,25,.55) 0%,rgba(42,18,25,0) 35%)}
 .sub-hero .in,.band:not(.band-card) .in{max-width:min(560px,42vw)}
 .sub-hero h1{font-size:clamp(34px,3.6vw,54px)}
 .sub-hero{align-items:center}
 .band:not(.band-card){align-items:center}
 .band:not(.band-card) blockquote{font-size:clamp(26px,2.4vw,36px)}
}
.bez .kick,.ph.bez .kick{color:var(--fuksja)}
.mt-jump a::before{display:inline}
/* menu z 7 pozycji */
nav a,header .btn{white-space:nowrap}
header .w{gap:18px}
nav{gap:20px;letter-spacing:.16em}
@media (max-width:1240px){nav{gap:14px;font-size:11px;letter-spacing:.12em}nav a::before{font-size:13px;margin-right:4px}header .btn{padding:12px 16px;letter-spacing:.2em}}
@media (max-width:1080px){nav a::before{display:none}}
/* przycisk Zadzwoń obok Umów rozmowę */
.cta2{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center;vertical-align:middle}
.fin .cta2,.ctr .cta2{justify-content:center}
header .cta2{gap:8px;flex-wrap:nowrap}
header .cta2 .btn{padding:12px 16px}
.btn.tel::before{content:"";width:14px;height:14px;margin-right:10px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z%27/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:1360px){nav a::before{display:none}nav{gap:16px}}
@media (max-width:1180px){header .cta2 .btn.tel{display:none}}
@media (max-width:620px){header .cta2{display:none}.cta2{width:100%}.cta2 .btn{flex:1 1 220px}}
/* podpis logo w jednej linii */
.logo span{white-space:nowrap;letter-spacing:.3em;padding-left:.3em}
.logo b{white-space:nowrap}
/* ---------- ikonki rysowane przy przewijaniu ---------- */
.vals .ic{width:46px;height:46px;stroke-width:1.2;overflow:visible}
html .ic.icd{transition:transform 1.1s cubic-bezier(.2,.9,.25,1.15),opacity .7s ease!important;transform-origin:50% 60%}
html .ic.icd:not(.on){opacity:0;transform:translateY(42px) scale(.45) rotate(-18deg)}
html.rm .ic.icd:not(.on){transform:none}
html .ic.icd path,html .ic.icd circle{transition:stroke-dashoffset 1.7s cubic-bezier(.65,0,.25,1)!important}
html .ic.icd.on path,html .ic.icd.on circle{stroke-dashoffset:0!important}
.vals > div h3{transition:letter-spacing 1.1s var(--soft)!important}
html .vals > div:has(.ic.icd:not(.on)) h3{letter-spacing:.5em}
.pp h2{font-size:clamp(22px,2.6vw,30px);margin:56px 0 16px}
.pp h2:first-child{margin-top:0}
.pp h3{font-size:15px;letter-spacing:.2em;margin:30px 0 10px;color:var(--fuksja)}
.pp li{margin-bottom:6px}
/* ---------- Cennik na ciemnym tle ---------- */
.ciemny .tbl{border-collapse:collapse;width:100%}
.ciemny .tbl th{color:#E4C6B4;border-bottom:1px solid rgba(244,233,220,.3)}
.ciemny .tbl td,.ciemny .tbl tr:nth-child(even) td{background:transparent;color:#F4E9DC;border-bottom:1px solid rgba(244,233,220,.18)}
.ciemny .tbl tr:nth-child(odd) td{background:rgba(244,233,220,.06)}
.ciemny .tbl td:last-child{color:#F4E9DC;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,24px);font-weight:600;white-space:nowrap}

/* ---------- Audyt 2: oferta w skrócie, jak zaczynamy, metamorfozy na głównej ---------- */
.ofs{background:var(--g-wino,#3A1621);color:#F4E9DC;padding:28px 0}
.ofs-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ofs-l li{display:grid;gap:6px;padding-left:18px;border-left:1px solid rgba(244,233,220,.25)}
.ofs-l strong{font:italic 600 clamp(26px,2.6vw,34px)/1 var(--serif);color:#F4E9DC}
.ofs-l span{font-size:14px;line-height:1.45;color:#E4C6B4}
.jz-l{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.jz-l li{background:var(--g-krem,#F4E9DC);border-radius:24px;padding:30px 28px}
.jz-l b{font:italic 500 18px/1 var(--serif);color:var(--fuksja)}
.jz-p{margin:14px 0 6px;font:700 11px/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--fuksja)}
.jz-l h3{margin:0 0 10px;font-size:21px}
.jz-l p:not(.jz-p){color:#4F4A45;font-size:15.5px;line-height:1.6;margin:0}
.jz-c{margin-top:22px;border-radius:24px;padding:30px 32px;background:var(--g-tan,#D3C0AB)}
.jz-c h3{margin:0 0 10px}
.jz-c p{margin:0;max-width:820px;color:#3A1621;line-height:1.65}
.inc2{margin:28px 0 18px;padding:28px 30px;border:1px solid rgba(244,233,220,.22);border-radius:24px}
.inc2 h3{margin:0 0 16px;color:#F4E9DC}
.inc2 h3 em{color:#E4C6B4}
.inc2 ul{margin:0 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.inc2 li{position:relative;padding-left:22px;color:#F4E9DC;line-height:1.5}
.inc2 li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:1.5px;background:#E4C6B4}
.inc2 p{margin:0;color:#E4C6B4;font-style:italic;font-family:var(--serif);font-size:20px}
.hmc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.hmc{background:var(--g-krem,#F4E9DC);border-radius:24px;padding:16px 16px 26px;display:flex;flex-direction:column}
.hmc-img{display:block;border-radius:16px;overflow:hidden;background:#EADCCB;margin-bottom:20px}
.hmc-img img{display:block;width:100%;height:auto;transition:transform .8s var(--ease,ease)}
.hmc-img:hover img{transform:scale(1.03)}
.hmc .kick,.hmc h3,.hmc p,.hmc ul,.hmc .lnk{margin-left:10px;margin-right:10px}
.hmc h3{margin-top:6px;margin-bottom:14px;font-size:22px}
.hmc-st{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:12px}
.hmc-st strong{display:block;font:italic 600 24px/1.1 var(--serif);color:var(--fuksja)}
.hmc-st span{font-size:12px;line-height:1.3;color:#6B625B}
.hmc > p:not(.kick){font-size:15px;line-height:1.6;color:#4F4A45;flex:1}
.hmc .lnk{color:var(--fuksja);font-weight:600;margin-top:12px}
.hmc-note{margin:22px 0 26px;font-size:13px;color:#6B625B}
@media (max-width:960px){.ofs-l{grid-template-columns:1fr 1fr}.jz-l,.hmc-g{grid-template-columns:1fr}.inc2 ul{grid-template-columns:1fr}}
@media (max-width:520px){.ofs-l{grid-template-columns:1fr;gap:14px}.inc2{padding:22px 20px}.jz-c{padding:24px 22px}}

/* ---------- Dlaczego BODYMADE ---------- */
.why-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:40px 0 34px}
.why-g > div:not(.why-x){background:var(--g-krem,#F4E9DC);border-radius:24px;padding:26px 24px}
.why-g b{font:italic 500 18px/1 var(--serif);color:var(--fuksja)}
.why-g h3{margin:12px 0 8px;font-size:19px}
.why-g p{margin:0;font-size:15px;line-height:1.6;color:#4F4A45}
.why-x{border-radius:24px;padding:26px 24px;background:var(--g-wino,#3A1621);display:grid;gap:12px;align-content:center}
.why-x .why-n{color:#E4C6B4;font-size:14px;line-height:1.3}
.why-x strong{display:block;font:italic 600 26px/1.1 var(--serif);color:#F4E9DC}
@media (max-width:1080px){.why-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.why-g{grid-template-columns:1fr}}

/* ---------- Galeria: praca ze mną ---------- */
.pg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(240px,27vw,400px);gap:14px;margin-top:40px}
.pg-i{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#EADCCB}
.pg-w{grid-column:span 2}
.pg-i img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .9s var(--ease,ease)}
.pg-i:hover img{transform:scale(1.04)}
.pg-i figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(to top,rgba(58,22,33,.78),rgba(58,22,33,0));color:#F4E9DC;font:italic 500 18px/1.25 var(--serif)}
@media (max-width:900px){.pg{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(220px,58vw,360px)}}
@media (max-width:480px){.pg{gap:10px}.pg-i figcaption{font-size:15px;padding:30px 12px 10px}}

/* ---------- Opinie na głównej: całe zdjęcie, płynne przejście w kolor ---------- */
#opinie.band{display:block!important;min-height:0!important;background:#3A1621}
#opinie.band .bg{position:relative!important;inset:auto!important;top:auto!important;display:block;width:100%!important;height:auto!important;aspect-ratio:2/3;object-fit:cover;object-position:50% 0!important;transform:none!important;transform-origin:50% 0;will-change:clip-path,scale}
#opinie.band::after{background:linear-gradient(0deg,#3A1621 0%,rgba(58,22,33,.92) 14%,rgba(58,22,33,.35) 34%,rgba(58,22,33,0) 52%)!important}
#opinie.band .w{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-block:0 64px}
#opinie.band + section{margin-top:-3px;position:relative;background-image:linear-gradient(180deg,#3A1621 0,rgba(58,22,33,0) 260px),radial-gradient(70% 80% at 85% 0%,rgba(163,38,111,.18),rgba(163,38,111,0) 60%),var(--g-wino)!important}
@media (min-width:961px){
 #opinie.band .bg{width:52%!important;margin-left:auto}
 #opinie.band::after{background:linear-gradient(90deg,#3A1621 0%,#3A1621 48.5%,rgba(58,22,33,.82) 53%,rgba(58,22,33,.4) 60%,rgba(58,22,33,0) 70%),linear-gradient(0deg,#3A1621 0%,#3A1621 3%,rgba(58,22,33,.9) 10%,rgba(58,22,33,0) 32%)!important}
 #opinie.band .w{top:0;bottom:0;padding-block:0}
 #opinie.band .in{position:sticky;top:calc(50vh - 200px);margin-block:16vh 22vh;max-width:min(560px,40vw)}
}
@media (max-width:960px){
 #opinie.band blockquote{font-size:clamp(22px,5.6vw,30px)}
 #opinie.band::after{display:none}
 #opinie.band .bg{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%)}
 #opinie.band .w{position:relative;margin-top:-70px;padding-block:0 60px}
}

/* ---------- Metoda: przesuwany pasek z krokami ---------- */
#metoda .steps.sl{display:flex!important;grid-template-columns:none!important;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:40px 0 0;padding:4px 2px 14px;cursor:grab;outline:none}
#metoda .steps.sl::-webkit-scrollbar{display:none}
#metoda .steps.sl.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
#metoda .sl .step,#metoda .sl .step:not(:nth-child(3n+1)){flex:0 0 min(380px,80%);scroll-snap-align:start;border:0;border-left:0;padding:32px 30px 34px;border-radius:24px;background:var(--g-krem,#F4E9DC);box-shadow:0 18px 40px -30px rgba(58,22,33,.45);transition:transform .45s var(--ease,ease),box-shadow .45s}
#metoda .sl .step.on{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(58,22,33,.55)}
#metoda .sl .step h3{margin:18px 0 10px}
#metoda .sl .step p{font-size:15.5px;line-height:1.6;color:#4F4A45}
.sl-nav{display:flex;align-items:center;gap:18px;margin-top:22px}
.sl-cnt{font:italic 500 22px/1 var(--serif);color:var(--fuksja);min-width:76px}
.sl-cnt span{color:#8A7F76;font-size:16px}
.sl-bar{flex:1;height:2px;background:rgba(58,22,33,.14);border-radius:2px;overflow:hidden}
.sl-bar i{display:block;height:100%;width:0;background:var(--fuksja);transition:width .2s linear}
.sl-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(58,22,33,.3);background:transparent;color:#3A1621;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s,opacity .3s}
.sl-btn:hover:not(:disabled){background:#3A1621;color:#F4E9DC}
.sl-btn:disabled{opacity:.3;cursor:default}
.sl-hint{margin:10px 0 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8A7F76}
@media (min-width:961px){.sl-hint{display:none}}

/* ---------- Program na głównej: przesuwany pasek z kartami ---------- */
#oferta .path.sl{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 14px;cursor:grab;outline:none}
#oferta .path.sl::-webkit-scrollbar{display:none}
#oferta .path.sl.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
#oferta .path.sl > .card{flex:0 0 min(440px,82%);scroll-snap-align:start;transition:transform .45s var(--ease,ease)}
#oferta .path.sl > .card.on{transform:translateY(-4px)}
#oferta .sl-cnt{color:#E4C6B4}
#oferta .sl-cnt span{color:rgba(244,233,220,.55)}
#oferta .sl-bar{background:rgba(244,233,220,.18)}
#oferta .sl-bar i{background:#E4C6B4}
#oferta .sl-btn{border-color:rgba(244,233,220,.4);color:#F4E9DC}
#oferta .sl-btn:hover:not(:disabled){background:#F4E9DC;color:#3A1621}
#oferta .sl-hint{color:rgba(244,233,220,.6)}
#oferta [data-sl]{margin-bottom:34px}

/* ---------- Program na głównej: powiększenie karty po najechaniu ---------- */
#oferta .path.sl{padding:22px 16px 28px;margin-inline:-16px;scroll-padding-inline:16px}
#oferta .path.sl > .card{transition:opacity 1.1s ease,transform 1.1s ease,scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)!important;box-shadow:0 18px 40px -30px rgba(0,0,0,.5);position:relative}
@media (hover:hover) and (pointer:fine){
 #oferta .path.sl > .card:hover{scale:1.045;box-shadow:0 34px 70px -30px rgba(0,0,0,.65)!important;z-index:2}
 #oferta .path.sl.drag > .card:hover{scale:1}
}

/* ---------- Metamorfozy na głównej: film ---------- */
.hmv{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.hmv-film{border-radius:24px;overflow:hidden;background:#1A0A10;box-shadow:0 40px 80px -40px rgba(58,22,33,.6);aspect-ratio:9/16}
.hmv-film video{width:100%;height:100%;object-fit:cover;display:block}
.hmv-copy h2{margin-top:.3em}
.hmv-st{list-style:none;padding:0;margin:26px 0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:16px}
.hmv-st strong{display:block;font:italic 600 30px/1.1 var(--serif);color:var(--fuksja)}
.hmv-st span{font-size:13px;line-height:1.35;color:#6B625B}
.hmv-copy .hmc-note{margin:18px 0 0}
@media (max-width:860px){.hmv{grid-template-columns:1fr}.hmv-film{max-width:420px;width:100%;margin:0 auto}.hmv-st{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:420px){.hmv-st strong{font-size:24px}}

/* ---------- Oferta: zdjęcie obok tytułu ---------- */
.ph.ph-photo .w{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,72px);align-items:center}
.ph-fig{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1/1;background:#EADCCB;box-shadow:0 40px 80px -40px rgba(58,22,33,.55)}
.ph-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
@media (max-width:860px){.ph.ph-photo .w{grid-template-columns:1fr}.ph-fig{max-width:520px;width:100%;aspect-ratio:1/1;margin:0 auto}}

/* ---------- Intro: krótko + 3 kroki + Czytaj dalej ---------- */
.intro-lead{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.6!important;color:#262626!important;max-width:720px}
.intro-steps{list-style:none;margin:30px 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.intro-steps li{background:var(--g-krem,#F4E9DC);border-radius:20px;padding:22px 22px 24px;box-shadow:0 16px 36px -30px rgba(58,22,33,.5)}
.intro-steps b{font:italic 500 30px/1 var(--serif);color:var(--fuksja)}
.intro-steps h3{margin:10px 0 6px;font-size:18px}
.intro-steps p{margin:0!important;font-size:15px!important;line-height:1.55;color:#4F4A45}
.intro-more{margin-top:22px;border:0!important;padding:0!important}
.intro-more summary{display:inline-flex!important;align-items:center;gap:10px;cursor:pointer;list-style:none;font:700 12px/1 var(--sans)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--fuksja);padding:14px 22px;border:1px solid rgba(163,38,111,.45);border-radius:999px;transition:background .25s,color .25s}
.intro-more summary::-webkit-details-marker{display:none}
.intro-more summary::after{display:none!important}
.intro-more summary:hover{background:var(--fuksja);color:#F4E9DC}
.intro-more summary i{font-style:normal;transition:transform .3s}
.intro-more[open] summary i{transform:rotate(180deg)}
.intro-more .im-close,.intro-more[open] .im-open{display:none}
.intro-more[open] .im-close{display:inline}
.intro-more .im-body{margin-top:22px;max-width:760px}
.intro-more .im-body p{font-size:16px;line-height:1.75}
@media (max-width:760px){.intro-steps{grid-template-columns:1fr;gap:10px}.intro-steps li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:baseline;padding:18px}.intro-steps li p{grid-column:2}.intro-steps h3{margin:0 0 4px}}

/* ---------- Rozpoznajesz się: przesuwany pasek z kartami ---------- */
#problemy .probs.sl{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:40px -16px 0;padding:22px 16px 28px;scroll-padding-inline:16px;cursor:grab;outline:none}
#problemy .probs.sl::-webkit-scrollbar{display:none}
#problemy .probs.sl.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
#problemy .probs.sl > .prob{flex:0 0 min(380px,80%);scroll-snap-align:start;padding:34px 30px 36px;border-radius:24px;position:relative;box-shadow:0 18px 40px -30px rgba(58,22,33,.45);transition:opacity 1.1s ease,transform 1.1s ease,scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)!important}
#problemy .probs.sl > .prob::before{content:"";display:block;width:34px;height:2px;background:var(--fuksja,#A3266F);margin-bottom:20px}
#problemy .probs.sl > .prob h3{margin:0 0 12px}
#problemy .probs.sl > .prob p{font-size:15.5px;line-height:1.6}
@media (hover:hover) and (pointer:fine){
 #problemy .probs.sl > .prob:hover{scale:1.045;box-shadow:0 34px 70px -30px rgba(58,22,33,.55)!important;z-index:2}
 #problemy .probs.sl.drag > .prob:hover{scale:1}
}
/* ---------- Kolejne paski przesuwane (Dlaczego, Opinie) + powiększanie kafelków ---------- */
.slx{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:40px -16px 0!important;padding:22px 16px 28px;scroll-padding-inline:16px;cursor:grab;outline:none}
.slx::-webkit-scrollbar{display:none}
.slx.drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.slx > *{flex:0 0 min(360px,80%);min-width:0;scroll-snap-align:start;position:relative;box-shadow:0 18px 40px -30px rgba(58,22,33,.45);transition:opacity 1.1s ease,transform 1.1s ease,scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)!important}
.slx-op > *{flex-basis:min(440px,85%)}
.why-g.slx > div{padding:30px 28px 32px}
#metoda .sl .step{position:relative;transition:opacity 1.1s ease,transform 1.1s ease,scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)!important}
#metoda .steps.sl{padding:22px 16px 28px;margin-inline:-16px;scroll-padding-inline:16px}
@media (hover:hover) and (pointer:fine){
 .slx > *:hover,#metoda .sl .step:hover{scale:1.045;box-shadow:0 34px 70px -30px rgba(58,22,33,.55)!important;z-index:2}
 .slx.drag > *:hover,#metoda .sl.drag .step:hover{scale:1}
}
.blekit .slx + .sl-nav,.blekit .sl-nav{margin-top:22px}
/* ---------- Opinie: skrócone z rozwinięciem ---------- */
.slx-op{align-items:stretch}
.op-txt{position:relative;overflow:hidden;transition:max-height .6s cubic-bezier(.2,.7,.2,1)}
.op-txt.cut{max-height:11.5em;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.op-txt.cut.open{-webkit-mask-image:none;mask-image:none}
.op-more{display:none;margin:10px 0 16px;padding:0;border:0;background:none;font:600 12px/1 var(--sans,Archivo,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--fuksja,#A3266F);cursor:pointer}
.op-more.show{display:inline-flex;gap:8px;align-items:center}
.op-more i{font-style:normal;transition:transform .4s}
.op-more[aria-expanded="true"] i{transform:rotate(180deg)}
/* ---------- Opinie: równe kafelki ---------- */
.slx-op > article{display:flex!important;flex-direction:column}
.slx-op > article .op-txt.cut:not(.open){height:11.5em;flex:none}
.slx-op > article .op-more{align-self:flex-start}
.slx-op > article .who{margin-top:auto!important}
/* ---------- Hero: mniejszy nagłówek, żeby nie zasłaniał sylwetki ---------- */
.hero-cinematic h1{max-width:620px!important;font-size:clamp(34px,4.3vw,62px)!important;line-height:.98}
.hero-cinematic .in > p:not(.kick){max-width:520px}
@media (max-width:760px){.hero-cinematic h1{font-size:clamp(28px,8.2vw,42px)!important;max-width:92%!important}}
/* ---------- Pasek Decyzja · Zaangażowanie · Niezłomne postanowienie – ciągle przesuwany ---------- */
.mv.mvq{display:block!important;overflow:hidden;width:100%;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mvq-t{display:flex;width:max-content;animation:mvq 28s linear infinite!important}
.mvq-g{display:flex;align-items:center;gap:22px;padding-right:22px;white-space:nowrap}
.mvq-g b{font-weight:400;opacity:.7}
.mvq:hover .mvq-t{animation-play-state:paused!important}
@keyframes mvq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ---------- Oferta: zdjęcie w szpagacie jako tło nagłówka ---------- */
.of-hero{position:relative;overflow:hidden;min-height:min(820px,100svh);display:flex;align-items:center}
.of-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%;z-index:0}
.of-hero .of-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(38,14,22,.92) 0%,rgba(38,14,22,.82) 38%,rgba(38,14,22,.35) 68%,rgba(38,14,22,.1) 100%),linear-gradient(0deg,rgba(38,14,22,.45),rgba(38,14,22,0) 40%)}
.of-hero .w{position:relative;z-index:2;width:100%}
.of-hero .in{max-width:640px}
.of-hero .kick{color:#E4C6B4!important}
.of-hero h1{color:#F4E9DC!important;font-size:clamp(32px,4vw,56px)!important;line-height:1.02;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.of-hero h1 em{color:#E4C6B4!important}
.of-hero .lede,.of-hero p{color:rgba(244,233,220,.92)!important;text-shadow:0 1px 14px rgba(0,0,0,.35)}
@media (max-width:860px){
 .of-hero{min-height:min(760px,100svh);align-items:flex-end}
 .of-hero .bg{object-position:60% 30%}
 .of-hero .of-shade{background:linear-gradient(0deg,rgba(38,14,22,.94) 0%,rgba(38,14,22,.86) 45%,rgba(38,14,22,.45) 72%,rgba(38,14,22,.2) 100%)}
 .of-hero h1{font-size:clamp(28px,7.6vw,40px)!important}
}
/* ---------- Studio: zaokrąglone kafelki jak na stronie głównej ---------- */
.studio-points{gap:20px!important}
.studio-points article{border:0!important;border-radius:24px!important;background:var(--g-krem,#F4E9DC)!important;padding:34px 30px 36px!important;box-shadow:0 18px 40px -30px rgba(58,22,33,.45);overflow:hidden;transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)}
.studio-points article::before,.studio-points article::after{display:none!important}
.studio-points article span{display:block;font:italic 500 22px/1 var(--serif,"Cormorant Garamond",serif)!important;color:var(--fuksja,#A3266F)!important;letter-spacing:0!important}
.studio-points article h3{margin:16px 0 10px;font-family:var(--sans,Archivo,sans-serif);font-weight:800;font-size:19px;letter-spacing:.01em;text-transform:uppercase;color:#262626}
.studio-points article p{font-size:15.5px;line-height:1.6;color:#4F4A45}
@media (hover:hover) and (pointer:fine){.studio-points article:hover{scale:1.045;box-shadow:0 34px 70px -30px rgba(58,22,33,.55)}}
/* ---------- Płynne przejście: Rozpoznajesz się → zdjęcie Agaty ---------- */
#problemy{background:linear-gradient(180deg,rgba(222,192,174,0) 68%,rgb(222,192,174) 100%),radial-gradient(60% 70% at 10% 0%,rgba(244,233,220,.45),rgba(244,233,220,0) 70%),linear-gradient(135deg,rgb(211,172,151),rgb(228,198,180))!important}
/* ---------- Płynne przejścia między sekcjami (seams.js) ---------- */
.seam{position:absolute;left:0;right:0;top:0;z-index:0;pointer-events:none;transform:scaleY(-1);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 45%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 45%,#000 100%)}
/* ---------- Poradnik na głównej: 3 rozwijane tematy ---------- */
#poradnik .pz-head{max-width:760px}
#poradnik .pz-head p:not(.kick){color:#4F4A45}
#poradnik .pz{display:grid;gap:16px;margin:40px 0 0}
#poradnik .pz-i{border-radius:24px;background:var(--g-krem,#F4E9DC);box-shadow:0 18px 40px -30px rgba(58,22,33,.45);overflow:hidden;transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)}
#poradnik .pz-i summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:26px 30px;cursor:pointer}
#poradnik .pz-i summary::-webkit-details-marker{display:none}
#poradnik .pz-i summary b{font:italic 500 26px/1 var(--serif,"Cormorant Garamond",serif);color:var(--fuksja,#A3266F);min-width:34px}
#poradnik .pz-i summary h3{margin:0;font-family:var(--sans,Archivo,sans-serif);font-weight:800;font-size:clamp(16px,1.6vw,20px);line-height:1.25;letter-spacing:.01em;text-transform:uppercase;color:#262626}
#poradnik .pz-i summary i{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid rgba(58,22,33,.3);transition:background .3s,transform .4s}
#poradnik .pz-i summary i::before,#poradnik .pz-i summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:#3A1621;transform:translate(-50%,-50%)}
#poradnik .pz-i summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s}
#poradnik .pz-i[open] summary i{background:#3A1621}
#poradnik .pz-i[open] summary i::before{background:#F4E9DC}
#poradnik .pz-i[open] summary i::after{transform:translate(-50%,-50%) rotate(0);background:#F4E9DC}
#poradnik .pz-b{padding:0 30px 28px calc(30px + 34px + 22px)}
#poradnik .pz-b p{margin:0 0 16px;font-size:16px;line-height:1.7;color:#4F4A45}
#poradnik .pz-l{font:600 12px/1 var(--sans,Archivo,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--fuksja,#A3266F);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
#poradnik .pz-more{margin-top:34px}
@media (hover:hover) and (pointer:fine){#poradnik .pz-i:not([open]):hover{scale:1.02;box-shadow:0 30px 60px -30px rgba(58,22,33,.5)}}
@media (max-width:620px){
 #poradnik .pz-i summary{gap:14px;padding:22px 20px}
 #poradnik .pz-i summary i{width:38px;height:38px}
 #poradnik .pz-b{padding:0 20px 24px}
}
#poradnik .pz-i summary::after,#poradnik .pz-i summary::before{content:none!important;display:none!important}
/* ---------- Galeria pracy: 3 zdjęcia + rozwijanie ---------- */
.pg.pg-c .pg-i:nth-child(n+4){display:none}
.pg:not(.pg-c) .pg-i:nth-child(n+4){opacity:1!important;clip-path:none!important;transform:none!important;animation:pgIn .7s cubic-bezier(.2,.7,.2,1) both}
.pg:not(.pg-c) .pg-i:nth-child(5){animation-delay:.06s}.pg:not(.pg-c) .pg-i:nth-child(6){animation-delay:.12s}.pg:not(.pg-c) .pg-i:nth-child(7){animation-delay:.18s}.pg:not(.pg-c) .pg-i:nth-child(8){animation-delay:.24s}.pg:not(.pg-c) .pg-i:nth-child(9){animation-delay:.3s}
@keyframes pgIn{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
.pg-more{margin-top:30px;text-align:center}
.pg-btn .pg-z{display:none}
.pg-btn[aria-expanded="true"] .pg-o{display:none}
.pg-btn[aria-expanded="true"] .pg-z{display:inline}
/* ---------- Galeria pracy jako przesuwany pasek ---------- */
.pg.slx-pg{grid-auto-rows:auto!important;margin-top:40px!important}
.pg.slx-pg > .pg-i{flex:0 0 min(340px,78%)!important;height:clamp(380px,42vw,520px);border-radius:24px}
.pg.slx-pg > .pg-i.pg-w{flex-basis:min(600px,88%)!important}
.pg.slx-pg > .pg-i{opacity:1;clip-path:none}
.pg.slx-pg > .pg-i img{pointer-events:none;user-select:none;-webkit-user-drag:none}
/* Strona główna: bez numeru 01 i napisu Przewiń na zdjęciu */
.hero-cinematic .hero-scroll,.hero-cinematic .hero-index{display:none!important}
/* Strona główna: zdjęcie bez ciemnego filtra, tylko delikatny cień pod tekstem */
.hero-cinematic::after{display:none!important}
.hero-cinematic .bg.hs{filter:none!important}
.hero-cinematic .hero-shade{background:linear-gradient(90deg,rgba(24,20,21,.55) 0%,rgba(24,20,21,.32) 32%,rgba(24,20,21,0) 58%)!important}
@media (max-width:760px){.hero-cinematic .hero-shade{background:linear-gradient(0deg,rgba(24,20,21,.72) 0%,rgba(24,20,21,.4) 38%,rgba(24,20,21,0) 62%)!important}}
@media (min-width:761px){.hero-cinematic{overflow:hidden;background:linear-gradient(180deg,rgb(117,122,125) 0%,rgb(121,126,129) 55%,rgb(155,163,166) 80%,rgb(181,189,192) 100%)!important}.hero-cinematic .bg.hs-ball{translate:16% 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%);mask-image:linear-gradient(90deg,transparent 0,#000 7%)}}
/* Paski z hasłami ruszają się także przy włączonym ograniczeniu ruchu (np. na komputerze) */
@media (prefers-reduced-motion:reduce){.mq .tr{animation:marq 42s linear infinite!important}.mvq-t{animation:mvq 28s linear infinite!important}}
/* Telefon: czytelny tekst na zdjęciu w hero */
@media (max-width:760px){
 .hero-cinematic{min-height:max(100svh,760px)!important;display:flex!important;align-items:flex-end!important}
 .hero-cinematic .bg.hs-ball{object-position:58% 8%!important}
 .hero-cinematic .hero-shade{background:linear-gradient(0deg,rgba(32,14,21,.95) 0%,rgba(32,14,21,.9) 42%,rgba(32,14,21,.62) 56%,rgba(32,14,21,.2) 68%,rgba(32,14,21,0) 78%)!important}
 .hero-cinematic .w{padding-bottom:28px!important}
 .hero-cinematic .kick{color:#F4E9DC!important;opacity:.9}
 .hero-cinematic h1,.hero-cinematic .sub,.hero-cinematic .in > p{text-shadow:0 2px 18px rgba(0,0,0,.45)}
 .hero-cinematic h1{color:#FFF8F1!important}
 .hero-cinematic h1 em,.hero-cinematic .sub{color:#F1D9C4!important}
 .hero-cinematic .in > p:not(.kick):not(.sub){color:#F4E9DC!important}
}
/* Nagłówek: 9 zakładek mieści się na komputerze */
@media (min-width:961px){header .w{max-width:min(1500px,96vw)!important;gap:20px}header .cta2 .tel{display:none!important}header nav{gap:16px!important;flex-wrap:nowrap}header nav a{white-space:nowrap}}
@media (min-width:961px) and (max-width:1400px){header nav{gap:12px!important}header nav a{letter-spacing:.08em!important;font-size:11px!important}}
@media (min-width:961px) and (max-width:1180px){header .cta2{display:none!important}}
/* Intro: 3 kroki ciemniejsze + powiększanie */
.intro-steps li{background:linear-gradient(135deg,#E3CFBC 0%,#D6BFA8 100%)!important;box-shadow:0 20px 44px -28px rgba(58,22,33,.5)!important;transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1)!important}
.intro-steps li p{color:#3F3934!important}
@media (hover:hover) and (pointer:fine){.intro-steps li:hover{scale:1.04;box-shadow:0 34px 70px -30px rgba(58,22,33,.6)!important;position:relative;z-index:2}}
/* Intro: cień pod kafelkami + wjazd przy przewijaniu */
.intro-steps li{box-shadow:0 26px 50px -22px rgba(58,22,33,.55),0 6px 14px -8px rgba(58,22,33,.25)!important}
.intro-steps.ti-wait li{opacity:0!important;translate:0 60px;scale:.96}
.intro-steps.ti-wait li.ti-in{opacity:1!important;translate:0 0;scale:1}
.intro-steps li{transition:opacity .9s cubic-bezier(.2,.7,.2,1),translate 1s cubic-bezier(.2,.7,.2,1),scale .6s cubic-bezier(.2,.7,.2,1),box-shadow .5s!important}
/* Różowe akcenty: zmiana koloru po najechaniu (mysz) i dotknięciu (telefon) */
h1 em,h2 em,h3 em,.sgh em{transition:color .6s cubic-bezier(.2,.7,.2,1)!important}
@media (hover:hover){:is(h1,h2,h3,.sgh):hover em{color:#3A1621!important}}
:is(h1,h2,h3,.sgh).em-t em{color:#3A1621!important}
@media (hover:hover){:is(.ciemny,.blekit,.hero,.fin,.inc2,.of-hero,.bl-cta,.on-dark,.band:not(.band-card)) :is(h1,h2,h3):hover em{color:#FFF8F1!important}}
:is(.ciemny,.blekit,.hero,.fin,.inc2,.of-hero,.bl-cta,.on-dark,.band:not(.band-card)) :is(h1,h2,h3).em-t em{color:#FFF8F1!important}
@media (hover:hover){.blekit.lg h2:hover em{color:#3A1621!important}}
.blekit.lg h2.em-t em{color:#3A1621!important}
/* ---------- Tekst bez „ściany”: wstęp + kafelki + cytat ---------- */
.tx-lead{font:italic 500 clamp(24px,2.6vw,34px)/1.3 var(--serif,"Cormorant Garamond",serif)!important;color:var(--fuksja,#A3266F)!important;max-width:860px;margin:28px 0 14px!important}
.tx-lead-s{font-size:clamp(21px,2vw,26px)!important;margin:18px 0 18px!important}
.tx-p{font-size:17px;line-height:1.75;color:#4F4A45;max-width:760px}
.tx-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:40px 0}
.tx-tiles article{border-radius:24px;background:linear-gradient(135deg,#EFE2D4,#E2CEBA);padding:30px 30px 32px;box-shadow:0 22px 46px -26px rgba(58,22,33,.5);transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.tx-tiles span{display:block;font:700 11px/1 var(--sans,Archivo,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--fuksja,#A3266F)}
.tx-tiles h3{font:italic 500 clamp(24px,2.2vw,30px)/1.15 var(--serif,"Cormorant Garamond",serif)!important;text-transform:none!important;letter-spacing:0!important;color:#262626;margin:14px 0 10px}
.tx-tiles p{font-size:15.5px;line-height:1.65;color:#4F4A45;margin:0}
@media (hover:hover) and (pointer:fine){.tx-tiles article:hover{scale:1.03;box-shadow:0 34px 70px -30px rgba(58,22,33,.6)}}
.tx-quote{margin:50px auto;max-width:880px;text-align:center;font:italic 500 clamp(26px,3.2vw,42px)/1.25 var(--serif,"Cormorant Garamond",serif);color:#3A1621;position:relative;padding-top:40px;border:0;background:none}
.tx-quote::before{content:"“";position:absolute;left:50%;top:-18px;translate:-50% 0;font:500 110px/1 var(--serif,"Cormorant Garamond",serif);color:var(--fuksja,#A3266F);opacity:.85}
.tx-quote em{color:var(--fuksja,#A3266F);font-size:1em!important}
.tx-two{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center}
.tx-note{border-radius:24px;background:var(--g-wino,#3A1621);padding:28px 30px;box-shadow:0 22px 46px -26px rgba(58,22,33,.6)}
.tx-note span{display:block;font:700 11px/1 var(--sans,Archivo,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:#E4C6B4;margin-bottom:12px}
.tx-note p{color:rgba(244,233,220,.9);font-size:15.5px;line-height:1.65;margin:0}
.tx-mini{display:grid;gap:12px;margin:8px 0 22px}
.tx-mini > div{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;border-radius:18px;background:rgba(255,253,250,.6);padding:16px 18px;box-shadow:0 12px 30px -22px rgba(58,22,33,.45);transition:scale .5s cubic-bezier(.2,.7,.2,1)}
.tx-mini b{font:italic 500 24px/1 var(--serif,"Cormorant Garamond",serif);color:var(--fuksja,#A3266F);padding-top:2px}
.tx-mini p{margin:0!important;font-size:15px!important;line-height:1.6!important;color:#4F4A45}
.tx-mini strong{color:#262626}
@media (hover:hover) and (pointer:fine){.tx-mini > div:hover{scale:1.02}}
@media (max-width:760px){.tx-tiles,.tx-two{grid-template-columns:1fr}.tx-tiles article{padding:24px 22px 26px}}
/* Karta START: jasny krem, pasuje do kart PROGRESS i LONGEVITY */
.ciemny .path .card:nth-child(1){background:linear-gradient(160deg,#FBF4EC 0%,#F1E3D3 100%)!important}
/* Opinie Google: białe karty jak w Google */
.slx-op > article.g-card{background:#fff!important;border-radius:16px!important;padding:22px 22px 18px!important;box-shadow:0 1px 3px rgba(60,64,67,.18),0 14px 34px -22px rgba(58,22,33,.45)!important;font-family:Roboto,Arial,var(--sans,sans-serif)}
.g-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.g-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:500 18px/1 Roboto,Arial,sans-serif}
.g-id{display:flex;flex-direction:column;min-width:0;flex:1}
.g-id b{font:500 15px/1.3 Roboto,Arial,sans-serif;color:#202124}
.g-id small{font:400 12.5px/1.3 Roboto,Arial,sans-serif;color:#70757a}
.g-logo{flex:0 0 22px;width:22px;height:22px}
.g-stars{margin:0 0 10px!important;color:#FBBC04!important;font-size:17px!important;letter-spacing:1px!important}
.g-card .op-txt p{font:400 14.5px/1.6 Roboto,Arial,sans-serif!important;color:#3c4043!important}
.g-card .op-more{color:#1a73e8!important;font:500 13px/1 Roboto,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* Opinie Google – jak widżet Google */
section.blekit:has(.slx-op){background:#F8F6F3!important}
section.blekit:has(.slx-op) .seam{display:none}
.slx-op > article.g-card{border:1px solid #dadce0!important;box-shadow:none!important;border-radius:12px!important}
@media (hover:hover) and (pointer:fine){.slx-op > article.g-card:hover{box-shadow:0 1px 3px rgba(60,64,67,.2),0 8px 20px -10px rgba(60,64,67,.35)!important}}
.g-stars{display:flex;align-items:center;gap:6px}
.g-ver{width:16px;height:16px}
.g-card .op-more{color:#70757a!important;font:400 13px/1 Roboto,Arial,sans-serif!important}
.g-card .op-more i{display:none}
.g-card .op-txt.cut{max-height:6.6em!important}
.slx-op > article .op-txt.cut:not(.open){height:6.6em!important}
section.blekit:has(.slx-op) .sl-cnt,section.blekit:has(.slx-op) .sl-cnt span{color:#5f6368!important}
section.blekit:has(.slx-op) .sl-btn{color:#3A1621!important;border-color:rgba(58,22,33,.3)!important}
/* Zdjęcia w tle: bardziej widoczne, tekst czytelny */
.sub-hero .in,.band:not(.band-card) .in,.of-hero .in{text-shadow:0 2px 18px rgba(0,0,0,.45)}
.sub-hero .in p,.band:not(.band-card) .in p,.band:not(.band-card) blockquote{color:#FFF8F1!important}
@media (min-width:961px){.sub-hero::after,.band:not(.band-card)::after{background:linear-gradient(90deg,#2A1219 0%,#3A1621 36%,rgba(58,22,33,.55) 44%,rgba(58,22,33,0) 54%)!important}}
@media (max-width:960px){
 .sub-hero::after,.band:not(.band-card)::after{background:linear-gradient(0deg,rgba(36,15,22,.94) 0%,rgba(36,15,22,.82) 28%,rgba(36,15,22,.4) 46%,rgba(36,15,22,0) 60%)!important}
 .of-hero .of-shade{background:linear-gradient(0deg,rgba(36,15,22,.94) 0%,rgba(36,15,22,.82) 30%,rgba(36,15,22,.4) 48%,rgba(36,15,22,0) 62%)!important}
 .sub-hero,.band:not(.band-card){align-items:flex-end!important}
}
/* Wszystkie kafelki: optyczne powiększenie po najechaniu */
html .prob,html .step,html .path .card,html .why-g > div,html .slx > *,html .intro-steps li,html .on-grid article,html .tx-tiles article,html .tx-mini > div,html .pz-i,html .studio-points article,html .bl-card,html .vals > div,html .vals3 > div,html .on-note,html .bl-box,html .tl > div,html .incl li,html .inc2,html .ofs-l li{transition:scale .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1),opacity .9s,translate 1s!important}
@media (hover:hover) and (pointer:fine){html .prob:hover,html .step:hover,html .path .card:hover,html .why-g > div:hover,html .slx > *:hover,html .intro-steps li:hover,html .on-grid article:hover,html .tx-tiles article:hover,html .tx-mini > div:hover,html .pz-i:hover,html .studio-points article:hover,html .bl-card:hover,html .vals > div:hover,html .vals3 > div:hover,html .on-note:hover,html .bl-box:hover,html .tl > div:hover,html .incl li:hover,html .inc2:hover,html .ofs-l li:hover{scale:1.045!important;position:relative;z-index:3}}
@media (hover:hover) and (pointer:fine){html .pz-i[open]:hover,html .bl-box:hover,html .incl li:hover{scale:1.02!important}}
/* Telefon: kafelek na środku ekranu lekko się powiększa przy przewijaniu */
@media (hover:none),(pointer:coarse){html .prob.tile-c,html .step.tile-c,html .path .card.tile-c,html .why-g > div.tile-c,html .slx > *.tile-c,html .intro-steps li.tile-c,html .on-grid article.tile-c,html .tx-tiles article.tile-c,html .tx-mini > div.tile-c,html .pz-i.tile-c,html .studio-points article.tile-c,html .bl-card.tile-c,html .vals > div.tile-c,html .vals3 > div.tile-c,html .on-note.tile-c,html .tl > div.tile-c,html .inc2.tile-c,html .ofs-l li.tile-c{scale:1.04!important;position:relative;z-index:3}}
/* START: widoczny tekst na jasnej karcie */
.ciemny .path .card:nth-child(1) h3,.ciemny .path .card:nth-child(1) ul,.ciemny .path .card:nth-child(1) li,.ciemny .path .card:nth-child(1) .lnk{color:#262626!important}
.ciemny .path .card:nth-child(1) .st,.ciemny .path .card:nth-child(1) .pr{color:var(--fuksja,#A3266F)!important}
.ciemny .path .card:nth-child(1) li::before{background:#262626!important}
.ciemny .path .card:nth-child(1) .pr{border-bottom-color:rgba(58,22,33,.15)!important}
/* Łagodne przejście między tłem a zdjęciem (komputer) */
@media (min-width:961px){
 .sub-hero .bg,.band:not(.band-card) .bg{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%)}
 .sub-hero::after,.band:not(.band-card)::after{background:linear-gradient(90deg,#2A1219 0%,#3A1621 28%,rgba(58,22,33,.7) 40%,rgba(58,22,33,.3) 50%,rgba(58,22,33,0) 60%)!important}
 .sub-hero,.band:not(.band-card){background:linear-gradient(90deg,#2A1219,#3A1621 50%,#3A1621)!important}
}
/* Bez kresek: zdjęcia w tle płynnie znikają na dole w kolor sekcji */
.sub-hero .bg,.band:not(.band-card):not(#opinie) .bg,.of-hero .bg{-webkit-mask-image:linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 9%,#000 24%)!important;mask-image:linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 9%,#000 24%)!important}
@media (min-width:961px){.sub-hero .bg,.band:not(.band-card):not(#opinie) .bg{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 9%,#000 24%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 12%,#000 34%),linear-gradient(0deg,transparent 0%,rgba(0,0,0,.5) 9%,#000 24%)!important;-webkit-mask-composite:source-in;mask-composite:intersect}}
.sub-hero,.of-hero,.band:not(.band-card):not(#opinie){background-color:#3A1621!important}
.sub-hero::after,.band:not(.band-card):not(#opinie)::after{z-index:1}
/* Komputer: całe zdjęcie Agaty widoczne (pionowy kadr 2:3), łagodne krawędzie */
@media (min-width:961px){
 .sub-hero,.band:not(.band-card):not(#opinie){min-height:min(940px,100svh)!important}
 .sub-hero .bg,.band:not(.band-card):not(#opinie) .bg{left:auto!important;right:4%!important;top:0!important;height:100%!important;width:auto!important;aspect-ratio:2/3;max-width:60%!important;object-fit:cover!important;object-position:50% 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%)!important;-webkit-mask-composite:source-in;mask-composite:intersect}
 .sub-hero::after,.band:not(.band-card):not(#opinie)::after{background:linear-gradient(90deg,#2A1219 0%,#3A1621 35%,rgba(58,22,33,.35) 48%,rgba(58,22,33,0) 58%)!important}
 .sub-hero,.band:not(.band-card):not(#opinie){background:radial-gradient(60% 80% at 75% 40%,#6E5A62 0%,#4A2A38 45%,#3A1621 75%)!important}
}
@media (min-width:961px){
 .sub-hero,.band:not(.band-card):not(#opinie){background:linear-gradient(90deg,#2A1219 0%,#3A1621 34%,#5E4A52 46%,#9FA4A4 58%,rgb(188,196,194) 68%,rgb(196,204,202) 100%)!important}
 .sub-hero .bg,.band:not(.band-card):not(#opinie) .bg{right:6%!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 14%)!important}
 .sub-hero::after,.band:not(.band-card):not(#opinie)::after{background:linear-gradient(90deg,rgba(42,18,25,.0) 0%,rgba(42,18,25,0) 100%)!important}
}
/* Pasek z hasłami pod zdjęciami – jak na stronie głównej */
.mq.mq-ph{background:var(--g-cta)!important;position:relative;z-index:2}
/* Opinie (podstrona): skrócone + przycisk w stylu strony */
.gr article .op-txt.cut{max-height:9.6em}
.gr article .op-more{margin:14px 0 18px;padding:12px 22px;border:1px solid rgba(163,38,111,.45);border-radius:999px;background:rgba(255,253,250,.6);color:var(--fuksja,#A3266F);font:700 11px/1 var(--sans,Archivo,sans-serif);letter-spacing:.2em;text-transform:uppercase;transition:background .3s,color .3s}
.gr article .op-more:hover{background:var(--fuksja,#A3266F);color:#fff}
.gr article .op-more i{font-style:normal}
/* Opinie: film z YouTube (Shorts, pionowy) */
.yt-op{padding:clamp(60px,8vw,110px) 0}
.yt-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,80px);align-items:center}
.yt-t p:not(.kick){color:#4F4A45;font-size:17px;line-height:1.7;max-width:520px;margin:18px 0 26px}
.yt-f{width:min(380px,100%);margin:0 auto;aspect-ratio:9/16;border-radius:28px;overflow:hidden;background:#3A1621;box-shadow:0 40px 80px -40px rgba(58,22,33,.6)}
.yt-f iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:860px){.yt-g{grid-template-columns:1fr}.yt-f{width:min(340px,100%)}}
/* Studio: film z YouTube zamiast pliku wideo */
.studio-film{background:none!important;box-shadow:none!important;aspect-ratio:auto!important;height:auto!important;overflow:visible!important}
.studio-film .yt-studio{margin:0 auto}
.studio-film .film-caption{text-align:center;margin-top:14px}
/* Home metamorfozy: film z YouTube */
.hmv-film:has(.yt-hm){background:none!important;box-shadow:none!important;aspect-ratio:auto!important;height:auto!important;overflow:visible!important;display:flex;justify-content:center;align-items:center}
.hmv-film .yt-hm{margin:0 auto}
/* O mnie: film Moja historia + tekst obok */
.tx-hero{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(36px,5vw,60px)}
.tx-film{display:flex;flex-direction:column;align-items:center}
.tx-film .yt-om{margin:0}
.tx-film .film-caption{margin-top:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;text-align:center}
.tx-hcopy .tx-lead{margin-top:18px}
.tx-hcopy .tx-p{margin-bottom:0}
@media (max-width:860px){.tx-hero{grid-template-columns:1fr;gap:28px}.tx-hcopy{text-align:left}}
/* ---------- Preloader ---------- */
html.pl::after{content:"";position:fixed;inset:0;z-index:998;background:var(--g-wino);animation:plSafe 0s 4s forwards}
@keyframes plSafe{to{opacity:0;visibility:hidden}}
html.pl .hero .in > *,html.pl .hero .bg{animation-play-state:paused}
#bmpl{position:fixed;inset:0;z-index:999;background:radial-gradient(80% 70% at 80% 10%,rgba(163,38,111,.22),rgba(163,38,111,0) 60%),var(--g-wino);color:var(--krem);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 1s var(--ease)}
#bmpl.bye{transform:translateY(-100%)}
#bmpl .logo b{font-size:clamp(30px,4vw,44px)}
#bmpl .logo i{margin:10px 0 9px}
#bmpl .pl-w{margin:38px 0 0;height:14px;font:700 11px/14px var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--tan);transition:opacity .22s ease;max-width:none;text-align:center}
#bmpl .pl-n{position:absolute;left:clamp(20px,5vw,56px);bottom:clamp(28px,6vh,56px);font:italic 500 clamp(56px,9vw,120px)/1 var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--krem)}
#bmpl .pl-n small{font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.3em;color:var(--tan);margin-left:8px}
#bmpl .pl-b{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(211,192,171,.18)}
#bmpl .pl-b i{display:block;height:100%;width:0;background:var(--g-cta)}

@media (max-width:960px){nav{display:none}}
@media (max-width:620px){
 .hero{min-height:min(760px,100svh)}
 .hero .w{padding-block:64px 56px}
 .hero-scroll{display:none}
 .btn{padding:17px 26px;letter-spacing:.24em}
 .kick{letter-spacing:.26em;font-size:11px}
 h2{font-size:clamp(28px,8.4vw,40px)}
 .card h3,.tl h3{font-size:32px}
 summary{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
 .mq .tr{animation:none}
 .hm .wi{transform:none!important;transition:none!important}
 .sg.fx figure,.sg.fx img{transition:none}
}