@font-face{font-family:'Assistant';font-weight:200 800;font-display:swap;src:url(fonts/assistant-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-weight:200 800;font-display:swap;src:url(fonts/assistant-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plex Mono';font-weight:400;font-display:swap;src:url(fonts/ibmplexmono-400-latin.woff2) format('woff2')}
@font-face{font-family:'Plex Mono';font-weight:500;font-display:swap;src:url(fonts/ibmplexmono-500-latin.woff2) format('woff2')}
/* blueprint-calm: warm stone + terracotta + slate blue */
:root{--stone:#EDE7DD;--paper:#F7F3EC;--stone2:#E2D9CB;--terra:#B8613D;--terra2:#D48A69;--terra-t:#F3DDD1;--slate:#4E6579;--slate2:#3C4F60;--slate-t:#DCE3E9;--ink:#25292D;--ink2:#5D6166;--line:rgba(37,41,45,.16);--line2:rgba(37,41,45,.3);
--sans:'Assistant',system-ui,sans-serif;--mono:'Plex Mono','Assistant',ui-monospace,monospace;--pad:clamp(18px,4.5vw,64px);--max:1280px;--r:28px;--r-sm:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:18px;line-height:1.7;overflow-x:hidden;
background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 100%,100% 100%;}
body{background-image:none}
img,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
figure{margin:0}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.08}
p{margin:0}
.mono{font-family:var(--mono);font-weight:400;letter-spacing:.02em}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;z-index:50}
.skip:focus{top:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--terra);color:#fff;font-weight:600;font-size:17px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.btn:hover{background:#A6532F;transform:translateY(-1px)}
.btn-sm{min-height:42px;padding:0 20px;font-size:15.5px}
.btn-light{background:var(--paper);color:var(--terra)}
.btn-light:hover{background:#fff}
.btn-big{min-height:60px;padding:0 36px;font-size:19px}
.link-arrow{font-weight:500;text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:2px;color:var(--slate)}
.link-arrow::after{content:" ←"}

/* header */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:14px var(--pad);background:rgba(237,231,221,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);position:relative;background:var(--paper)}
.logo-mark::before{content:"";position:absolute;inset-inline-start:8px;top:7px;bottom:8px;border-inline-start:2px solid var(--terra)}
.logo-mark::after{content:"";position:absolute;inset-inline-start:8px;inset-inline-end:7px;bottom:8px;border-bottom:2px solid var(--terra)}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-name{font-weight:800;font-size:21px}
.logo-sub{font-size:13px;color:var(--ink2)}
.nav{display:flex;gap:26px;margin-inline-start:auto}
.nav a{text-decoration:none;font-size:15.5px;font-weight:500;color:var(--ink2);position:relative}
.nav a:hover{color:var(--terra)}
@media (max-width:860px){.nav{display:none}.top .btn-sm{margin-inline-start:auto}}

/* hero: asymmetric */
.hero{max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding:clamp(30px,5vw,70px) var(--pad) clamp(50px,7vw,90px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.tag{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:500;color:var(--slate);border:1px solid var(--line2);border-radius:999px;padding:6px 16px;margin-bottom:24px}
.tag .mono{color:var(--terra)}
.hero h1{font-size:clamp(44px,5.6vw,80px);font-weight:700;line-height:1.02;letter-spacing:-.02em}
.terra{color:var(--terra);font-weight:300}
.lead{font-size:clamp(18px,1.6vw,21px);font-weight:400;margin-top:22px;max-width:46ch}
.sub{margin-top:12px;color:var(--ink2);max-width:46ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}
.titleblock{margin:36px 0 0;display:grid;grid-template-columns:repeat(4,auto);border:1px solid var(--line2);border-radius:var(--r-sm);overflow:hidden;width:fit-content;max-width:100%}
.titleblock div{padding:8px 16px;border-inline-start:1px solid var(--line2)}
.titleblock div:first-child{border-inline-start:0}
.titleblock dt{font-size:11.5px;color:var(--ink2);font-weight:500}
.titleblock dd{margin:0;font-size:14.5px;font-weight:600;white-space:nowrap}
.hero-fig{position:relative;padding:34px 0 0 34px}
.hero-frame{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.2;background:var(--stone2);isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(37,41,45,0) 55%,rgba(37,41,45,.28) 100%),rgba(184,97,61,.06)}
.dim{position:absolute;color:var(--slate);font-size:12.5px}
.dim-h{top:0;inset-inline-start:34px;inset-inline-end:0;height:20px;border-bottom:1px solid var(--slate)}
.dim-h::before,.dim-h::after{content:"";position:absolute;bottom:-6px;height:12px;border-inline-start:1px solid var(--slate)}
.dim-h::before{inset-inline-start:0}.dim-h::after{inset-inline-end:0}
.dim-h span{position:absolute;inset-inline:0;text-align:center;top:-4px;background:var(--stone);width:fit-content;margin:auto;padding:0 8px}
.dim-v{bottom:0;top:34px;left:0;width:20px;border-right:1px solid var(--slate)}
.dim-v::before,.dim-v::after{content:"";position:absolute;right:-6px;width:12px;border-top:1px solid var(--slate)}
.dim-v::before{top:0}.dim-v::after{bottom:0}
.dim-v span{position:absolute;top:50%;left:-6px;transform:translateY(-50%) rotate(-90deg);background:var(--stone);padding:0 8px}

/* section head: number + rule */
section{scroll-margin-top:86px}
.sec-head{max-width:var(--max);margin:0 auto clamp(26px,4vw,44px);display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:baseline}
.num{font-size:14px;color:var(--terra);border:1px solid var(--terra2);border-radius:999px;padding:2px 12px}
.sec-head h2{font-size:clamp(34px,4.4vw,58px);font-weight:700}
.sec-head .sec-sub{grid-column:2;margin-top:10px;color:var(--ink2);max-width:52ch}

/* services schedule */
.services{padding:clamp(60px,8vw,110px) var(--pad);background:var(--paper);border-block:1px solid var(--line)}
.schedule{list-style:none;margin:0 auto;padding:0;max-width:var(--max);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line2)}
.schedule li{padding:28px 0 30px;padding-inline-end:28px;border-bottom:1px solid var(--line2);display:grid;gap:8px;align-content:start}
.schedule li:not(:nth-child(3n+1)){padding-inline-start:28px;border-inline-start:1px solid var(--line)}
.schedule .code{font-size:13px;color:var(--slate);background:var(--slate-t);border-radius:999px;padding:2px 12px;width:fit-content}
.schedule h3{font-size:25px;font-weight:700}
.schedule p{color:var(--ink2);font-size:17px}
.schedule li.full{grid-column:span 3;grid-template-columns:auto auto 1fr;align-items:baseline;column-gap:24px;background:var(--terra-t);border-radius:0 0 var(--r-sm) var(--r-sm);padding-inline:28px;border-bottom:0}
.note{max-width:var(--max);margin:22px auto 0;color:var(--ink2);font-size:16px}
.note .mono{color:var(--terra)}

/* before / after */
.compare{padding:clamp(60px,8vw,110px) var(--pad)}
.ba{--pos:50%;position:relative;max-width:var(--max);margin:0 auto;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--stone2)}
.ba-img{position:absolute;inset:0}
.ba-img img{width:100%;height:100%;object-fit:cover}
.ba-after{clip-path:inset(0 0 0 var(--pos))}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--paper);transform:translateX(-1px);pointer-events:none}
.ba-handle span{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%);box-shadow:0 6px 20px rgba(0,0,0,.2)}
.ba-handle span::before{content:"⟷";position:absolute;inset:0;display:grid;place-items:center;color:var(--terra);font-size:20px}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-label{position:absolute;top:16px;background:rgba(247,243,236,.92);border-radius:999px;padding:4px 14px;font-size:13px;pointer-events:none}
.ba-label-before{left:16px}.ba-label-after{right:16px;color:var(--terra)}

/* sheets: asymmetric */
.sheets{padding:clamp(40px,6vw,80px) var(--pad) clamp(60px,8vw,110px)}
.sheet-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(16px,2vw,28px);align-items:start}
.sheet{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:14px}
.s-b{margin-top:70px}.s-c{margin-top:140px}
.sheet-photo{border-radius:calc(var(--r) - 8px);overflow:hidden;aspect-ratio:4/3.4}
.s-a .sheet-photo{aspect-ratio:4/4.6}
.sheet-photo img{width:100%;height:100%;object-fit:cover}
.sheet dl{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)}
.sheet dl div{padding:10px 10px 8px;border-inline-start:1px solid var(--line)}
.sheet dl div:first-child{border-inline-start:0}
.sheet dl .wide{grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--line)}
.sheet dt{font-size:12px;color:var(--ink2);font-weight:500}
.sheet dd{margin:0;font-weight:500;font-size:15.5px}
.sheet .wide dd{font-weight:300;font-size:16px}

/* field */
.field{padding:clamp(60px,8vw,110px) var(--pad);background:var(--slate);color:var(--paper)}
.field .sec-head h2{color:var(--paper)}
.field .num{color:var(--terra-t);border-color:rgba(243,221,209,.5)}
.field-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:clamp(14px,2vw,24px)}
.field-grid figure{display:flex;flex-direction:column;gap:10px}
.field-grid img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.f1{grid-row:span 2}
.f1 img{aspect-ratio:auto;min-height:100%}
.f2 img{aspect-ratio:4/3}
.f3 img{aspect-ratio:16/10}
.field figcaption{font-size:14.5px;color:rgba(247,243,236,.8)}
.field figcaption .mono{color:var(--terra-t);margin-inline-end:8px;font-size:12.5px}

/* steps */
.steps{padding:clamp(60px,8vw,110px) var(--pad)}
.chain{list-style:none;padding:0;margin:0 auto;max-width:var(--max);display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.chain::before{content:"";position:absolute;top:22px;inset-inline:22px;border-top:1px dashed var(--terra2)}
.chain li{position:relative;padding-inline-end:22px;display:grid;gap:8px;align-content:start}
.chain .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--terra);color:var(--terra);font-size:15px;margin-bottom:10px;position:relative}
.chain li:last-child .n{background:var(--terra);color:#fff}
.chain h3{font-size:22px}
.chain p{color:var(--ink2);font-size:16.5px}

/* areas */
.areas{max-width:calc(var(--max) + 2*var(--pad));margin:0 auto;padding:0 var(--pad) clamp(60px,8vw,100px);display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:start}
.north{width:96px;height:96px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;position:relative;background:var(--paper)}
.north::before{content:"";position:absolute;top:14px;bottom:50%;width:0;border-inline:6px solid transparent;border-bottom:30px solid var(--terra);transform:translateY(-6px)}
.north span{position:absolute;bottom:16px;font-size:13px;color:var(--slate)}
.areas-body{border-top:1px solid var(--line2);padding-top:22px;display:grid;gap:16px}
.areas h2{font-size:clamp(30px,3.6vw,46px);display:flex;align-items:baseline;gap:14px}
.areas h2 .num{font-size:14px;font-weight:400}
.area-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.area-list li{border:1px solid var(--line2);border-radius:999px;padding:7px 18px;font-weight:500;background:var(--paper)}
.area-list li:first-child{background:var(--slate);color:var(--paper);border-color:var(--slate)}
.areas p{color:var(--ink2)}

/* faq */
.faq{padding:clamp(60px,8vw,100px) var(--pad);background:var(--paper);border-block:1px solid var(--line)}
.faq-list{max-width:900px;margin:0 auto;border-top:1px solid var(--line2)}
.faq .sec-head{max-width:900px}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:600;font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--terra);background:linear-gradient(var(--terra),var(--terra)) center/12px 1.5px no-repeat,linear-gradient(var(--terra),var(--terra)) center/1.5px 12px no-repeat;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--ink2);max-width:62ch}

/* contact */
.contact{padding:clamp(50px,7vw,90px) var(--pad)}
.contact-card{position:relative;max-width:var(--max);margin:0 auto;background:var(--terra);color:var(--paper);border-radius:calc(var(--r) + 8px);padding:clamp(56px,7vw,96px) clamp(26px,5vw,80px) clamp(40px,6vw,80px);display:grid;gap:18px;justify-items:start}
.contact h2{font-size:clamp(40px,6vw,80px);font-weight:700}
.contact p{font-size:20px;font-weight:300;max-width:44ch;color:rgba(247,243,236,.92)}
.dim-contact{top:26px;inset-inline-start:clamp(26px,5vw,80px);inset-inline-end:clamp(26px,5vw,80px);color:var(--paper);border-color:rgba(247,243,236,.6)}
.dim-contact::before,.dim-contact::after{border-color:rgba(247,243,236,.6)}
.dim-contact span{background:var(--terra)}

.foot{padding:26px var(--pad) 110px;text-align:center;font-size:14.5px;color:var(--ink2);display:grid;gap:4px}
.foot-brand{font-weight:600;color:var(--ink)}
.foot a{text-decoration:none;border-bottom:1px solid var(--line2)}
.wa-float{position:fixed;inset-inline-start:18px;bottom:18px;z-index:40;width:58px;height:58px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -12px rgba(120,60,30,.7)}

@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-fig{order:-1;padding:28px 0 0 28px}
  .schedule{grid-template-columns:1fr 1fr}
  .schedule li:not(:nth-child(3n+1)){padding-inline-start:0;border-inline-start:0}
  .schedule li:nth-child(even){padding-inline-start:24px;border-inline-start:1px solid var(--line)}
  .schedule li.full{grid-column:1/-1}
  .sheet-grid{grid-template-columns:1fr 1fr}
  .s-a{grid-column:1/-1}.s-a .sheet-photo{aspect-ratio:16/9}
  .s-b,.s-c{margin-top:0}
  .chain{grid-template-columns:1fr;gap:22px}
  .chain::before{top:22px;bottom:22px;inset-inline:auto;inset-inline-start:22px;border-top:0;border-inline-start:1px dashed var(--terra2)}
  .chain li{grid-template-columns:44px 1fr;column-gap:18px}
  .chain .n{grid-row:span 2;margin:0}
}
@media (max-width:640px){
  body{font-size:17px}
  .hero{padding-top:18px}
  .hero-frame{aspect-ratio:4/4.2}
  .hero h1{font-size:clamp(40px,11.5vw,56px)}
  .titleblock{grid-template-columns:1fr 1fr;width:100%}
  .titleblock div:nth-child(3){border-inline-start:0}
  .titleblock div:nth-child(n+3){border-top:1px solid var(--line2)}
  .hero-cta .btn{width:100%}
  .schedule{grid-template-columns:1fr}
  .schedule li,.schedule li:nth-child(even){padding-inline:0;border-inline-start:0}
  .schedule li.full{grid-template-columns:1fr;padding-inline:20px}
  .sheet-grid{grid-template-columns:1fr}
  .s-a .sheet-photo,.sheet-photo{aspect-ratio:4/3.2}
  .field-grid{grid-template-columns:1fr}
  .f1{grid-row:auto}.f1 img{aspect-ratio:4/3;min-height:0}
  .areas{grid-template-columns:1fr}
  .north{width:72px;height:72px}
  .north::before{border-bottom-width:22px;top:10px}
  .north span{bottom:10px}
  .contact-card .btn{width:100%}
  .sec-head{grid-template-columns:1fr;row-gap:10px}
  .sec-head .num{width:fit-content}
  .sec-head .sec-sub{grid-column:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hero>*{min-width:0}
@media (max-width:640px){
  .hero{gap:22px}
  .hero-frame{aspect-ratio:16/11}
  .hero-fig{padding:24px 0 0 24px}
  .wa-float{width:52px;height:52px;inset-inline-start:14px;bottom:14px}
}