@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Heebo:wght@400;500;700;800&display=swap');
:root{--paper:#eeeae2;--ink:#20221f;--muted:#696b63;--line:#c9c7bd;--yellow:#f2eb4e;--green:#b6c6aa;font-family:'Space Grotesk',Heebo,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{display:block;width:100%}a:focus-visible,button:focus-visible{outline:3px solid #247fb2;outline-offset:5px}.wrap{width:min(1560px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;background:var(--yellow);padding:14px;z-index:9}.skip:focus{top:5px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand img{height:47px;width:47px;object-fit:contain;mix-blend-mode:multiply}.wordmark{font-size:33px;font-weight:700;letter-spacing:-2px;line-height:1}.byline{display:block;font:10px/1.6 monospace;letter-spacing:1px;text-transform:uppercase}.nav,.langs{display:flex;gap:25px;font-size:13px}.langs{gap:11px;align-items:center}.langs [aria-current]{border-bottom:2px solid}.header .contact-link{background:var(--ink);color:var(--paper);padding:11px 16px}.kicker{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:1px}.hero-top{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:38px}.hero-top p{max-width:330px;font-size:13px;line-height:1.6;margin:0}.status:before{content:'';width:6px;height:6px;display:inline-block;background:#53865a;border-radius:50%;margin-inline-end:8px}.hero h1{font-size:clamp(58px,9.5vw,150px);letter-spacing:-.075em;line-height:.94;font-weight:500;margin:28px 0 36px;max-width:1300px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px}.circle-arrow{flex-shrink:0;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:78px;height:78px;font-size:40px;margin-bottom:45px}.reels{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;align-items:start}.reel:nth-child(2){margin-top:56px}.reel-screen{position:relative;background:#242723;overflow:hidden;display:block;aspect-ratio:16/9}.reel-screen video,.reel-screen img{height:100%;object-fit:cover;transition:transform .6s}.reel-screen:hover video{transform:scale(1.025)}.reel-screen:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.play-pill{position:absolute;bottom:20px;inset-inline-start:20px;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:30px;background:var(--yellow);color:#1e201a;font-size:12px;z-index:1}.time{position:absolute;top:15px;inset-inline-end:15px;font:11px monospace;color:white;background:#0007;padding:6px 8px}.reel-foot{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:15px}.reel-foot h2{font-size:25px;letter-spacing:-1px;margin:0 0 7px;font-weight:500}.reel-foot p{font-size:12px;line-height:1.5;color:var(--muted);max-width:390px;margin:0}.idx{font:12px monospace}.reel-controls{display:flex;justify-content:space-between;align-items:center;padding:32px 0 44px}.motion-toggle{background:none;border:0;border-bottom:1px solid;padding:5px 0;font-size:11px}.hero-bottom{font-size:11px;color:var(--muted)}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;font:12px monospace;padding:19px 0}.ticker span:before{content:'✳';color:#79876e;margin-inline-end:20px}.section{padding-block:100px;scroll-margin-top:30px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:38px}.section-head h2,.education h2,.about h2{font-size:clamp(38px,5.2vw,78px);letter-spacing:-.055em;line-height:1.03;font-weight:500;margin:15px 0 0}.section-head p{max-width:460px;font-size:15px;line-height:1.65;justify-self:end}.project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:55px 30px;align-items:start}.project:nth-child(even){margin-top:85px}.project .visual{position:relative;overflow:hidden;background:#d9d4ca;aspect-ratio:16/10}.project img{height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project .project-meta{display:flex;justify-content:space-between;gap:20px;padding-top:14px}.project h3{font-size:24px;letter-spacing:-.7px;font-weight:500;margin:0 0 7px}.project p{font:11px monospace;color:var(--muted);margin:0}.project .arrow{font-size:25px}.dark{background:var(--ink);color:var(--paper)}.dark .kicker{color:var(--yellow)}.education{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.education .visual{position:relative}.education img{aspect-ratio:4/3;object-fit:cover}.education .note{position:absolute;bottom:-18px;inset-inline-end:-15px;background:var(--yellow);color:var(--ink);padding:22px;font:12px/1.5 monospace;transform:rotate(-4deg);max-width:210px}.education p{font-size:16px;line-height:1.75;color:#c8ccc2}.facts{display:flex;gap:35px;border-top:1px solid #ffffff40;padding-top:20px;margin-block:26px}.facts strong{font-size:36px;font-weight:500;display:block}.facts span{font:11px/1.5 monospace}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:6px;font-size:13px}.clients{border-bottom:1px solid var(--line);padding-block:35px}.client-list{display:flex;gap:28px 40px;flex-wrap:wrap;align-items:center;margin-top:27px}.client-list span{font-size:clamp(18px,2vw,28px);font-weight:600;letter-spacing:-.8px}.author{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.author-image{position:relative}.author-image img{aspect-ratio:4/3;object-fit:cover}.author-tag{position:absolute;top:-18px;inset-inline-start:20px;background:var(--yellow);padding:12px 18px;transform:rotate(-5deg);font:12px monospace}.author h2{font-size:clamp(38px,5vw,75px);letter-spacing:-.055em;line-height:1.03;font-weight:500;margin:17px 0 24px}.author p,.about p{line-height:1.8;font-size:15px}.film-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:75px}.about h2{font-size:50px}.about .training{font:12px/1.8 monospace;border-top:1px solid var(--line);padding-top:22px}.contact{background:var(--yellow);padding-block:70px}.contact-top{display:flex;justify-content:space-between;gap:40px;align-items:end}.contact h2{font-size:clamp(48px,7vw,110px);line-height:1;letter-spacing:-.065em;font-weight:500;max-width:960px;margin:18px 0 35px}.contact .email{font-size:clamp(18px,2.5vw,34px);border-bottom:1px solid}.contact-links{display:flex;gap:24px;font-size:13px;margin-top:30px;flex-wrap:wrap}.footer{display:flex;justify-content:space-between;padding-block:28px;font:11px monospace;gap:25px}.detail{max-width:1100px;margin:auto;padding:40px 0 85px}.detail h1{font-size:clamp(42px,7vw,95px);line-height:1;letter-spacing:-.06em;font-weight:500;margin:28px 0}.detail .intro{max-width:760px;font-size:18px;line-height:1.7}.player{background:#151713;aspect-ratio:16/9;margin-block:32px}.player video,.player iframe{width:100%;height:100%;border:0}.detail .cover{max-height:580px;object-fit:cover}.detail-info{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-top:30px}.detail-info p{line-height:1.8}.back{font:12px monospace}.details-list{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.details-list a{padding:20px 0;border-top:1px solid var(--line);font-size:18px}.notice{font:11px/1.6 monospace;color:var(--muted)}[dir=rtl]{font-family:Heebo,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:-.025em}[dir=rtl] .hero h1{font-size:clamp(55px,8.7vw,137px)}
@media(min-width:1600px){.hero h1{max-width:1450px}}@media(max-width:950px){.wrap{width:calc(100% - 40px)}.nav{display:none}.hero-top p{max-width:270px}.hero h1{font-size:10vw}.reels{gap:16px}.reel:nth-child(2){margin-top:35px}.section{padding-block:70px}.education,.author,.about{gap:35px}.education .note{inset-inline-end:5px}.contact-top{display:block}.contact-links{margin-top:35px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.header{padding-block:16px;gap:14px}.wordmark{font-size:29px}.brand img{width:38px;height:38px}.langs{font-size:11px;gap:10px}.hero-top{padding-top:27px;display:block}.hero-top p{margin-top:14px;max-width:none}.hero h1,[dir=rtl] .hero h1{font-size:15vw;line-height:1;margin:24px 0 28px}.circle-arrow{display:none}.reels{grid-template-columns:1fr;gap:27px}.reel:nth-child(2){margin-top:0}.reel-foot h2{font-size:24px}.reel-screen{aspect-ratio:16/9}.play-pill{inset-inline-start:12px;bottom:12px;padding:9px 12px}.reel-controls{gap:20px;padding-block:24px}.hero-bottom{max-width:180px;line-height:1.6}.ticker{font-size:10px;gap:15px;justify-content:start}.ticker span:before{margin-inline-end:8px}.section-head,.education,.author,.about{grid-template-columns:1fr;gap:28px}.section-head p{justify-self:start;margin:0}.project-grid{grid-template-columns:1fr;gap:35px}.project:nth-child(even){margin-top:0}.project .visual{aspect-ratio:16/10}.education .visual{order:2;margin-bottom:10px}.education h2,.section-head h2{font-size:46px}.client-list{gap:20px}.client-list span{font-size:20px}.author h2{font-size:48px}.about h2{font-size:42px}.contact{padding-block:50px}.contact h2{font-size:55px}.footer{flex-direction:column;gap:10px}.detail{padding:30px 0 60px}.detail-info{grid-template-columns:1fr;gap:15px}.details-list{grid-template-columns:1fr}.facts{gap:25px}.contact-links{gap:18px}.section{padding-block:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep both reels visible in the first desktop screen. */
@media(min-width:951px){.hero h1{font-size:clamp(74px,7.2vw,112px);margin:24px 0 30px;line-height:.96}.hero-top{padding-top:25px}.hero-title-row .circle-arrow{margin-bottom:30px}.reel:nth-child(2){margin-top:28px}}
[dir=rtl] .kicker{font-family:Heebo,Arial,sans-serif;letter-spacing:0}.email,.wordmark,.byline,.time{direction:ltr;unicode-bidi:isolate}.contact-links a[href^="tel"]{direction:ltr;unicode-bidi:isolate}
@media(max-width:950px){.header{flex-wrap:wrap}.nav{display:flex;order:3;width:100%;justify-content:space-between;font-size:12px;padding-top:8px}.langs{margin-inline-start:auto}}
@media(max-width:620px){.hero h1{font-size:13vw}.nav{gap:12px;font-size:11px}}
/* Hebrew: service-led presentation, equal reels and readable typography. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .brand img{width:78px;height:78px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .wordmark{font:800 34px/1.1 Heebo,Arial,sans-serif;letter-spacing:0;direction:rtl}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .byline{font:500 16px/1.5 Heebo,Arial,sans-serif;letter-spacing:0;direction:rtl}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .nav,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .langs{font-size:15px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) h1,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) h2,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) h3{font-weight:700;letter-spacing:-.025em;line-height:1.15}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .kicker{font-size:15px;font-weight:500}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .text-link{font-size:16px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-hero{padding-bottom:70px}
.commercial-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding:42px 0 48px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-intro h1{font-size:clamp(48px,5.5vw,86px);line-height:1.08;margin:16px 0 0}
.commercial-intro h1 span{display:inline-block;background:var(--yellow);padding:0 .1em .06em;margin-top:.05em}
.hero-offer{max-width:510px;justify-self:end}
.hero-offer p{font-size:20px;line-height:1.7;margin:0 0 24px}
.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:14px 23px;font-size:17px;font-weight:500;border-radius:4px;min-height:48px}
.cta:hover{background:#3c4239}.cta-light{background:var(--yellow);color:var(--ink)}.cta-light:hover{background:#fff987}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;scroll-margin-top:24px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel:nth-child(2){margin-top:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot{padding:0 0 18px;min-height:116px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot h2{font-size:38px;margin:0 0 8px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot p{font-size:18px;line-height:1.55;max-width:none;color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-screen video{object-fit:contain;transform:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-screen:after{display:none}
.reel-action{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}
.reel-action p{font-size:16px;margin:0;line-height:1.6}
.sound-toggle{flex-shrink:0;background:var(--yellow);border:1px solid #a7a13c;border-radius:30px;padding:10px 18px;min-height:44px;font-size:16px}
.sound-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-head h2,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education h2{font-size:clamp(36px,4vw,60px)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-head p,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education p,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .about p{font-size:18px;line-height:1.8}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education{grid-template-columns:1fr 1.05fr;gap:55px}
.edu-deliverables{padding-inline-start:22px;font-size:18px;line-height:1.9;margin-bottom:26px}
.course-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:16/9;overflow:hidden;background:#292929}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-mosaic img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .mosaic-caption{font-size:14px;margin:12px 0 0}
.course-collection{border-top:1px solid #85877e;margin-top:38px;padding-top:22px}
.course-collection summary{font-size:19px;cursor:pointer;width:fit-content;min-height:44px}
.course-collection summary:focus-visible{outline:3px solid #45a0e0;outline-offset:5px}
.collection-body iframe{display:block;width:100%;height:min(760px,80vh);border:0;background:#161616;margin:20px 0}
.collection-body .text-link{margin-bottom:15px}
.documentary-player iframe{height:auto;aspect-ratio:16/9;min-height:340px}
.documentary-page-link{margin-top:16px}
.service-row .course-collection{margin-top:0;padding-top:15px;border-color:var(--line)}
@media(max-width:620px){.documentary-player iframe{min-height:360px}}
.service-row{display:grid;grid-template-columns:52px 1fr 1.1fr;gap:30px;padding:35px 0;border-top:1px solid var(--line)}
.service-num{font:18px/1.5 monospace;padding-top:6px}.service-need{font-size:16px;margin:0 0 7px;color:var(--muted)}
.service-row h3{font-size:30px;margin:0;max-width:400px}.service-row p:not(.service-need){font-size:18px;line-height:1.75;margin:0 0 16px}
.service-row .service-tools{color:var(--muted)}
.service-row p.service-audience{font-size:16px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:370px}
.service-deliverables{font-size:17px;line-height:1.9;padding-inline-start:22px;margin:18px 0 25px}
.service-examples{border-top:1px solid var(--line);padding-top:15px}
.service-examples summary{font-size:17px;cursor:pointer;min-height:44px}
.service-examples summary:focus-visible{outline:3px solid #247fb2;outline-offset:4px}
.service-examples .player{margin:12px 0 0}
.contact-form{max-width:940px;padding:34px;background:var(--paper);margin-top:38px;border:1px solid #20221f30;border-radius:5px}
.contact-form h3{font-size:28px;margin:0 0 25px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}
.form-fields label{font-size:17px;font-weight:500;display:block}.form-fields input,.form-fields textarea,.form-fields select{display:block;width:100%;padding:12px 14px;margin-top:8px;min-height:48px;border:1px solid #777b71;border-radius:3px;font:400 17px/1.6 Heebo,Arial,sans-serif;color:var(--ink);background:#fff}
.form-fields textarea{resize:vertical}.form-fields input:focus-visible,.form-fields textarea:focus-visible,.form-fields select:focus-visible{outline:3px solid #247fb2;outline-offset:2px}
.form-wide{grid-column:1/-1}.optional{font-size:15px;font-weight:400}.form-privacy,.form-pending,.form-status{font-size:16px;line-height:1.6}.form-status:empty{display:none}.form-pending{padding:12px 16px;background:#fff;border-inline-start:3px solid var(--ink)}
.form-honeypot{display:none!important}.contact-form button{border:0;min-width:180px}.contact-form button:disabled{opacity:.55;cursor:default}
@media(max-width:620px){.contact-form{padding:22px 18px}.form-fields{grid-template-columns:1fr;gap:20px}.contact-form button{width:100%}}
.client-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;align-items:center;margin-top:28px}
.client-logo{display:flex;align-items:center;justify-content:center;height:96px;background:#fff;padding:16px;border-radius:3px}
.client-logo img{width:100%;height:100%;object-fit:contain}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.proof-grid figure{margin:0}.proof-grid .player{margin:0 0 16px}
.proof-grid figcaption{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;font-size:16px}.proof-grid figcaption b{font-size:24px}.ai-proof>.text-link{margin-top:30px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about{align-items:start}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about h2{font-size:54px}
.craft-card img{aspect-ratio:16/9;object-fit:cover}.craft-card h3{font-size:25px;margin-bottom:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact h2{font-size:clamp(42px,6vw,80px);line-height:1.1}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-top>p{font-size:19px;line-height:1.8;max-width:430px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-links{font-size:17px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .footer{font:14px/1.7 Heebo,Arial,sans-serif}
@media(max-width:950px){.commercial-intro{gap:32px}.hero-offer p{font-size:18px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education{gap:30px}.reel-action{align-items:start;flex-direction:column}.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.service-row{grid-template-columns:36px 1fr 1.2fr;gap:20px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .nav{font-size:15px}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .brand img{width:64px;height:64px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .wordmark{font-size:29px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .byline{font-size:15px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .langs{font-size:14px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .nav{font-size:14px;gap:12px}.commercial-intro{grid-template-columns:1fr;gap:24px;padding:30px 0 36px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-intro h1{font-size:clamp(40px,10.5vw,62px)}.hero-offer{justify-self:start}.hero-offer p{font-size:18px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reels{grid-template-columns:1fr;gap:38px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot{min-height:0;padding-bottom:16px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot h2{font-size:34px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .reel-foot p{font-size:18px}.reel-action{flex-direction:row;align-items:center}.reel-action p{font-size:15px}.sound-toggle{font-size:15px;padding:10px 14px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education{grid-template-columns:1fr}.course-mosaic{margin-top:8px}.service-row{grid-template-columns:28px 1fr;gap:12px 16px}.service-row>div:last-child{grid-column:2}.service-row h3{font-size:28px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{height:92px}.proof-grid{grid-template-columns:1fr;gap:36px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about h2{font-size:43px}.commercial-hero .cta{width:100%}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-top>p{font-size:18px}}
/* Distinct entrances and service sections, grouped by client need. */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:25px}.audience-paths{padding-top:12px;padding-bottom:80px}.audience-paths h2{font-size:36px;margin:12px 0 28px}.path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--ink)}.path-grid a{padding:26px 22px;position:relative;border-inline-end:1px solid var(--line);transition:background .2s}.path-grid a:last-child{border:0}.path-grid a:hover,.path-grid a:focus-visible{background:var(--yellow)}.path-grid strong{display:block;font-size:23px}.path-grid span{display:block;font-size:16px;line-height:1.7;margin-top:9px;padding-inline-end:12px}.path-grid b{display:block;font-size:28px;margin-top:16px}.business-section{background:#e3e5de}.business-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 60px}.business-offers article{border-top:2px solid var(--ink);padding-top:20px}.business-offers h3{font-size:26px;margin:0 0 12px}.business-offers p,.business-example p,.music-feature p{font-size:18px;line-height:1.8}.business-example{display:grid;grid-template-columns:1fr 1.8fr;gap:45px;align-items:center}.business-example h3,.music-feature h3{font-size:36px;line-height:1.25;margin:20px 0}.business-example .player{margin:0}.music-section{background:#262b35;color:#fff}.music-section p{color:#dce1eb}.music-feature{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}.music-feature>a{display:block;position:relative}.music-feature img{width:100%;aspect-ratio:16/9;object-fit:cover}.music-feature>a span{position:absolute;bottom:18px;right:18px;background:var(--yellow);color:var(--ink);padding:10px 20px;border-radius:3px;font-weight:500}.music-credit{letter-spacing:.08em;font-size:14px!important}.documentary-section{border-bottom:1px solid var(--line)}.social-links{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:25px}.social-links a{font-size:17px;text-decoration:underline;text-underline-offset:5px}.music-landing h1{font-size:clamp(42px,6vw,78px);max-width:960px;line-height:1.12}.music-intro{font-size:22px;line-height:1.7;max-width:820px}.music-landing h2{font-size:clamp(32px,4vw,50px);margin-bottom:38px}.music-samples{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.music-samples h3{font-size:22px;line-height:1.4}.music-samples .player{margin:0}.music-poster{width:100%;aspect-ratio:16/9;object-fit:cover}.music-player{margin-top:15px}.music-player iframe{height:500px}.music-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;list-style-position:inside;padding:0;margin:40px 0 80px}.music-steps li{border-top:1px solid var(--line);padding-top:22px}.music-steps h3{font-size:23px}.music-steps p{font-size:17px;line-height:1.7}#music-contact{padding-top:40px;border-top:1px solid var(--line)}
@media(max-width:950px){.path-grid{grid-template-columns:1fr 1fr}.path-grid a:nth-child(2){border-inline-end:0}.path-grid a:nth-child(-n+2){border-bottom:1px solid var(--line)}.business-offers{gap:22px}.business-example,.music-feature{gap:30px}.music-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.audience-paths{padding-bottom:50px}.path-grid a{padding:19px 12px}.path-grid strong{font-size:20px}.path-grid span{font-size:15px}.business-offers,.business-example,.music-feature,.music-samples,.music-steps{grid-template-columns:1fr}.business-offers{gap:25px;margin-bottom:40px}.business-example h3,.music-feature h3{font-size:30px}.music-feature{gap:20px}.music-intro{font-size:19px}.music-samples{gap:40px}.music-steps{gap:20px}.music-landing .cta{overflow-wrap:anywhere}.documentary-section .course-collection summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path-grid a{transition:none}}

.client-deepdub{background:#17121d}.client-logos{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:950px){.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

.music-external .text-link{margin-top:15px}.music-external:hover img{filter:brightness(1.08)}

/* Commercial collections: full-width players, opened on demand. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-collection{border-top:1px solid var(--line);padding:34px 0}.collection-heading{display:grid;grid-template-columns:1fr 1.5fr;gap:45px}.collection-heading h3{font-size:30px;margin:0}.collection-heading p{font-size:18px;line-height:1.8;margin:0 0 14px}.collection-heading .collection-clients{font-size:14px;color:var(--muted);text-align:start}.business-collection .course-collection{margin-top:18px;border:0;padding-top:0}.artist-projects{display:grid;grid-template-columns:1fr 1fr;gap:45px}.artist-projects article{border-top:1px solid var(--line);padding-top:26px}.artist-projects h2{font-size:34px}.artist-projects p{font-size:19px;line-height:1.7}.artist-projects img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:22px}.artist-intro{max-width:760px;font-size:22px;line-height:1.8}.artist-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px;border-bottom:1px solid var(--line)}.artist-header nav{display:flex;gap:18px}.artist-hero h1{font-size:clamp(44px,7vw,88px)}
@media(max-width:620px){.collection-heading,.artist-projects{grid-template-columns:1fr;gap:20px}.collection-heading h3{font-size:27px}.artist-header{flex-wrap:wrap}.artist-intro{font-size:19px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{border-bottom:0}}
/* Visual, first-party video collections. */
.visual-collection{border-top:1px solid var(--line);padding:28px 0}.visual-collection>summary{list-style:none;display:grid;grid-template-columns:1.1fr 1fr;gap:38px;align-items:center;cursor:pointer}.visual-collection>summary::-webkit-details-marker{display:none}.collection-cover{position:relative}.collection-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.collection-cover:after{content:'▶';position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:20px}.visual-collection h3{font-size:31px;margin:0 0 14px}.visual-collection summary p{font-size:18px;line-height:1.7;max-width:460px;margin:0 0 18px}.collection-open-label{font-size:16px;text-decoration:underline;text-underline-offset:5px}.visual-collection[open] .collection-cover:after{content:'−'}.native-gallery{margin-top:26px}.gallery-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.gallery-toolbar h4{font-size:19px;margin:0}.gallery-current{font-size:16px}.gallery-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.gallery-thumb{padding:0;background:transparent;color:inherit;border:2px solid transparent;text-align:start;cursor:pointer;font:inherit}.gallery-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.gallery-thumb span{display:block;padding:10px 8px;font-size:15px;line-height:1.5}.gallery-thumb[aria-pressed=true]{border-color:currentColor}.gallery-thumb:focus-visible,.visual-collection>summary:focus-visible{outline:3px solid #287fb6;outline-offset:5px}.native-gallery video:focus-visible{outline:3px solid #287fb6;outline-offset:3px}
@media(max-width:620px){.visual-collection>summary{grid-template-columns:1fr;gap:18px}.visual-collection h3{font-size:27px}.gallery-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-current{font-size:15px}.visual-collection{padding-block:24px}}
.business-collection .visual-collection{margin:0;padding:0}.visual-collection>summary{width:100%}.collection-copy{display:block}.visual-collection .collection-cover{overflow:hidden;border-radius:3px}.business-section .section-head{align-items:center}
.gallery-stage{position:relative;background:#111}.gallery-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:26px;cursor:pointer}.gallery-start[hidden]{display:none}.gallery-start:focus-visible{outline:3px solid #287fb6;outline-offset:5px}

/* Clapper illustration system: the brand colors and open contour carry through
   the service navigation while the video gallery keeps real film stills. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-icon{width:70px;height:70px;object-fit:contain;margin-bottom:19px;transition:transform .25s ease}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid a:hover .path-icon,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid a:focus-visible .path-icon{transform:rotate(-8deg) scale(1.08)}
.visual-collection .icon-panel{display:grid;place-items:center;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden}
.icon-panel-brand{background:#cfdfdf}.icon-panel-product{background:#f2e9b1}.icon-panel-people{background:#c9e5e0}
.visual-collection .icon-panel img{width:clamp(145px,20vw,240px);height:clamp(145px,20vw,240px);aspect-ratio:1;object-fit:contain;z-index:1;transition:transform .35s ease}
.visual-collection>summary:hover .icon-panel img,.visual-collection>summary:focus-visible .icon-panel img{transform:rotate(-6deg) scale(1.06)}
.visual-collection .icon-panel:after{content:'+';position:absolute;inset:auto 22px 22px auto;transform:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#17191a;color:#f2eb4e;font:31px/1 Arial,sans-serif;z-index:2}
.visual-collection[open] .icon-panel:after{content:'−'}
.icon-panel-signature{position:absolute;bottom:26px;inset-inline-start:26px;color:#17191a;font:700 13px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.12em;direction:ltr;z-index:1}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-icon{width:52px;height:52px;margin-bottom:12px}.visual-collection .icon-panel img{width:46%;height:46%}.visual-collection .icon-panel:after{width:42px;height:42px;inset:auto 15px 15px auto}.icon-panel-signature{font-size:10px;bottom:20px;inset-inline-start:18px}}
@media(prefers-reduced-motion:reduce){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-icon,.visual-collection .icon-panel img{transition:none}}

/* Hebrew commercial refresh */
:root{--yellow:#f8d605}
.client-deepdub{background:#fff}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths{padding-bottom:66px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid a{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:20px;min-height:142px;padding:20px 26px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-icon{width:76px;height:76px;margin:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-copy{display:block;margin:0;padding:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-title{display:flex;align-items:center;gap:14px;margin:0;padding:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-copy strong{font-size:24px;line-height:1.3}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-copy span{font-size:17px;margin:4px 0 0;padding:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-title b{margin:0;font-size:25px;font-weight:400;line-height:1}
.business-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;margin-bottom:52px}
.business-intro h2{font-size:clamp(36px,4vw,60px);margin:15px 0 22px;line-height:1.15}
.business-intro p{font-size:18px;line-height:1.8;max-width:570px;margin:0 0 26px}
.business-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:16/9;overflow:hidden;background:#d5d7cf}
.business-mosaic img{width:100%;height:100%;object-fit:cover}
.business-mosaic img:first-child{grid-row:1/3}
.category-prompt{font-size:16px;font-weight:600;margin-bottom:10px}
.business-collection{padding:20px 0}
.visual-collection>summary{grid-template-columns:minmax(210px,380px) 1fr;gap:30px}
.visual-collection .collection-cover{overflow:hidden;border-radius:3px}
.visual-collection .collection-cover img{aspect-ratio:16/9;object-fit:cover;transition:transform .3s ease}
.visual-collection>summary:hover .collection-cover img,.visual-collection>summary:focus-visible .collection-cover img{transform:scale(1.035)}
.visual-collection .collection-cover:after{content:'+';inset:auto 16px 16px auto;transform:none;background:var(--yellow);color:var(--ink);width:42px;height:42px;font:30px/1 Arial,sans-serif}
.visual-collection[open] .collection-cover:after{content:'−'}
.visual-collection h3{margin-bottom:8px}
.visual-collection summary p{margin-bottom:11px}
.course-frame{overflow:hidden;min-width:0;min-height:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-mosaic .course-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.course-frame-0 img,.course-frame-1 img{transform:scale(1.8);transform-origin:0 0}
.course-frame-2 img,.course-frame-3 img{transform:scale(1.25);transform-origin:64% 31%}
.course-collection>summary{display:flex;align-items:center;gap:16px;width:100%;padding:15px 0;border-bottom:1px solid currentColor;list-style:none}
.course-collection>summary::-webkit-details-marker{display:none}
.course-collection>summary:before{content:'+';display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--yellow);color:var(--ink);font:29px/1 Arial,sans-serif}
.course-collection[open]>summary:before{content:'−'}
.client-logo.client-deepdub img{filter:none}
.commercial-about{grid-template-columns:1fr 1fr;gap:6vw}
.commercial-about .about-copy{max-width:620px}
.commercial-about .craft-card{display:grid;grid-template-columns:240px 1fr;gap:0 28px;align-items:start}
.commercial-about .about-portrait{grid-row:1/5;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px}
.commercial-about .craft-card h3{margin:0 0 9px}
.commercial-about .craft-card p{margin:0 0 12px}
.commercial-about .craft-card .text-link{justify-self:start}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links{gap:12px;margin-top:27px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a{display:grid;place-items:center;width:48px;height:48px;border:1.5px solid var(--ink);border-radius:50%;text-decoration:none;transition:background .2s,color .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a:focus-visible{background:var(--yellow)}
@media(max-width:950px){.business-intro{gap:30px}.commercial-about .craft-card{grid-template-columns:150px 1fr;gap:0 20px}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid{grid-template-columns:1fr}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid a{grid-template-columns:58px minmax(0,1fr);gap:14px;min-height:112px;padding:16px 12px;border-bottom:1px solid var(--line)}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid a:last-child{border-bottom:0}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-icon{width:58px;height:58px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-copy strong{font-size:21px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .path-grid .path-copy span{font-size:15px}.business-intro{grid-template-columns:1fr;gap:24px}.business-mosaic{max-height:320px}.visual-collection>summary{grid-template-columns:1fr;gap:16px}.visual-collection .collection-cover img{max-height:260px}.commercial-about .craft-card{grid-template-columns:110px 1fr;gap:0 16px}.commercial-about .about-portrait{grid-row:1/3}.commercial-about .craft-card p,.commercial-about .craft-card .text-link{grid-column:1/-1}.commercial-about .craft-card h3{font-size:23px;align-self:center}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{grid-template-columns:1fr}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about{grid-template-columns:1fr;gap:34px}}

/* Compact Hebrew portfolio gallery: categories first, every film visible as a still. */
@media(min-width:621px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-offer{transform:translateY(25px)}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card{padding-top:66px}}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-intro{margin-bottom:32px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-categories{border-top:1px solid var(--ink);padding-top:25px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 28px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab{display:flex;align-items:center;gap:14px;min-width:0;min-height:100px;padding:13px 18px;border:1px solid #b8bab1;background:rgba(255,255,255,.45);color:var(--ink);text-align:start;font-family:inherit;font-size:19px;font-weight:600;line-height:1.35;cursor:pointer;transition:background .2s,border-color .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab img{flex:none;width:65px;height:65px;object-fit:contain}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab[aria-selected=true]{background:var(--yellow);border-color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab:hover{border-color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab:focus-visible,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb:focus-visible,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog button:focus-visible{outline:3px solid #287fb6;outline-offset:3px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-panel[hidden]{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);text-align:start;cursor:pointer;font:inherit}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-image{display:block;position:relative;overflow:hidden;background:#181818}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb:hover img{transform:scale(1.035)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-play{position:absolute;inset:auto 12px 12px auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);font-size:16px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-title{display:block;padding:10px 0 0;font-size:16px;line-height:1.4;font-weight:600}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog{width:min(94vw,960px);max-width:none;max-height:94vh;overflow:auto;padding:12px;border:0;background:#111;color:#fff;box-shadow:0 20px 80px #0008}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog::backdrop{background:rgba(0,0,0,.82)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 10px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog h3{margin:0;font-size:20px;font-weight:600}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-close{width:42px;height:42px;border:0;background:var(--yellow);font:32px/1 Arial,sans-serif;cursor:pointer}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog video{display:block;width:100%;max-height:calc(94vh - 80px);aspect-ratio:16/9;background:#000;object-fit:contain}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-credits{display:flex;flex-wrap:wrap;gap:4px 22px;padding:12px 5px 3px;color:#e2e2df;font-size:14px;line-height:1.5}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-credits[hidden]{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-credits p{margin:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog-credits a{color:var(--yellow);text-underline-offset:3px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links img{display:block;width:25px;height:25px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card{grid-template-columns:150px minmax(0,1fr);gap:12px 20px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .about-portrait{grid-column:1;grid-row:1}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card h3{grid-column:2;grid-row:1;align-self:start;margin-top:0;font-size:24px;line-height:1.25}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card p,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card .text-link{grid-column:1/-1}
@media(max-width:950px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab{font-size:16px;padding:10px;gap:8px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab img{width:52px;height:52px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card{padding-top:45px}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-offer{transform:none}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card{padding-top:0}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tabs{gap:6px;margin-bottom:22px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab{display:grid;justify-items:center;align-content:center;text-align:center;min-height:100px;padding:8px 4px;font-size:13px;line-height:1.25}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab img{width:45px;height:45px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-title{font-size:13px;padding-top:7px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-play{width:32px;height:32px;font-size:13px;inset:auto 7px 7px auto}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logo{height:58px;padding:5px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logo img{max-width:100%;max-height:100%}}

/* Lighter visual rhythm for the Hebrew commercial site. */
html[lang=he]{--paper:#f4f2ed;--line:#deded7;background:var(--paper)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .header{border-bottom-color:var(--line)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) video{direction:ltr}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-reel .reel-screen,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-mosaic,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-mosaic{border-radius:14px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-reel .reel-foot{display:block;text-align:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-reel .reel-action{justify-content:center;text-align:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths{text-align:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{border:0;gap:14px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{display:flex;justify-content:center;align-items:center;gap:20px;min-height:128px;padding:20px;background:#fff9;border:0;border-radius:14px;text-align:start}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:focus-visible{background:#fff}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-copy{max-width:340px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-section{background:#e9ece7}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-categories{border-top:0;padding-top:8px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .category-prompt{text-align:center;font-size:17px;margin-bottom:15px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tabs{gap:12px;margin-bottom:28px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab{justify-content:center;text-align:center;border:0;border-radius:14px;background:#fff9;min-height:92px;padding:12px 16px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab[aria-selected=true]{border:0;background:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab:hover{border:0;background:#fff}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab[aria-selected=true]:hover{background:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-image{padding:0;border-radius:12px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-thumb-title{text-align:center;padding-top:11px;font-weight:500}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-play{padding:0;width:34px;height:34px;font-size:12px;inset:auto 10px 10px auto;box-shadow:0 2px 10px #0003}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-collection{border-top:0;padding-top:4px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-collection>summary{border-bottom-color:#ffffff5c}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .clients{border:0;padding-block:55px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .clients .kicker{text-align:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logos{gap:14px;margin-top:25px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logo{background:transparent;border:0;border-radius:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logo img{mix-blend-mode:multiply}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about{border-top:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a{border:0;background:#fff9;border-radius:14px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .social-links a:focus-visible{background:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact{padding-block:72px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-top{display:flex;flex-direction:column;align-items:center;gap:17px;text-align:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact h2{margin:0 0 19px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-top>p{max-width:610px;margin:0;text-align:center}

/* Balanced galleries and the owner-supplied educational examples. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5{grid-template-columns:repeat(6,minmax(0,1fr))}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb{grid-column:span 2}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb:nth-child(4){grid-column:2/span 2}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb:nth-child(5){grid-column:4/span 2}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;margin-inline:auto}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples{margin-top:65px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples h3{font-size:clamp(26px,3vw,40px);font-weight:500;text-align:center;margin:0 0 28px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples .gallery-thumb{color:var(--paper)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples .gallery-thumb-image{background:#252724}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .course-mosaic .course-frame img{transform:none;width:100%;height:100%;object-fit:cover}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-mosaic img:first-child{grid-row:auto}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .detail .education-examples{margin-top:54px}
@media(min-width:621px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about .craft-card{padding-top:0}}
@media(max-width:620px){
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb:nth-child(4),html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb:nth-child(5){grid-column:auto}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-count-5>.gallery-thumb:nth-child(5){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples{margin-top:42px}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education-examples h3{margin-bottom:20px}
}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-form{max-width:760px;margin:34px auto 0;padding:28px 32px;border:0;border-radius:16px;background:#fffdf7}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-form h3{text-align:center;font-size:25px;margin-bottom:19px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields{gap:14px 20px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields label{font-size:15px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields input,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields select,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields textarea{min-height:43px;margin-top:5px;padding:8px 11px;border-color:#cbc9c0;border-radius:8px;font-size:15px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields textarea{min-height:82px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-privacy{font-size:13px;margin:14px 0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-form button{min-width:150px;min-height:43px;padding:10px 18px;font-size:15px}

/* All examples share one browsable gallery on the Hebrew home page. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-section{padding-bottom:75px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work{padding-top:90px;padding-bottom:80px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work-heading{text-align:center;max-width:660px;margin:0 auto 30px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work-heading h2{font-size:clamp(36px,4.3vw,58px);line-height:1.1;margin:13px 0 18px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work-heading p{font-size:18px;line-height:1.7;margin:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:0 auto 15px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter{display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border:1px solid #d7d7d1;border-radius:999px;background:#fff;color:var(--ink);font:600 15px/1.3 Heebo,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter span{font-size:12px;opacity:.65}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter:hover{border-color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter:focus-visible{outline:3px solid #287fb6;outline-offset:3px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-count{text-align:center;color:#5a5c57;font-size:14px;margin:0 0 22px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all{grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 14px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all .gallery-thumb[hidden]{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all .gallery-thumb-image{border-radius:10px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all .gallery-thumb-category{display:block;color:#656861;text-align:center;font-size:12px;margin-top:9px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all .gallery-thumb-title{font-size:14px;padding-top:2px;line-height:1.35}
@media(max-width:900px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-section{padding-bottom:50px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work{padding-top:65px;padding-bottom:60px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work-heading{margin-bottom:26px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work-heading p{font-size:16px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filters{gap:7px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter{padding:8px 11px;font-size:13px;gap:5px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-grid-all .gallery-thumb-title{font-size:12px}}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-links{justify-content:center;margin-top:23px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-links a[href^="https://wa.me/"]{direction:ltr;unicode-bidi:isolate}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{gap:9px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{justify-content:flex-start;min-height:102px;padding:14px 18px;border:0}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tabs{gap:7px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-tab{min-height:94px;padding:8px 5px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-play{width:27px;height:27px;font-size:10px;inset:auto 7px 7px auto}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logos{gap:7px;margin-top:16px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .client-logo{height:54px;padding:3px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact{padding-block:50px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-form{margin-top:26px;padding:21px 17px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .form-fields{gap:13px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .contact-links{gap:12px}}

/* Center the opening statement; alternate the following service image and text. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:52px 0 58px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-intro h1{margin:13px auto 0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-offer{max-width:800px;justify-self:auto;transform:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-offer p{max-width:800px;margin:0 auto 23px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education{direction:ltr}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education>div{direction:rtl;text-align:right}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-intro{gap:18px;padding:36px 0 45px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-offer p{font-size:17px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-hero .cta{width:auto;max-width:100%}}

/* One cinematic opening reel on the Hebrew commercial home. */
body:has(.commercial-video-hero)>div.wrap{position:absolute;z-index:20;inset:0 0 auto;width:min(1560px,calc(100% - 80px));color:#fff}
body:has(.commercial-video-hero) .header{border:0;transition:opacity .25s}
body:has(.commercial-video-hero) .header .brand img{mix-blend-mode:normal;background:#fff;border-radius:50%}
body:has(.commercial-video-hero) .header .contact-link{background:#ffdc00;color:#171b19;border-radius:999px}
body:has(.commercial-video-hero).watching-showreel>div.wrap{pointer-events:none}
body:has(.commercial-video-hero).watching-showreel .header{opacity:0;pointer-events:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero{position:relative;display:grid;place-items:center;min-height:100svh;overflow:hidden;background:#101415;color:#fff;isolation:isolate}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero>.hero-showreel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061013b8,#0610138a 50%,#061013b8);pointer-events:none;transition:opacity .35s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-overlay{width:100%;padding:155px 0 105px;transition:opacity .35s,visibility .35s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1050px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy .kicker{font:700 15px/1.5 Heebo,Arial,sans-serif;color:#ffdc00;letter-spacing:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy h1{font-size:clamp(56px,7vw,110px);font-weight:800;line-height:1.08;letter-spacing:-.045em;margin:18px 0 22px;text-shadow:0 4px 35px #0009}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy h1 span{color:#ffdc00}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy p{font-size:clamp(18px,1.7vw,24px);line-height:1.6;max-width:760px;margin:0 0 32px;text-wrap:balance;text-shadow:0 2px 14px #000b}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-watch{border:0;border-radius:999px;padding:17px 28px;background:#ffdc00;color:#151918;font:800 18px/1.3 Heebo,Arial,sans-serif;min-height:56px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-watch:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-watch:focus-visible{background:#fff16c}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-contact{border-bottom:1px solid #fff;padding:9px 0;font-size:17px;font-weight:700}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-reel-close{position:absolute;z-index:5;top:26px;left:32px;width:48px;height:48px;border:1px solid #fff9;border-radius:50%;background:#1119;color:#fff;font:32px/1 Arial,sans-serif}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-reel-close[hidden]{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero.is-watching .hero-overlay{opacity:0;visibility:hidden;pointer-events:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero.is-watching:after{opacity:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero.is-watching>.hero-showreel{object-fit:contain;z-index:0;pointer-events:auto}
@media(max-width:950px){body:has(.commercial-video-hero)>div.wrap{width:calc(100% - 40px)}body:has(.commercial-video-hero) .header .nav{display:none}}
@media(max-width:620px){body:has(.commercial-video-hero)>div.wrap{width:calc(100% - 32px)}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-overlay{padding:110px 0 70px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy{width:calc(100% - 38px)}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy .kicker{font-size:13px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy h1{font-size:clamp(46px,11vw,66px);margin:18px 0}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy p{font-size:17px;margin-bottom:27px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-actions{gap:17px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-watch{font-size:16px;min-height:50px;padding:13px 20px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-contact{font-size:15px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-reel-close{top:16px;left:16px}}

/* Three clear service routes and direct paths into the filtered examples. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{justify-content:flex-start;gap:14px;padding:19px 16px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-icon{flex:none;width:60px;height:60px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-copy{min-width:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-copy strong{font-size:clamp(18px,1.5vw,23px)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-copy span{font-size:15px;line-height:1.45}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:25px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link{display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid currentColor;padding:8px 0;font-size:16px;font-weight:600;line-height:1.35;text-underline-offset:4px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link:hover{color:#a88700}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education .service-examples-link:hover{color:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service{background:#f3f0e8}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(38px,5vw,90px);align-items:center}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-copy h2{font-size:clamp(38px,4vw,62px);line-height:1.08;margin:12px 0 23px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-copy p{font-size:18px;line-height:1.75;max-width:650px;margin:0 0 15px}
@media(max-width:1050px) and (min-width:621px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}}
@media(max-width:800px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-layout{grid-template-columns:1fr;gap:30px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-copy{order:1}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-reel-container{order:2}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid{grid-template-columns:1fr}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:last-child{grid-column:auto;width:auto}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{min-height:104px;padding:15px 17px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-icon{width:54px;height:54px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid .path-copy strong{font-size:20px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:22px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link{font-size:15px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-copy h2{font-size:41px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service-copy p{font-size:16px}}

/* Reels only load and play when their service enters the viewport. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#101413;box-shadow:0 16px 45px #0002}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel{width:100%;height:100%;object-fit:cover}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);box-shadow:0 5px 16px #0006;transition:background .2s,transform .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound svg{width:25px;height:25px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound[aria-pressed=false] .sound-waves,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound[aria-pressed=true] .sound-slash{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound:focus-visible{background:#fff;transform:scale(1.06)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .section-reel-sound{right:11px;bottom:11px;width:44px;height:44px}}

/* Make hover and keyboard focus clear across the service routes and calls to action. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a{transition:background .2s,transform .2s,box-shadow .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .audience-paths .path-grid a:focus-visible{background:var(--yellow);transform:translateY(-3px);box-shadow:0 10px 25px #0002}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .cta{transition:background .2s,color .2s,box-shadow .2s,transform .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .cta:not(.cta-light):hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .cta:not(.cta-light):focus-visible{background:var(--yellow);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);transform:translateY(-2px)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .cta-light:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .cta-light:focus-visible{background:#fff;color:var(--ink);transform:translateY(-2px)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter:not([aria-pressed=true]):hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .gallery-filter:not([aria-pressed=true]):focus-visible{background:var(--yellow);border-color:var(--yellow)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link{transition:box-shadow .2s,color .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .service-examples-link:focus-visible,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .education .service-examples-link:hover{box-shadow:inset 0 -1.25em 0 var(--yellow);color:var(--ink)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .header .contact-link{transition:background .2s,color .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .header .contact-link:hover,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .header .contact-link:focus-visible{background:#fff;color:var(--ink)}

/* The reel and gallery can be scrubbed without exposing a download control. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-seek{display:flex;align-items:center;gap:12px;direction:ltr;color:#fff;font:600 12px/1.2 Arial,sans-serif}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-seek[hidden]{display:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-seek input{flex:1;min-width:0;accent-color:var(--yellow);cursor:pointer}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-seek span{min-width:78px;text-align:right;font-variant-numeric:tabular-nums}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .video-dialog .video-seek{padding:8px 4px 2px}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-seek{position:absolute;z-index:5;bottom:56px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 48px));padding:10px 15px;border-radius:12px;background:#111a;backdrop-filter:blur(8px)}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .floating-whatsapp{position:fixed;z-index:40;left:20px;bottom:20px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#25d366;box-shadow:0 7px 25px #0004;transition:transform .2s,box-shadow .2s}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0005}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .floating-whatsapp:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
body.watching-showreel .floating-whatsapp{opacity:0;pointer-events:none}
body:has(.video-dialog[open]) .floating-whatsapp{opacity:0;pointer-events:none}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero>.hero-showreel{object-position:28% center}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-seek{bottom:66px}html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .floating-whatsapp{left:14px;bottom:14px;width:48px;height:48px}}

/* Distinct visual chapters, with movement that stops for reduced-motion visitors. */
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .animation-service{background:#e5eff0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .clients,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about{position:relative;isolation:isolate}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work::before,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .clients::before,html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .all-work::before{background:#faf7ed}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .clients::before{background:#fff}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-about::before{background:#e7eee7}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy p{margin-bottom:0}
html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-mosaic img{will-change:transform}
@media(prefers-reduced-motion:no-preference){
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-mosaic img{animation:business-drift 11s ease-in-out infinite alternate}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .business-mosaic img:nth-child(even){animation-direction:alternate-reverse;animation-duration:13s}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy .kicker{animation:hero-enter .65s both}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy h1{animation:hero-enter .8s .12s both}
 html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy p{animation:hero-enter .8s .25s both}
 html.motion-ready:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .scroll-reveal{opacity:0;transform:translateY(27px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
 html.motion-ready:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .scroll-reveal.is-visible{opacity:1;transform:translateY(0)}
}
@keyframes business-drift{from{transform:scale(1)}to{transform:scale(1.065)}}
@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .hero-copy p{margin-bottom:0}}
@media(max-width:900px) and (orientation:portrait){html:is([lang=he],[lang=en]:has(.commercial-video-hero),[lang=es]:has(.commercial-video-hero)) .commercial-video-hero>.hero-showreel{object-position:center}}

/* The same commercial presentation is available in all three languages. */
html:is([lang=en],[lang=es]):has(.commercial-video-hero){--paper:#f4f2ed;--line:#deded7;background:var(--paper)}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .wordmark{direction:ltr;font-family:'Space Grotesk',Arial,sans-serif;font-size:32px;letter-spacing:-.045em}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .byline{direction:ltr;font-family:'Space Grotesk',Arial,sans-serif;font-size:14px;letter-spacing:0;text-transform:none}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .hero-copy .kicker{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:.055em}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .hero-copy h1{letter-spacing:-.065em;font-size:clamp(52px,7vw,104px)}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .education>div{direction:ltr;text-align:left}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .path-grid a{text-align:left}
html:is([lang=en],[lang=es]):has(.commercial-video-hero) .service-examples-link span{display:inline-block;transform:none}
@media(max-width:620px){html:is([lang=en],[lang=es]):has(.commercial-video-hero) .hero-copy h1{font-size:clamp(42px,11vw,60px)}html:is([lang=en],[lang=es]):has(.commercial-video-hero) .wordmark{font-size:27px}html:is([lang=en],[lang=es]):has(.commercial-video-hero) .byline{font-size:12px}}

/* Six direct routes remain visible on narrow screens. */
body:has(.commercial-video-hero) .header .nav{gap:clamp(9px,1.15vw,20px);font-size:clamp(12px,.94vw,15px);white-space:nowrap}
body:has(.commercial-video-hero) .header .nav a{transition:color .2s,box-shadow .2s}
body:has(.commercial-video-hero) .header .nav a:hover,body:has(.commercial-video-hero) .header .nav a:focus-visible{color:var(--yellow);box-shadow:0 2px 0 var(--yellow)}
@media(max-width:1100px){body:has(.commercial-video-hero) .header{flex-wrap:wrap}body:has(.commercial-video-hero) .header .langs{margin-inline-start:auto}body:has(.commercial-video-hero) .header .nav{display:flex;order:3;width:100%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:22px;padding:10px 0 5px;font-size:13px;scrollbar-width:none;-webkit-overflow-scrolling:touch}body:has(.commercial-video-hero) .header .nav::-webkit-scrollbar{display:none}body:has(.commercial-video-hero) .header .nav a{flex:none}}
@media(max-width:620px){body:has(.commercial-video-hero) .header .nav{gap:14px;font-size:12px}}
@media(max-width:480px){body:has(.commercial-video-hero) .header .nav{mask-image:linear-gradient(to right,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 88%,transparent 100%)}html[dir=rtl] body:has(.commercial-video-hero) .header .nav{mask-image:linear-gradient(to left,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 0%,#000 88%,transparent 100%)}}

/* A compact, continuous client wall; visitors can pause it. */
.clients .clients-head{display:flex;align-items:center;justify-content:center;position:relative;min-height:32px;text-align:center}
.clients .client-marquee-toggle{position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);border:0;background:transparent;padding:7px 10px;border-radius:50%;font-size:18px;line-height:1;transition:background .2s}
.clients .client-marquee-toggle:hover,.clients .client-marquee-toggle:focus-visible{background:var(--yellow)}
.clients .client-marquee-toggle[hidden]{display:none}
.clients .client-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.clients .client-track{display:flex;align-items:center;gap:18px;width:max-content;animation:client-marquee 82s linear infinite;animation-play-state:paused}
.clients .client-marquee.is-active:not(.is-paused) .client-track{animation-play-state:running}
.clients .client-marquee:hover .client-track,.clients .client-marquee:focus-within .client-track{animation-play-state:paused}
html:is([lang=he],[lang=en],[lang=es]) .clients .client-logos{display:flex;align-items:center;gap:18px;flex:none;width:max-content;margin-top:16px}
html:is([lang=he],[lang=en],[lang=es]) .clients .client-logo{flex:none;width:clamp(116px,10vw,150px);height:65px;padding:5px;background:transparent}
.clients .client-logo img{max-width:100%;max-height:100%;object-fit:contain}
.clients .client-marquee.is-static{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
.clients .client-marquee.is-static .client-track{animation:none}
.clients .client-marquee.is-static .client-logos[aria-hidden=true]{display:none}
@keyframes client-marquee{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:620px){.clients .client-track,.clients .client-logos{gap:12px!important}html:is([lang=he],[lang=en],[lang=es]) .clients .client-logo{width:112px;height:46px;padding:3px}.clients .clients-head{padding-inline:12px}.clients .clients-head .kicker{font-size:12px}.clients .client-track{animation-duration:68s}.clients .client-logos{margin-top:10px!important}}
@media(prefers-reduced-motion:reduce){.clients .client-track{animation:none!important}.clients .client-logos[aria-hidden=true]{display:none!important}.clients .client-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}

/* Give the two opening service sections their own rhythm. */
html:has(.commercial-video-hero) .audience-paths h2,html:has(.commercial-video-hero) .business-intro h2{position:relative;width:fit-content}
html:has(.commercial-video-hero) .audience-paths h2{margin-inline:auto}
html:has(.commercial-video-hero) .audience-paths h2::after,html:has(.commercial-video-hero) .business-intro h2::after{content:"";display:block;width:32%;height:5px;margin-top:12px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .8s .25s cubic-bezier(.16,.8,.2,1)}
html[dir=rtl]:has(.commercial-video-hero) .audience-paths h2::after,html[dir=rtl]:has(.commercial-video-hero) .business-intro h2::after{transform-origin:right}
html:has(.commercial-video-hero) .audience-paths h2.is-visible::after,html:has(.commercial-video-hero) .business-intro h2.is-visible::after{transform:scaleX(1)}
html:has(.commercial-video-hero) .audience-paths .path-icon,html:has(.commercial-video-hero) .audience-paths .path-title b{transition:transform .35s cubic-bezier(.2,.75,.2,1)}
html:has(.commercial-video-hero) .audience-paths .path-grid a:hover .path-icon,html:has(.commercial-video-hero) .audience-paths .path-grid a:focus-visible .path-icon{transform:translateY(-5px) rotate(-5deg) scale(1.08)}
html:has(.commercial-video-hero) .audience-paths .path-grid a:hover .path-title b,html:has(.commercial-video-hero) .audience-paths .path-grid a:focus-visible .path-title b{transform:translateY(5px)}
@media(prefers-reduced-motion:no-preference){
 html.motion-ready:has(.commercial-video-hero) .audience-paths .path-grid a.scroll-reveal:not(.is-visible){transform:translateY(48px) scale(.94);opacity:0}
 html.motion-ready:has(.commercial-video-hero) .audience-paths .path-grid a.scroll-reveal.is-visible{transform:none;transition-duration:.85s}
 html.motion-ready:has(.commercial-video-hero) .business-mosaic.scroll-reveal:not(.is-visible){transform:translateX(34px) scale(.96);opacity:0;clip-path:inset(0 25% 0 0 round 14px)}
 html.motion-ready:has(.commercial-video-hero) .business-mosaic.scroll-reveal.is-visible{transform:none;clip-path:inset(0 0 0 0 round 14px);transition:opacity .8s,transform .9s,clip-path .9s}
 html[dir=rtl].motion-ready:has(.commercial-video-hero) .business-mosaic.scroll-reveal:not(.is-visible){transform:translateX(-34px) scale(.96);clip-path:inset(0 0 0 25% round 14px)}
}
@media(prefers-reduced-motion:reduce){html:has(.commercial-video-hero) .audience-paths h2::after,html:has(.commercial-video-hero) .business-intro h2::after{transform:none}}

/* The example routes are clear actions in every language. */
html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .service-actions .service-examples-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 21px;border:0;border-radius:999px;background:var(--yellow);color:var(--ink);box-shadow:0 7px 19px #0002;font-size:16px;font-weight:700;line-height:1.3;text-align:center;transition:background .2s,transform .2s,box-shadow .2s}
html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .service-actions .service-examples-link:hover,html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .service-actions .service-examples-link:focus-visible{background:#fff16d;color:var(--ink);transform:translateY(-3px);box-shadow:0 10px 24px #0003}
html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .service-actions .service-examples-link span{font-size:19px;line-height:1}
html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .header .brand img{padding:6px}
@media(max-width:620px){html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .service-actions .service-examples-link{width:100%;font-size:15px;padding:12px 18px}html:is([lang=he],[lang=en],[lang=es]):has(.commercial-video-hero) .header .brand img{padding:5px}}