/* גליל האתרים בעמוד הבית — ה-CSS של CircularCarousel מ-React Bits כמו שהוא, עם שמות קצרים (רועי 8.10).
   הגובה של המסגרת הוא ההחלטה היחידה שלנו: הגליל כולו נכנס לתוכה, כמו בדמו */
.rcc{--cc-fade:#000;--cc-radius:12px;--cc-inner:.4;position:relative;width:100%;height:clamp(260px,26vw,420px);overflow:hidden;outline:none;direction:ltr;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.rcc[data-dragging]{cursor:grabbing}
.rcc:focus-visible{box-shadow:inset 0 0 0 2px rgba(128,128,140,.55)}
.rcc-view{position:absolute;inset:0}
.rcc-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease}
.rcc[data-ready] .rcc-stage{opacity:1}
.rcc-camera,.rcc-ring,.rcc-card{width:0;height:0;transform-style:preserve-3d}
.rcc-camera{position:relative}
.rcc-ring,.rcc-card{position:absolute;left:0;top:0}
.rcc-tile{position:absolute;outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rcc-frame{position:absolute;left:0;top:0;width:100%;overflow:hidden}
.rcc-photo{position:absolute;display:block;max-width:none;object-fit:cover;object-position:top;pointer-events:none;user-select:none;-webkit-user-drag:none}
.rcc-shade,.rcc-inner{position:absolute;inset:0;pointer-events:none}
.rcc-shade{background:var(--cc-fade);opacity:var(--cc-depth,0)}
.rcc-inner{background:#000;opacity:var(--cc-inner)}
@media (max-width:767px){.rcc{height:clamp(150px,40vw,220px)}}
@media (prefers-reduced-motion:reduce){.rcc-stage{transition:none}}
/* מצב פתיחה (רועי 8.10): הגליל בתחתית כרטיס הפתיחה ואתה עומד באמצעו. js/cc.js קובע מקום וגודל.
   התמונה המקורית נשארת בפריסה אבל שקופה; העותק שלה חי בתוך הסצנה. הכרטיס (overflow של .hero) חותך את הכול בקצה שלו */
.lp.home .rcc.rcc-hero{position:absolute;z-index:3;height:auto;overflow:visible}
.lp.home .hero.rcc-on .me-shot{visibility:hidden}
.rcc-me{position:absolute;left:0;top:0}
.rcc-me-wrap{position:absolute;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rcc-me img{position:absolute;left:0;top:0;display:block;max-width:none;pointer-events:none;user-select:none}
.lp.home .rcc-front{position:absolute;inset:auto;z-index:2;pointer-events:none} /* מתחת לגליל ולתמונה: הכדור והאיקס מאחורי רועי */
/* בפתיחה הבמה גלויה מההתחלה כי התמונה שלך חיה בתוכה; רק הכרטיסים מחכים לכניסה */
.lp.home .rcc-hero .rcc-stage{opacity:1;transition:none}
.lp.home .rcc-hero:not([data-ready]) .rcc-card{visibility:hidden}
/* הצל של החלק שנתלה מחוץ לכרטיס: אליפסה רכה על הדף מתחת לקשת הקדמית, כדי שיהיה ברור שהגליל מרחף מעליו */
.rcc-shadow{position:absolute;left:14%;right:14%;top:calc(100% - 30px);height:80px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(4,3,12,.5),rgba(4,3,12,.22) 55%,rgba(4,3,12,0))} /* בלי filter:blur — על רטינה הוא צויר מחדש בכל פריים של הגליל (רועי 8.10: "האתר זוחל") */
/* מקום לחלק שנתלה: האזור הבא מתחיל אחריו ולא מתחתיו */
.lp.home .hero~#works{margin-top:clamp(56px,7vw,112px)}
/* עומק בצורות של הפתיחה, בלי להזיז אותן (רועי 8.10: "תחזיר למה היה קודם אבל תן יותר עומק ויזואלי").
   שלושה מרחקים: רחוק (הצלב והקפסולה, מאחורייך) קטן בטשטוש ועמום; אמצע (הענן והקפיץ) רך מעט; קרוב (הכדור והאיקס, לפני הגליל) חד ומטיל צל.
   בעכבר כל מרחק זז במהירות אחרת (js/cc.js) */
/* הפילטרים יושבים על התמונה עצמה, שהיא זו שמרחפת, ולא על העטיפה שלה — כך הדפדפן מצייר את הטשטוש פעם אחת ומזיז אותו,
   במקום לצייר אותו מחדש בכל פריים של הריחוף (רועי 8.10: "האתר זוחל") */
.lp.home .hero .hsp,.lp.home .rcc-front .hsp{filter:none}
.lp.home .hero .hsp img,.lp.home .rcc-front .hsp img{will-change:translate,rotate}
.lp.home .hero .hsp-in,.lp.home .rcc-front .hsp-in{will-change:translate}
.lp.home .hero-me .hsp-cross img,.lp.home .hero-me .hsp-stripes img{filter:blur(3.5px) brightness(.72) saturate(.85)}
.lp.home .hero-me .hsp-cloud img,.lp.home .hero-me .hsp-coil img{filter:blur(1px) brightness(.92)}
.lp.home .rcc-front .hsp-ball img,.lp.home .rcc-front .hsp-x img{filter:drop-shadow(0 26px 22px rgba(5,4,15,.5))}
/* כל הצורות מופנות לרועי (רועי 8.10: "כל האלמנטים צריכים להיות מופנים אלי"): הציר של כל צורה מסובב כך שהוא מצביע עליו.
   הקפיץ משמאל — הקצה הפתוח פונה לחזה; הקפסולה משמאל למטה — שוכבת ומצביעה עליו; הצלב מימין — הזרוע השמאלית אליו;
   האיקס למטה — זרוע אחת למעלה אליו; הענן נוטה אליו */
.lp.home .hsp-coil{--r:-60deg}
.lp.home .hsp-stripes{--r:-80deg}
.lp.home .hsp-cross{--r:-8deg}
.lp.home .hsp-x{--r:0deg}
.lp.home .hsp-cloud{--r:16deg}