/* ===== Fonts: Assistant (self-hosted, Hebrew + Latin subsets) =====
   One family site-wide; weight carries the hierarchy (400 body / 700 headings). */
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/assistant-hebrew-400-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/assistant-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-058F,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/assistant-hebrew-700-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/assistant-hebrew-600-normal.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/assistant-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-058F,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Assistant';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/assistant-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-058F,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  --font-head:'Assistant',Arial,sans-serif;
  --font-body:'Assistant',Arial,sans-serif;
  --fs:22px;
  --ink:#3C3A36;
  --h:#434746;
  --purple:#4E4B72;
  --active:#5C5850;
  --line:#6d6f69;
  --col:868px;
}
*,*::before,*::after{box-sizing:border-box}

/* Accessibility: universal focus-visible fallback so every interactive
   element (links, buttons, checkboxes) gets a clearly visible outline on
   keyboard focus, even ones without a more specific rule of their own. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--purple,#4E4B72);outline-offset:2px;border-radius:2px}

/* Accessibility: visible skip-link, shown only on keyboard focus */
.skip-link{position:absolute;top:-60px;right:10px;z-index:1000;background:#fff;color:#1d1c1a;
  padding:10px 18px;border-radius:0 0 8px 8px;font:600 16px/1.4 var(--font-head),Arial,sans-serif;
  text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.25);transition:top .15s}
.skip-link:focus{top:0}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:var(--fs);line-height:39px;color:var(--ink);background:#eaf2e4;text-align:right}
img{max-width:100%}
a{color:inherit}
p,h1,h2,h3,ul{margin:0}

/* ===== Page shell: one watercolor image across the whole page ===== */
.page{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;
  background:
    linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),
    url(../img/watercolor-bg.jpg) center top/100% auto no-repeat,
    url(../img/watercolor-bg.jpg) center bottom/100% auto no-repeat,
    #f4f9f1}
main{flex:1 0 auto;position:relative;padding-top:108px;padding-bottom:var(--pb,16.5px)}
.col{width:var(--col);max-width:100%;margin:0 auto}
.page-about{--col:880px}

/* tall pages: one stretched image, so there is no seam */
.page-home .page,.legal-page .page,.page-about .page{background:
  linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),
  url(../img/watercolor-bg.jpg) center/100% 100% no-repeat,
  #f4f9f1}


/* Gentle heading entrance — subtle, quick, and fully skipped for anyone who
   prefers reduced motion (important on a therapy site: motion can genuinely
   bother some visitors, so this only runs when the OS-level setting allows it). */
@media (prefers-reduced-motion: no-preference){
  .h1,.hero-name,.hero-sub{animation:fade-up-in .5s ease-out both}
  .hero-sub{animation-delay:.06s}
  .hero-text{animation:fade-up-in .5s ease-out .12s both}
}
@keyframes fade-up-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* ===== Header ===== */
.site-header{position:fixed;top:0;left:0;right:0;height:50px;z-index:100;display:flex;align-items:center;
  background:#f8ecec url(../img/header-watercolor.svg) 0 0/100% 100% no-repeat; /* original watercolour strip drawn in code: sharp at any size or zoom */
  border-radius:0 0 14px 14px;box-shadow:0 3px 6px rgba(0,0,0,.28);padding-right:5px}
.menu{flex:none}
.menu ul{display:flex;gap:47.6px;margin:0;padding:0;list-style:none}
.menu a{display:block;font-family:var(--font-head);font-weight:700;font-size:19.4px;letter-spacing:1.1px;line-height:50px;color:var(--ink);
  text-decoration:none;text-underline-offset:5px;text-decoration-thickness:1px}
.menu a:hover,.menu a[aria-current="page"]{color:var(--active);text-decoration:underline}
.menu a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:3px}
.site-title{flex:1;text-align:center;padding-left:128px;font-family:var(--font-head);font-size:19.5px;line-height:50px;color:var(--purple);font-weight:400;text-decoration:none}
.site-title:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-title:focus-visible{outline:2px solid var(--purple);outline-offset:-2px;border-radius:3px}
.menu-toggle{display:none}

/* ===== Soft watercolor bands (the shape made in Wix, now lighter and smoother) ===== */
.band{width:100%;height:49px;pointer-events:none;mix-blend-mode:multiply;
  background:linear-gradient(to bottom,rgba(150,165,148,.30) 0%,rgba(150,165,148,.14) 60%,rgba(150,165,148,.04) 100%);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V62C90 70 82 66 72 74C62 82 52 76 42 84C34 90 30 100 24 94C16 87 8 74 0 72Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V62C90 70 82 66 72 74C62 82 52 76 42 84C34 90 30 100 24 94C16 87 8 74 0 72Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.band--top{position:absolute;top:50px;left:0;height:46px;z-index:1}
.page-home .band--top{display:none} /* desktop home uses the hero wedge instead; shown on mobile below */
.band--footer{margin-top:0}
.band--section-top{margin-top:-14px}
.band--hero-bottom{margin-top:0}

/* ===== Headings ===== */
.h1{font-family:var(--font-head);font-size:49.3px;font-weight:700;line-height:60px;color:var(--h);text-align:right}
/* The shading line sits inside its heading, so it always follows the heading's real width:
   its solid part spans the heading text, with soft tails past both ends (a longer one on the left). */
.h1{position:relative;width:fit-content;max-width:100%}
.shadow-line{position:absolute;top:calc(100% - 4px);right:-10%;left:-25%;height:9px;pointer-events:none;
  background:linear-gradient(to bottom,rgba(40,40,40,.38),rgba(40,40,40,0));
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 93%,transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 93%,transparent 100%)}
.divider{width:915px;max-width:100%;height:9px;margin:27px auto 0;
  background:linear-gradient(to bottom,rgba(40,40,40,.62),rgba(40,40,40,0));
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%)}

/* ===== Body text ===== */
.text{margin-top:33.5px;font-size:var(--fs);line-height:39px}
.just{text-align:justify}
.text p.bold{font-weight:600}
.text p.gap{margin-top:7px}
/* about page: photo and sub-headings are mobile-only (see the mobile section); desktop stays one continuous text */
.about-photo,.about-sub{display:none}
/* terms / accessibility section titles: plain text on desktop, bold headings on mobile */
.legal .legal-h{font-weight:400}
.legal .legal-h--joined+p{margin-top:0}
.text .org{text-align:right;margin-top:6px}
.text .org.first{margin-top:9px}
.text .org a{text-decoration:underline}
.quote-block{margin-top:22px}
.quote-block p{position:relative;font-weight:400;text-align:right;color:#4d4a45;letter-spacing:.4px}
.quote-block .qtext{display:inline;font-weight:600;color:#4d4a45}
/* opening quote mark hangs just outside the text edge, so the first word lines up with the lines below */
.quote-block .qopen{margin-inline-start:-.46em}
.text .tight{line-height:32px;margin-top:1.5px}
.text .footnote{text-align:right;margin-top:29px;font-weight:600}
/* space between paragraphs (desktop and mobile) */
.text p+p,.text .tight,.text .tight+.tight,.page-about .text p+p,.hero-text .just+.just,.page-about .text .about-sub+p{margin-top:14px}
.text a{text-decoration:underline}

/* ===== Home hero ===== */
.page-home main{padding-top:0}
.hero{position:relative;height:951px}
.hero-wedge{position:absolute;top:50px;left:0;width:100%;height:75px;z-index:1;pointer-events:none;
  mix-blend-mode:multiply;
  background:linear-gradient(to left,rgba(150,165,148,.10),rgba(150,165,148,.26));
  clip-path:polygon(0 0,100% 0,100% 4%,25% 100%,0 6%)}
.hero-photo{position:absolute;top:136px;left:calc(50% - 461px);width:287px;height:309.5px;border-radius:50%;
  object-fit:cover;object-position:50% 20%;box-shadow:0 2px 7px rgba(0,0,0,.28)}
.hero-name,.hero-sub{position:absolute;width:520px;text-align:center;font-family:var(--font-head);font-weight:700;color:var(--h);line-height:60px}
.hero-name{top:152px;left:calc(50% + 171px - 260px);font-size:57.8px}
.hero-sub{top:230px;left:calc(50% + 163px - 260px);font-size:49.3px}
.hero-text{position:absolute;top:334.5px;left:calc(50% - 165px);width:619px}
.hero-text .quote{white-space:nowrap;text-align:center;color:#65625b}
.hero-text .intro{margin-top:19px}
.hero-text .intro strong{font-weight:600}
.hero-text .just{margin-top:1px}
.btn-more{display:inline-block;margin-top:17.5px;height:30px;padding:0 7px;line-height:28px;font-size:var(--fs);letter-spacing:2px;
  color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:10px;background:rgba(248,246,244,.8)}
.btn-more:hover{background:rgba(255,255,255,.95)}
.hero-tree{position:absolute;top:520px;left:calc(50% - 334px - 140px);width:335px;height:auto;opacity:.92;pointer-events:none}

@media (min-width:1700px){.hero-wedge{display:none}}
@media (min-width:1301px) and (max-width:1500px){
  .hero-photo{left:calc(50% - 430px)}
  .hero-name,.hero-sub{left:calc(50% + 140px - 260px)}
  .hero-text{left:calc(50% - 135px)}
}

/* ===== Contact block (home + contact page) ===== */
.contact{position:relative;height:685px}
.contact-title{position:absolute;top:0;right:0}
.contact-sub{position:absolute;top:82px;right:0;font-family:var(--font-head);font-weight:400;font-size:29.7px;line-height:40px}
.crows{position:absolute;top:162.6px;right:3px;margin:0;padding:0;list-style:none}
.crows li{height:60.4px;display:flex;align-items:flex-start}
.crow{display:flex;align-items:center;gap:26px;height:40px;text-decoration:none;color:var(--ink)}
.crow svg{width:38px;height:38px;margin:0 -3px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.crow .num{letter-spacing:3.1px}
.crow .ltr{direction:ltr;unicode-bidi:isolate}
.crow:hover span{text-decoration:underline}
.cform{position:absolute;top:81.5px;right:auto;left:81px;width:368px}
.cform .row2{display:flex;gap:17px}
.cform .field{flex:1;min-width:0}
.cform .field+.field{margin-top:11px}
.cform .row2+.field{margin-top:21px}
.cform .row2 .field+.field{margin-top:0}
.cform label{display:block;height:26px;line-height:26px;margin-bottom:9.5px;font-size:var(--fs);color:#000}
.cform .req{margin-right:4px}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea{
  display:block;width:100%;height:49px;padding:0 12px;border:1px solid var(--line);border-radius:10px;
  background:rgba(248,246,244,.82);font:inherit;font-size:var(--fs);color:#55524b;direction:rtl}
.cform input[type=email],.cform input[type=tel]{text-align:right}
.cform textarea{height:92px;padding:8px 12px;resize:none;line-height:30px}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--purple);outline-offset:1px;background:rgba(255,255,255,.95)}
.cform [aria-invalid="true"]{border-color:#8a2f2f}
.cform .send{display:block;margin-top:12px;height:50px;padding:0 9px;min-width:78px;border:1px solid var(--line);border-radius:12px;
  background:rgba(249,247,247,.9);font:inherit;font-size:var(--fs);color:var(--ink);cursor:pointer}
.cform .send:hover{background:#fff}
.cform .send:disabled{opacity:.6;cursor:default}
.cform .send:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.cform .consent{display:flex;align-items:center;gap:13px;margin-top:12px}
.cform .consent input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border:1px solid var(--line);
  border-radius:2px;background:rgba(248,246,244,.85);cursor:pointer}
.cform .consent input:checked{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M3 8l3 3 6-7' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.cform .consent input:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.cform .consent label{width:285px;height:auto;margin:0;line-height:32px;font-size:var(--fs);color:var(--ink)}
.cform .consent a{text-decoration:underline}
.form-status{margin-top:8px;min-height:32px;font-size:18px;line-height:28px}
.form-status[data-state=error]{color:#8a2f2f}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Back-to-top button */
.to-top{display:none}
.wa-float{display:none} /* floating WhatsApp button: mobile only */
@media (max-width:1300px){
.to-top{position:fixed;right:18px;bottom:18px;z-index:90;width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.85);border:1px solid var(--line);box-shadow:0 3px 10px rgba(60,58,54,.18);
  color:var(--ink);opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .2s,transform .2s}
.to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.to-top:hover{background:#fff}
.to-top svg{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.to-top{transition:none}}
}

.map-rule{width:985px;max-width:calc(100% - 40px);height:1px;margin:30px auto 0;border:0;background:#111}
.map{width:87%;height:352px;margin:45px auto 0;background:#e5e3df}
.map iframe{display:block;width:100%;height:100%;border:0}

/* ===== Footer ===== */
.site-footer{flex:none;text-align:center;padding:12px 0 30px;font-size:18px;line-height:30px;color:var(--ink)}
.site-footer .rule{width:360px;max-width:80%;height:1px;margin:4px auto 3px;background:var(--ink)}
.site-footer nav a{margin:0 8.75px;text-decoration:underline;color:var(--ink)}

/* ===== Legal pages (privacy / accessibility / terms) ===== */
.legal-page{--col:898px}
.legal-page main{padding-top:128px}
.legal{margin-top:18px;font-size:var(--fs);line-height:32px}
.legal>*{margin-top:32px}
.legal>*:first-child{margin-top:0}
.legal h2{font-family:var(--font-head);font-size:var(--fs);font-weight:700;line-height:32px}
.legal ul{list-style:none;padding:0}
.legal li{position:relative;padding-right:48px}
.legal li::before{content:"";position:absolute;right:27.5px;top:12px;width:8px;height:8px;border-radius:50%;background:#1d1c1a}
.legal a{text-decoration:underline}
.privacy .legal>h2+ul,.privacy .legal>h2+p,.privacy .legal>p+ul,.privacy .legal>ul+p{margin-top:0}
.privacy .legal>ul+h2{margin-top:32px}

/* ===== Smaller screens (layout below is a reasonable fallback, not a copy of the Wix mobile view) ===== */
@media (max-width:1300px){
  :root{--col:100%}
  .page,.page-home .page,.legal-page .page,.page-about .page{background:#f4f9f1;isolation:isolate}
  .page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),url(../img/watercolor-bg.jpg) center/cover no-repeat}
  .hero-text .quote{white-space:normal}
  .hero-tree{order:10}
  body{font-size:19px;line-height:1.7}
  main{padding-left:20px;padding-right:20px}
  .page-about,.legal-page{--col:100%}
  .site-header{height:56px;padding:0 14px 0 10px;border-radius:0 0 12px 12px;flex-wrap:nowrap}
  .menu{position:static}
  .menu ul{display:none;position:fixed;top:56px;right:0;left:0;flex-direction:column;gap:0;padding:6px 20px 14px;
    background:#f8e9e9 url(../img/menu-paper.svg) 0 0/100% 100% no-repeat;border-radius:0 0 12px 12px;box-shadow:0 6px 8px rgba(0,0,0,.25)}
  .menu.open ul{display:flex}
  /* while the menu is open, the top bar takes the menu's even pink and square corners, so bar + menu read as one panel */
  .site-header.menu-open{border-radius:0;background:#f8e9e9 url(../img/menu-paper.svg) 0 0/100% 100% no-repeat}
  .site-header:has(.menu.open){border-radius:0;background:#f8e9e9 url(../img/menu-paper.svg) 0 0/100% 100% no-repeat}
  .menu a{line-height:44px;font-size:18px}
  .site-title{padding-left:0;text-align:center;font-size:17px;line-height:56px;order:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .menu-toggle{display:block;order:-1;margin-right:0;width:42px;height:42px;padding:0;border:0;background:none;cursor:pointer;color:var(--ink)}
  .menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:24px;height:2px;background:currentColor;position:relative;margin:0 auto;transition:transform .2s,opacity .2s}
  .menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0}
  .menu-toggle span::before{top:-7px}
  .menu-toggle span::after{top:7px}
  .menu.open ~ .menu-toggle span{background:transparent}
  .menu.open ~ .menu-toggle span::before{top:0;transform:rotate(45deg)}
  .menu.open ~ .menu-toggle span::after{top:0;transform:rotate(-45deg)}
  main{padding-top:84px}
  .band--top{top:56px;height:28px}
  .h1{font-size:34px;line-height:44px}
  .text{margin-top:22px;font-size:19px;line-height:1.75;background:rgba(255,255,255,.6);
    border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:20px 18px;
    box-shadow:0 4px 14px rgba(60,58,54,.07)}
  .text .tight{line-height:inherit}
  .divider{width:100%}
  .legal-page main{padding-top:84px}
  .legal{font-size:18px;line-height:1.5;background:rgba(255,255,255,.6);
    border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:22px 20px;
    box-shadow:0 4px 14px rgba(60,58,54,.07)}
  .legal>*{margin-top:26px}
  .legal h2{font-size:18px;line-height:1.5}
  .legal li::before{top:.55em}
  .page-home main{padding:0}
  .hero{height:auto;padding:84px 20px 0;display:flex;flex-direction:column;align-items:center}
  .hero-wedge{display:none}
  .hero-photo,.hero-name,.hero-sub,.hero-text,.hero-tree{position:static;left:auto;top:auto}
  .hero-photo{width:200px;height:200px}
  .hero-name{width:auto;font-size:40px;line-height:1.3;margin-top:16px}
  .hero-sub{width:auto;font-size:32px;line-height:1.3}
  .hero-text{width:100%;margin-top:22px;background:rgba(255,255,255,.6);
    border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:20px 18px;
    box-shadow:0 4px 14px rgba(60,58,54,.07)}
  .hero-tree{width:290px;margin:14px auto 0;opacity:.9}
  .contact{height:auto;padding-bottom:20px}
  .contact-sub,.crows,.cform{position:static;width:auto}
  .contact-title{position:relative;width:fit-content}
  .contact-sub{margin-top:18px;font-size:24px}
  .crows{margin:16px 0 0;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.05);
    border-radius:18px;padding:6px 18px;box-shadow:0 4px 14px rgba(60,58,54,.07)}
  .cform{margin-top:22px;max-width:420px;background:rgba(255,255,255,.6);
    border:1px solid rgba(0,0,0,.05);border-radius:18px;padding:20px 18px;
    box-shadow:0 4px 14px rgba(60,58,54,.07)}
  .page-home .col{padding:0 20px}
  .map{width:100%;height:300px}
  .band{height:34px}
  .site-footer{font-size:16px;padding-bottom:76px} /* keeps the footer links clear of the fixed back-to-top button */
  .btn-more{height:34px;line-height:32px;padding:0 14px;font-size:16px;border-width:1px}
  .site-footer nav a{display:inline-block;padding:10px 6px;margin:0 2px}

  /* ---- Mobile refinements ---- */
  /* larger, clearer site name in the top bar */
  .site-title{font-size:clamp(18px,5.6vw,22px)}
  /* home page gets the same soft shading under the top bar as the other pages */
  .page-home .band--top{display:block}
  .hero-tree{width:min(380px,100%)}
  /* same, slightly narrower side margins on every page */
  main{padding-left:12px;padding-right:12px}
  .hero{padding-left:12px;padding-right:12px}
  .page-home .col{padding:0 12px}
  .text,.hero-text,.cform{padding:20px 16px}
  .legal{padding:22px 16px}
  .crows{padding:6px 16px}
  /* ragged-right text instead of full justification: no stretched gaps between words on narrow screens */
  .just{text-align:right}
  .text .lead{font-weight:600}
  /* contact form centred on phones and tablets */
  .cform,.crows{margin-left:auto;margin-right:auto}
  .cform,.crows{max-width:none} /* contact box and form span the same width as the text boxes */
  /* about page: photo on top, sub-headings and spaced paragraphs instead of one long block */
  .about-photo{display:block;width:140px;height:140px;margin:4px auto 18px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 2px 7px rgba(0,0,0,.22)}
  .about-sub{display:block;margin-top:26px;font-family:var(--font-head);font-size:22px;font-weight:700;line-height:1.35;color:var(--h)}
  .page-about .text .about-sub+p{margin-top:6px}
  .legal .legal-h{font-weight:700}
  .legal .legal-h+*,.legal .legal-h--joined+p{margin-top:6px}

  /* floating WhatsApp button, bottom-left, in the same style as the back-to-top arrow (bottom-right) */
  .wa-float{display:flex;align-items:center;justify-content:center;position:fixed;left:18px;bottom:18px;z-index:90;
    width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid var(--line);
    box-shadow:0 3px 10px rgba(60,58,54,.18);color:var(--ink)}
  .wa-float:hover{background:#fff}
  .wa-float svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .wa-float .wa-handset{fill:currentColor;stroke:none}
  .wa-float:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
  /* "עוד עליי": a larger, softer, centred button */
  .btn-more{display:block;width:fit-content;margin:20px auto 0;height:44px;line-height:42px;padding:0 26px;
    font-size:18px;letter-spacing:1px;border-radius:22px;background:rgba(255,255,255,.85)}
  /* body-psychotherapy quote: plain text (no box), set off by the soft shading line above it */
  .text.quote-block{background:none;border:0;box-shadow:none;border-radius:0;padding:4px 17px 4px 0}
  .quote-block p{font-size:20px;line-height:1.75}
  /* soft, short shading line between the text and the quote */
  .divider{width:70%;height:7px;margin:30px auto 0;
    background:linear-gradient(to bottom,rgba(40,40,40,.22),rgba(40,40,40,0))}
  .text.quote-block{margin-top:24px}
  /* circular-breathing note: a gentle aside instead of heavy bold text */
  .text .footnote{font-weight:400;font-size:16px;line-height:1.6;margin-top:22px;
    padding:10px 14px;border-radius:12px;background:rgba(78,75,114,.07)}
  /* softer map colours to sit with the watercolour palette */
  .map iframe{filter:saturate(.6) brightness(1.02)}

  /* ---- Tablet tier (portrait & landscape): same stacked layout as phone,
     but with a comfortable reading column instead of edge-to-edge text ---- */
  @media (min-width:700px){
    body{font-size:20px}
    main{max-width:700px;margin:0 auto;padding-left:32px;padding-right:32px}
    .page-home .col{max-width:700px;margin:0 auto;padding:0 32px}
    .hero{padding-left:32px;padding-right:32px}
    .hero-photo{width:250px;height:250px}
    .hero-name{font-size:46px}
    .hero-sub{font-size:36px}
    .h1{font-size:38px;line-height:1.3}
    .text{font-size:20px}
    .legal,.legal h2{font-size:19px}
    .cform{max-width:none}
    .contact-sub,.crows{text-align:center;width:100%}
    .contact-title{margin:0 auto}
    .crows{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
    .crows li{height:auto}
    .map{max-width:700px;margin:45px auto 0}
  }
}
@media (prefers-reduced-motion:no-preference){
  .btn-more,.cform .send,.menu a{transition:background-color .15s,color .15s}
}