/* Section: hero */
/* ---------- HERO (169:3697) ---------- */
.hero{position:relative;height:max(calc(659 * var(--u)), calc(100svh - 401 * var(--u)), 560px)}
.head{position:absolute;left:50%;top:max(calc(240 * var(--u)), 150px);width:min(calc(972 * var(--u)), calc(100% - 32px));transform:translateX(-50%);text-align:center}
.h1{font-family:var(--xh);font-weight:400;font-size:max(40px, calc(76 * var(--u)));line-height:1;letter-spacing:-.14px}
.h1 .l{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.h1 .l>span{display:block}
.ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:calc(44 * var(--u) + 16px)}
.desc{margin:calc(36 * var(--u) + 12px) auto 0;max-width:30em;font-size:var(--fs-body-l);line-height:1.36;letter-spacing:-.01em;color:var(--ink-2)}



@media (max-width:820px){
  .hero{height:max(78svh, 560px)}
  .head{top:max(24svh, 150px);width:calc(100% - 32px)}
  .h1{font-size:clamp(38px, 11.4vw, 54px);line-height:.98;letter-spacing:-.035em;text-wrap:balance}
  .h1 .l,.h1 .l>span{display:inline;padding:0;margin:0}
  .desc{margin-top:28px;max-width:22em;font-size:18px;line-height:1.45;color:var(--ink)}
}