/* צמרת · גיזום, טיפול בעצים, כריתה והדברה — site styles */
@font-face{font-family:'Secular One';src:url(fonts/SecularOne-hebrew.woff2) format('woff2');font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Secular One';src:url(fonts/SecularOne-latin.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2122}
@font-face{font-family:'Miriam Libre';src:url(fonts/MiriamLibre-var-hebrew.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Miriam Libre';src:url(fonts/MiriamLibre-var-latin.woff2) format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2122}
@font-face{font-family:'David Libre';src:url(fonts/DavidLibre-400-hebrew.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+FB1D-FB4F}
@font-face{font-family:'David Libre';src:url(fonts/DavidLibre-700-hebrew.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+FB1D-FB4F}

:root{
  --paper:#F2ECDF; --paper-2:#E8E0CF; --ink:#16201A; --ink-2:#2B352E; --muted:#56605A;
  --leaf:#2E6A3A; --rope:#E5602A; --rope-d:#B9461A; --sky:#2B5FA8; --line:rgba(22,32,26,.14);
  --f-d:'Secular One','Miriam Libre',sans-serif; --f-b:'Miriam Libre',system-ui,sans-serif; --f-s:'David Libre',Georgia,serif;
  --wrap:min(1180px,100% - 2.5rem); --hdr:68px; --r:18px;
  --a11y-accent:#16201A; --a11y-bg:#16201A; --a11y-fg:#F2ECDF;
}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.7 var(--f-b)}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-d);font-weight:400;line-height:1.05;margin:0}
p{margin:0 0 1em}
.wrap{width:var(--wrap);margin-inline:auto}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:1rem;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:8px}
.skip:focus{top:1rem}
:focus-visible{outline:3px solid var(--rope);outline-offset:3px}
svg.i{width:22px;height:22px;fill:currentColor;flex:none}
bdi{unicode-bidi:isolate}

/* ---------- header ---------- */
.hdr{position:fixed;inset-inline:0;top:0;z-index:60;height:var(--hdr);display:flex;align-items:center;background:rgba(242,236,223,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-inline-end:auto}
.brand img{height:44px;width:auto;mix-blend-mode:multiply}
.nav{display:flex;gap:1.4rem;font-size:.98rem}
.nav a{text-decoration:none;padding:.3rem 0;background:linear-gradient(var(--rope),var(--rope)) no-repeat 100% 100%/0 2px;transition:background-size .35s}
.nav a:hover,.nav a[aria-current=page]{background-size:100% 2px}
.hdr-cta{display:flex;gap:.5rem}
.ib{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;text-decoration:none;color:#fff;transition:transform .2s}
.ib:hover{transform:translateY(-2px)}
.ib--wa{background:#1F9E55}.ib--ph{background:var(--ink)}.ib--fb{background:#1877F2}.ib--ml{background:var(--rope-d)}
.burger{display:none;width:46px;height:46px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);cursor:pointer;place-items:center}
.burger span{display:block;width:20px;height:2px;background:currentColor;margin:4px auto;transition:transform .3s,opacity .3s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset-inline:0;top:var(--hdr);z-index:59;background:var(--paper);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .4s var(--akx-ease,ease);visibility:hidden}
.mnav.open{max-height:80vh;visibility:visible}
.mnav ul{list-style:none;margin:0;padding:.6rem 1.25rem}
.mnav li a{display:block;padding:.85rem 0;font:1.35rem var(--f-d);text-decoration:none;border-bottom:1px solid var(--line)}
.mnav .row{display:flex;gap:.7rem;justify-content:center;padding:1rem 1.25rem 1.3rem}
.scrim{position:fixed;inset:0;z-index:58;background:rgba(22,32,26,.45);opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.on{opacity:1;pointer-events:auto}
@media (max-width:900px){.nav,.hdr-cta{display:none}.burger{display:grid}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;border-radius:999px;font:700 1rem var(--f-b);text-decoration:none;border:0;cursor:pointer}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--wa{background:#1F7A45;color:#fff}
.btn--ghost{border:1.5px solid currentColor}

/* ---------- HERO: the climb (signature) ---------- */
.hero{--p:0;position:relative;height:230vh;height:230svh}
.hero-stage{position:sticky;top:0;height:100vh;height:100svh;padding-top:var(--hdr);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);width:var(--wrap);margin-inline:auto}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:.95rem;color:var(--leaf);margin-bottom:1.1rem}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--rope)}
.hero h1{font-size:clamp(2.7rem,7.2vw,6.4rem);line-height:.98}
.hero h1 .l{display:block;transition:opacity .2s linear}
.hero h1 .l2{opacity:clamp(.12,(var(--p) - .18) * 6,1)}
.hero h1 .l3{opacity:clamp(.12,(var(--p) - .42) * 6,1);color:var(--leaf)}
.hero-sub{max-width:34rem;margin-top:1.3rem;color:var(--ink-2);font-size:1.08rem}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem}
.hero-meta{display:flex;gap:1.6rem;margin-top:1.6rem;font-size:.92rem;color:var(--muted)}
.hero-meta b{display:block;font:2rem/1 var(--f-d);color:var(--ink)}
.climb{position:relative;height:min(78svh,720px);justify-self:center;width:min(100%,460px)}
.climb-frame{position:absolute;inset:0;border-radius:calc(var(--r) * 1.4);overflow:hidden;background:#cfc6b3;
  clip-path:inset(0 calc(36% * (1 - min(1,var(--p) * 1.9))) round calc(26px + 220px * (1 - min(1,var(--p) * 1.9))));
  transition:clip-path .08s linear}
.climb-frame img{position:absolute;inset-inline:0;top:0;width:100%;height:150%;object-fit:cover;
  transform:translateY(calc(-33.333% * (1 - min(1,var(--p) * 1.25))));will-change:transform}
.rope{position:absolute;inset-block:4% 4%;inset-inline-start:-26px;width:2px;background:repeating-linear-gradient(to bottom,var(--rope) 0 7px,transparent 7px 11px)}
.rope i{position:absolute;inset-inline-start:-9px;bottom:0;width:20px;height:20px;border-radius:50%;background:var(--paper);border:4px solid var(--rope);
  transform:translateY(calc(-1 * var(--p) * min(70svh,650px)))}
.cue{position:absolute;bottom:1.4rem;inset-inline-start:50%;translate:50% 0;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;opacity:calc(1 - var(--p) * 6)}
.cue::after{content:"";width:2px;height:26px;background:var(--rope);animation:cue 1.6s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:900px){
  .hero{height:200svh}
  .hero-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:1rem;padding-top:calc(var(--hdr) + .8rem)}
  .climb{order:-1;height:38svh;width:calc(100% - 22px);max-width:none;margin-inline-end:22px}
  .rope{inset-inline-start:auto;inset-inline-end:-14px}
  .rope i{transform:translateY(calc(-1 * var(--p) * 33svh))}
  .fab a{width:50px;height:50px}.fab svg{width:24px;height:24px}
  .hero h1{font-size:clamp(2.3rem,11vw,3.4rem)}
  .hero-sub{font-size:.97rem;margin-top:.7rem;line-height:1.6}
  .hero-meta{margin-top:1rem;gap:1.1rem}.hero-meta b{font-size:1.5rem}
  .hero-actions{margin-top:1rem}
  .cue{display:none}
}
@media (max-width:900px) and (max-height:700px){.hero-sub{display:none}.climb{height:40svh}}
@media (prefers-reduced-motion:reduce){.hero{--p:1;height:auto}.hero-stage{position:relative;height:auto;min-height:100svh}}
html.a11y-no-motion .hero{--p:1!important}

/* ---------- sections ---------- */
.sec{padding-block:clamp(4.5rem,10vw,8rem)}
.kicker{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--rope-d);font-size:.95rem;margin-bottom:1rem}
.kicker::before{content:"";width:28px;height:2px;background:currentColor}
.h2{font-size:clamp(2.1rem,5vw,3.9rem)}
.lead{font-size:1.15rem;color:var(--ink-2);max-width:40rem}

/* about */
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.about-pic{position:relative}
.about-pic img{border-radius:var(--r);width:100%;aspect-ratio:4/5;object-fit:cover}
.about-pic figcaption{margin-top:.7rem;font-size:.9rem;color:var(--muted)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:2rem}
.facts div{background:var(--paper);padding:1.1rem}
.facts b{display:block;font:2.3rem/1 var(--f-d);color:var(--leaf)}
.facts span{font-size:.9rem;color:var(--muted)}
.ticks{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.55rem}
.ticks li{display:flex;gap:.7rem}
.ticks li::before{content:"";flex:none;width:10px;height:10px;margin-top:.55em;border-radius:50%;border:2.5px solid var(--rope)}
@media (max-width:900px){.about{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}.about-pic img{aspect-ratio:1/1}}

/* services — a field log, not cards */
.svc-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.svc-head img{height:64px;width:auto;mix-blend-mode:multiply}
.log{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.log li{display:grid;grid-template-columns:4.5rem 1fr 1.3fr;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--line);align-items:baseline;transition:background .3s,padding .3s}
.log li:hover{background:var(--paper-2);padding-inline:1rem}
.log .n{font:1rem var(--f-d);color:var(--rope-d)}
.log h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.log p{margin:0;color:var(--ink-2)}
.log small{display:block;margin-top:.5rem;color:var(--muted);font-size:.92rem}
@media (max-width:760px){.log li{grid-template-columns:2.6rem 1fr;gap:.4rem 1rem}.log p{grid-column:2}}

/* pest band */
.pest{background:var(--ink);color:var(--paper)}
.pest-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.pest .kicker{color:#F08A5A}
.pest .lead{color:#D9D2C3}
.pest-logo{background:#fff;border-radius:14px;padding:.6rem 1rem;display:inline-block;margin-bottom:1.6rem}
.pest-logo img{height:56px;width:auto}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.8rem;padding:0;list-style:none}
.chips li{border:1px solid rgba(242,236,223,.3);border-radius:999px;padding:.35rem .9rem;font-size:.95rem}
.vid{border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:464/512}
.vid video{width:100%;height:100%;object-fit:cover}
.vcap{margin-top:.7rem;font-size:.9rem;color:#BDB5A6}
@media (max-width:900px){.pest-grid{grid-template-columns:1fr}}

/* story teaser */
.name{padding-block:clamp(5rem,12vw,9rem);background:var(--paper-2);position:relative;overflow:hidden}
.name-word{font:clamp(7rem,27vw,22rem)/.8 var(--f-d);color:var(--ink);margin:0 0 1.5rem;display:flex;align-items:flex-end;gap:.08em}
.name-word .star{font-size:.28em;color:var(--sky);line-height:1;transform:translateY(-1.6em)}
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.name-grid p{font:1.3rem/1.65 var(--f-s);color:var(--ink-2)}
.name blockquote{margin:0;font:clamp(1.6rem,3.2vw,2.4rem)/1.3 var(--f-d);border-inline-start:4px solid var(--rope);padding-inline-start:1.2rem}
.name blockquote footer{margin-top:1rem;font:1rem var(--f-b);color:var(--muted)}
@media (max-width:800px){.name-grid{grid-template-columns:1fr}}

/* field */
.field-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.vstack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.vstack .vid{aspect-ratio:9/16}
.vstack .vid.sq{aspect-ratio:464/512;align-self:end}
.vstack figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
@media (max-width:900px){.field-grid{grid-template-columns:1fr}}

/* gallery strip — native horizontal scroll, never pinned */
.strip-wrap{position:relative}
.strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:.5rem 1rem;scrollbar-width:thin;overscroll-behavior-x:contain}
.strip figure{flex:none;margin:0;scroll-snap-align:start;width:min(72vw,340px)}
.strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);background:var(--paper-2)}
.strip figcaption{font-size:.9rem;color:var(--muted);margin-top:.5rem}
.arrows{display:flex;gap:.5rem}
.arrows button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font-size:1.2rem;display:grid;place-items:center}
.arrows button:hover{background:var(--ink);color:var(--paper)}
.row-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:1.8rem}

/* certificates */
.certs .strip figure{width:min(62vw,250px)}
.certs .strip img{aspect-ratio:3/4;object-fit:contain;background:#fff;border:1px solid var(--line);padding:.5rem;cursor:zoom-in}
.certs figcaption b{display:block;color:var(--ink);font-size:1rem;line-height:1.35}
.certs button.zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;font:inherit;color:inherit;cursor:zoom-in;border-radius:var(--r)}
.certs button.zoom:focus-visible{outline:3px solid var(--rope);outline-offset:3px}
dialog.lb{border:0;padding:0;background:transparent;max-width:min(92vw,720px);max-height:92vh}
dialog.lb::backdrop{background:rgba(22,32,26,.85)}
dialog.lb img{max-height:84vh;width:auto;margin:auto;border-radius:10px;background:#fff}
dialog.lb button{position:fixed;top:1rem;inset-inline-end:1rem;width:48px;height:48px;border-radius:50%;border:0;background:var(--paper);font-size:1.4rem;cursor:pointer}
.diploma{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center;margin-top:2.5rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r)}
.diploma img{width:150px;height:150px;object-fit:cover;border-radius:12px}
.diploma p{margin:0}
@media (max-width:600px){.diploma{grid-template-columns:1fr}.diploma img{width:100%;height:auto;aspect-ratio:1}}

/* testimonials */
.quotes{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}
.quotes figure{margin:0;padding:1.8rem;border-radius:var(--r);background:var(--paper-2);display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem}
.quotes figure:first-child{background:var(--leaf);color:#F2ECDF}
.quotes blockquote{margin:0;font:1.2rem/1.55 var(--f-s)}
.quotes figure:first-child blockquote{font-size:1.4rem}
.quotes figcaption{font-weight:700}
.quotes figcaption::before{content:"";display:inline-block;width:18px;height:2px;background:var(--rope);vertical-align:middle;margin-inline-end:.5rem}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}

/* faq */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1.2rem 0;font:1.25rem var(--f-d);display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rope-d);font-size:1.6rem;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--ink-2);padding-bottom:1.2rem;margin:0}

/* contact band */
.call{background:var(--rope);color:var(--ink);padding-block:clamp(4rem,9vw,7rem)}
.call-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.call h2{font-size:clamp(2.2rem,5.5vw,4.4rem)}
.call p{font-size:1.15rem;margin-top:1rem;max-width:34rem}
.call-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.call-list a{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;background:var(--ink);color:var(--paper);border-radius:14px;text-decoration:none;font-weight:700}
.call-list a:hover{background:#000}
.call-list small{display:block;font-weight:400;color:#C9C1B1;font-size:.85rem}
@media (max-width:800px){.call-grid{grid-template-columns:1fr}}

/* footer */
.ftr{background:var(--ink);color:#D9D2C3;padding-block:3.5rem 6.5rem;font-size:.95rem}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}
.ftr h3{font-size:1.15rem;color:var(--paper);margin-bottom:.8rem}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.ftr a{text-decoration:none}.ftr a:hover{text-decoration:underline}
.ftr-logo{background:#fff;border-radius:12px;padding:.5rem .8rem;display:inline-block;margin-bottom:1rem}
.ftr-logo img{height:46px;width:auto}
.ftr .icons{display:flex;gap:.5rem;margin-top:1rem}
.ftr-bot{border-top:1px solid rgba(242,236,223,.15);margin-top:2.5rem;padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.85rem}
@media (max-width:800px){.ftr-grid{grid-template-columns:1fr}}

/* floating actions (physical left; a11y button sits on the right) */
.fab{position:fixed;left:16px;bottom:18px;z-index:55;display:grid;gap:10px}
.fab a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22);text-decoration:none}
.fab .wa{background:#1F9E55}.fab .ph{background:var(--ink)}
.fab svg{width:27px;height:27px;fill:currentColor}

/* inner pages */
.phead{padding:calc(var(--hdr) + 3.5rem) 0 2rem}
.phead h1{font-size:clamp(2.4rem,6vw,4.4rem)}
.crumbs{list-style:none;display:flex;gap:.5rem;padding:0;margin:0 0 1rem;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:.5rem}
.story{max-width:720px}
.story p{font:1.32rem/1.8 var(--f-s);color:var(--ink-2)}
.story p.big{font:clamp(1.7rem,3.4vw,2.4rem)/1.35 var(--f-d);color:var(--ink);margin:2.2rem 0}
.story .drop::first-letter{font:4.2em/.8 var(--f-d);float:right;margin-inline-end:.12em;color:var(--rope-d)}
.story-end{margin-top:3rem;padding:2rem;border-radius:var(--r);background:var(--ink);color:var(--paper)}
.story-end p{color:#D9D2C3;font:1.15rem/1.7 var(--f-b)}
.story-end h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1rem}
.story-fig{margin:2.5rem 0}
.story-fig img{border-radius:var(--r);width:100%}
.story-fig figcaption{font-size:.9rem;color:var(--muted);margin-top:.6rem}