/* Feedback round: written brand, compact calls to action and contextual examples. */
.brand-word{display:inline-block;white-space:nowrap}
.brand-word::first-letter{font-size:1.22em}
.hero-brand-lockup{grid-template-columns:106px minmax(0,1fr);gap:22px;align-items:center}
.hero-logo{width:106px;height:106px}
.hero-brand-display{margin:0 0 12px;color:#f2c84f;font-family:Rubik,Heebo,Arial,sans-serif;font-size:clamp(3rem,4.5vw,4.25rem);font-weight:800;line-height:1.08;letter-spacing:-.055em}
.hero h1{font-size:clamp(1.6rem,2.5vw,2.35rem);font-weight:800;line-height:1.2;letter-spacing:-.025em}
.hero h1 span{display:inline;color:#fffdf8}
.hero .hero-region{margin:17px 0 0;font-size:.64rem;letter-spacing:.1em;color:#f0d58b}
.hero .button-row{gap:12px;align-items:center}
.hero .button-row .button{flex:none;width:auto;min-height:46px;padding:11px 18px;gap:13px;border-radius:7px;font-size:.92rem;line-height:1.3;font-weight:700;justify-content:center}
.hero .button-row .button span{font-size:1rem}
.hero .button-outline{border-color:#f1cf7b;background:#15120c99}
.step-image img{object-fit:cover;object-position:center center}
.step:last-child .step-image img{transform:scale(1.14);transform-origin:center top}
.audience-work-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:35px;align-items:baseline;padding:0 0 27px}
.audience-work-intro h3{margin:0;font-size:1.25rem;color:#72551c}
.audience-work-intro p{margin:0;color:var(--muted);font-size:.98rem}
.audience-grid{display:grid;grid-template-columns:1fr;gap:34px}
.audience-card,.audience-card+.audience-card,.audience-card:last-child{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:38px;border:1px solid #b6a77d;border-radius:14px;background:#fffdf8;align-items:start;box-shadow:0 12px 34px #231c0e0e}
.audience-copy{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-width:0}
.audience-copy .card-number{margin-bottom:18px}
.audience-copy h3{min-height:0;margin-bottom:22px;font-size:clamp(1.8rem,2.7vw,2.45rem)}
.audience-copy h3 br{display:none}
.audience-copy p{font-size:1rem;line-height:1.75;color:#4d4941}
.audience-copy .text-link{font-size:.9rem;margin-top:12px;padding-top:0}
.audience-media{min-width:0}
.audience-media .project{margin:0;min-width:0}
.audience-media .project h4{font-size:1.25rem;line-height:1.3;margin:0 0 12px}
.audience-media .project>p:last-child{font-size:.94rem;line-height:1.65;margin-bottom:0}
.audience-media .project-location{font-size:.64rem;letter-spacing:.09em;margin:17px 0 10px}
.audience-media .project>.project-location:first-child{margin-top:0}
.audience-media .project-poster{margin-bottom:16px}
.poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;padding-left:4px;border:1px solid #fff8;border-radius:50%;background:#0009;color:white;font-size:24px;line-height:1;box-shadow:0 4px 16px #0005}
.project-player{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #a88530;border-radius:7px;background:#171614;margin-bottom:16px}
.project-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.project-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.project-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid #a88530;border-radius:7px;background:#171614;color:white}
.project-poster>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.poster-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px 16px 13px;background:linear-gradient(transparent,#000c 40%,#000e);color:#fffdf8;font-size:.75rem;line-height:1.5}
.poster-caption strong{font-weight:700;font-size:.85rem}
.poster-caption>span{white-space:nowrap;color:#ffe18a}
.camp-examples{display:grid;grid-template-columns:1fr;gap:28px}
.audience-media .video-placeholder{border-radius:7px}
.fundraising-grid{align-items:start}
.fundraising-grid>*{min-width:0}
.fundraising-media{grid-column:1/-1;width:min(850px,100%);margin:0 auto}
.fundraising-media .video-placeholder{width:100%;border-radius:10px}
.fundraising-media figcaption{margin-top:12px;text-align:center;color:#d4c8ab;font-size:.79rem}
@media(hover:hover) and (pointer:fine){.project-poster:hover>img{transform:scale(1.025)}.hero .button-outline:hover{background:#4f3b18b8;color:#fff4d2}}
@media(max-width:1150px){.hero-brand-lockup{grid-template-columns:86px minmax(0,1fr);gap:18px}.hero-logo{width:86px;height:86px}.hero-brand-display{font-size:3.05rem}.audience-card,.audience-card+.audience-card,.audience-card:last-child{gap:30px;padding:30px}}
@media(max-width:850px){
 .hero-brand-lockup{display:block}
 .hero-brand-display{font-size:clamp(2.8rem,6.5vw,3.65rem);margin-bottom:10px}
 .hero h1{font-size:clamp(1.55rem,3.2vw,2rem)}
 .hero .hero-region{margin-top:15px}
 .audience-work-intro{grid-template-columns:1fr;gap:12px}
 .audience-card,.audience-card+.audience-card,.audience-card:last-child{grid-template-columns:1fr;gap:28px;padding:28px}
 .audience-copy h3{font-size:2rem;margin-bottom:18px}
 .audience-media{width:100%}
 .camp-examples{grid-template-columns:1fr 1fr;gap:22px}
 .camp-examples .project h4{font-size:1.1rem}
 .camp-examples .poster-caption{display:block;padding:24px 12px 10px}
 .camp-examples .poster-caption strong{display:block;margin-bottom:4px}
}
@media(max-width:580px){
 .hero-brand-display{font-size:clamp(2.6rem,11.8vw,3.25rem);letter-spacing:-.06em}
 .hero h1{font-size:clamp(1.4rem,6.4vw,1.75rem);line-height:1.3}
 .hero .hero-region{font-size:.58rem;letter-spacing:.09em;margin-top:13px}
 .hero-brand-lockup{margin-bottom:18px}
 .hero .button-row{gap:10px;flex-wrap:wrap}
 .hero .button-row .button{min-height:44px;padding:10px 13px;font-size:.85rem;gap:10px}
 .audience-grid{gap:25px}
 .audience-card,.audience-card+.audience-card,.audience-card:last-child{padding:23px 18px;gap:25px;border-radius:10px}
 .audience-copy h3{font-size:1.75rem;overflow-wrap:normal}
 .audience-copy p{font-size:.97rem;line-height:1.7}
 .audience-copy .text-link{font-size:.86rem}
 .camp-examples{grid-template-columns:1fr;gap:28px}
 .poster-caption{display:block;padding:28px 12px 11px}
 .poster-caption strong{display:block;margin-bottom:4px}
 .poster-caption>span{font-size:.75rem}
 .fundraising-grid{gap:28px}
 .fundraising-media .video-placeholder{min-height:230px;aspect-ratio:16/10;padding:20px}
 .fundraising-media figcaption{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){.project-poster>img{transition:none}}

/* Ported from the Hebrew site's floating-actions rules in app/globals.css.
   Desktop is mirrored to the opposite side of the English header logo.
   The purple button keeps the original treatment, with a form/mail icon. */
.contact-dock{position:fixed;z-index:110;top:13px;right:18px;display:flex;gap:10px;direction:ltr}
.contact-dock>a{position:relative;isolation:isolate;display:grid;place-items:center;width:60px;height:60px;overflow:hidden;border-radius:50%;box-shadow:0 12px 28px rgba(0,0,0,.3);transition:transform .22s ease,box-shadow .22s ease}
.contact-dock>a:hover,.contact-dock>a:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.36)}
.contact-dock>a::after{position:absolute;z-index:-1;top:-45%;right:-78%;width:50%;height:190%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);content:'';transform:translateX(190%) rotate(15deg)}
.dock-whatsapp::after{animation:floating-action-whatsapp 5.2s linear infinite}
.dock-contact::after{animation:floating-action-phone 5.2s linear infinite}
.dock-contact{border:1px solid rgba(255,255,255,.5);background:radial-gradient(circle at 30% 25%,#a13bd0,#431365 65%,#22072f);color:white}
.dock-contact>svg{width:34px;height:34px;stroke-width:2.25}
.dock-whatsapp{background:#25d366;color:white}
.dock-whatsapp>svg{width:40px;height:40px}
.dock-label{display:none}
.contact-dock>a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes floating-action-whatsapp{
 0%{opacity:0;transform:translateX(190%) rotate(15deg)}
 5%{opacity:1;transform:translateX(155%) rotate(15deg)}
 20%{opacity:1;transform:translateX(-250%) rotate(15deg)}
 22%,70%{opacity:0;transform:translateX(-280%) rotate(15deg)}
 73%{opacity:1;transform:translateX(-250%) rotate(15deg)}
 88%{opacity:1;transform:translateX(155%) rotate(15deg)}
 91%,100%{opacity:0;transform:translateX(190%) rotate(15deg)}
}
@keyframes floating-action-phone{
 0%,17%{opacity:0;transform:translateX(190%) rotate(15deg)}
 20%{opacity:1;transform:translateX(155%) rotate(15deg)}
 35%{opacity:1;transform:translateX(-250%) rotate(15deg)}
 37%,52%{opacity:0;transform:translateX(-280%) rotate(15deg)}
 55%{opacity:1;transform:translateX(-250%) rotate(15deg)}
 70%{opacity:1;transform:translateX(155%) rotate(15deg)}
 73%,100%{opacity:0;transform:translateX(190%) rotate(15deg)}
}
@media(min-width:761px) and (max-width:900px){.contact-dock{top:auto;right:16px;bottom:24px;left:auto;flex-direction:column}.site-footer{padding-bottom:165px}}
@media(max-width:760px){.contact-dock{top:auto;right:auto;bottom:calc(16px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));flex-direction:column;gap:8px}.contact-dock>a{width:54px;height:54px}.dock-contact>svg{width:30px;height:30px}.dock-whatsapp>svg{width:34px;height:34px}.contact-dock>a:hover{transform:none;box-shadow:0 12px 28px rgba(0,0,0,.3)}.site-footer{padding-bottom:8rem}body:has(.inquiry-form :focus) .contact-dock{display:none}}
@media(prefers-reduced-motion:reduce){.contact-dock>a,.contact-dock>a::after{transition:none!important;animation:none!important}}
