/* HERO v5 — richer full-bleed home bg, mascots spread to both edges, tighter fit */
.hero{position:relative;overflow:hidden;padding-top:calc(var(--header-h) + 16px);padding-bottom:44px}
.hero h1{font-size:clamp(2rem,4.6vw,3.3rem)}
.hero .wrap{position:relative;z-index:2}
.hero-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-room{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:1}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,250,252,.86) 0%,rgba(247,250,252,.48) 24%,rgba(247,250,252,0) 46%)}
.hero-actor{position:absolute;display:block}
.hero-actor svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 14px rgba(23,32,51,.16))}
@keyframes cmfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-actor.a-left{left:1.5%;bottom:5%;width:150px;animation:cmfloat 4.8s ease-in-out infinite .2s}
.hero-actor.a-center{left:38%;bottom:0;width:168px;animation:cmfloat 5.3s ease-in-out infinite}
.hero-actor.a-right{right:2%;bottom:5%;width:146px;animation:cmfloat 5.6s ease-in-out infinite .5s}
/* compact form so the fold fits */
.hero .hero-form-wrap{padding-top:62px;margin-top:54px}
.hero .lead-form{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--line);border-radius:22px;box-shadow:0 26px 60px rgba(23,32,51,.16);padding:22px}
.hero .lead-form .form-sub{margin-bottom:12px}
.hero .lead-form .field{margin-bottom:9px}
.hero .lead-form h3{font-size:1.3rem}
.hero .hero-blurb{margin:14px 0 20px}
.hero .hero-cta-row{margin-bottom:18px}
@media(max-width:980px){
  .hero{padding-top:calc(var(--header-h) + 12px);padding-bottom:36px}
  .hero-actor.a-right{right:0;width:120px}
  .hero-actor.a-left{width:116px}.hero-actor.a-center{display:none}
  .hero .hero-form-wrap{padding-top:54px;margin-top:34px}
  .hero-scrim{background:linear-gradient(180deg,rgba(247,250,252,.55),rgba(247,250,252,0) 58%)}
}
@media(max-width:680px){
  .hero{padding-bottom:24px}
  .hero-actor.a-left{left:-1%;bottom:2%;width:96px}
  .hero-actor.a-right{right:-1%;bottom:1%;width:102px}
}