/* Edufund blue tint, transparent mobile copy, and per-device image framing. */
.home-hero-background:before{
  background:
    radial-gradient(ellipse at 12% 18%,rgba(10,67,105,.19),transparent 38%),
    radial-gradient(ellipse at 88% 16%,rgba(21,89,125,.14),transparent 34%),
    radial-gradient(ellipse at 50% 100%,rgba(251,191,36,.07),transparent 48%);
}
.home-hero-background .hero-slide img{
  object-position:var(--hero-desktop-position,var(--slide-position,left center));
}

@media(min-width:761px){
  .home-hero-background .hero-slide-portrait img{width:100%}
}

@media(max-width:760px){
  .home-hero-background .hero-slide img{
    filter:saturate(.94) brightness(.88);
    object-position:var(--hero-mobile-position,var(--slide-position,54% center));
  }
  .home-hero-background:after{
    opacity:0;
    background:linear-gradient(0deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.12) 48%,transparent 90%),linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(10,67,105,.68) 28%,rgba(10,67,105,.38) 52%,rgba(10,67,105,.1) 76%,transparent 94%),linear-gradient(180deg,rgba(6,37,60,.12),transparent 32%);
    animation:home-blue-wash-enter .72s cubic-bezier(.2,.7,.2,1) .22s both;
  }
  .marketing-page .home-hero{
    min-height:clamp(650px,100svh,850px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
    padding:76px 18px calc(78px + env(safe-area-inset-bottom));
  }
  .home-hero .hero-copy{
    width:100%;
    max-width:560px;
    margin:auto auto 0;
    padding:0 0 2px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    animation:home-copy-enter .62s cubic-bezier(.2,.7,.2,1) .04s both;
  }
  .home-hero .hero-copy h1{font-size:clamp(32px,8.2vw,37px);line-height:1.05}
  .home-hero .hero-copy>p{margin-top:10px;font-size:14px;line-height:1.5}
  .home-hero .hero-actions{gap:8px;margin-top:15px;flex-wrap:nowrap}
  .home-hero .hero-actions .button{min-height:44px;padding-inline:10px;font-size:11px;gap:7px;white-space:nowrap}
  .home-hero .hero-footnote{margin-top:13px;font-size:8px;line-height:1.4}
  .home-hero-controls{right:18px;bottom:20px}
}

@media(max-width:380px){
  .home-hero .hero-copy h1{font-size:30px}
  .home-hero .hero-actions{flex-wrap:wrap}
}

@keyframes home-copy-enter{
  from{opacity:0;transform:translate3d(0,16px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes home-blue-wash-enter{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){
  .home-hero .hero-copy{animation:none!important;opacity:1;transform:none}
  .home-hero-background:after{animation:none!important;opacity:1}
}