/* AREA shell: the one header, the contact window and the footer, shared by every page */
:root{
  --sh-bg:#171A1C;
  --sh-bar:rgba(30,34,36,.96);
  --sh-ink:#F4F2EC;
  --sh-muted:rgba(244,242,236,.72);
  --sh-faint:rgba(244,242,236,.5);
  --sh-line:rgba(244,242,236,.18);
  --sh-green:#00603A;
  --sh-green-hi:#2F9E6B;
  --sh-ease:cubic-bezier(.16,1,.3,1);
  --sh-gutter:clamp(20px,4vw,72px);
  --sh-he:'Segoe UI','Segoe UI Hebrew','Assistant',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --sh-en:'TelAvivBrutalist','Segoe UI',system-ui,sans-serif;
}

/* ---------- header: fixed, always on screen ---------- */
/* the logo is English, so it sits on the left; the Hebrew menu reads from the right */
.hdr{position:fixed;inset-inline:0;top:0;z-index:900;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;
  padding:clamp(16px,2.4vw,28px) var(--sh-gutter);padding-inline:max(var(--sh-gutter),calc((100% - 1776px) / 2));font-family:var(--sh-he);color:var(--sh-ink);
  transition:background .4s,padding .4s var(--sh-ease),box-shadow .4s;}
.hdr.solid{background:var(--sh-bar);padding-block:clamp(12px,1.5vw,18px);box-shadow:0 1px 0 rgba(244,242,236,.06);}
.hdr .logo{display:block;line-height:0;}
.hdr .logo img{height:clamp(22px,2.4vw,30px);width:auto;display:block;}
.hdr nav.deskn{display:flex;gap:clamp(18px,2.6vw,40px);align-items:center;}
.hdr nav.deskn a{font-size:14px;font-weight:400;color:var(--sh-muted);letter-spacing:.02em;position:relative;padding:6px 0;transition:color .3s;}
.hdr nav.deskn a::after{content:'';position:absolute;inset-inline-start:0;bottom:0;height:1px;width:0;background:var(--sh-green-hi);transition:width .5s var(--sh-ease);}
.hdr nav.deskn a:hover{color:var(--sh-ink);}
.hdr nav.deskn a:hover::after{width:100%;}
.hdr nav.deskn a.cta{border:1px solid var(--sh-line);border-radius:100px;padding:9px 22px;color:var(--sh-ink);background:transparent;position:static;transition:background .35s,border-color .35s;}
.hdr nav.deskn a.cta:hover{background:var(--sh-green);border-color:var(--sh-green);}
.hdr nav.deskn a.cta::after{display:none;}
#burger{display:none;background:none;border:0;cursor:pointer;width:40px;height:40px;position:relative;z-index:960;color:var(--sh-ink);}
#burger i{position:absolute;inset-inline:8px;height:1.5px;background:currentColor;transition:all .4s var(--sh-ease);}
#burger i:nth-child(1){top:14px;}#burger i:nth-child(2){top:24px;}
#burger.open i:nth-child(1){top:19px;transform:rotate(45deg);}
#burger.open i:nth-child(2){top:19px;transform:rotate(-45deg);}
#menu{position:fixed;inset:0;z-index:940;background:var(--sh-bg);display:flex;flex-direction:column;justify-content:center;
  padding:0 var(--sh-gutter);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--sh-ease),visibility 0s .7s;font-family:var(--sh-he);}
#menu.open{clip-path:inset(0 0 0% 0);visibility:visible;transition:clip-path .8s var(--sh-ease);}
#menu a{font-weight:300;font-size:clamp(34px,7vw,64px);line-height:1.5;color:var(--sh-muted);transition:color .3s;}
#menu a:hover,#menu a:focus-visible{color:var(--sh-ink);}
@media (max-width:900px){.hdr nav.deskn{display:none;}#burger{display:block;}}

/* ---------- the contact window (after Brave, with the tower) ---------- */
.cpop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;
  visibility:hidden;opacity:0;transition:opacity .4s var(--sh-ease),visibility 0s .4s;font-family:var(--sh-he);}
.cpop.open{visibility:visible;opacity:1;transition:opacity .4s var(--sh-ease),visibility 0s;}
.cpop-scrim{position:absolute;inset:0;background:rgba(8,9,10,.62);}
.cpop-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,3vw,44px);align-items:end;
  width:min(880px,100%);max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain;
  background:var(--sh-bg);color:var(--sh-ink);border:1px solid rgba(244,242,236,.14);padding:clamp(26px,3.2vw,44px);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8);transform:translateY(26px);transition:transform .7s var(--sh-ease);}
.cpop.open .cpop-box{transform:none;}
.cpop-x{position:absolute;top:14px;inset-inline-end:14px;width:40px;height:40px;border:0;background:none;color:var(--sh-ink);
  font-size:26px;line-height:1;cursor:pointer;border-radius:50%;transition:background .3s,transform .4s var(--sh-ease);z-index:2;}
.cpop-x:hover{background:rgba(244,242,236,.08);transform:rotate(90deg);}
.cpop-title{font-family:var(--sh-en);font-weight:300;font-size:clamp(26px,2.4vw,34px);letter-spacing:.07em;line-height:1;
  -webkit-text-stroke:.018em currentColor;paint-order:stroke fill;margin:0 0 clamp(20px,2.4vw,30px);direction:ltr;text-align:right;}
.cpop form{display:flex;flex-direction:column;gap:clamp(12px,1.4vw,16px);}
.cpop label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sh-muted);letter-spacing:.02em;}
.cpop input,.cpop textarea{font:inherit;font-size:16px;color:var(--sh-ink);background:none;border:0;border-bottom:1px solid rgba(244,242,236,.42);
  padding:8px 2px;border-radius:0;transition:border-color .3s;}
.cpop textarea{border:1px solid rgba(244,242,236,.42);padding:12px 14px;min-height:110px;resize:vertical;margin-top:4px;}
.cpop input:focus,.cpop textarea:focus{outline:none;border-color:var(--sh-green-hi);}
.cpop input:focus-visible,.cpop textarea:focus-visible{outline:none;border-radius:0;border-color:var(--sh-green-hi);box-shadow:0 2px 0 0 var(--sh-green-hi);}
.cpop textarea:focus-visible{box-shadow:inset 0 0 0 1px var(--sh-green-hi);}
.cpop ::placeholder{color:rgba(244,242,236,.38);}
.cpop-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;flex-wrap:wrap;}
.cpop-foot a{font-size:14px;color:var(--sh-ink);border-bottom:1px solid rgba(244,242,236,.5);padding-bottom:1px;}
.cpop-foot a:hover{color:var(--sh-green-hi);border-color:var(--sh-green-hi);}
.cpop-send{font:inherit;font-size:15px;color:var(--sh-ink);background:none;border:1px solid rgba(244,242,236,.7);padding:10px 30px;cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;transition:background .35s,border-color .35s;}
.cpop-send:hover{background:var(--sh-green);border-color:var(--sh-green);}
.cpop-status{font-size:13.5px;color:var(--sh-muted);min-height:1.3em;margin:0;}
.cpop-tower{position:relative;height:clamp(330px,50svh,470px);aspect-ratio:496/1100;align-self:center;pointer-events:none;}
.cpop-tower img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom;clip-path:inset(100% 0 0 0);opacity:.9;}
.cpop-tower .scan{position:absolute;inset-inline:4%;height:2px;bottom:0;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(120,255,190,.95),transparent);}
.cpop-tower::after{content:'';position:absolute;inset-inline:0;bottom:-6px;height:20px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(47,176,122,.35),transparent);}
.cpop.open .cpop-tower img{animation:cpBuild 1.9s var(--sh-ease) .2s both;}
.cpop.open .cpop-tower .scan{animation:cpScan 1.9s var(--sh-ease) .2s both;}
@keyframes cpBuild{from{clip-path:inset(100% 0 0 0);}to{clip-path:inset(0 0 0 0);}}
@keyframes cpScan{0%{bottom:0;opacity:0;}10%{opacity:1;}85%{opacity:1;}100%{bottom:100%;opacity:0;}}
@media (max-width:680px){
  .cpop{padding:0;align-items:stretch;}
  .cpop-box{grid-template-columns:1fr;width:100%;max-height:100svh;height:100svh;border:0;align-content:start;padding:64px 20px 28px;gap:18px;}
  .cpop-tower{order:-1;height:150px;justify-self:center;}
}
@media (prefers-reduced-motion:reduce){
  .cpop,.cpop-box{transition:none;}
  .cpop.open .cpop-tower img{animation:none;clip-path:none;}
  .cpop.open .cpop-tower .scan{animation:none;}
}
html.a11y-motion .cpop-tower img{animation:none!important;clip-path:none!important;}

/* ---------- footer: the details, and nothing else ---------- */
.sfoot{position:relative;z-index:5;background:#111314;color:var(--sh-muted);font-family:var(--sh-he);
  padding:clamp(64px,8vw,120px) var(--sh-gutter) clamp(22px,3vw,30px);}
.sfoot-in{max-width:1776px;margin-inline:auto;}
.sfoot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(30px,5vw,90px);align-items:start;}
.sfoot-tag{font-family:var(--sh-en);font-size:13px;letter-spacing:.2em;line-height:2.1;color:var(--sh-faint);direction:ltr;text-align:right;}
.sfoot h3{font-size:13px;font-weight:400;color:var(--sh-faint);margin:0 0 8px;letter-spacing:.03em;}
.sfoot h3:not(:first-child){margin-top:22px;}
.sfoot p,.sfoot a{margin:0;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.75;color:var(--sh-ink);}
.sfoot a{display:inline-block;transition:color .3s;}
.sfoot a:hover{color:var(--sh-green-hi);}
.sfoot .addr-en{display:block;font-family:var(--sh-en);font-size:13px;letter-spacing:.06em;line-height:1.8;color:var(--sh-faint);direction:ltr;text-align:right;margin-top:6px;}
.sfoot-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:clamp(56px,7vw,110px);padding-top:clamp(22px,2.6vw,30px);border-top:1px solid rgba(244,242,236,.1);}
.sfoot-mark img{height:clamp(44px,6.4vw,96px);width:auto;display:block;}
.sfoot-legal{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--sh-faint);}
.sfoot-legal a{font-size:13px;color:var(--sh-faint);border-bottom:1px solid rgba(244,242,236,.2);padding-bottom:1px;}
@media (max-width:860px){.sfoot-grid{grid-template-columns:1fr 1fr;}.sfoot-grid>div:first-child{grid-column:1/-1;}}
@media (max-width:520px){.sfoot-grid{grid-template-columns:1fr;}}