html{scrollbar-gutter:stable;}

body[data-page-mode="personal"] .hero h1,
body[data-page-mode="relationship"] .hero h1{
  max-width:720px!important;
  margin:13px auto 6px!important;
  font-size:clamp(44px,5vw,60px)!important;
  line-height:1.07!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
}

html:lang(zh-CN) body[data-page-mode] .hero h1,
html:lang(zh) body[data-page-mode] .hero h1{
  font-family:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1.12!important;
}

body[data-page-mode] .hero-copy{
  max-width:700px!important;
  margin:0 auto!important;
  font-size:16.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
}

@media (min-width:761px){
  body[data-page-mode] .hero{
    align-items:start!important;
  }
  body[data-page-mode] .hero>div:first-child{
    min-height:285px!important;
    box-sizing:border-box!important;
  }
  body[data-page-mode] .hero>.panel{
    min-height:315px!important;
    box-sizing:border-box!important;
  }
  body[data-page-mode] .hero .eyebrow{
    min-height:34px!important;
  }
  body[data-page-mode] .hero h1{
    min-height:112px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body[data-page-mode] .hero-copy{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body[data-page-mode] .trust{
    min-height:62px!important;
    margin:11px auto 12px!important;
  }
}

@media (max-width:760px){
  body[data-page-mode="personal"] .hero h1,
  body[data-page-mode="relationship"] .hero h1{
    max-width:94%!important;
    margin:12px auto 6px!important;
    font-size:clamp(36px,10vw,48px)!important;
    line-height:1.10!important;
  }
  body[data-page-mode] .hero-copy{
    max-width:94%!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  body[data-page-mode] .hero>div:first-child{
    min-height:355px!important;
    box-sizing:border-box!important;
  }
  body[data-page-mode] .hero>.panel{
    min-height:390px!important;
    box-sizing:border-box!important;
  }
  body[data-page-mode] .hero .eyebrow{
    min-height:50px!important;
  }
  body[data-page-mode] .hero h1{
    min-height:108px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body[data-page-mode] .hero-copy{
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body[data-page-mode] .trust{
    min-height:137px!important;
    margin:11px auto 12px!important;
  }
}

@media (max-width:430px){
  body[data-page-mode] .hero>div:first-child{min-height:372px!important;}
  body[data-page-mode] .hero>.panel{min-height:405px!important;}
  body[data-page-mode] .hero h1{min-height:112px!important;}
  body[data-page-mode] .hero-copy{min-height:82px!important;}
}

@media (max-width:350px){
  body[data-page-mode] .hero>div:first-child{min-height:405px!important;}
  body[data-page-mode] .hero>.panel{min-height:430px!important;}
  body[data-page-mode] .hero h1{min-height:118px!important;}
  body[data-page-mode] .hero-copy{min-height:96px!important;}
  body[data-page-mode] .trust{min-height:152px!important;}
}