:root{--paper:#f4efe7;--paper2:#faf7f1;--ink:#352720;--orange:#b85f38;--orange2:#c86e42;--line:#d7cec4;--muted:#6f625a;--white:#fffaf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}a{color:inherit}.top{height:78px;display:grid;grid-template-columns:220px 1fr 205px;align-items:center;padding-left:4vw;border-bottom:1px solid var(--line);background:rgba(244,239,231,.97);position:sticky;top:0;z-index:10}.logo{text-decoration:none;letter-spacing:.24em;font-size:20px}.logo small{display:block;font-size:7px;letter-spacing:.22em;margin-top:4px}.top nav{display:flex;justify-content:center;gap:24px}.top nav a{text-decoration:none;font-size:9px;letter-spacing:.08em}.reserve{height:78px;background:var(--orange);color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;letter-spacing:.16em}.hero{display:grid;grid-template-columns:42% 39% 19%;min-height:535px;border-bottom:1px solid var(--line)}.heroText{padding:52px 4.2vw 28px}.hero h1{font-size:clamp(58px,6vw,88px);line-height:.88;letter-spacing:-.06em;margin:0 0 28px;font-weight:500}.heroText>p{font-size:17px;max-width:500px}.btn{display:inline-block;background:var(--orange);color:var(--white);padding:16px 24px;text-decoration:none;font-size:10px;letter-spacing:.14em;margin-top:12px}.micro{font-size:8px;letter-spacing:.15em;margin-top:24px}.heroPhoto{background:linear-gradient(rgba(40,28,20,.08),rgba(40,28,20,.08)),url('assets/cover-photo.png') center/cover no-repeat;position:relative}.heroPhoto p{position:absolute;left:28px;top:48px;color:var(--white);font-family:Georgia,serif;font-size:21px;line-height:1.25}.heroRail{background:linear-gradient(180deg,var(--orange),var(--orange2));color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:48px 8px;font-size:10px;letter-spacing:.18em}.heroRail i{height:78px;border-left:1px solid rgba(255,255,255,.85)}.help{display:grid;grid-template-columns:2.2fr repeat(6,1fr);border-bottom:1px solid var(--line);background:var(--paper2)}.help>*{padding:30px 15px;border-right:1px solid var(--line)}.help h2{font-size:26px;line-height:1.05;margin:0;padding-left:4vw}.help b{font-size:9px;color:var(--orange);font-weight:400}.help span{display:block;margin-top:12px;font-size:13px}.therapy{display:grid;grid-template-columns:38% 32% 30%;min-height:500px}.chair{background:url('assets/gibanje.png') center/cover no-repeat;position:relative}.chair blockquote{position:absolute;left:5vw;bottom:45px;color:var(--white);font:26px/1.25 Georgia,serif;margin:0}.therapyText{background:var(--paper2);padding:55px 4vw}.kicker{font-size:9px;letter-spacing:.16em;color:var(--orange)}.therapyText h2,.about h2,.education h2,.faq h2{font-size:34px;line-height:1.05;font-weight:500;margin:18px 0}.therapyText p{font-size:15px}.texture{background:linear-gradient(rgba(45,28,20,.4),rgba(45,28,20,.55)),url('assets/texture.jpg') center/cover;color:var(--white);padding:72px 4vw 45px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;line-height:2;letter-spacing:.13em}.three{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.three>div{padding:58px 4vw}.three>div+div{border-left:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;border-top:1px solid var(--line);padding:18px 0}.step strong{font:29px Georgia,serif;color:var(--orange);font-weight:400}.step p{margin:0;font-size:13px}.step b{font:18px Georgia,serif}.about p,.education li,.education .note{font-size:14px}.education ul{padding-left:18px}.education li{margin:8px 0}.note{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.testimonials{padding-top:65px}.testHead{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;padding:0 5vw 42px}.testHead h2{font-size:48px;line-height:1.02;font-weight:400;margin:14px 0 0}.testHead>p{max-width:360px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards article{padding:30px 2.7vw 36px;border-right:1px solid var(--line);min-height:470px;display:flex;flex-direction:column}.cards span{font-size:9px;color:var(--orange)}.cards p{font-size:15px;line-height:1.4;color:var(--orange)}.cards b{font-weight:400;margin-top:auto}.faq{padding:72px 6vw}.faq h2{font-size:48px}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 5vw}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq details:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px}.faq details p{font-size:13px;color:var(--muted)}.cta{min-height:350px;background:linear-gradient(rgba(49,34,27,.45),rgba(49,34,27,.6)),url('assets/cta.jpg') center/cover;color:var(--white);display:grid;grid-template-columns:1.3fr .8fr 1fr;align-items:center;padding:55px 6vw;gap:4vw}.cta h2{font-size:48px;line-height:.95;font-weight:400;margin:15px 0}.cta p{max-width:440px}.pale{background:var(--paper);color:var(--ink);text-align:center}.cta blockquote{font:25px/1.3 Georgia,serif;text-align:right}.light{color:var(--white)}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 4vw;font-size:9px;letter-spacing:.12em}section{scroll-margin-top:80px}
@media(max-width:900px){.top{grid-template-columns:1fr 145px;padding-left:5vw}.top nav{display:none}.hero{grid-template-columns:1fr}.heroText{padding:48px 6vw}.hero h1{font-size:62px}.heroPhoto{height:420px}.heroRail{display:none}.help{grid-template-columns:1fr 1fr}.help h2{grid-column:1/-1}.therapy,.three{grid-template-columns:1fr}.chair{height:420px}.three>div+div{border-left:0;border-top:1px solid var(--line)}.cards{grid-template-columns:1fr}.cards article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.testHead{grid-template-columns:1fr}.faqgrid{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.cta blockquote{text-align:left}.cta{min-height:500px}footer{flex-direction:column;gap:12px;align-items:flex-start}.help>*{padding:25px 6vw}}

/* V2 — accessibility and spacing corrections */
body{font-size:18px}
.heroText>p{font-size:20px;line-height:1.55;max-width:560px}
.top nav a{font-size:11px}
.reserve{
  margin:14px 18px 14px 0;height:50px;border:2px solid var(--ink);
  background:var(--ink);color:var(--paper);border-radius:2px;
  font-size:12px;font-weight:700;letter-spacing:.12em
}
.heroRail{padding:38px 8px}
.heroRail span{font-size:13px;font-weight:700}
.help span{font-size:16px;line-height:1.35}
.therapyText p,.about p,.education p,.education li{font-size:17px;line-height:1.55}
.step p{font-size:16px;line-height:1.45}
.testimonials{padding-top:38px}
.testHead{display:block;padding:0 4vw 24px}
.testHead h2{font-size:40px;line-height:1.05;margin:8px 0 6px;max-width:none}
.testHead p{font-size:17px;margin:0}
.cards article{
  min-height:0;padding:26px 2.5vw 28px
}
.cards p{font-size:17px;line-height:1.5;margin:16px 0 26px}
.cards b{font-size:16px;margin-top:0}
.faq details p,.faq summary{font-size:16px}
.three{grid-template-columns:.85fr 1.05fr 1.35fr}
.aboutGrid{display:grid;grid-template-columns:42% 1fr;gap:24px;margin-top:18px}
.portraitPlaceholder{
  min-height:320px;background:#dfd2c4;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:10px;letter-spacing:.18em;color:var(--muted)
}
.education h2{font-size:31px}
.education p{margin:0 0 14px}
@media(max-width:900px){
  body{font-size:18px}
  .heroText>p{font-size:19px}
  .reserve{margin:10px;height:48px}
  .aboutGrid{grid-template-columns:1fr}
  .portraitPlaceholder{min-height:420px}
  .testHead{padding:32px 6vw 20px}
  .testHead h2{font-size:34px}
  .cards p{font-size:17px}
}

/* V4 — restore the approved layout; no collage, no oversized empty blocks */
.about{padding:72px 4vw}
.aboutGridV4{display:grid;grid-template-columns:minmax(300px, .82fr) minmax(420px,1.18fr);gap:5vw;align-items:start;margin-top:22px}
.aboutPortrait{margin:0;overflow:hidden;background:#e9e0d5}
.aboutPortrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.aboutCopy{max-width:680px}
.aboutCopy h2{font-size:clamp(36px,4vw,58px);line-height:1;margin:0 0 28px}
.aboutCopy p{font-size:18px;line-height:1.62;margin:0 0 20px}
.education{padding:72px 4vw}
.education h2{font-size:clamp(34px,3.5vw,52px);line-height:1.05;max-width:760px;margin:12px 0 34px}
.eduListV4{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw}
.eduListV4 p{font-size:17px;line-height:1.5;margin:0;padding:14px 0;border-top:1px solid var(--line)}
.eduDetailsV4{margin:28px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eduDetailsV4 summary{cursor:pointer;padding:20px 0;font-size:18px;font-weight:650;display:flex;justify-content:space-between}
.eduDetailsV4 div{max-width:900px;padding:0 0 20px}
.eduDetailsV4 p{font-size:17px;line-height:1.6}
.educationImageV4{margin:0;max-width:100%;overflow:hidden}
.educationImageV4 img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;object-position:center}
.testimonials{padding-top:44px;padding-bottom:0}
.testHead{padding-bottom:24px}
.cards article{min-height:0}
.cards p{font-size:18px;line-height:1.55}
.heroText>p{font-size:20px;line-height:1.55}
.reserve{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
@media(max-width:900px){
 .about,.education{padding:54px 6vw}
 .aboutGridV4{grid-template-columns:1fr;gap:30px}
 .aboutPortrait{max-width:520px}
 .aboutCopy p,.cards p{font-size:17px}
 .eduListV4{grid-template-columns:1fr}
 .educationImageV4 img{max-height:none}
}

.chair blockquote{display:none!important}

/* V8 — functional About + Education; process moved to FAQ */
.aboutEducationV8{border-top:1px solid var(--line)}
.aboutV8{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:5vw;padding:72px 4vw 66px;align-items:start}
.aboutPhotoV8{margin:0}.aboutPhotoV8 img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.aboutCopyV8{max-width:700px}.aboutCopyV8 h2{font-size:clamp(44px,4.5vw,68px);line-height:1;margin:14px 0 28px;letter-spacing:-.04em}
.aboutCopyV8 p{font-size:18px;line-height:1.62;margin:0 0 20px}
.educationV8{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;padding:58px 4vw 68px;border-top:1px solid var(--line)}
.eduTitleV8 h2{font-size:clamp(40px,4vw,62px);line-height:.98;margin:14px 0 22px;letter-spacing:-.04em}.eduTitleV8>p{font-size:18px;line-height:1.55;max-width:420px}
.eduCardsV8{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eduCardsV8 article{padding:24px 25px 28px 0;min-height:200px}.eduCardsV8 article+article{border-left:1px solid var(--line);padding-left:25px}
.eduCardsV8 span{display:block;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:22px}.eduCardsV8 h3{font-size:23px;line-height:1.08;margin:0 0 13px}.eduCardsV8 p{font-size:15.5px;line-height:1.5;margin:0}
.eduAllV8{grid-column:2;margin-top:-12px;border-bottom:1px solid var(--line)}.eduAllV8 summary{list-style:none;cursor:pointer;padding:19px 0;display:flex;justify-content:space-between;font-size:18px;font-weight:650}.eduAllV8 summary::-webkit-details-marker{display:none}.eduAllV8 summary span{font-size:27px;font-weight:300}
.eduGridV8{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;padding:5px 0 28px}.eduGridV8 p{font-size:15px;line-height:1.45;margin:0;padding:13px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.aboutV8,.educationV8{grid-template-columns:1fr;padding:52px 6vw;gap:30px}.aboutPhotoV8{max-width:520px}.eduCardsV8{grid-template-columns:1fr}.eduCardsV8 article{min-height:0;padding:21px 0}.eduCardsV8 article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.eduAllV8{grid-column:1;margin-top:0}.eduGridV8{grid-template-columns:1fr}}

/* V9 hierarchy: expertise is primary; personal name is not oversized */
.aboutCopyV8 h2{
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:1.03!important;
  letter-spacing:-.025em!important;
  margin:14px 0 26px!important;
}
.eduTitleV8 h2{
  font-size:clamp(42px,4.4vw,66px)!important;
}

.eduCompleteV9{grid-template-columns:repeat(2,minmax(0,1fr));}
.modulesV9{margin:10px 0 28px;border-top:1px solid var(--line)}
.modulesV9>summary{
 list-style:none;cursor:pointer;display:flex;justify-content:space-between;
 padding:20px 0;font-size:18px;font-weight:650;
}
.modulesV9>summary::-webkit-details-marker{display:none}
.modulesV9>summary span{font-size:27px;font-weight:300}
.modulesGridV9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.modulesGridV9 p,.additionalV9 p{font-size:15.5px;line-height:1.5;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.additionalV9{margin-top:24px;padding-bottom:8px}
.additionalV9 h3{font-size:18px;margin:0 0 12px}
@media(max-width:800px){
 .eduCompleteV9,.modulesGridV9{grid-template-columns:1fr}
}

/* V10 — stronger section labels, more compact About, real photo instead of texture */
.kicker{
  font-size:13px !important;
  line-height:1.2;
  letter-spacing:.14em;
  font-weight:650;
}

/* About: smaller portrait + narrower, tighter section */
.aboutV8{
  grid-template-columns:minmax(230px, .52fr) minmax(420px, 1.18fr) !important;
  gap:4vw !important;
  padding:58px 8vw 54px !important;
}
.aboutPhotoV8{
  max-width:360px;
}
.aboutPhotoV8 img{
  aspect-ratio:4/5;
  object-fit:cover;
}
.aboutCopyV8{
  max-width:650px;
}
.aboutCopyV8 h2{
  font-size:clamp(32px,2.7vw,44px) !important;
}

/* Replace decorative texture panel with the real older-client photo */
.texture{
  background:
    linear-gradient(rgba(45,28,20,.10),rgba(45,28,20,.18)),
    url('assets/starejsa.png') center/cover no-repeat !important;
  color:transparent !important;
  padding:0 !important;
  min-height:500px;
}
.texture br{display:none}
.texture::before,.texture::after{content:none}

/* Don't overlay the old benefit copy on the real client image */
.texture *{display:none !important;}

@media(max-width:900px){
  .kicker{font-size:12px !important}
  .aboutV8{
    grid-template-columns:1fr !important;
    padding:48px 6vw !important;
  }
  .aboutPhotoV8{max-width:300px}
  .texture{min-height:420px}
}

/* V11 — cleaner hero + fuller approach + useful FAQ */
.hero{grid-template-columns:1.02fr 1.18fr!important}
.heroPhoto{min-height:560px!important}
.therapyTextV11{padding:50px 4vw!important}
.therapyTextV11 h2{font-size:clamp(34px,3vw,48px);line-height:1.04;margin:15px 0 24px}
.therapyTextV11 p{font-size:17px;line-height:1.58;margin:0 0 14px;max-width:610px}
.approachLinkV11{display:inline-block;margin-top:10px;font-size:15px;font-weight:650;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.faqV11{padding-top:54px!important}
.faqV11>h2{font-size:clamp(38px,4vw,58px);line-height:1;margin:14px 0 26px}
.faqIntroV11{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1200px;margin-bottom:30px}
.faqIntroV11 p{font-size:18px;line-height:1.58;margin:0}
@media(max-width:800px){.hero{grid-template-columns:1fr!important}.faqIntroV11{grid-template-columns:1fr;gap:14px}}

/* V12: one strong documentary image instead of two competing images */
.therapyV12{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)!important;
  min-height:620px;
}
.therapyV12 .therapyTextV11{
  padding:68px 7vw!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.therapyV12 .therapyTextV11 h2{
  font-size:clamp(42px,4.2vw,66px)!important;
  max-width:720px;
  margin:16px 0 30px!important;
}
.therapyV12 .therapyTextV11 p{
  font-size:18px!important;
  line-height:1.62!important;
  max-width:690px!important;
}
.therapyV12 .texture{
  min-height:620px!important;
  height:100%!important;
  border-left:1px solid var(--line);
  background:
    linear-gradient(rgba(45,28,20,.04),rgba(45,28,20,.08)),
    url('assets/starejsa.png') center 42%/cover no-repeat!important;
}
@media(max-width:900px){
 .therapyV12{grid-template-columns:1fr!important;min-height:0}
 .therapyV12 .therapyTextV11{padding:52px 6vw!important}
 .therapyV12 .texture{min-height:500px!important;border-left:0;border-top:1px solid var(--line)}
}

/* V13 — only change: top hero photo */
.heroPhoto{
  background-image:
    linear-gradient(rgba(35,24,18,.04),rgba(35,24,18,.04)),
    url('assets/hero-standing-three.png') !important;
  background-size:cover !important;
  background-position:center center !important;
}

/* V15 — O MENI: larger landscape image, calmer readable text measure */
.aboutV8{
  grid-template-columns:minmax(520px,1.08fr) minmax(480px,.92fr)!important;
  gap:5.5vw!important;
  padding:64px 5vw 66px!important;
  align-items:center!important;
}
.aboutPhotoV8{
  max-width:none!important;
  width:100%!important;
}
.aboutPhotoV8 img{
  width:100%!important;
  height:clamp(520px,47vw,720px)!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.aboutCopyV8{
  max-width:650px!important;
  padding-right:2vw;
}
.aboutCopyV8 h2{
  font-size:clamp(34px,2.8vw,46px)!important;
  margin-bottom:28px!important;
}
.aboutCopyV8 p{
  max-width:62ch;
  font-size:18px!important;
  line-height:1.65!important;
  margin-bottom:20px!important;
}

/* Tablet: keep image generous but avoid squeezing the copy */
@media(max-width:1100px){
  .aboutV8{
    grid-template-columns:minmax(420px,1fr) minmax(380px,1fr)!important;
    gap:4vw!important;
  }
  .aboutPhotoV8 img{height:560px!important}
}

/* Mobile: natural reading order, full-width image then text */
@media(max-width:820px){
  .aboutV8{
    grid-template-columns:1fr!important;
    padding:48px 6vw 54px!important;
    gap:34px!important;
    align-items:start!important;
  }
  .aboutPhotoV8{max-width:none!important}
  .aboutPhotoV8 img{
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  .aboutCopyV8{max-width:680px!important;padding-right:0}
}

/* V17 — final CTA: one clear message + one action */
.ctaV17{
  min-height:350px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:56px 6vw!important;
  text-align:center!important;
  background:
    linear-gradient(rgba(50,33,25,.45),rgba(50,33,25,.48)),
    url('assets/footer-subtle-body.png') center 53%/cover no-repeat!important;
}
.ctaInnerV17{
  width:min(760px,92vw);
  margin:auto;
  color:#fff;
}
.ctaInnerV17 .kicker{margin-bottom:18px!important;color:#fff!important}
.ctaInnerV17 p{
  font-size:clamp(20px,1.65vw,27px)!important;
  line-height:1.48!important;
  max-width:700px;
  margin:0 auto 30px!important;
}
.ctaInnerV17 .btn{
  display:inline-block!important;
  margin:0 auto!important;
}
@media(max-width:700px){
 .ctaV17{min-height:320px!important;padding:46px 6vw!important}
 .ctaInnerV17 p{font-size:19px!important}
}

/* V18 — footer visual: photo only */
.ctaPhotoOnlyV18{
 width:100%;
 height:clamp(320px,30vw,520px);
 margin:0;padding:0;
 background:url('assets/footer-subtle-body.png') center 53%/cover no-repeat;
}
@media(max-width:700px){.ctaPhotoOnlyV18{height:300px;background-position:center}}

/* V19 — clean image, not a screenshot. Text/button are real HTML elements. */
.contactPhotoV19{
  position:relative;
  width:100%;
  height:clamp(340px,34vw,560px);
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image:url('assets/cover-photo.png');
  background-size:cover;
  background-position:center 48%;
  background-repeat:no-repeat;
}
.contactPhotoV19::before{content:none!important;}
.contactButtonV19{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 34px;
  background:#F3EEE6;
  color:#332722;
  text-decoration:none;
  font-size:14px;
  font-weight:650;
  letter-spacing:.08em;
  border:1px solid rgba(51,39,34,.14);
}
.contactButtonV19:hover,
.contactButtonV19:focus-visible{
  background:#fff;
}
@media(max-width:700px){
  .contactPhotoV19{height:360px;background-position:center center}
  .contactButtonV19{width:calc(100% - 48px);padding:0 18px;box-sizing:border-box}
}

/* V20 — compact closing invitation, using user's collarbone photograph */
.contactPhotoV20{
  position:relative;
  width:100%;
  height:clamp(240px,21vw,330px);
  margin:0;
  padding:0 6vw;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    linear-gradient(rgba(61,42,32,.18),rgba(61,42,32,.24)),
    url('assets/contact-collarbone.jpg') center 57%/cover no-repeat;
}
.contactInviteV20{
  position:relative;
  z-index:2;
  width:min(760px,90vw);
  text-align:center;
  color:#F4F0E8;
}
.contactInviteV20 p{
  margin:0 auto 22px;
  max-width:690px;
  font-size:clamp(20px,1.65vw,27px);
  line-height:1.42;
  font-weight:450;
}
.contactButtonV20{
  display:inline-flex;
  min-height:54px;
  padding:0 28px;
  align-items:center;
  justify-content:center;
  background:#F3EEE6;
  color:#332722;
  border:1px solid rgba(51,39,34,.12);
  text-decoration:none;
  font-size:13px;
  font-weight:650;
  letter-spacing:.08em;
}
.contactButtonV20:hover,
.contactButtonV20:focus-visible{background:#fff;}
@media(max-width:700px){
  .contactPhotoV20{
    height:280px;
    padding:0 24px;
    background-position:center 54%;
  }
  .contactInviteV20 p{font-size:19px}
  .contactButtonV20{width:100%;box-sizing:border-box;padding:0 16px}
}

/* V21 — secondary group practice, visually quieter than individual therapy */
.groupPracticeV21{
 display:grid;grid-template-columns:.68fr 1.32fr;gap:5vw;
 padding:48px 5vw 52px;border-top:1px solid var(--line);background:#E8DDD2;
}
.groupPracticeLabelV21 span{display:block;margin-top:14px;font-size:13px;letter-spacing:.08em;opacity:.72}
.groupPracticeCopyV21{max-width:820px}
.groupPracticeCopyV21 h2{margin:0 0 18px;font-size:clamp(34px,3vw,48px);line-height:1;letter-spacing:-.03em}
.groupPracticeCopyV21 p{margin:0 0 14px;max-width:72ch;font-size:17px;line-height:1.58}
.groupPracticeWhoV21{opacity:.8}
.groupPracticeCopyV21 a{display:inline-block;margin-top:10px;color:inherit;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.07em;border-bottom:1px solid currentColor;padding-bottom:4px}
@media(max-width:800px){.groupPracticeV21{grid-template-columns:1fr;gap:24px;padding:42px 6vw 46px}}

.eduCardsV23{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1050px){.eduCardsV23{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.eduCardsV23{grid-template-columns:1fr;}}

/* V24 — typography system
   Display: modern grotesk/system sans
   Reading: humanist system sans
   Larger body text and more generous leading for the site's broad age range. */
:root{
  --font-display:"Helvetica Neue",Helvetica,Arial,"Noto Sans",sans-serif;
  --font-body:"Aptos","Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
}
html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.62;
  font-weight:400;
  letter-spacing:0;
}
h1,h2,h3,.logo,.nav,.kicker,
.heroTitle,.heroTitle *,
.eduCardsV8 h3,.supportGrid h3,
.contactButtonV20,.contactButtonV19,
button{
  font-family:var(--font-display);
}
h1,h2,h3{font-weight:600;}
p,li,summary{font-size:1rem;}
/* Keep long reading lines comfortable rather than filling wide columns. */
.aboutCopyV8 p,.therapyCopy p,.faq p,.groupPracticeCopyV21 p{max-width:68ch;}
/* FAQ was visually undersized in the current build. */
.faqGrid details,
.faqGrid details p,
.faqGrid summary{font-size:18px;}
.faqGrid details p{line-height:1.62;}
/* Education detail text also needs to remain readable. */
.eduCardsV8 p,.eduListV8,.eduListV8 li{font-size:17px;line-height:1.55;}
/* Small metadata may stay compact, but not tiny. */
.kicker,.eduCardsV8 span,.groupPracticeLabelV21 span{font-size:13px;line-height:1.35;}
/* Controls should have a generous physical target even when label text is compact. */
a[class*="Button"],button{min-height:48px;}
@media(max-width:700px){
  body{font-size:17px;line-height:1.6;}
  .faqGrid details,.faqGrid details p,.faqGrid summary{font-size:17px;}
}

/* V25 — simplified type scale: fewer sizes, larger navigation/readability.
   Core scale: 14 metadata / 18 body+nav / 28 card title / 46 section title / fluid hero. */
:root{
  --type-meta:14px;
  --type-body:18px;
  --type-card:28px;
  --type-section:46px;
}
body{font-size:var(--type-body);line-height:1.62;}

/* Header: the previous navigation was too small relative to the viewport. */
header{min-height:112px;}
nav a,.nav a,header nav a{
  font-size:18px !important;
  line-height:1.2;
  letter-spacing:.045em;
  font-weight:550;
}
.logo{font-size:34px !important;line-height:1;}
.logo small{font-size:12px !important;letter-spacing:.24em;margin-top:12px;}

/* Consolidate the many micro sizes into one metadata tier. */
.kicker,.eyebrow,.meta,.eduCardsV8 span,.groupPracticeLabelV21 span,
.supportGrid span,.contactButtonV20,.contactButtonV19{
  font-size:var(--type-meta) !important;
}

/* One body tier for reading text. */
p,li,summary,.faqGrid details,.faqGrid details p,.faqGrid summary,
.eduCardsV8 p,.eduListV8,.eduListV8 li,.groupPracticeCopyV21 p{
  font-size:var(--type-body);
}

/* One compact heading tier for cards/items. */
.supportGrid h3,.eduCardsV8 h3{font-size:var(--type-card);line-height:1.14;}

/* Main section headings share a more consistent scale. */
.aboutCopyV8 h2,.therapyCopy h2,.faq h2,.groupPracticeCopyV21 h2{
  font-size:clamp(40px,3.25vw,var(--type-section));
  line-height:1.02;
}

@media(max-width:1050px){
  nav a,.nav a,header nav a{font-size:16px !important;}
}
@media(max-width:700px){
  :root{--type-body:17px;--type-card:25px;}
  header{min-height:auto;}
  .logo{font-size:30px !important;}
}

/* V26 — softer "Kako ti lahko pomagam": less boxed, more editorial */
.supportGrid{
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(180px,1fr)) !important;
  background:#F3EEE6;
  border-top:1px solid rgba(51,39,34,.16);
  border-bottom:1px solid rgba(51,39,34,.16);
}
.supportGrid > *{
  border-left:0 !important;
  border-right:0 !important;
}
.supportGrid > h2{
  grid-row:1 / span 2;
  align-self:start;
  padding:40px 5vw 36px 3vw !important;
  max-width:330px;
  font-size:clamp(30px,2.4vw,40px) !important;
  line-height:1.02;
}
.supportGrid .supportItem{
  min-height:150px !important;
  padding:34px 2.2vw 30px !important;
  border-top:0 !important;
  position:relative;
}
.supportGrid .supportItem::before{
  content:"";
  position:absolute;
  left:2.2vw; right:2.2vw; top:0;
  height:1px;
  background:rgba(51,39,34,.12);
}
.supportGrid .supportItem:nth-of-type(-n+3)::before{display:none;}
.supportGrid .supportItem span{
  font-size:12px !important;
  opacity:.62;
}
.supportGrid .supportItem h3{
  margin-top:22px;
  max-width:220px;
  font-size:22px !important;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.015em;
}
@media(max-width:1050px){
  .supportGrid{grid-template-columns:1fr 1fr !important;}
  .supportGrid > h2{grid-column:1/-1;grid-row:auto;max-width:none;padding:34px 5vw 24px !important;}
  .supportGrid .supportItem::before{display:block !important;}
}
@media(max-width:650px){
  .supportGrid{grid-template-columns:1fr !important;}
  .supportGrid .supportItem{min-height:auto !important;padding:26px 6vw !important;}
  .supportGrid .supportItem::before{left:6vw;right:6vw;}
}

/* V27 — rebuilt support section, no table/grid-box visual */
.supportV27{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.72fr);
  gap:7vw;
  padding:58px 5vw 64px;
  background:#F3EEE6;
  border-top:1px solid rgba(51,39,34,.12);
  border-bottom:1px solid rgba(51,39,34,.12);
}
.supportIntroV27{align-self:start;}
.supportIntroV27 .kicker{margin-bottom:18px;color:#B85F38;}
.supportIntroV27 h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(38px,3.4vw,52px);
  line-height:.98;
  letter-spacing:-.035em;
  font-weight:600;
}
.supportItemsV27{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:3.5vw;
  row-gap:0;
}
.supportItemsV27 article{
  min-height:132px;
  padding:20px 0 28px;
  border-top:1px solid rgba(51,39,34,.16);
}
.supportItemsV27 article:nth-child(-n+3){border-top:0;padding-top:0;}
.supportItemsV27 span{
  display:block;
  margin-bottom:18px;
  color:#B85F38;
  font-size:12px;
  line-height:1;
  letter-spacing:.04em;
}
.supportItemsV27 h3{
  margin:0;
  max-width:250px;
  font-family:var(--font-display);
  font-size:21px;
  line-height:1.22;
  letter-spacing:-.015em;
  font-weight:500;
}
@media(max-width:1000px){
  .supportV27{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:700px){
  .supportV27{padding:44px 6vw 48px;}
  .supportItemsV27{grid-template-columns:1fr 1fr;column-gap:28px;}
  .supportItemsV27 article:nth-child(-n+3){border-top:1px solid rgba(51,39,34,.16);padding-top:20px;}
  .supportItemsV27 article:nth-child(-n+2){border-top:0;padding-top:0;}
}
@media(max-width:480px){
  .supportItemsV27{grid-template-columns:1fr;}
  .supportItemsV27 article,.supportItemsV27 article:nth-child(-n+2){border-top:1px solid rgba(51,39,34,.16);padding-top:20px;}
  .supportItemsV27 article:first-child{border-top:0;padding-top:0;}
}

/* V28 — cleaner primary credentials */
.eduCardsV28 a{
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.eduCardsV28 p{max-width:31ch;}

/* V29 — hero CTA/meta readability */
.hero .cta,.hero a[class*="cta"],.hero a[class*="button"],.hero a[class*="Button"]{
  font-size:16px !important;
  min-height:62px;
}
.heroMeta,.hero .meta,.heroMeta span,.hero .meta span{
  font-size:16px !important;
  line-height:1.4;
  letter-spacing:.10em;
}
@media(max-width:700px){
  .hero .cta,.hero a[class*="cta"],.hero a[class*="button"],.hero a[class*="Button"]{font-size:15px !important;}
  .heroMeta,.hero .meta,.heroMeta span,.hero .meta span{font-size:15px !important;}
}

.heroCtaV30{font-size:18px !important;line-height:1.2 !important;min-height:64px !important;padding-left:32px !important;padding-right:32px !important;}
.heroMetaV30{font-size:18px !important;line-height:1.45 !important;letter-spacing:.08em !important;}
@media(max-width:700px){.heroCtaV30{font-size:17px !important}.heroMetaV30{font-size:17px !important;letter-spacing:.055em !important}}

/* V31 final polish */
.cards article{min-height:560px;}
.cards p{font-size:17px!important;line-height:1.55!important;}
.footerLinksV31 a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
@media(max-width:900px){.cards article{min-height:auto}.cards p{font-size:17px!important}}

/* V33 — center closing CTA label precisely */
#kontakt a,
.contact a,
.contactCta a,
.closingCta a,
section[id="kontakt"] a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}