/* Amit Hero Section · "בלב הסערה. לבד בסירה."
   A full-screen film of a rowboat at sea, graded live: storm, steady rain and a small far lightning
   at the start, a sunrise as the visitor scrolls. Everything is scoped under .amh.
   Colours can be changed through the variables below (Appearance > Customize > Additional CSS). */

.amh{
  --amh-ink:#0A161D;
  --amh-accent:#B0156C;
  --amh-accent-dk:#8C0F55;
  --amh-paper:rgba(244,241,234,.72);
  --amh-line:rgba(10,22,29,.14);
  --amh-f:"Heebo","Assistant","Arial Hebrew",system-ui,sans-serif;
  --amh-f-display:"Karantina","Heebo","Arial Hebrew",sans-serif;
  --amh-gutter:clamp(24px,4vw,62px);
  --amh-ease:cubic-bezier(.23,1,.32,1);
  --amh-sw:cubic-bezier(.33,1,.68,1);
  position:relative;
  font-family:var(--amh-f);
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  color:#fff;
}
.amh *,.amh *::before,.amh *::after{box-sizing:border-box}
.amh p,.amh h1{margin:0}
.amh a{color:inherit;text-underline-offset:.22em}
.amh :focus-visible{outline:2px solid var(--amh-accent);outline-offset:3px}
.amh .amh-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- nav: a plain bar with a menu ---------- */
.amh-nav{position:fixed;top:env(safe-area-inset-top,0px);inset-inline:0;z-index:9990;color:var(--amh-ink);transition:transform .5s var(--amh-ease),background-color .3s ease,color .3s ease}
.admin-bar .amh-nav{top:32px}
@media (max-width:782px){.admin-bar .amh-nav{top:46px}}
.amh-nav.is-hidden{transform:translateY(-130%)}
.amh-nav.is-solid{background:var(--amh-paper);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 var(--amh-line)}
.amh-bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px var(--amh-gutter)}
/* the logo: the mark and the name drawn as vector shapes, the line under it as real text so it stays sharp and readable */
.amh-logo{--amh-logo-ink:#2F3F31;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--amh-logo-ink);text-decoration:none;line-height:1;transition:color .3s ease}
.amh-logo::before{content:"";position:absolute;inset:-18px -28px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(246,244,238,.4),rgba(246,244,238,.16) 55%,rgba(246,244,238,0));transition:opacity .3s ease}
.amh-logo svg{display:block;width:clamp(124px,11vw,168px);height:auto;overflow:visible}
.amh-logo-sub{display:flex;align-items:center;gap:9px;font-family:var(--amh-f);font-size:14px;font-weight:500;letter-spacing:.04em;white-space:nowrap;color:var(--amh-logo-ink)}
.amh-logo-sub i{display:block;width:1.5px;height:13px;background:#B8955F}
.amh-nav.is-solid .amh-logo::before{opacity:0}
.amh-nav.is-open .amh-logo{--amh-logo-ink:#FFFFFF}
.amh-nav.is-open .amh-logo::before{opacity:0}
.amh-burger{display:grid;place-items:center;width:48px;height:48px;margin-inline-start:-12px;padding:0;background:none;border:0;color:inherit;cursor:pointer}
.amh-burger span{display:block;width:28px;height:2.5px;background:currentColor;grid-area:1/1;transition:transform .45s var(--amh-ease),opacity .2s ease}
.amh-burger span:nth-child(1){transform:translateY(-8px)}
.amh-burger span:nth-child(3){transform:translateY(8px);width:18px;justify-self:start;margin-inline-start:10px}
.amh-nav.is-open{color:#fff;background:transparent!important;box-shadow:none!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.amh-nav.is-open .amh-burger span:nth-child(1){transform:rotate(45deg)}
.amh-nav.is-open .amh-burger span:nth-child(2){opacity:0}
.amh-nav.is-open .amh-burger span:nth-child(3){transform:rotate(-45deg);width:28px;margin-inline-start:10px}
.amh-menu{position:fixed;inset:0;z-index:1;background:var(--amh-ink);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.4vh,14px);padding:96px var(--amh-gutter) 48px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.77,0,.18,1),visibility 0s linear .6s}
.amh-nav.is-open .amh-menu{clip-path:inset(0);visibility:visible;transition:clip-path .6s cubic-bezier(.77,0,.18,1),visibility 0s}
.amh-menu a{font-size:clamp(44px,8vw,96px);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-decoration:none;color:#fff;width:max-content;max-width:100%;opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .5s var(--amh-ease),color .2s ease}
.amh-nav.is-open .amh-menu a{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * 60ms)}
@media (hover:hover){.amh-menu a:hover{color:var(--amh-accent)}}
.amh-menu a:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media (max-width:640px){.amh-logo svg{width:112px}.amh-logo-sub{font-size:12.5px;gap:7px;letter-spacing:.03em}.amh-logo-sub i{height:11px}}

/* ---------- the hero: holds on screen while the storm turns into morning ---------- */
.amh-track{position:relative;height:260vh;height:260svh}
.amh-hero{position:sticky;top:0;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:#0B2430;isolation:isolate}
.amh-cv,.amh-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;z-index:0}
.amh-video{opacity:0;pointer-events:none}
.amh-video.is-shown{opacity:1}
.amh-warm{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(70% 55% at 30% 42%,rgba(255,206,140,.55),rgba(255,206,140,0) 70%)}
.amh-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:72%;z-index:1;background:linear-gradient(0deg,rgba(5,18,24,.82),rgba(5,18,24,.55) 45%,rgba(5,18,24,0));pointer-events:none}

/* steady rain over the whole picture: two layers of thin streaks of different lengths, at a slant,
   the near layer longer and faster. Each layer is tilted as a whole and falls straight down inside it,
   so the loop is seamless. */
.amh-rain{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:var(--amh-rain,.45)}
.amh-rain i{position:absolute;display:block;inset:-40% -30%;transform:rotate(13deg)}
.amh-rain i::before{content:"";position:absolute;inset:-320px 0 0 0;will-change:transform}
.amh-rain .amh-r1::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='320'><g stroke='%23D2E4EC' stroke-width='1.1' stroke-linecap='round'><path d='M71.6 188v31' stroke-opacity='0.32'/><path d='M117.8 16v38' stroke-opacity='0.45'/><path d='M9.2 20v40' stroke-opacity='0.33'/><path d='M93.5 33v52' stroke-opacity='0.37'/><path d='M137.8 152v56' stroke-opacity='0.42'/><path d='M213.8 251v27' stroke-opacity='0.39'/><path d='M32.4 90v30' stroke-opacity='0.54'/><path d='M40.4 176v45' stroke-opacity='0.41'/><path d='M120.4 17v28' stroke-opacity='0.36'/><path d='M149.3 88v40' stroke-opacity='0.48'/><path d='M99.8 226v36' stroke-opacity='0.51'/><path d='M54.2 145v44' stroke-opacity='0.56'/><path d='M160.0 279v35' stroke-opacity='0.34'/><path d='M92.2 41v50' stroke-opacity='0.45'/><path d='M9.5 208v47' stroke-opacity='0.47'/><path d='M191.9 197v36' stroke-opacity='0.48'/><path d='M127.4 235v41' stroke-opacity='0.58'/><path d='M104.4 17v47' stroke-opacity='0.51'/><path d='M142.1 216v58' stroke-opacity='0.39'/><path d='M85.1 6v47' stroke-opacity='0.44'/><path d='M37.6 17v30' stroke-opacity='0.53'/><path d='M29.2 112v34' stroke-opacity='0.56'/><path d='M18.6 154v40' stroke-opacity='0.57'/><path d='M179.6 74v54' stroke-opacity='0.42'/><path d='M79.2 254v54' stroke-opacity='0.35'/><path d='M39.4 67v33' stroke-opacity='0.45'/></g></svg>");background-size:220px 320px;animation:amh-rain1 .62s linear infinite}
.amh-rain .amh-r2::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='240'><g stroke='%23D2E4EC' stroke-width='1.1' stroke-linecap='round'><path d='M72.5 202v21' stroke-opacity='0.27'/><path d='M81.2 40v21' stroke-opacity='0.28'/><path d='M100.5 20v25' stroke-opacity='0.24'/><path d='M15.3 149v25' stroke-opacity='0.19'/><path d='M156.2 139v27' stroke-opacity='0.3'/><path d='M25.9 120v12' stroke-opacity='0.19'/><path d='M31.1 7v16' stroke-opacity='0.27'/><path d='M70.6 111v25' stroke-opacity='0.31'/><path d='M80.0 99v23' stroke-opacity='0.24'/><path d='M158.6 178v28' stroke-opacity='0.32'/><path d='M50.8 65v16' stroke-opacity='0.19'/><path d='M122.1 188v18' stroke-opacity='0.26'/><path d='M152.4 0v26' stroke-opacity='0.22'/><path d='M144.8 216v20' stroke-opacity='0.26'/><path d='M12.5 170v22' stroke-opacity='0.23'/><path d='M14.8 215v17' stroke-opacity='0.33'/><path d='M19.6 23v16' stroke-opacity='0.19'/><path d='M126.9 126v15' stroke-opacity='0.27'/><path d='M31.1 28v24' stroke-opacity='0.31'/><path d='M19.4 47v19' stroke-opacity='0.23'/><path d='M154.4 65v25' stroke-opacity='0.36'/><path d='M34.3 189v18' stroke-opacity='0.31'/><path d='M16.9 45v28' stroke-opacity='0.23'/><path d='M123.1 66v17' stroke-opacity='0.19'/><path d='M15.2 53v21' stroke-opacity='0.3'/><path d='M59.7 212v19' stroke-opacity='0.28'/><path d='M91.8 39v26' stroke-opacity='0.21'/><path d='M144.5 54v25' stroke-opacity='0.22'/><path d='M117.8 42v27' stroke-opacity='0.37'/><path d='M140.4 92v22' stroke-opacity='0.2'/></g></svg>");background-size:160px 240px;animation:amh-rain2 .95s linear infinite;opacity:.7}
@keyframes amh-rain1{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,320px,0)}}
@keyframes amh-rain2{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,240px,0)}}
@media (max-width:700px){.amh-rain .amh-r1::before{background-size:176px 256px;animation-name:amh-rain1m}.amh-rain .amh-r2::before{background-size:128px 192px;animation-name:amh-rain2m}}
@keyframes amh-rain1m{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,256px,0)}}
@keyframes amh-rain2m{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,192px,0)}}

/* the far lightning, used when the live film is not available (the film draws its own bolt) */
.amh-flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(48% 38% at 74% 22%,rgba(221,235,255,.75),rgba(221,235,255,0) 70%)}

.amh-curtain{position:absolute;inset:0;z-index:5;background:#081A21;pointer-events:none;transition:opacity 1.4s ease}
.amh-curtain.is-off{opacity:0}

/* ---------- the words ---------- */
.amh-bottom{position:absolute;inset-inline:0;bottom:clamp(96px,14vh,150px);z-index:3;padding-inline:var(--amh-gutter)}
.amh-heads{display:grid;align-items:end}
.amh-heads>*{grid-area:1/1}
.amh-h,.amh-h2{font-family:var(--amh-f-display);font-size:clamp(64px,8vw,140px);font-weight:700;line-height:.86;letter-spacing:0;max-width:12ch;color:#fff}
.amh-h2{text-shadow:0 2px 30px rgba(0,0,0,.18)}
.amh-row{display:flex;flex-wrap:wrap;gap:22px 48px;justify-content:space-between;align-items:flex-end;margin-top:clamp(22px,3.6vh,36px)}
.amh-ledes{display:grid;flex:1 1 320px;min-width:0;max-width:36rem}
.amh-ledes>p{grid-area:1/1;color:rgba(255,255,255,.86);font-size:clamp(17px,1.35vw,19px);transition:opacity .65s var(--amh-sw),transform .75s var(--amh-sw),filter .65s var(--amh-sw)}
.amh-ledes strong{color:#fff;font-weight:800}
.amh-lede2{opacity:0;transform:translateY(12px);filter:blur(4px)}
.amh-hero.is-b .amh-lede1{opacity:0;transform:translateY(-12px);filter:blur(4px)}
.amh-hero.is-b .amh-lede2{opacity:1;transform:none;filter:none;transition-delay:.15s}
.amh-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.amh-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:0;font:800 17px/1 var(--amh-f);text-decoration:none;cursor:pointer;background:var(--amh-accent);color:#fff!important;transition:transform 160ms var(--amh-ease),background-color .2s ease}
.amh-btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.amh-btn:hover{background:var(--amh-accent-dk)}}
.amh-link{font-weight:500;font-size:17px;text-decoration:underline;text-decoration-thickness:1px}

/* words rise in one by one, and the two headlines swap on scroll */
.amh-w{display:inline-block;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.amh-w>span{display:inline-block;transition:transform .75s var(--amh-sw) calc(var(--i,0) * 22ms),opacity .6s var(--amh-sw) calc(var(--i,0) * 22ms),filter .6s var(--amh-sw) calc(var(--i,0) * 22ms)}
.amh.is-js .amh-h .amh-w>span,.amh.is-js .amh-h2 .amh-w>span{opacity:0;transform:translateY(18px);filter:blur(6px)}
.amh.is-js .amh-hero.is-loaded .amh-h .amh-w>span{opacity:1;transform:none;filter:none}
.amh.is-js .amh-hero.is-b .amh-h .amh-w>span{opacity:0;transform:translateY(-14px);filter:blur(6px)}
.amh.is-js .amh-hero.is-b .amh-h2 .amh-w>span{opacity:1;transform:none;filter:none;transition-delay:calc(.12s + var(--i,0) * 22ms)}
.amh.is-js .amh-row{opacity:0;transform:translateY(16px);transition:opacity 1s var(--amh-ease) .55s,transform 1s var(--amh-ease) .55s}
.amh.is-js .amh-hero.is-loaded .amh-row{opacity:1;transform:none}
/* phones: everything centred, the boat just above the headline */
@media (max-width:700px){
  .amh-bottom{text-align:center}
  .amh-heads{justify-items:center}
  .amh-h,.amh-h2{margin-inline:auto;font-size:clamp(60px,17vw,96px)}
  .amh-row{flex-direction:column;align-items:center;justify-content:center}
  .amh-ledes{flex:none;width:100%;max-width:30rem;margin-inline:auto}
  .amh-ledes>p{text-align:center}
  .amh-actions{justify-content:center}
}
/* without JavaScript: the first headline only */
.amh:not(.is-js) .amh-h2,.amh:not(.is-js) .amh-lede2{display:none}

@media (prefers-reduced-motion:reduce){
  .amh-rain i::before{animation:none}
  .amh-menu,.amh-nav.is-open .amh-menu,.amh-menu a,.amh-burger span{transition:none!important}
  .amh.is-js .amh-w>span,.amh.is-js .amh-row,.amh-ledes>p{transform:none!important;filter:none!important;transition:opacity .2s ease!important}
  .amh.is-js .amh-hero.is-loaded .amh-row{opacity:1}
}