/* "Mockup" layer: home page + header built 1:1 from the owner's reference image (852px wide).
   Every size is in mockup pixels x --u, so the layout scales exactly with the phone width.
   Text has a readable floor so it never drops below phone-legible sizes. */

:root {
  --u: calc(100vw / 852);
  --bg: #f7f3ee;
  --bg-2: #f9f6f2;
  --tile: #f1e9e1;
  --card: #f2ece5;
  --sage: #6b7b62;
  --sage-blob: #b9c6b0;
  --beige-blob: #ecdfd2;
  --terra-blob: #d99b85;
  --ink: #2e2e2c;
  --ink-2: #3d3d3a;
  --num: #5a6b52;
}
@media (min-width: 761px) {
  :root { --u: 1.18px; }
}

body.mk-body { background: var(--bg); }
.mk { width: calc(852 * var(--u)); margin-inline: auto; overflow: hidden; }

/* ---------- Header ---------- */
.mk-header { position: sticky; top: 0; z-index: 50; background: rgba(247, 243, 238, 0.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.mk-header.is-scrolled { box-shadow: 0 10px 30px -24px rgba(60, 70, 50, 0.5); }
.mk-header-in {
  width: calc(852 * var(--u)); margin-inline: auto; height: max(calc(96 * var(--u)), 62px);
  display: flex; align-items: center; justify-content: space-between; padding-inline: calc(37 * var(--u));
}
.mk-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: calc(14 * var(--u));
  width: max(calc(244 * var(--u)), 118px); height: max(calc(63 * var(--u)), 36px); border-radius: 999px;
  background: var(--sage); color: #fff; text-decoration: none; font-weight: 600;
  font-size: max(calc(24 * var(--u)), 12.5px); box-shadow: 0 8px 18px -12px rgba(60, 75, 50, 0.7);
  transition: background-color 0.25s, transform 0.25s;
}
.mk-cta:hover { background: #5b6a53; color: #fff; transform: translateY(-1px); }
.mk-cta svg { width: max(calc(27 * var(--u)), 14px); height: auto; }
.mk-brand { display: flex; align-items: center; gap: calc(14 * var(--u)); text-decoration: none; color: var(--ink); }
.mk-brand-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.12; }
.mk-brand-name { font-family: var(--f-display); font-weight: 500; font-size: max(calc(35 * var(--u)), 16px); color: var(--ink); }
.mk-brand-sub { font-size: max(calc(21 * var(--u)), 10.5px); color: #555; margin-top: calc(4 * var(--u)); }
.mk-brand-mark { width: max(calc(54 * var(--u)), 26px); color: #4c5a45; }
.mk-brand-mark svg { width: 100%; height: auto; }
.mk-menu { width: max(calc(46 * var(--u)), 30px); height: max(calc(46 * var(--u)), 30px); display: grid; place-items: center; background: none; border: 0; padding: 0; color: var(--ink); cursor: pointer; }
.mk-menu svg { width: 100%; height: auto; }
.mk-nav {
  position: fixed; inset: max(calc(96 * var(--u)), 62px) 0 auto 0; background: var(--bg-2); border-top: 1px solid #e6ddd2;
  box-shadow: 0 30px 50px -30px rgba(60, 70, 50, 0.45); padding: 0.4rem 1.2rem 1.2rem;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity 0.25s, transform 0.25s, visibility 0s linear 0.25s;
}
.mk-nav.is-open { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.mk-nav ul { list-style: none; margin: 0; padding: 0; width: min(852px, 100%); margin-inline: auto; }
.mk-nav a { display: block; padding: 0.85rem 0.2rem; border-bottom: 1px solid #e6ddd2; color: var(--ink); text-decoration: none; font-size: 1.08rem; font-weight: 500; }
.mk-nav a:hover, .mk-nav a[aria-current="page"] { color: var(--sage); }

/* ---------- Hero ---------- */
.mk-hero { position: relative; height: calc(622 * var(--u)); }
.mk-hero-photo {
  position: absolute; top: calc(6 * var(--u)); right: 0; width: calc(392 * var(--u)); height: calc(616 * var(--u));
  border-top-left-radius: calc(86 * var(--u)) calc(96 * var(--u)); overflow: hidden; z-index: 1;
}
.mk-hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 48% 22%; }
.mk-hero-text { position: absolute; top: calc(52 * var(--u)); left: calc(46 * var(--u)); width: calc(388 * var(--u)); z-index: 3; text-align: start; }
.mk-hero h1 {
  font-family: var(--f-display); font-weight: 500; color: var(--ink); margin: 0;
  font-size: max(calc(47 * var(--u)), 21px); line-height: 1.12; letter-spacing: -0.005em;
}
.mk-hero h1 span { font-weight: 400; }
.mk-hero p.mk-lead { margin: calc(18 * var(--u)) 0 0; font-size: max(calc(25 * var(--u)), 12.5px); line-height: 1.38; color: var(--ink-2); }
.mk-btns { display: flex; flex-direction: column; align-items: flex-end; gap: calc(17 * var(--u)); margin-top: calc(34 * var(--u)); }
.mk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: calc(16 * var(--u)); text-decoration: none;
  border-radius: 999px; font-weight: 600; transition: background-color 0.25s, transform 0.25s, border-color 0.25s;
}
.mk-btn--solid { width: calc(290 * var(--u)); height: max(calc(74 * var(--u)), 40px); background: var(--sage); color: #fff; font-size: max(calc(27 * var(--u)), 13.5px); box-shadow: 0 10px 20px -14px rgba(60, 75, 50, 0.8); }
.mk-btn--solid:hover { background: #5b6a53; color: #fff; transform: translateY(-2px); }
.mk-btn--solid svg { width: max(calc(34 * var(--u)), 17px); height: auto; }
.mk-btn--line { height: max(calc(68 * var(--u)), 38px); border: 1.5px solid #3b3b38; color: var(--ink); font-weight: 500; font-size: max(calc(25 * var(--u)), 13px); background: transparent; }
.mk-btn--line:hover { background: #fff; color: var(--ink); border-color: var(--ink); }
.mk-btn--line svg { width: max(calc(20 * var(--u)), 11px); height: auto; }
.mk-btn--w235 { width: calc(235 * var(--u)); }
.mk-btn--w255 { width: calc(255 * var(--u)); height: max(calc(62 * var(--u)), 36px); font-size: max(calc(22 * var(--u)), 12px); }
.mk-hero-blob {
  position: absolute; z-index: 2; left: calc(370 * var(--u)); top: calc(362 * var(--u)); width: calc(160 * var(--u)); height: calc(196 * var(--u));
  background: var(--sage-blob); border-radius: 58% 42% 46% 54% / 46% 40% 60% 54%; opacity: 0.92;
}
.mk-hero-leaf { position: absolute; z-index: 4; left: calc(392 * var(--u)); top: calc(410 * var(--u)); width: calc(150 * var(--u)); color: #3e463a; }
.mk-hero-leaf svg { width: 100%; height: auto; }
.mk-hero-wave { position: absolute; z-index: 3; left: 0; right: 0; bottom: -1px; height: calc(150 * var(--u)); color: var(--bg-2); }
.mk-hero-wave svg { width: 100%; height: 100%; display: block; }
.mk-hero-line { position: absolute; z-index: 4; left: calc(330 * var(--u)); top: calc(538 * var(--u)); width: calc(70 * var(--u)); color: #d9a28c; }

/* ---------- Sections ---------- */
.mk-sec { background: var(--bg-2); text-align: center; }
.mk-h2 { font-family: var(--f-display); font-weight: 500; color: var(--ink); margin: 0; font-size: max(calc(40 * var(--u)), 19px); line-height: 1.2; }
.mk-sub { margin: calc(14 * var(--u)) auto 0; font-size: max(calc(22 * var(--u)), 12px); line-height: 1.45; color: var(--ink-2); max-width: calc(700 * var(--u)); }

.mk-concerns { padding: calc(10 * var(--u)) calc(34 * var(--u)) calc(24 * var(--u)); }
.mk-tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(14 * var(--u)); margin: calc(42 * var(--u)) 0 0; padding: 0; list-style: none; }
.mk-tile {
  background: var(--tile); border-radius: calc(26 * var(--u)); min-height: calc(182 * var(--u));
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: calc(28 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u));
  transition: transform 0.3s, box-shadow 0.3s;
}
.mk-tile:hover { transform: translateY(-3px); box-shadow: 0 12px 24px -18px rgba(60, 50, 40, 0.5); }
.mk-tile svg { width: calc(46 * var(--u)); height: calc(46 * var(--u)); }
.mk-tile span { margin-top: calc(14 * var(--u)); font-size: max(calc(21 * var(--u)), 10.5px); line-height: 1.3; color: var(--ink); font-weight: 500; }
.ic-terra { color: #c98366; }
.ic-sage { color: #6f7f66; }
.ic-grey { color: #6b7380; }

/* ---------- About card ---------- */
.mk-about-wrap { padding: calc(4 * var(--u)) calc(20 * var(--u)) 0; }
.mk-about {
  position: relative; background: var(--card); border-radius: calc(32 * var(--u)); height: calc(380 * var(--u)); text-align: start;
}
.mk-about-text { position: absolute; top: calc(36 * var(--u)); right: calc(37 * var(--u)); width: calc(372 * var(--u)); }
.mk-about h2 { font-family: var(--f-display); font-weight: 500; color: var(--ink); margin: 0; font-size: max(calc(40 * var(--u)), 19px); line-height: 1.1; }
.mk-about p { margin: calc(16 * var(--u)) 0 0; font-size: max(calc(21.5 * var(--u)), 11.5px); line-height: 1.48; color: var(--ink-2); }
.mk-about .mk-btn { margin-top: calc(22 * var(--u)); }
.mk-about-visual { position: absolute; left: calc(14 * var(--u)); top: calc(24 * var(--u)); width: calc(400 * var(--u)); height: calc(340 * var(--u)); }
.mk-about-photo {
  position: absolute; z-index: 2; left: calc(38 * var(--u)); top: 0; width: calc(318 * var(--u)); height: calc(330 * var(--u)); overflow: hidden;
  border-radius: 46% 54% 40% 60% / 34% 44% 56% 66%;
}
.mk-about-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.mk-about-blob1 { position: absolute; z-index: 1; left: calc(232 * var(--u)); top: calc(168 * var(--u)); width: calc(168 * var(--u)); height: calc(166 * var(--u)); background: var(--sage-blob); border-radius: 50% 50% 46% 54% / 54% 50% 50% 46%; }
.mk-about-blob2 { position: absolute; z-index: 3; left: 0; top: calc(208 * var(--u)); width: calc(185 * var(--u)); height: calc(130 * var(--u)); background: #e6c3b4; opacity: 0.85; border-radius: 60% 40% 55% 45% / 50% 60% 40% 50%; }
.mk-about-blob0 { position: absolute; z-index: 1; left: calc(4 * var(--u)); top: calc(40 * var(--u)); width: calc(120 * var(--u)); height: calc(170 * var(--u)); background: var(--sage-blob); opacity: 0.8; border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%; }
.mk-about-curve { position: absolute; z-index: 4; left: calc(250 * var(--u)); top: calc(-6 * var(--u)); width: calc(100 * var(--u)); color: #c98a72; }
.mk-about-curve2 { position: absolute; z-index: 4; left: calc(30 * var(--u)); top: calc(230 * var(--u)); width: calc(80 * var(--u)); color: #c98a72; }

/* ---------- Process ---------- */
.mk-process { padding: calc(40 * var(--u)) calc(20 * var(--u)) calc(50 * var(--u)); }
.mk-steps { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin: calc(36 * var(--u)) 0 0; padding: 0; list-style: none; }
.mk-step { position: relative; }
.mk-step-ic { position: relative; width: calc(116 * var(--u)); height: calc(100 * var(--u)); margin: 0 auto; display: grid; place-items: center; border-radius: 52% 48% 44% 56% / 58% 46% 54% 42%; }
.mk-step-ic svg { width: calc(62 * var(--u)); height: calc(62 * var(--u)); }
.mk-step:nth-child(1) .mk-step-ic { background: #c7d1bf; color: #3e4a39; }
.mk-step:nth-child(2) .mk-step-ic { background: var(--beige-blob); color: #3a3a36; border-radius: 46% 54% 52% 48% / 50% 56% 44% 50%; }
.mk-step:nth-child(3) .mk-step-ic { background: var(--terra-blob); color: #fff; border-radius: 58% 42% 50% 50% / 48% 56% 44% 52%; }
.mk-num {
  position: absolute; top: calc(22 * var(--u)); right: calc(-30 * var(--u)); width: calc(40 * var(--u)); height: calc(40 * var(--u));
  min-width: 20px; min-height: 20px; border-radius: 50%; background: var(--num); color: #fff; display: grid; place-items: center;
  font-size: max(calc(22 * var(--u)), 11px); font-weight: 600;
}
.mk-step h3 { font-family: var(--f-text); font-weight: 700; color: var(--ink); margin: calc(26 * var(--u)) 0 0; font-size: max(calc(25 * var(--u)), 12.5px); }
.mk-step p { margin: calc(8 * var(--u)) auto 0; max-width: calc(220 * var(--u)); font-size: max(calc(21 * var(--u)), 11px); line-height: 1.42; color: var(--ink-2); }
.mk-link { position: absolute; top: calc(38 * var(--u)); width: calc(104 * var(--u)); color: #9aa394; }
.mk-link svg { width: 100%; height: calc(20 * var(--u)); }
.mk-link--1 { right: calc(205 * var(--u)); }
.mk-link--2 { right: calc(490 * var(--u)); }

/* ---------- Compact contact band ---------- */
.mk-contact { background: var(--card); padding: calc(46 * var(--u)) calc(37 * var(--u)) calc(50 * var(--u)); text-align: center; }
.mk-contact .mk-row { display: flex; justify-content: center; gap: calc(18 * var(--u)); margin-top: calc(26 * var(--u)); flex-wrap: wrap; }
.mk-contact .mk-btn--solid, .mk-contact .mk-btn--line { width: calc(330 * var(--u)); min-width: 150px; }
.mk-facts { margin: calc(26 * var(--u)) 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: calc(10 * var(--u)) calc(34 * var(--u)); font-size: max(calc(21 * var(--u)), 11.5px); color: var(--ink-2); }
.mk-facts a { color: var(--ink-2); }

.mk-footer { background: #3f4b3a; color: #dfe3d8; text-align: center; padding: calc(30 * var(--u)) calc(30 * var(--u)) calc(34 * var(--u)); font-size: max(calc(19 * var(--u)), 11px); line-height: 1.6; }
.mk-footer a { color: #fff; }
.mk-footer nav { display: flex; justify-content: center; gap: calc(26 * var(--u)); flex-wrap: wrap; margin-top: calc(8 * var(--u)); }

/* Mobile action bar comes from style.css (.mobile-bar). */
@media (max-width: 760px) { body.mk-body { padding-bottom: 70px; } }

/* Desktop: show the nav inline, keep the mockup proportions. */
@media (min-width: 761px) {
  .mk-menu { display: none; }
  .mk-header-in { width: min(1200px, 100% - 48px); padding-inline: 0; }
  .mk-nav { position: static; opacity: 1; visibility: visible; transform: none; background: none; border: 0; box-shadow: none; padding: 0; }
  .mk-nav ul { display: flex; gap: 1.6rem; width: auto; }
  .mk-nav a { border: 0; padding: 0.3rem 0; font-size: 1rem; }
  .mk-header-in { gap: 2rem; }
  .mk-brand { order: -1; }
  .mk-nav { order: 0; margin-inline-start: auto; }
  .mk-cta { order: 1; }
}

/* Fit tweaks after visual comparison */
.mk-hero h1 { font-size: max(calc(44 * var(--u)), 19.5px); }
.mk-about { height: auto; min-height: calc(380 * var(--u)); padding: calc(36 * var(--u)) calc(37 * var(--u)) calc(30 * var(--u)); }
.mk-about-text { position: relative; top: auto; right: auto; width: calc(372 * var(--u)); }
body.mk-body { background: var(--bg-2); }
.mk-sec { background: transparent; }
.mk-contact { box-shadow: 0 0 0 100vmax var(--card); clip-path: inset(0 -100vmax); }
@media (min-width: 761px) {
  .mk-cta { width: 190px; height: 50px; font-size: 16px; gap: 10px; }
  .mk-cta svg { width: 18px; }
  .mk-brand-name { font-size: 28px; }
  .mk-brand-sub { font-size: 15px; }
  .mk-brand-mark { width: 40px; }
  .mk-header-in { height: 84px; }
  .mk-nav a { font-size: 16.5px; }
  .mk-sub, .mk-about p, .mk-step p, .mk-facts { font-size: calc(var(--u) * 19.5); }
}

.mk-role { margin: calc(12 * var(--u)) 0 0 !important; color: #56664c !important; }
.mk-role strong { color: var(--ink); font-weight: 600; }
.mk-pt { padding: calc(46 * var(--u)) calc(40 * var(--u)) calc(6 * var(--u)); }
.mk-pt .mk-sub { max-width: calc(740 * var(--u)); }
.mk-quote { margin: calc(26 * var(--u)) auto 0; max-width: calc(620 * var(--u)); background: #e8ede2; border-radius: calc(30 * var(--u)) calc(30 * var(--u)) calc(30 * var(--u)) calc(6 * var(--u)); padding: calc(26 * var(--u)) calc(30 * var(--u)); }
.mk-quote blockquote { margin: 0; font-family: var(--f-display); font-size: max(calc(32 * var(--u)), 17px); line-height: 1.3; color: var(--ink); }
.mk-quote figcaption { margin-top: calc(8 * var(--u)); font-size: max(calc(19 * var(--u)), 11.5px); color: #5c6457; }
/* Full contact section on the home page sits inside the mockup column */
.mk-body #contact { width: 100%; }
.mk-body #contact .wrap { width: min(1200px, 100% - 2 * var(--gutter)); }

.mk-more { margin: calc(22 * var(--u)) auto 0; max-width: calc(760 * var(--u)); font-size: max(calc(20 * var(--u)), 12px); line-height: 1.6; color: var(--ink-2); }
.mk-more strong { color: var(--sage); }
.mk-note { display: flex; gap: calc(14 * var(--u)); align-items: flex-start; text-align: start; margin: calc(22 * var(--u)) auto 0; max-width: calc(760 * var(--u)); background: #f5e6dd; border-radius: calc(24 * var(--u)); padding: calc(20 * var(--u)) calc(24 * var(--u)); }
.mk-note svg { width: max(calc(30 * var(--u)), 18px); flex: none; color: #c98a72; }
.mk-note p { margin: 0; font-size: max(calc(20 * var(--u)), 12px); line-height: 1.55; color: var(--ink-2); }
.mk-creds { list-style: none; margin: calc(14 * var(--u)) 0 0; padding: 0; display: grid; gap: calc(8 * var(--u)); }
.mk-creds li { display: flex; gap: calc(10 * var(--u)); align-items: flex-start; font-size: max(calc(20 * var(--u)), 11.5px); line-height: 1.4; color: var(--ink); }
.mk-creds svg { width: max(calc(24 * var(--u)), 14px); flex: none; color: var(--sage); margin-top: 2px; }
.mk-body .section { padding-block: clamp(3rem, 2rem + 3vw, 5rem); }
.mk-body .split-quote cite { display: block; margin-top: .3rem; }
.mk-about-text { min-height: calc(318 * var(--u)); }
.mk-about-more { position: relative; z-index: 5; margin-top: calc(18 * var(--u)); padding-top: calc(18 * var(--u)); border-top: 1px solid #e3d8cc; }
.mk-about-more p { margin: 0; font-size: max(calc(21.5 * var(--u)), 12.5px); line-height: 1.55; color: var(--ink-2); }
.mk-about-more .mk-creds { grid-template-columns: repeat(3, 1fr); gap: calc(16 * var(--u)); margin-top: calc(16 * var(--u)); }
.mk-about-more .mk-btn { margin-top: calc(22 * var(--u)); }
@media (max-width: 760px) { .mk-about-more .mk-creds { grid-template-columns: 1fr; } }

/* ---------- Shared organic icon blob ---------- */
.mk-blob-ic { flex: none; width: max(calc(84 * var(--u)), 46px); height: max(calc(74 * var(--u)), 40px); display: grid; place-items: center; border-radius: 52% 48% 44% 56% / 58% 46% 54% 42%; }
.mk-blob-ic svg { width: 46%; height: auto; }
.mk-blob-ic--sage { background: #cfd8c7; color: #3e4a39; }
.mk-blob-ic--beige { background: var(--beige-blob); color: #4a4036; border-radius: 46% 54% 52% 48% / 50% 56% 44% 50%; }
.mk-blob-ic--terra { background: #e6b3a0; color: #fff; border-radius: 58% 42% 50% 50% / 48% 56% 44% 52%; }
.mk-blob-ic--light { background: rgba(255,255,255,.14); color: #f5e6dd; }

/* ---------- Play therapy band (sage, wave edges) ---------- */
.mk-band { position: relative; background: #e7ece1; margin-top: calc(56 * var(--u)); text-align: center; }
.mk-wave { position: absolute; left: 0; right: 0; height: calc(44 * var(--u)); color: var(--bg-2); line-height: 0; }
.mk-wave svg { width: 100%; height: 100%; display: block; }
.mk-wave--top { top: -1px; transform: scaleY(-1); }
.mk-wave--bottom { bottom: -1px; }
.mk-band-in { padding: calc(74 * var(--u)) calc(37 * var(--u)) calc(80 * var(--u)); }
.mk-pt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: calc(30 * var(--u)); align-items: center; margin-top: calc(34 * var(--u)); text-align: start; }
.mk-pt-text p { margin: 0; font-size: max(calc(23 * var(--u)), 13px); line-height: 1.6; color: var(--ink-2); }
.mk-pt-visual { position: relative; order: 2; height: calc(330 * var(--u)); }
.mk-pt-photo { position: absolute; z-index: 2; inset: calc(10 * var(--u)) calc(10 * var(--u)) calc(60 * var(--u)) calc(20 * var(--u)); overflow: hidden; border-radius: 48% 52% 44% 56% / 52% 46% 54% 48%; }
.mk-pt-photo img { width: 100%; height: 100%; object-fit: cover; }
.mk-pt-blob { position: absolute; z-index: 1; top: 0; left: 0; width: calc(150 * var(--u)); height: calc(150 * var(--u)); background: #edd3c6; border-radius: 50% 50% 42% 58% / 58% 44% 56% 42%; }
.mk-bubble { position: absolute; z-index: 3; right: 0; bottom: 0; margin: 0; max-width: calc(270 * var(--u)); background: var(--bg-2); border-radius: calc(26 * var(--u)) calc(26 * var(--u)) calc(6 * var(--u)) calc(26 * var(--u)); padding: calc(16 * var(--u)) calc(20 * var(--u)); box-shadow: 0 14px 30px -20px rgba(60, 70, 50, .6); text-align: start; }
.mk-bubble blockquote { margin: 0; font-family: var(--f-display); font-size: max(calc(24 * var(--u)), 13.5px); line-height: 1.3; color: var(--ink); }
.mk-bubble figcaption { margin-top: calc(6 * var(--u)); font-size: max(calc(17 * var(--u)), 11px); color: #6a7064; }
.mk-points { list-style: none; margin: calc(40 * var(--u)) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(18 * var(--u)); text-align: center; }
.mk-points li { background: rgba(255,255,255,.55); border-radius: calc(26 * var(--u)); padding: calc(24 * var(--u)) calc(16 * var(--u)) calc(22 * var(--u)); display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--u)); }
.mk-points h3, .mk-tcard h3 { font-family: var(--f-text); font-weight: 700; color: var(--ink); margin: 0; font-size: max(calc(23 * var(--u)), 13px); }
.mk-points p, .mk-tcard p { margin: calc(6 * var(--u)) 0 0; font-size: max(calc(19.5 * var(--u)), 12px); line-height: 1.5; color: var(--ink-2); }

/* ---------- Treatments ---------- */
.mk-treat { padding: calc(56 * var(--u)) calc(30 * var(--u)) calc(10 * var(--u)); }
.mk-tcards { list-style: none; margin: calc(36 * var(--u)) 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: calc(16 * var(--u)); text-align: start; }
.mk-tcard { display: flex; gap: calc(18 * var(--u)); align-items: flex-start; background: var(--tile); border-radius: calc(28 * var(--u)); padding: calc(24 * var(--u)) calc(22 * var(--u)); transition: transform .3s, box-shadow .3s; }
.mk-tcard:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -20px rgba(60, 50, 40, .55); }
.mk-couple { margin-top: calc(16 * var(--u)); display: flex; align-items: center; gap: calc(18 * var(--u)); text-align: start; text-decoration: none; background: #4a5843; color: #fff; border-radius: calc(28 * var(--u)); padding: calc(22 * var(--u)) calc(24 * var(--u)); transition: background-color .25s, transform .25s; }
.mk-couple:hover { background: #3f4b3a; color: #fff; transform: translateY(-2px); }
.mk-couple-text { flex: 1; display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.mk-couple-text strong { font-family: var(--f-display); font-weight: 500; font-size: max(calc(27 * var(--u)), 15px); }
.mk-couple-text span { font-size: max(calc(19.5 * var(--u)), 12px); color: #e2e6dc; line-height: 1.45; }
.mk-couple-go { width: max(calc(46 * var(--u)), 28px); height: max(calc(46 * var(--u)), 28px); border-radius: 50%; background: #f5e6dd; color: #4a5843; display: grid; place-items: center; flex: none; }
.mk-couple-go svg { width: 55%; }

/* ---------- Testimonial ---------- */
.mk-testi-wrap { padding: calc(10 * var(--u)) calc(20 * var(--u)) calc(30 * var(--u)); }
.mk-testi { position: relative; margin: 0; background: #f5e6dd; border-radius: calc(36 * var(--u)); padding: calc(44 * var(--u)) calc(50 * var(--u)) calc(40 * var(--u)); overflow: hidden; }
.mk-testi-mark { display: block; width: calc(56 * var(--u)); margin: calc(18 * var(--u)) auto 0; color: #d99b85; }
.mk-testi-mark svg { width: 100%; height: auto; }
.mk-testi blockquote { margin: calc(14 * var(--u)) 0 0; }
.mk-testi blockquote p { margin: 0; font-family: var(--f-display); font-size: max(calc(27 * var(--u)), 15px); line-height: 1.55; color: var(--ink); }
.mk-testi figcaption { margin-top: calc(18 * var(--u)); font-size: max(calc(20 * var(--u)), 12px); color: #6a6460; }
.mk-testi-leaf { position: absolute; left: calc(-10 * var(--u)); bottom: calc(-20 * var(--u)); width: calc(140 * var(--u)); color: #c98a72; opacity: .35; transform: rotate(-30deg); }

/* ---------- Contact on home in mockup style ---------- */
.mk-body #contact { background: var(--card); margin-top: calc(30 * var(--u)); }
.mk-body #contact .eyebrow { color: var(--sage); }
.mk-body #contact h2 { font-weight: 500; }
.mk-body #contact .btn { background: var(--sage); }
.mk-body #contact .btn--ghost { background: transparent; color: var(--ink); border-color: #3b3b38; }
.mk-body #contact .form-card { border-radius: calc(36 * var(--u)); }

/* ---------- Mobile adjustments for the new sections ---------- */
@media (max-width: 760px) {
  .mk-pt-grid { grid-template-columns: 1fr; }
  .mk-pt-visual { order: 0; height: calc(560 * var(--u)); }
  .mk-bubble { max-width: calc(440 * var(--u)); }
  .mk-points { grid-template-columns: 1fr; text-align: start; }
  .mk-points li { flex-direction: row; align-items: center; padding: calc(20 * var(--u)) calc(22 * var(--u)); gap: calc(20 * var(--u)); }
  .mk-tcards { grid-template-columns: 1fr; }
  .mk-band-in { padding-inline: calc(30 * var(--u)); }
}
.mk-couple--child { background: #c98a72; }
.mk-couple--child:hover { background: #b87a62; }
.mk-couple--child .mk-couple-go { color: #b87a62; }
.mk-couple--child .mk-couple-text span { color: #fbeee7; }
@media (max-width: 760px) {
  .mk-body #contact h2 { font-size: 1.6rem; }
  .mk-body #contact .lead { font-size: 1rem; }
  .mk-body #contact .contact-actions .btn { flex: 1 1 100%; }
}
@media (max-width: 560px) {
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; }
  .foot-grid > div:first-child { grid-column: 1 / -1; }
  .site-footer li { font-size: .9rem; margin-bottom: .3rem; }
}

/* =========================================================
   English (LTR): mirror the mockup's physical positions
   ========================================================= */
[dir="ltr"] .mk-hero-photo { right: auto; left: 0; border-top-left-radius: 0; border-top-right-radius: calc(86 * var(--u)) calc(96 * var(--u)); }
[dir="ltr"] .mk-hero-text { left: auto; right: calc(46 * var(--u)); }
[dir="ltr"] .mk-hero-blob { left: auto; right: calc(370 * var(--u)); }
[dir="ltr"] .mk-hero-leaf { left: auto; right: calc(392 * var(--u)); transform: scaleX(-1); }
[dir="ltr"] .mk-hero-line { left: auto; right: calc(330 * var(--u)); transform: scaleX(-1); }
[dir="ltr"] .mk-hero-wave svg { transform: scaleX(-1); }
[dir="ltr"] .mk-about-visual { left: auto; right: calc(14 * var(--u)); }
[dir="ltr"] .mk-about-photo { left: auto; right: calc(38 * var(--u)); }
[dir="ltr"] .mk-about-blob1 { left: auto; right: calc(232 * var(--u)); }
[dir="ltr"] .mk-about-blob2 { left: auto; right: 0; }
[dir="ltr"] .mk-about-blob0 { left: auto; right: calc(4 * var(--u)); }
[dir="ltr"] .mk-about-curve { left: auto; right: calc(250 * var(--u)); transform: scaleX(-1); }
[dir="ltr"] .mk-num { right: auto; left: calc(-30 * var(--u)); }
[dir="ltr"] .mk-link--1 { right: auto; left: calc(205 * var(--u)); }
[dir="ltr"] .mk-link--2 { right: auto; left: calc(490 * var(--u)); }
[dir="ltr"] .mk-pt-blob { left: auto; right: 0; }
[dir="ltr"] .mk-bubble { right: auto; left: 0; border-radius: calc(26 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u)) calc(6 * var(--u)); }
[dir="ltr"] .mk-testi-leaf { left: auto; right: calc(-10 * var(--u)); transform: scaleX(-1) rotate(-30deg); }
[dir="ltr"] .mk-wave svg { transform: scaleX(-1); }
[dir="ltr"] .mk-wave--top svg { transform: scale(-1, 1); }
[dir="ltr"] .mk-couple-go svg, [dir="ltr"] .link-arrow svg { transform: scaleX(-1); }
[dir="ltr"] .link-arrow:hover svg { transform: scaleX(-1) translateX(-4px); }
[dir="ltr"] .mk-hero h1 { letter-spacing: 0; }
.mk-lang a { font-weight: 700 !important; color: var(--sage) !important; }
@media (min-width: 761px) { .mk-lang a { border: 1.5px solid currentColor !important; border-radius: 999px; padding: 0.2rem 0.8rem !important; } }

/* =========================================================
   Accessibility menu
   ========================================================= */
.a11y { position: fixed; z-index: 80; inset-inline-end: 16px; bottom: 16px; }
@media (max-width: 860px) { .a11y { bottom: 92px; } }
.a11y-btn {
  width: 52px; height: 52px; border-radius: 50%; border: 2px solid #fff; background: #2f5f8a; color: #fff; cursor: pointer;
  display: grid; place-items: center; box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .5);
}
.a11y-btn svg { width: 30px; height: 30px; }
.a11y-btn:hover { background: #244a6c; }
.a11y-panel {
  position: absolute; bottom: 62px; inset-inline-end: 0; width: min(320px, calc(100vw - 32px)); background: #fff; color: #1d1d1b;
  border-radius: 18px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .55); padding: 14px; border: 1px solid #ddd;
  font-family: Arial, Helvetica, sans-serif;
}
.a11y-panel[hidden] { display: none; }
.a11y-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 1.1rem; }
.a11y-close { background: none; border: 0; font-size: 1.2rem; cursor: pointer; width: 36px; height: 36px; border-radius: 50%; color: #1d1d1b; }
.a11y-close:hover { background: #eee; }
.a11y-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.a11y-opt {
  min-height: 48px; padding: 8px; border-radius: 12px; border: 1.5px solid #c9c9c9; background: #f6f6f6; color: #1d1d1b;
  font: 600 0.92rem/1.25 Arial, Helvetica, sans-serif; cursor: pointer;
}
.a11y-opt:hover { border-color: #2f5f8a; }
.a11y-opt[aria-pressed="true"] { background: #2f5f8a; border-color: #2f5f8a; color: #fff; }
.a11y-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; gap: 8px; }
.a11y-reset { background: none; border: 0; color: #a3341b; font: 700 0.95rem Arial, sans-serif; cursor: pointer; text-decoration: underline; padding: 6px 0; }
.a11y-foot a { color: #2f5f8a; font-weight: 700; font-size: .95rem; }
.a11y :focus-visible { outline: 3px solid #f2b705; outline-offset: 2px; }

/* Text size: zoom only text-level blocks so containers keep their width */
.a11y-zoom-1 :is(p, h1, h2, h3, h4, label, .mk-tile span, .mk-creds li, .details li, .site-footer li, .mk-nav a, .crumbs, .chip, .btn, .mk-btn, .mk-cta, .mk-facts li) { zoom: 1.12; }
.a11y-zoom-2 :is(p, h1, h2, h3, h4, label, .mk-tile span, .mk-creds li, .details li, .site-footer li, .mk-nav a, .crumbs, .chip, .btn, .mk-btn, .mk-cta, .mk-facts li) { zoom: 1.25; }
.a11y-zoom-3 :is(p, h1, h2, h3, h4, label, .mk-tile span, .mk-creds li, .details li, .site-footer li, .mk-nav a, .crumbs, .chip, .btn, .mk-btn, .mk-cta, .mk-facts li) { zoom: 1.4; }
:is(.a11y-zoom-1, .a11y-zoom-2, .a11y-zoom-3) .mk-hero { height: auto; min-height: calc(622 * var(--u)); padding-bottom: calc(160 * var(--u)); }
:is(.a11y-zoom-1, .a11y-zoom-2, .a11y-zoom-3) .mk-hero-text { position: relative; }
.a11y :is(p, h1, h2, h3, h4, label) { zoom: 1 !important; }

.a11y-contrast { --fc: contrast(1.45); }
.a11y-gray { --fg: grayscale(1); }
:is(.a11y-contrast, .a11y-gray) :is(main, .mk-header, .site-footer, .mobile-bar) { filter: var(--fc, ) var(--fg, ); }
.a11y-contrast { --ink: #000; --ink-2: #111; --text: #111; --muted: #2b2b2b; }
.a11y-links a { text-decoration: underline !important; text-underline-offset: 3px; outline: 2px dashed #b3541e; outline-offset: 2px; }
.a11y-font body, .a11y-font body * { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0.01em !important; }
.a11y-motion *, .a11y-motion *::before, .a11y-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.a11y-motion .reveal { opacity: 1 !important; transform: none !important; }
.a11y-cursor, .a11y-cursor * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-6.5 1.2L16 21l-3 1.4-3.5-6.9L4 19z' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 4 2, auto !important; }

/* ---------- Old-site content layout tweaks ---------- */
.mk-hero h1 span { display: inline-block; font-size: 0.78em; margin-top: calc(4 * var(--u)); }
.mk-hero .mk-lead { font-size: max(calc(21 * var(--u)), 11.5px); }
.mk-hero-quote { margin: calc(14 * var(--u)) 0 0; font-family: var(--f-display); font-size: max(calc(23 * var(--u)), 12.5px); line-height: 1.35; color: #56664c; }
.mk-hero-quote span { display: block; font-family: var(--f-text); font-size: 0.72em; color: #7a8072; margin-top: 2px; }
.mk-hero .mk-btns { margin-top: calc(24 * var(--u)); }
.mk-sub-title { font-family: var(--f-text); font-weight: 700; color: var(--ink); margin: calc(26 * var(--u)) 0 0; font-size: max(calc(22 * var(--u)), 13px); }
.mk-tiles--12 { grid-template-columns: repeat(4, 1fr); margin-top: calc(22 * var(--u)); }
.mk-tiles--12 .mk-tile { min-height: calc(150 * var(--u)); padding-top: calc(22 * var(--u)); }
.mk-tile-ic { display: grid; place-items: center; margin: 0 !important; }
.mk-tile-ic svg { width: calc(46 * var(--u)); height: calc(46 * var(--u)); }
.mk-concerns { padding-top: calc(36 * var(--u)); }
.mk-concerns .mk-sub + .mk-sub { margin-top: calc(10 * var(--u)); }
.mk-tcards--3 { grid-template-columns: 1fr; }
.mk-band .mk-h2 bdi { color: #56664c; }
@media (min-width: 761px) { .mk-tiles--12 { grid-template-columns: repeat(6, 1fr); } }
/* Hero grows with its text (old-site hero has more lines than the mockup) */
.mk-hero { height: auto; min-height: calc(622 * var(--u)); padding: calc(52 * var(--u)) 0 calc(170 * var(--u)); }
.mk-hero-photo { height: auto; bottom: 0; }
.mk-hero-text { position: relative; top: auto; left: auto; margin-left: calc(46 * var(--u)); margin-right: auto; }
[dir="ltr"] .mk-hero-text { right: auto; margin-left: auto; margin-right: calc(46 * var(--u)); }

/* =========================================================
   Phone readability: normal reading sizes, sections reflow
   ========================================================= */
@media (max-width: 760px) {
  .mk-header-in { height: 64px; padding-inline: 14px; }
  .mk-cta { width: auto; height: 40px; padding: 0 14px; font-size: 14px; gap: 6px; }
  .mk-cta svg { width: 16px; }
  .mk-brand-name { font-size: 18px; }
  .mk-brand-sub { font-size: 12px; }
  .mk-brand-mark { width: 26px; }
  .mk-menu { width: 34px; height: 34px; }
  .mk-nav { inset: 64px 0 auto 0; }

  /* Hero: name beside the photo, everything else full width below */
  .mk-hero { display: grid; grid-template-columns: 1fr 44%; min-height: 0; padding: 18px 0 70px; }
  .mk-hero-photo { position: relative; top: auto; right: auto; left: auto; bottom: auto; grid-column: 2; grid-row: 1; width: 100%; height: auto; aspect-ratio: 3 / 4; }
  [dir="ltr"] .mk-hero-photo { grid-column: 1; }
  .mk-hero-text { display: contents; }
  .mk-hero h1 { grid-column: 1; grid-row: 1; align-self: center; padding-inline: 16px 10px; font-size: 26px; line-height: 1.15; }
  [dir="ltr"] .mk-hero h1 { grid-column: 2; }
  .mk-hero h1 span { font-size: 0.72em; margin-top: 6px; }
  .mk-hero .mk-lead, .mk-hero-quote, .mk-hero .mk-btns { grid-column: 1 / -1; padding-inline: 16px; }
  .mk-hero .mk-lead { margin-top: 18px; font-size: 16px; line-height: 1.6; }
  .mk-hero-quote { font-size: 18px; }
  .mk-hero .mk-btns { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin-top: 18px; }
  .mk-hero .mk-btn { width: auto; flex: 1 1 150px; height: 48px; font-size: 16px; }
  .mk-hero-blob { left: 30%; top: 46%; width: 90px; height: 110px; }
  .mk-hero-leaf { left: 34%; top: 50%; width: 80px; }
  .mk-hero-line { display: none; }
  .mk-hero-wave { height: 60px; }
  [dir="ltr"] .mk-hero-blob { left: auto; right: 30%; }
  [dir="ltr"] .mk-hero-leaf { left: auto; right: 34%; }

  /* Headings and running text */
  .mk-h2, .mk-about h2 { font-size: 24px; }
  .mk-sub, .mk-more, .mk-note p, .mk-pt-text p, .mk-about p, .mk-about-more p { font-size: 16px; line-height: 1.65; }
  .mk-sub-title { font-size: 17px; }
  .mk-sec { padding-inline: 16px; }

  /* About card stacks: picture on top, text below */
  .mk-about-wrap { padding: 8px 12px 0; }
  .mk-about { display: flex; flex-direction: column; padding: 22px 18px 24px; min-height: 0; }
  .mk-about-visual { position: relative; order: -1; left: auto; right: auto; top: auto; width: 260px; height: 230px; margin: 0 auto 10px; }
  .mk-about-photo { left: 30px; width: 200px; height: 210px; }
  .mk-about-blob1 { left: 160px; top: 110px; width: 100px; height: 100px; }
  .mk-about-blob2 { top: 140px; width: 110px; height: 80px; }
  .mk-about-blob0 { width: 70px; height: 110px; top: 20px; }
  .mk-about-curve { left: 160px; width: 60px; }
  [dir="ltr"] .mk-about-visual { right: auto; }
  .mk-about-text { width: auto; min-height: 0; }
  .mk-about-more { margin-top: 14px; padding-top: 14px; }

  /* Play therapy band */
  .mk-band-in { padding: 54px 16px 60px; }
  .mk-pt-visual { height: 230px; }
  .mk-points li { padding: 16px; gap: 14px; }
  .mk-points h3, .mk-tcard h3 { font-size: 17px; }
  .mk-points p, .mk-tcard p { font-size: 15.5px; line-height: 1.6; }
  .mk-blob-ic { width: 54px; height: 48px; }

  /* Difficulties: 3 per row, readable labels */
  .mk-tiles--12 { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .mk-tiles--12 .mk-tile { min-height: 0; padding: 14px 6px 12px; border-radius: 18px; }
  .mk-tile-ic svg { width: 30px; height: 30px; }
  .mk-tile span { font-size: 13.5px; line-height: 1.3; margin-top: 8px; }
  .mk-note { padding: 14px 16px; border-radius: 18px; gap: 10px; }

  /* Services and testimonial */
  .mk-treat { padding: 40px 16px 8px; }
  .mk-tcard { padding: 16px; gap: 14px; border-radius: 20px; }
  .mk-couple { padding: 16px; border-radius: 20px; gap: 12px; }
  .mk-couple-text strong { font-size: 19px; }
  .mk-couple-text span { font-size: 15px; }
  .mk-testi-wrap { padding: 8px 12px 24px; }
  .mk-testi { padding: 28px 20px; border-radius: 24px; }
  .mk-testi blockquote p { font-size: 18px; line-height: 1.6; }
  .mk-testi figcaption { font-size: 15px; }
  .mk-testi-mark { width: 40px; }
}
@media (max-width: 760px) {
  .mk-hero p.mk-lead { font-size: 16px; line-height: 1.6; margin-top: 16px; }
  .mk-hero-blob, .mk-hero-leaf { display: none; }
  .mk-hero-photo { border-bottom-left-radius: 28px; }
  [dir="ltr"] .mk-hero-photo { border-bottom-left-radius: 0; border-bottom-right-radius: 28px; }
}

/* =========================================================
   Phone hero: the mockup composition (photo on the side, blob,
   leaf, wave, text column) at readable sizes. Overrides the
   stacked version above.
   ========================================================= */
@media (max-width: 760px) {
  .mk-hero { display: block; min-height: 0; padding: 20px 0 96px; }
  .mk-hero-photo {
    position: absolute; top: 6px; right: 0; left: auto; bottom: 44px; grid-column: auto; grid-row: auto;
    width: 45%; height: auto; aspect-ratio: auto;
    border-radius: 0; border-top-left-radius: 70px 82px;
  }
  .mk-hero-photo img { object-position: 52% 20%; }
  .mk-hero-text { display: block; position: relative; z-index: 3; width: 51%; margin: 0 auto 0 14px; }
  .mk-hero h1 { grid-column: auto; grid-row: auto; padding: 0; font-size: 25px; line-height: 1.15; }
  .mk-hero h1 span { display: block; font-size: 0.74em; margin-top: 6px; line-height: 1.25; }
  .mk-hero p.mk-lead { grid-column: auto; padding: 0; margin-top: 12px; font-size: 15px; line-height: 1.55; }
  .mk-hero-quote { grid-column: auto; padding: 0; margin-top: 12px; font-size: 16px; }
  .mk-hero .mk-btns { grid-column: auto; padding: 0; flex-direction: column; align-items: stretch; gap: 10px; margin-top: 18px; }
  .mk-hero .mk-btn { width: 100%; flex: none; height: 46px; font-size: 15.5px; }
  .mk-hero .mk-btn--line { background: rgba(249, 246, 242, 0.92); }
  .mk-hero-blob { display: block; z-index: 2; left: auto; top: auto; right: calc(45% - 48px); bottom: 64px; width: 92px; height: 112px; }
  .mk-hero-leaf { display: block; z-index: 4; left: auto; top: auto; right: calc(45% - 40px); bottom: 34px; width: 84px; }
  .mk-hero-line { display: none; }
  .mk-hero-wave { height: 70px; }

  [dir="ltr"] .mk-hero-photo { right: auto; left: 0; border-top-left-radius: 0; border-top-right-radius: 70px 82px; border-bottom-right-radius: 0; }
  [dir="ltr"] .mk-hero-text { margin: 0 14px 0 auto; }
  [dir="ltr"] .mk-hero-blob { right: auto; left: calc(45% - 48px); }
  [dir="ltr"] .mk-hero-leaf { right: auto; left: calc(45% - 40px); transform: scaleX(-1); }
}
@media (max-width: 760px) {
  .mk-hero-photo { bottom: 12px; }
  .mk-hero-wave { height: 104px; }
  .mk-hero { padding-bottom: 104px; }
}
/* More air between the text column and the photo (phones) */
@media (max-width: 760px) {
  .mk-hero-photo { width: 44%; }
  .mk-hero-text { width: 47%; margin-left: 16px; }
  [dir="ltr"] .mk-hero-text { margin-left: auto; margin-right: 16px; }
  .mk-hero-blob { right: calc(44% - 46px); }
  .mk-hero-leaf { right: calc(44% - 38px); }
  [dir="ltr"] .mk-hero-blob { right: auto; left: calc(44% - 46px); }
  [dir="ltr"] .mk-hero-leaf { right: auto; left: calc(44% - 38px); }
}
/* Portrait with the playroom background: keep the face in frame */
.mk-hero-photo img { object-position: 58% 32%; }
@media (max-width: 760px) { .mk-hero-photo img { object-position: 56% 30%; } }

/* Language strip: visible on phones above the header, so non-Hebrew readers find English at once */
.mk-langbar { display: none; }
@media (max-width: 760px) {
  .mk-langbar { display: flex; justify-content: flex-end; background: #e3e9dc; padding: 0 14px; }
  [dir="ltr"] .mk-langbar { justify-content: flex-start; }
  .mk-langbar a { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; color: #3e4b37; font-weight: 700; font-size: 14px; text-decoration: none; }
  .mk-langbar svg { width: 17px; height: 17px; }
}
.mk-lang a::before { content: ""; display: inline-block; width: 15px; height: 15px; margin-inline-end: 5px; vertical-align: -2px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Top section typography (owner's choice "B"): Secular One headings + Heebo text */
.mk-langbar, .mk-header, .mk-hero { font-family: "Heebo", "Assistant", Arial, sans-serif; }
.mk-brand-name, .mk-hero h1 { font-family: "Secular One", "Heebo", Arial, sans-serif; font-weight: 400; letter-spacing: 0; }
.mk-hero h1 span { font-weight: 400; }
.mk-hero p.mk-lead, .mk-hero-quote, .mk-brand-sub, .mk-cta, .mk-hero .mk-btn, .mk-nav a { font-family: "Heebo", "Assistant", Arial, sans-serif; }
.mk-hero-quote { font-weight: 500; }
@media (min-width: 761px) {
  .mk-nav ul { gap: 1.1rem; align-items: center; }
  .mk-nav a { white-space: nowrap; font-size: 15px; }
  .mk-brand-sub { white-space: nowrap; }
  .mk-lang a { display: inline-flex !important; align-items: center; gap: 4px; white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 1120px) { .mk-nav ul { gap: 0.75rem; } .mk-nav a { font-size: 14px; } }
@media (min-width: 761px) { .mk-brand-name { white-space: nowrap; } }

/* Couples therapy line inside "About me" */
.mk-about-more .mk-about-couples { margin-top: calc(14 * var(--u)); padding: calc(14 * var(--u)) calc(18 * var(--u)); background: #e8ede2; border-radius: calc(18 * var(--u)); }
.mk-about-couples a { color: #4a5843; font-weight: 700; white-space: nowrap; }
@media (max-width: 760px) { .mk-about-more .mk-about-couples { margin-top: 14px; padding: 12px 14px; border-radius: 14px; } }

/* Accessibility button on phones: small and low in the corner, rises above the call bar when it shows */
@media (max-width: 860px) {
  .a11y { bottom: 12px; inset-inline-end: 10px; transition: bottom .3s ease; }
  .mobile-bar.is-visible ~ .a11y { bottom: 82px; }
  .a11y-btn { width: 42px; height: 42px; border-width: 2px; }
  .a11y-btn svg { width: 24px; height: 24px; }
  .a11y-panel { bottom: 52px; }
}

/* Hebrew top section on phones: Hebrew glyphs read smaller than Latin at the same size,
   so match the English visual size */
@media (max-width: 760px) {
  [lang="he"] .mk-hero h1 { font-size: 28px; }
  [lang="he"] .mk-hero h1 span { font-size: 0.76em; line-height: 1.3; }
  [lang="he"] .mk-hero p.mk-lead { font-size: 16.5px; line-height: 1.55; }
  [lang="he"] .mk-hero-quote { font-size: 17.5px; }
  [lang="he"] .mk-hero .mk-btn { font-size: 17px; }
  [lang="he"] .mk-brand-name { font-size: 20px; }
  [lang="he"] .mk-brand-sub { font-size: 13px; }
  [lang="he"] .mk-cta { font-size: 15px; }
}