/*
Theme Name: Afterlife Studio Doki
Theme URI: https://afterlifestudiodoki.pl
Author: Afterlife Studio
Description: Wielopodstronowy motyw dla Afterlife Studio Doki — self-service reformer studio.
Version: 4.7.0
Text Domain: afterlife-doki
*/
:root{--bg:#090909;--bg2:#111;--paper:#f4f0ea;--ink:#111;--muted:#a9a5a3;--line:#2b2929;--pink:#ff4f91;--pink2:#ff8bb4;--cream:#f2ede7;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f5f2;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,8,8,.95);backdrop-filter:blur(14px);border-bottom:1px solid #242424}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:38px;height:38px}.brand-copy strong{display:block;letter-spacing:.12em;font-size:18px}.brand-copy small{display:block;color:#aaa;letter-spacing:.2em;text-transform:uppercase;font-size:10px;margin-top:2px}.menu{display:flex;align-items:center;gap:23px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.menu a:hover{color:var(--pink)}.lang{display:flex;gap:8px;color:#aaa}.lang .active{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid #777;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.06em}.btn.pink{background:var(--pink);border-color:var(--pink);color:#080808}.btn.light{background:#fff;color:#090909;border-color:#fff}.btn.dark{background:#090909;color:#fff;border-color:#333}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:28px}.hero{min-height:calc(100vh - 76px);position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.82) 0%,rgba(5,5,5,.44) 52%,rgba(5,5,5,.12) 100%),linear-gradient(0deg,rgba(5,5,5,.5),transparent 60%)}.hero-inner{position:relative;padding:100px 0 70px;max-width:920px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800;color:var(--pink2)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,8.3vw,142px);line-height:.82;letter-spacing:-.07em;margin:20px 0 32px}h2{font-size:clamp(42px,5.2vw,86px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px}h3{font-size:25px;line-height:1.1;letter-spacing:-.03em}.lead{font-size:20px;color:#d2ceca;max-width:780px}.hero .lead{font-size:26px;color:#f2efec;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:44px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#d5d0cc}.section{padding:110px 0}.section.paper{background:var(--paper);color:var(--ink)}.section.soft{background:#141313}.section.pinkwash{background:linear-gradient(135deg,#f4eae9,#ead6dc);color:#181414}.section-head{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:start;margin-bottom:58px}.section-head .lead{color:inherit;opacity:.72}.editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.image-frame{overflow:hidden;border-radius:2px}.image-frame img{width:100%;height:100%;object-fit:cover}.image-frame.tall{height:720px}.link-arrow{display:inline-block;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc8c1;border:1px solid #cfc8c1}.card{background:var(--paper);padding:34px;min-height:280px}.card .num{color:var(--pink);font-weight:800;font-size:12px}.card p{color:#5d5652}.split-banner{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.split-banner .media{background-size:cover;background-position:center}.split-banner .copy{padding:90px;display:flex;flex-direction:column;justify-content:center;background:#0c0c0c}.split-banner .copy .lead{color:#cfc9c5}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip>div{padding:28px;border-right:1px solid var(--line)}.feature-strip>div:last-child{border-right:0}.feature-strip b{display:block;font-size:28px}.feature-strip span{color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience{padding:28px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.36)}.audience h3{font-size:23px}.audience p{color:#4f4747}.mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:330px 330px;gap:14px}.mosaic figure{margin:0;overflow:hidden}.mosaic img{width:100%;height:100%;object-fit:cover}.mosaic .big{grid-row:1/3}.cta-band{background:var(--pink);color:#0a0a0a;padding:75px 0}.cta-row{display:flex;align-items:end;justify-content:space-between;gap:50px}.cta-band h2{max-width:850px;margin-bottom:0}.subhero{padding:95px 0 70px;border-bottom:1px solid var(--line);background:#0b0b0b}.subhero h1{font-size:clamp(56px,7vw,108px);max-width:1100px}.subhero .lead{max-width:850px}.page-grid{display:grid;grid-template-columns:300px 1fr;gap:75px}.side-label{position:sticky;top:110px;height:max-content}.steps{border-top:1px solid #333}.step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #333}.step span{color:var(--pink);font-weight:800}.step p{color:#aaa;margin-bottom:0}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.library-card{background:#151515;padding:32px;border:1px solid #292929}.library-card p{color:#aaa}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{border:1px solid #2c2c2c;padding:34px;min-height:330px;display:flex;flex-direction:column}.price-card.featured{background:#f1ece7;color:#111}.price-card .price{font-size:46px;font-weight:800;margin:12px 0}.price-card .btn{margin-top:auto}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-list{border-top:1px solid #333}.contact-item{padding:24px 0;border-bottom:1px solid #333}.map-box{min-height:520px;background:#171717;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;border:1px solid #2a2a2a}.merch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.merch-card{background:#111;border:1px solid #242424}.merch-card .ph{height:360px;background:linear-gradient(135deg,#191919,#2a1d22);display:flex;align-items:center;justify-content:center;color:#ff79aa;font-size:60px}.merch-card .copy{padding:24px}.faq details{border-top:1px solid #333;padding:24px 0}.faq summary{cursor:pointer;font-size:21px;font-weight:700}.faq p{color:#aaa;max-width:900px;margin-top:14px}.site-footer{padding:72px 0 28px;background:#050505;border-top:1px solid #222}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#888}.footer-grid a{display:block;margin:10px 0;color:#d5d0cb}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #222;margin-top:50px;padding-top:22px;color:#777;font-size:12px}.visual-note{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.logo-wordmark{display:flex;align-items:center;gap:12px}.logo-wordmark img{height:38px;width:auto}.custom-logo{max-height:42px;width:auto}.wp-block-image{margin:0}@media(max-width:1050px){.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#090909;padding:25px 32px;flex-direction:column;align-items:flex-start;border-top:1px solid #222}.menu.open{display:flex}.menu-toggle{display:block}.section-head,.page-grid{grid-template-columns:1fr}.side-label{position:static}.editorial-grid,.contact-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr 1fr}.split-banner{grid-template-columns:1fr}.split-banner .media{min-height:520px}.split-banner .copy{padding:60px 32px}.feature-strip{grid-template-columns:1fr 1fr}.pricing-grid,.merch-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}.mosaic .big{grid-column:1/3;grid-row:auto}}@media(max-width:700px){.wrap{width:min(100% - 34px,var(--max))}.nav{min-height:68px}.hero{min-height:760px}.hero-inner{padding:100px 0 55px}h1{font-size:59px}h2{font-size:46px}.hero .lead{font-size:20px}.section{padding:78px 0}.section-head{gap:18px}.cards{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.feature-strip>div{border-right:0;border-bottom:1px solid var(--line)}.mosaic{display:block}.mosaic figure{height:260px;margin-bottom:12px}.mosaic .big{height:390px}.cta-row{display:block}.cta-row .btn{margin-top:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.brand-copy strong{font-size:15px}.brand-mark{width:32px;height:32px}.contact-grid{gap:35px}}

/* v4.2 header / logo alignment fixes */
.nav{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px}.brand{margin-right:0;justify-self:start;min-width:0;width:220px;overflow:hidden}.brand .custom-logo{display:block;max-width:200px;width:auto;height:46px;max-height:46px;object-fit:contain;object-position:left center}.menu{justify-self:end}.logo-wordmark .footer-custom-logo{display:block;max-width:240px;width:auto;height:auto;max-height:72px;object-fit:contain;object-position:left center}.logo-wordmark:has(.footer-custom-logo){display:block}.site-footer .logo-wordmark .footer-custom-logo{margin:0}.site-footer .logo-wordmark img:not(.footer-custom-logo){height:38px;width:auto}
@media(max-width:1050px){.nav{grid-template-columns:1fr auto}.brand{width:auto;max-width:220px}.menu-toggle{justify-self:end}.menu{justify-self:stretch}}
@media(max-width:700px){.brand .custom-logo{max-width:170px;height:40px;max-height:40px}.logo-wordmark .footer-custom-logo{max-width:200px;max-height:60px}}


/* v4.4 typography fixes: Polish diacritics and multi-line headings */
h1{
  font-size:clamp(60px,7.2vw,122px);
  line-height:.94;
  letter-spacing:-.045em;
}
h2{
  font-size:clamp(40px,4.8vw,78px);
  line-height:1.04;
  letter-spacing:-.035em;
}
h3{
  line-height:1.18;
  letter-spacing:-.02em;
}
.hero-inner{max-width:980px}
.hero h1{
  max-width:920px;
  line-height:.92;
  letter-spacing:-.04em;
  margin-bottom:34px;
}
.subhero h1{
  font-size:clamp(54px,6.4vw,100px);
  line-height:.96;
  letter-spacing:-.04em;
}
.cta-band h2,.section-head h2,.split-banner h2{
  line-height:1.04;
}
@media(max-width:1200px){
  h1{font-size:clamp(58px,7vw,104px)}
  .hero h1{max-width:820px}
}
@media(max-width:700px){
  h1{font-size:54px;line-height:.98;letter-spacing:-.035em}
  h2{font-size:42px;line-height:1.06;letter-spacing:-.03em}
  .hero h1{line-height:.96;max-width:100%}
  .subhero h1{font-size:50px;line-height:1}
}


/* v4.5 typography, contrast and gallery refinements */
.subhero{padding:82px 0 68px}
.subhero h1{
  font-size:clamp(50px,5.6vw,88px);
  line-height:1.02;
  letter-spacing:-.025em;
  max-width:980px;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.subhero .lead{font-size:20px;line-height:1.55;max-width:820px}
.section h2{
  line-height:1.04;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.section h3{line-height:1.18;letter-spacing:-.015em}
.pinkwash .lead{color:#3f3538;opacity:1}
.pinkwash .kicker{color:#d7447c}
.pinkwash h2{font-size:clamp(42px,4.6vw,76px);line-height:1.02}

/* fuller image mosaic — no large dead area below the gallery */
.mosaic{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  grid-template-rows:320px 320px;
  gap:14px;
}
.mosaic figure{margin:0;overflow:hidden;min-height:0}
.mosaic figure.big{grid-row:1/3}
.mosaic figure:nth-child(4){grid-column:2/3}
.mosaic figure:nth-child(5){grid-column:3/4}
.mosaic figure:nth-child(6){display:none}
.mosaic img{width:100%;height:100%;object-fit:cover}

/* keep editorial sections visually tighter */
.section-head{margin-bottom:48px}
.page-grid{gap:64px}

@media(max-width:1050px){
  .subhero h1{font-size:clamp(46px,8vw,76px);line-height:1.04;letter-spacing:-.02em}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:310px 310px 310px}
  .mosaic figure.big{grid-column:1/3;grid-row:auto}
  .mosaic figure:nth-child(4),.mosaic figure:nth-child(5){grid-column:auto}
}
@media(max-width:700px){
  .subhero{padding:68px 0 52px}
  .subhero h1{font-size:clamp(42px,13vw,60px);line-height:1.06;letter-spacing:-.015em}
  .subhero .lead{font-size:18px}
  .section h2{line-height:1.08;letter-spacing:-.018em}
  .pinkwash h2{font-size:44px;line-height:1.06}
  .mosaic{display:block}
  .mosaic figure,.mosaic figure.big{height:300px;margin-bottom:12px}
}


/* v4.6 — Your Reformer technology page */
.yr-brand-row{display:flex;align-items:center;gap:24px;margin:20px 0 34px}.yr-logo{max-width:260px;max-height:72px;width:auto;height:auto;object-fit:contain}.yr-wordmark{display:inline-block;font-size:clamp(28px,3vw,52px);font-weight:900;letter-spacing:-.04em;color:#111;text-decoration:none;border-bottom:3px solid #111;padding-bottom:4px}.yr-intro .link-arrow{margin-top:10px;display:inline-flex}.section .library-card h3{line-height:1.08}.section .library-card p{line-height:1.55}
@media(max-width:780px){.yr-logo{max-width:210px}.yr-wordmark{font-size:34px}.yr-brand-row{margin-bottom:24px}}
