@font-face{font-family:'Fredoka';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-hebrew-400-normal.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:'Fredoka';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-hebrew-500-normal.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:'Fredoka';font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-hebrew-600-normal.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:'Fredoka';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-hebrew-700-normal.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:'Fredoka';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/bv-design/fonts2/fredoka-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* E · סטוריז — phone first. The stories are the one loud thing; the profile page under them stays quiet.
   Story = pills and white caption boxes (the way story text looks); page = rounded rectangles, black on white, one sky accent. */
:root{--ink:#000;--paper:#fff;--mist:#F1F2F4;--line:#DEE1E5;--muted:#555A61;--sky:#36B1FF;--sky-d:#0A62B3;--sky-l:#E2F2FF;
  --f:'Fredoka','Rubik',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--hd:56px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--f);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
svg{fill:currentColor}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--sky-d);outline-offset:2px}
.skip{position:fixed;right:8px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{top:8px}
.wrap{width:100%;max-width:760px;margin-inline:auto;padding:0 16px}
.h2{font:700 clamp(27px,7.4vw,34px)/1.12 var(--f);margin-bottom:14px;text-wrap:balance}
.sec-l{color:var(--muted);margin:-4px 0 18px;max-width:58ch}
main>section{margin-top:48px}

/* avatar: the one-hand freeze, on sky */
.av{display:inline-block;flex:none;width:36px;height:36px;border-radius:50%;background:var(--sky);overflow:hidden;position:relative}
.av img{position:absolute;inset:-6% 0 auto;width:100%;height:118%;object-fit:contain;object-position:50% 0}

/* buttons: page = rounded rectangles */
.btn,.btn-2{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 20px;border-radius:14px;
  font:600 17px/1.1 var(--f);text-decoration:none;border:0;cursor:pointer;text-align:center}
.btn{background:var(--sky);color:#000}
.btn svg,.btn-2 svg{width:21px;height:21px;flex:none}
.btn-2{background:var(--mist);color:var(--ink)}
@media (hover:hover){.btn:hover{background:var(--sky);filter:brightness(1.07)}}
@media (hover:hover){.btn-2:hover{background:#E6E8EB}}
.tel bdi{font-weight:600}

/* ---------- header (after the stories; always on contact / legal pages) ---------- */
.hd{position:fixed;inset:0 0 auto;z-index:60;height:var(--hd);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);transition:transform .25s}
.has-st .hd{transform:translateY(-105%)}
html.past-st .has-st .hd{transform:none}
html.menu-open .hd{transform:none}
.hd-in{height:100%;max-width:1120px;margin:0 auto;padding:0 8px 0 12px;display:flex;align-items:center;gap:10px}
.logo{display:inline-flex;align-items:center;gap:9px;font:600 18px/1 var(--f);text-decoration:none;color:var(--ink)}
.hd-nav{display:none}
.hd-wa{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:999px;background:var(--sky);color:#000;font:600 15px/1 var(--f);text-decoration:none}
.hd-wa svg{width:18px;height:18px}
.hd-menu{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:var(--ink)}
.hd-menu svg{width:26px;height:26px}
.k-contact main,.k-legal main{padding-top:calc(var(--hd) + 8px)}

/* ---------- menu sheet ---------- */
.menu{position:fixed;inset:0;z-index:70;background:#fff;display:flex;flex-direction:column;padding:0 16px calc(18px + env(safe-area-inset-bottom));
  visibility:hidden;opacity:0;transition:opacity .2s,visibility 0s .2s;overflow-y:auto}
.menu.is-open{visibility:visible;opacity:1;transition:opacity .2s}
.menu-top{display:flex;align-items:center;justify-content:space-between;height:62px;flex:none}
.menu-x{width:48px;height:48px;display:grid;place-items:center;border:0;background:var(--mist);border-radius:50%;cursor:pointer}
.menu-x svg{width:24px;height:24px}
.menu-list{margin-top:8px}
.menu-list a{display:block;padding:12px 2px;font:600 26px/1.2 var(--f);text-decoration:none;border-bottom:1px solid var(--line)}
.menu-list a[aria-current]{color:var(--sky-d)}
.menu-foot{margin-top:auto;padding-top:22px;display:grid;gap:10px}

/* ---------- stories ---------- */
.st{position:relative;height:calc(100svh - 64px);min-height:540px;max-height:940px;background:#000;color:#fff;overflow:hidden;
  -webkit-user-select:none;user-select:none}
.s-frame{position:absolute;inset:0}
.s-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s .28s}
.s-slide.is-on{opacity:1;visibility:visible;transition:opacity .28s}
.s-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-vid{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .35s;pointer-events:none}
.s-vid iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.s-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.s-slide.vid-on .s-vid{opacity:1}
.s-slide::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 20%),linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0) 52%)}
.s-land .s-poster{filter:blur(22px) brightness(.5) saturate(1.15);transform:scale(1.2)}
.s-fit{position:absolute;left:0;right:0;top:15%;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.s-text{background:var(--sky);color:#000}
.s-text::after{display:none}

.s-cap{position:absolute;z-index:3;right:16px;left:16px;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  pointer-events:none;transition:opacity .2s}
.cap-h{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-weight:inherit}
.cap-big>span,.cap-sub>span,.cap-for>span{background:#fff;color:#000;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:9px}
.cap-big{display:block;max-width:100%}
.cap-big>span{font:700 clamp(34px,10.4vw,48px)/1.22 var(--f);padding:1px 11px 3px}
.cap-for>span{font:700 clamp(24px,7vw,30px)/1.3 var(--f);padding:1px 10px 2px;background:var(--sky)}
.cap-sub{display:block;max-width:34ch}
.cap-sub>span{font:500 17px/1.62 var(--f);padding:2px 9px}
.cap-chip{margin-top:6px;display:inline-flex;align-items:center;min-height:34px;padding:4px 14px;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font:500 15px/1.3 var(--f)}
.cap-cta{pointer-events:auto;margin-top:10px;display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 22px;border-radius:999px;background:var(--sky);color:#000;
  font:600 18px/1.1 var(--f);text-decoration:none}
.cap-cta svg{width:22px;height:22px}
/* the plain colour story: big black words, nothing else */
.s-text .s-cap{top:22%;bottom:auto}
.s-text .cap-big>span,.s-text .cap-sub>span{background:none;padding:0;border-radius:0}
.s-text .cap-big>span{font-size:clamp(44px,13.4vw,64px);line-height:1.04}
.s-text .cap-sub{max-width:30ch;margin-top:10px}
.s-text .cap-sub>span{font:500 clamp(20px,5.6vw,24px)/1.4 var(--f)}

.s-zones{position:absolute;z-index:2;inset:76px 0 84px;display:flex}
.s-zones button{height:100%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-y}
.s-prev{width:34%}
.s-next{width:66%}
.s-zones button:focus-visible{outline:3px solid #fff;outline-offset:-6px}

.s-top{position:absolute;z-index:4;inset:0 0 auto;padding:calc(env(safe-area-inset-top) + 8px) 10px 0;transition:opacity .2s}
.s-bars{display:flex;gap:4px;padding:0 2px}
.s-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.38);overflow:hidden}
.s-bars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:right center}
.s-bars i.done b{transform:none}
.s-bars i.run b{animation:sfill var(--d,5s) linear forwards}
.st.paused .s-bars i.run b{animation-play-state:paused}
@keyframes sfill{from{transform:scaleX(0)}to{transform:none}}
.s-hd{display:flex;align-items:center;gap:4px;margin-top:8px;height:48px}
.s-me{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.s-av{width:38px;height:38px;box-shadow:0 0 0 2px #000,0 0 0 4px var(--sky)}
.s-nm{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.s-nm b{font:600 16px/1.2 var(--f)}
.s-nm small{font:400 13px/1.2 var(--f);opacity:.9}
.s-btn{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:#fff;cursor:pointer}
.s-btn svg{width:26px;height:26px}
.s-pause svg{width:22px;height:22px}
.s-pause .i-play,.s-pause[aria-pressed=true] .i-pause{display:none}
.s-pause[aria-pressed=true] .i-play{display:inline}
.st:has(.s-text.is-on) .s-top{color:#000}
.st:has(.s-text.is-on) .s-me,.st:has(.s-text.is-on) .s-btn{color:#000}
.st:has(.s-text.is-on) .s-bars i{background:rgba(0,0,0,.2)}
.st:has(.s-text.is-on) .s-bars b{background:#000}
.st:has(.s-text.is-on) .s-av{box-shadow:0 0 0 2px var(--sky),0 0 0 4px #000}

.reply{position:absolute;z-index:4;right:12px;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;transition:opacity .2s}
.reply input{flex:1;min-width:0;height:50px;border-radius:999px;border:1.5px solid rgba(255,255,255,.8);background:rgba(0,0,0,.28);color:#fff;
  font:500 17px var(--f);padding:0 18px;outline:0}
.reply input::placeholder{color:rgba(255,255,255,.92)}
.reply input:focus-visible{border-color:#fff;box-shadow:0 0 0 3px var(--sky)}
.reply-send,.reply-tel{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;text-decoration:none}
.reply-send{background:var(--sky);color:#000}
.reply-send svg{width:22px;height:22px}
.reply-tel{border:1.5px solid rgba(255,255,255,.8);color:#fff}
.reply-tel svg{width:21px;height:21px}
.st:has(.s-text.is-on) .reply input{border-color:#000;color:#000;background:rgba(255,255,255,.35)}
.st:has(.s-text.is-on) .reply input::placeholder{color:#000}
.st:has(.s-text.is-on) .reply-tel{border-color:#000;color:#000}
.st:has(.s-text.is-on) .reply-send{background:#000;color:var(--sky)}
.st.holding .s-cap,.st.holding .s-top,.st.holding .reply{opacity:0}

/* ---------- bio (the profile header under the stories) ---------- */
.bio{padding-top:18px}
.bio-top{display:flex;align-items:center;gap:14px}
.bio-av{width:72px;height:72px;box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--sky)}
.bio-n{font:700 23px/1.15 var(--f)}
.bio-s{color:var(--muted);font-size:15px}
.bio-big{display:none}
.bio-t{margin-top:14px;max-width:52ch}
.bio-p{margin-top:8px;font-weight:600}
.bio-acts{margin-top:14px;display:grid;grid-template-columns:1fr;gap:8px}

/* ---------- highlights (audiences) ---------- */
.hl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
.hl-g a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;border-radius:14px;padding:2px}
.hl-ring{--hs:min(88px,24vw);flex:none;width:var(--hs);height:var(--hs);border-radius:50%;padding:3px;background:var(--sky)}
.hl-ring img{width:100%;height:100%;border-radius:50%;border:3px solid #fff;object-fit:cover}
.hl-t{font:500 15px/1.25 var(--f)}
@media (hover:hover){.hl-g a:hover .hl-ring{background:var(--ink)}}

/* ---------- pinned show + press ---------- */
.pin-t,.press{position:relative;display:block;border-radius:18px;overflow:hidden;background:#111;color:#fff;text-decoration:none}
.pin-t{aspect-ratio:4/5}
.pin-t img,.press img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pin-t::after,.press-play::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,0) 46%);pointer-events:none}
.pin-pb{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--sky);color:#000;display:grid;place-items:center}
.pin-pb svg{width:32px;height:32px;margin-left:4px}
.pin-cap{position:absolute;z-index:2;right:16px;left:16px;bottom:16px;display:flex;flex-direction:column;gap:2px}
.pin-cap b{font:600 21px/1.2 var(--f)}
.pin-cap span{font-size:15px;opacity:.92}
.press{aspect-ratio:16/10;margin-top:18px}
.press-play{position:absolute;inset:0;color:#fff;text-decoration:none}
.press.is-playing .yt-live{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- what you get ---------- */
.incl li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.incl li:first-child{padding-top:4px}
.ck{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sky);color:#000;display:grid;place-items:center;margin-top:-1px}
.ck svg{width:18px;height:18px}
.pc{margin-top:18px;background:var(--ink);color:#fff;border-radius:18px;padding:22px 18px 18px}
.pc-k{font-size:15px;color:#C9CDD2}
.pc-v{font:700 clamp(38px,11vw,48px)/1.1 var(--f);margin-top:2px}
.pc-n{font-size:15px;color:#C9CDD2;margin-top:8px}
.pc .btn{width:100%;margin-top:18px}

/* ---------- how it goes ---------- */
.ch-l li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.ch-ph{width:96px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--mist)}
.ch-ph img{width:100%;height:100%;object-fit:cover}
.ch-draw{background:var(--sky);display:grid;place-items:center}
.ch-draw svg{width:100%;height:100%}
.ch-t{display:inline-block;font:600 14px/1 var(--f);padding:6px 10px;border-radius:999px;background:var(--sky-l);color:var(--sky-d)}
.ch-tx h3{font:600 20px/1.25 var(--f);margin:8px 0 4px}
.ch-tx p{color:var(--muted);font-size:16px}

/* ---------- options ---------- */
.opts-l{display:grid;gap:10px}
.opts-l li{background:var(--mist);border-radius:16px;padding:16px}
.opts-l h3{font:600 19px/1.3 var(--f)}
.opts-l p{color:var(--muted);font-size:16px;margin-top:4px}

/* ---------- crew as accounts ---------- */
.acc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.acc a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:18px 8px 14px;border:1px solid var(--line);border-radius:16px;text-decoration:none;height:100%}
.acc-av{width:76px;height:76px;border-radius:50%;overflow:hidden;margin-bottom:8px;box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--sky)}
.acc-av>span{display:block;width:100%;height:100%;transform:scale(var(--s,1))}
.acc-av img{width:100%;height:100%;object-fit:cover}
.acc-n b{font:600 17px/1.2 var(--f)}
.acc-n span{font-size:14px;color:var(--muted)}
.acc-r{font-size:14px;color:var(--muted);line-height:1.35}
.acc-h{font-size:14px;color:var(--sky-d);margin-top:4px}
@media (hover:hover){.acc a:hover{border-color:var(--sky)}}
.crew-more{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.9}
.crew-more a{color:var(--sky-d);margin-inline-end:6px;white-space:nowrap}
.wins{margin-top:16px;font-size:16px}

/* ---------- questions ---------- */
.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;font:600 18px/1.35 var(--f);cursor:pointer;list-style:none}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:var(--mist)}
.faq-i summary i::before,.faq-i summary i::after{content:'';position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);transition:transform .2s}
.faq-i summary i::after{transform:rotate(90deg)}
.faq-i[open] summary i::after{transform:none}
.faq-a p{padding:0 0 18px;color:var(--muted);font-size:16px;max-width:60ch}

/* ---------- message ---------- */
.final{margin-top:56px;background:var(--ink);color:#fff;padding:46px 0 52px}
.final-t{font:700 clamp(32px,9vw,42px)/1.1 var(--f);text-wrap:balance}
.final-l{margin-top:10px;color:#D3D6DA;max-width:46ch}
.final-acts{margin-top:20px;display:grid;gap:10px}
.final .btn-2{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.fm{margin-top:22px;background:#fff;color:var(--ink);border-radius:18px;padding:18px 16px;display:grid;gap:12px}
.fm-t{font:600 17px/1.4 var(--f)}
.fm label{display:grid;gap:5px;font:500 15px/1.3 var(--f)}
.fm input,.fm select,.fm textarea{width:100%;min-height:50px;border:1.5px solid #C8CDD3;border-radius:12px;padding:10px 12px;background:#fff;font:400 17px var(--f)}
.fm textarea{min-height:76px;resize:vertical}
.fm input:focus,.fm select:focus,.fm textarea:focus{border-color:var(--sky-d);outline:3px solid var(--sky-l);outline-offset:0}
.fm-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fm button{min-height:52px;border:0;border-radius:14px;background:var(--sky);color:#000;font:600 17px var(--f);display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}
.fm button svg{width:21px;height:21px}
.fm-n{font-size:14px;color:var(--muted)}

/* ---------- contact / legal ---------- */
.h1-plain{font:700 clamp(34px,10vw,48px)/1.1 var(--f);margin:18px 0 12px}
.ct .lead{max-width:50ch}
.ct-acts{margin:18px 0 6px;display:grid;gap:10px}
.ct .fm{border:1px solid var(--line)}
.ct-list{margin-top:22px;display:grid;gap:10px}
.ct-list li{display:flex;gap:10px;flex-wrap:wrap}
.ct-list a{color:var(--sky-d)}
.legal{padding-bottom:20px}
.legal h2{font:600 21px/1.3 var(--f);margin:22px 0 6px}
.legal p,.legal li{color:#2B2F35;max-width:64ch}
.legal ul{list-style:disc;padding-inline-start:20px}
.legal a{color:var(--sky-d)}

/* ---------- footer + bottom bar ---------- */
.ft{padding:36px 0 calc(110px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.ft-sub{color:var(--muted);margin-top:6px;font-size:15px}
.ft-links{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.ft-links a{display:block;padding:9px 0;text-decoration:none;font-weight:500}
.ft-c{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.ft-c a,.ft-c button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font:500 15px var(--f);cursor:pointer}
.ft-c svg{width:18px;height:18px}
.ft-legal{margin-top:18px;display:flex;gap:16px;font-size:14px}
.ft-pre{margin-top:12px;font-size:13px;color:var(--muted)}
.bar{position:fixed;inset:auto 0 0;z-index:50;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);transition:transform .3s}
.has-st .bar{transform:translateY(110%)}
html.past-st .has-st .bar{transform:none}
html.menu-open .bar{transform:translateY(110%)}
.bar-wa{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:14px;background:var(--sky);color:#000;font:600 17px var(--f);text-decoration:none}
.bar-wa svg{width:21px;height:21px}
.bar-tel{flex:none;width:52px;height:52px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:14px;color:var(--ink)}
.bar-tel svg{width:22px;height:22px}

/* ---------- full show player ---------- */
.vm{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:64px 12px 24px}
.vm-box{width:min(100%,1100px);aspect-ratio:16/9;background:#000}
.vm-box iframe{width:100%;height:100%;border:0}
.vm-x{position:absolute;top:12px;left:12px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer}
.vm-x svg{width:24px;height:24px}
html.vm-open{overflow:hidden}

/* ---------- tablets and desktop ---------- */
@media (min-width:600px){
  .bio-acts{grid-template-columns:auto auto;justify-content:start}
  .hl-g{grid-template-columns:repeat(6,minmax(0,1fr))}
  .acc{grid-template-columns:repeat(4,minmax(0,1fr))}
  .final-acts,.ct-acts{grid-template-columns:auto auto;justify-content:start}
  .pin-t{aspect-ratio:16/10}
}
@media (min-width:900px){
  :root{--hd:64px}
  .has-st .hd{transform:none}
  .hd-nav{display:flex;gap:20px;margin-inline-start:18px}
  .hd-nav a{text-decoration:none;font:500 16px var(--f);padding:8px 0}
  .hd-nav a[aria-current]{color:var(--sky-d)}
  .hd-menu{display:none}
  .top{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center;max-width:1120px;margin:0 auto;padding:calc(var(--hd) + 28px) 24px 0}
  .st{grid-column:2;grid-row:1;height:min(calc(100vh - var(--hd) - 56px),860px);min-height:600px;border-radius:26px}
  .bio{grid-column:1;grid-row:1;padding:0}
  .bio-big{display:block;font:700 clamp(48px,5.4vw,72px)/1.04 var(--f);margin-top:26px;text-wrap:balance}
  .bio-for{display:block;font:600 clamp(22px,2vw,26px)/1.3 var(--f);margin-top:12px;max-width:26ch}
  .bio-t{font-size:19px}
  .bio-p{font-size:18px}
  .bio-acts{margin-top:22px}
  .st .s-btn[data-menu-toggle]{display:none}
  .deal-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
  .pc{margin-top:0}
  .bar{display:none}
  .ft{padding-bottom:48px}
  @media (hover:hover){.s-zones button:hover{background:linear-gradient(to left,rgba(255,255,255,.06),transparent)}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* one WhatsApp button per phone screen: the bottom bar */
@media (max-width:899px){.hd-wa{display:none}}

/* QA round 2: readable small text, form row, tap targets, balanced big lines, short screens */
.final-t,.film-h,.price-from{text-wrap:balance}
.fm-row{grid-template-columns:repeat(2,minmax(0,1fr))}
input[type=date]{min-width:0}
.crew-more a,.ct-list a{padding-block:11px}
.fm-n,.mine-n,.press-cap,.cm-r,.ft-legal{font-size:15px}
@media (max-height:700px){.menu-list a{padding-block:7px;font-size:clamp(22px,6.4vw,28px)}.menu-top{height:54px}}
.acc-n span,.acc-r,.acc-h,.ch-t{font-size:15px}
.faq+.hl{margin-top:52px}

.vm-x2{display:block;margin:14px auto 0;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);background:none;color:#fff;font:600 16px/1 inherit;cursor:pointer}

.nw{white-space:nowrap}

/* round 3: a profile, not a template */
.stats{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;border-block:1px solid var(--line);padding:12px 0}
.stats div+div{border-inline-start:1px solid var(--line)}
.stats dd{margin:0;display:flex;flex-direction:column;gap:2px}
.stats b{font:700 20px/1.1 var(--f)}
.stats span{font-size:14px;color:var(--muted)}
.po-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-inline:-16px}
.po{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--mist)}
.po img{width:100%;height:100%;object-fit:cover}
.po-i{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center}
.po-i svg{width:14px;height:14px;margin-left:2px}
.po:focus-visible{outline-offset:-4px}
@media (min-width:600px){.po-g{margin-inline:0;gap:6px}.po{border-radius:6px}}
/* the question sticker on the plain story */
.ask{pointer-events:auto;margin-top:18px;width:min(100%,330px);background:#fff;color:#000;border-radius:18px;padding:14px 14px 12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}
.ask-q{display:block;font:600 19px/1.3 var(--f);text-align:center}
.ask-row{margin-top:10px;display:flex;gap:8px}
.ask input{flex:1;min-width:0;height:46px;border:0;border-radius:12px;background:var(--mist);padding:0 14px;font:500 17px var(--f);color:#000}
.ask button{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:#000;color:var(--sky);display:grid;place-items:center;cursor:pointer}
.ask button svg{width:22px;height:22px}
/* the player: wide clips, vertical clips, photos */
.vm-v .vm-box{width:auto;height:min(78vh,760px);aspect-ratio:9/16;max-width:100%}
.vm-p .vm-box{width:auto;height:auto;aspect-ratio:auto;max-width:min(100%,1100px);background:none}
.vm-p .vm-box img{display:block;max-width:100%;max-height:78vh;margin:auto;border-radius:6px}

/* round 5: the celebrant's moment is a sky story over the photo, tinted like a duotone (sky + ink) */
.s-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(1.05);mix-blend-mode:multiply;opacity:.42}

/* round 6: Elad's texts as profile cards: each heading starts a card; points get the sky tick, steps a numbered sky dot. */
.tx{padding-block:0 6px}
.tx-b{background:var(--mist);border-radius:20px;padding:20px 18px}
.tx-b+.tx-b{margin-top:12px}
.tx-h{margin-bottom:10px;font-size:clamp(26px,7.2vw,40px)}
.tx-p{font-size:17px;line-height:1.62;max-width:60ch}
.tx-p+.tx-p{margin-top:10px}
.tx-list,.tx-steps{display:grid;gap:12px;margin-top:4px;max-width:62ch}
.tx-list li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.55}
.tx-steps li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;font-size:16.5px;line-height:1.55}
.tx-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sky);color:#000;font:700 15px/1 var(--f);font-style:normal}
.tx b{font-weight:700}

/* round 10: on a wide screen the profile next to the stories already shows the title and the price, so the first story
   plays clean; its words stay in the page for screen readers and search engines */
@media (min-width:900px){.s-h1cap .s-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* round 11 (Elad 25.10 00:14: "the text hides the important part"): the dancers are in the lower half of the crew's clips, so a
   story's words sit at the top, under the header, and the title is smaller; a story whose picture matters at the top says so
   with .s-cap-low */
.s-cap{top:calc(78px + env(safe-area-inset-top, 0px));bottom:auto}
.cap-big>span{font-size:clamp(27px,8.2vw,36px)}
.cap-for>span{font-size:clamp(20px,5.8vw,25px)}
.cap-sub>span{font-size:16px}
.s-cap-low .s-cap{top:auto;bottom:calc(86px + env(safe-area-inset-bottom))}
/* with the words at the top, the dark shade at the bottom only has to carry the reply bar, so the dancers stay bright */
.s-slide::after{background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 22%),linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 24%)}
.s-cap-low::after{background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,0) 18%),linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 40%)}
/* the TV frame sits in the middle, under the words */
.s-fit{top:50%;transform:translateY(-50%)}
/* round 12: the profile picture shows the whole dancer inside the circle (feet and the hand on the floor too) */
.av img{inset:5% 0 auto;height:90%}
/* five in the crew: on a phone the fifth card sits alone in the middle, on a wide screen all five in one row */
.acc>li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
@media (min-width:600px){.acc{grid-template-columns:repeat(5,minmax(0,1fr))}.acc>li:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}}

/* round 14: every page in its own colour (home, crew and contact keep the brand blue); the logo stays blue everywhere */
.pg-bar{--sky:#FF6B5E;--sky-d:#C62828;--sky-l:#FFE6E3}
.pg-bat{--sky:#B98CFF;--sky-d:#6D35D1;--sky-l:#F1E8FF}
.pg-birthday{--sky:#FFC93C;--sky-d:#8A5A00;--sky-l:#FFF4D6}
.pg-schools{--sky:#3FD68A;--sky-d:#157A47;--sky-l:#DDF7EA}
.pg-events{--sky:#E8C26A;--sky-d:#85600F;--sky-l:#F8F0DC}
.av{background:#36B1FF}
/* round 15: each landing page's own hook, in its colour, in the same sticker type as the photo's title */
.ins-h{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ins-a>span,.ins-b>span{font:700 clamp(28px,8.2vw,40px)/1.3 var(--f);padding:1px 12px 4px;border-radius:12px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ins-a>span{background:var(--ink);color:#fff}
.ins-b>span{background:var(--sky);color:#000}
.ins-p{margin-top:16px;font-size:18px;line-height:1.6;color:var(--muted);max-width:36ch}
/* the celebrant's moment: steps (bar mitzvah) or choices (bat mitzvah, birthday, events), and the question */
.mo-l{display:grid;gap:10px}
.mo-l li{position:relative;background:var(--sky-l);border-radius:18px;padding:16px;scroll-margin-top:80px}
.mo-steps .mo-l li{padding-inline-start:62px}
.mo-n{position:absolute;inset-inline-start:14px;top:15px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 17px/1 var(--f);font-style:normal}
.mo-l h3{font:700 20px/1.25 var(--f)}
.mo-l p{margin-top:4px;color:#2B2F33;font-size:16.5px;line-height:1.5}
.mo .ask{width:100%;margin-top:14px;box-shadow:none;border:1.5px solid var(--line)}
@media (min-width:600px){.mo-choices .mo-l{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
/* schools: plan the day */
.plan .fm{background:var(--sky-l)}
.pl-w{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.pl-w legend{padding:0;margin-bottom:10px;float:none;width:100%}
.fm label.pl-c{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid #C8CDD3;cursor:pointer;font:500 16px/1.2 var(--f)}
.fm .pl-c input{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:var(--sky-d)}
.fm label.pl-c:has(input:checked){background:var(--sky);border-color:var(--sky)}
/* round 16: the page-not-found page */
.legal .nf-l{display:grid;gap:8px;margin:18px 0 24px;padding:0;list-style:none;max-width:640px}
.legal .nf-l li{max-width:none}
.legal .nf-l a{display:block;padding:14px 16px;border-radius:14px;background:var(--mist);text-decoration:none;font:600 19px/1.2 var(--f);color:var(--ink)}
@media (hover:hover){.legal .nf-l a:hover{background:var(--sky-l)}}
@media (min-width:600px){.legal .nf-l{grid-template-columns:1fr 1fr}}
.legal .nf-wa .btn{color:var(--ink);text-decoration:none}
/* round 17: a wide photo as the page's opening (schools): square and whole-ish, between the title and the reply bar */
.hero .s-land .s-fit{aspect-ratio:1/1;object-position:38% 50%;top:calc(50% + 64px);max-height:52%}
@media (max-height:760px){.hero .s-land .s-fit{aspect-ratio:4/3;top:calc(50% + 58px)}}
@media (max-height:700px){.hero .s-land .s-fit{aspect-ratio:16/9;top:calc(50% + 52px)}}
/* round 17: the trophies photo on the crew page */
.tro{margin-top:26px}
.tro img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;border-radius:20px;background:var(--mist)}
.tro figcaption{margin-top:10px;font-size:16px;color:var(--muted)}
.tro figcaption b{color:var(--ink)}
@media (min-width:900px){.tro img{max-width:640px}}
@media (min-width:900px){.hero .s-land .s-fit{top:50%}}
/* round 17: contact page, one tap per kind of event */
.ct-q{font:700 21px/1.3 var(--f);margin:22px 0 10px}
.ct-pks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ct-pk{display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;border-radius:16px;background:var(--sky);color:#000;text-decoration:none;font:600 18px/1.2 var(--f)}
.ct-pk svg{width:22px;height:22px;flex:none}
@media (hover:hover){.ct-pk:hover{filter:brightness(1.06)}}
@media (min-width:600px){.ct-pks{grid-template-columns:repeat(3,1fr)}}
.ct-list li{display:grid;gap:2px}
.stats dd b{order:-1}
/* round 17c: from the visual review */
.ins-a,.ins-b{text-wrap:balance}
p,li,.h2,h3{text-wrap:pretty}
.mo .ask .ask-q{text-align:start}
.mo .ask button{background:var(--sky);color:#000}
.ct-list li>*{justify-self:start}
input[type=date]{text-align:right}
.hl-g{display:flex;flex-wrap:wrap;justify-content:center}
.hl-g>li{flex:0 0 calc((100% - 16px)/3);min-width:0}
@media (min-width:900px){.hl-g>li{flex-basis:calc((100% - 40px)/6)}}
.legal .nf-wa .btn{width:100%;justify-content:center}
@media (min-width:600px){.legal .nf-wa .btn{width:auto}}
@media (min-width:600px){.mo-choices .mo-l:has(>li:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}