@import url('https://fonts.googleapis.com/css2?family=Gveret+Levin&display=swap');
/* ═══ 🏠 הבית · רכיב אחד לדף הבית ול-/talk/ · 30.09 ═══
   ינון 30.09: "אבטה היא הבית שמאגד את המשקיע ואת חברת הנדל"ן... אנחנו לא באמצע... אנחנו הבית, ולכן שניהם בתוכנו"
   · "יפה - אבל לא מספיק וואו... תשווה אל הכותרת של 'נדל"ן בחו"ל' עם הזהב היפה והקו המעוגל... תעשה מדהים יפהפה מינימליסטי עוצמתי"
   ⟵ בית לילי כחול, קו זהב שנכתב כמו הקו שמתחת לכותרת, אור חם מבפנים, "הבית" בכתב יד, נצנוץ בקצה הגג
   ⛔ לא שלוש קוביות בשורה · שני האנשים בפנים, זה לצד זה, מתחת לאותו גג */
.hs{position:relative;width:100%;max-width:380px;margin:4px auto 0;aspect-ratio:360/250;color:#f3eee5;text-align:center;
  font-family:"Assistant","Segoe UI",system-ui,sans-serif}
.hs>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hs .hs-fill{fill:url(#hs-night)}
.hs .hs-glow{fill:url(#hs-light)}
.hs .hs-line{fill:none;stroke:url(#hs-gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hs-sw{display:block;width:88px;height:10px;margin:3px auto 5px;overflow:visible}
.hs-sw path{fill:none;stroke:url(#hs-gold);stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hs .hs-div{stroke:url(#hs-fade);stroke-width:1.2}
.hs .hs-star{fill:#fff6df}
.hs .hs-shadow{filter:drop-shadow(0 22px 30px rgba(8,22,39,.42))}
.hs-name{position:absolute;left:0;right:0;top:25%;margin:0;line-height:1}
.hs-name b{display:block;font-family:"Gveret Levin","Assistant",cursive;font-weight:400;font-size:clamp(30px,9vw,38px);line-height:1.05;
  background:linear-gradient(100deg,#b88c52 0%,#efd8a8 42%,#d0aa6d 62%,#b88c52 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-name span{display:block;margin-top:0;font-size:11.5px;letter-spacing:.16em;color:rgba(243,238,229,.72)}
.hs-in{position:absolute;left:14%;right:14%;top:58%;bottom:9%;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hs-in li{line-height:1.25}
.hs-in b{display:block;font-size:clamp(15px,4.4vw,17px);font-weight:700;color:#f3eee5}
.hs-in small{display:block;margin-top:3px;font-size:12.5px;color:rgba(243,238,229,.74)}
.hs--dark .hs-fill{fill:url(#hs-night2)}

/* התנועה · רק כשיש JS ובלי "הפחתת תנועה" · בלי JS הכל גלוי */
@media (prefers-reduced-motion:no-preference){
  .hs.hs-pre .hs-line,.hs.hs-pre .hs-sw path{stroke-dasharray:1;stroke-dashoffset:1}
  .hs.hs-pre .hs-fill,.hs.hs-pre .hs-glow,.hs.hs-pre .hs-div,.hs.hs-pre .hs-star{opacity:0}
  .hs.hs-pre .hs-name,.hs.hs-pre .hs-in li{opacity:0;transform:translateY(8px)}
  .hs .hs-line,.hs .hs-sw path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.7s cubic-bezier(.55,.1,.25,1)}
  .hs .hs-sw path{transition-duration:.9s;transition-delay:1.25s}
  .hs .hs-fill{transition:opacity .9s ease .35s}
  .hs .hs-glow{transition:opacity 1.4s ease 1.1s}
  .hs .hs-div{transition:opacity .8s ease 1.5s}
  .hs .hs-name{transition:opacity .7s ease 1s,transform .8s cubic-bezier(.2,.8,.2,1) 1s}
  .hs .hs-in li{transition:opacity .7s ease 1.35s,transform .8s cubic-bezier(.2,.8,.2,1) 1.35s}
  .hs .hs-in li+li{transition-delay:1.55s}
  .hs .hs-star{transform-box:fill-box;transform-origin:center;transition:opacity .3s ease 1.7s}
  .hs.hs-on .hs-star{animation:hs-twinkle 1.6s ease 1.7s 1 both}
  .hs.hs-on .hs-glow{animation:hs-breathe 7s ease-in-out 2.6s infinite}
}
@keyframes hs-twinkle{0%{transform:scale(0) rotate(0);opacity:0}35%{transform:scale(1.35) rotate(45deg);opacity:1}100%{transform:scale(1) rotate(90deg);opacity:.9}}
@keyframes hs-breathe{0%,100%{opacity:1}50%{opacity:.72}}