/* דף ההורים: כהה חם, בורדו וענבר (שירלי בחרה ב-24.10.2026). נטען רק ב-horim.html, אחרי lp.css */
:root{--bg:#160b0e;--bg-rgb:22,11,14;--bg-2:#1e1013;--glow-rgb:190,60,80;
--sf-1:#1e1013;--sf-2:#221216;--sf-3:#261418;--sf-4:#30191e;--sf-5:#2a161b;--sf-6:#1a0d10;--sf-7:#13090b;--sf-8:#2c171c;
--ivory:#fff6ee;--ivory-rgb:255,246,238;--t-hi:#fff6ee;--t-mid:rgba(255,246,238,.76);--t-low:rgba(255,246,238,.52);
--a1:#f4a63a;--a1-rgb:244,166,58;--a1-soft:#fbd28f;--a1-deep:#c27a16;--a1-line:rgba(244,166,58,.34);--a1-grad:linear-gradient(118deg,#fcc566 0%,#f4a63a 50%,#d9811c 100%);--a1-ink:#2a1606;
--a2:#f2b8b0;--a2-rgb:242,184,176;--a2-soft:#f9dcd7;--a2-line:rgba(242,184,176,.26);--a2-grad:linear-gradient(118deg,#fde9e6 0%,#f2b8b0 50%,#c98478 100%);--a2-ink:#2a0f0b;
--name-grad:linear-gradient(112deg,#fde9e6,#f2b8b0 40%,#f4a63a 85%)}
html body .hero__pre{color:var(--a1)}
html body .btn{color:#2a1606}
html body .hero__grid{display:none}

/* the "ילדי הקשב" head: white line, and every butterfly on its own, resting and flapping now and then */
.yk{position:relative;aspect-ratio:310/410}
html body .yk .yk__line{position:absolute;inset:0;left:0;top:0;width:100%;height:100%;transform:none;filter:none;opacity:1;animation:none}
.yk i{position:absolute;background:url(assets/yaldei-butterflies.png) no-repeat;animation:yk-flap var(--f) ease-in-out var(--d) infinite,yk-float var(--t) ease-in-out var(--d) infinite}
@keyframes yk-flap{0%,58%,90%,100%{scale:1 1}66%,82%{scale:.3 1}74%{scale:1 1}}
@keyframes yk-float{0%,100%{translate:0 0;rotate:0deg}30%{translate:3px -4px;rotate:6deg}65%{translate:-3px -1px;rotate:-5deg}}
/* every head sits in the middle of its ring: the circle around the head and its butterflies
   (centre 139,205 and radius 215 in the 310x410 picture) is centred and stays inside the inner ring */
html body .slaps__brain .yk{position:absolute;left:22.15%;top:8.92%;width:62.1%;animation:none}
html body .self .slaps__brain.in::before{opacity:1}
html body .slaps__brain .yk .yk__line{filter:none;opacity:1}
html body .brainorb{width:min(340px,84vw)}
html body .brainorb .yk{position:absolute;left:26.04%;top:14.66%;width:53.45%;transform:none}
html body .power{width:min(260px,66vw)}
html body .power .yk{position:absolute;left:26.68%;top:15.61%;width:52%}
@media (prefers-reduced-motion:reduce){.yk i{animation:none}}

.hard h2 .hard__more{color:var(--a1)}

/* a shorter gap from "הבית יכול להרגיש אחרת" down to "מה נעבור יחד בהדרכה?" */
html body .science{padding-bottom:24px}
html body .science + .learn{padding-top:46px}