/* The form lives inside the homepage hero instead of opening as a popup. */
body.home .hero{position:relative;overflow:hidden}
body.home .hero .hero-content,body.home .hero .hero-scroll{display:none!important}
body.home .si-hb-hero-copy{position:absolute;top:35%;left:clamp(48px,7vw,120px);z-index:7;width:min(600px,calc(50% - 72px));color:#fff;text-align:left;transform:translateY(-50%)}
body.home .si-hb-hero-copy h1{max-width:620px;margin:0 0 24px;padding-left:18px;border-left:4px solid #D2AC67;color:#fff;font-family:Georgia,serif;font-size:clamp(52px,5.2vw,88px);font-weight:500;letter-spacing:-.02em;line-height:1.02;text-wrap:balance}
body.home .si-hb-hero-copy p{max-width:570px;margin:0;padding-left:22px;color:rgba(255,255,255,.92);font-size:clamp(17px,1.35vw,22px);line-height:1.62;text-wrap:pretty}
@media(min-width:1001px){body.home .hero .hero-content{width:calc(50% - 70px);max-width:860px;margin:0 auto 0 max(48px,7vw);text-align:left}body.home .hero .hero-actions,body.home .hero .hero-stats{justify-content:flex-start}}
body.home .si-hb-inline{--si-hb-gold:#D2AC67;--si-hb-charcoal:#554F4F;--si-hb-brown:#4B250F;--si-hb-cream:#F8F5EE;position:absolute;inset:0;z-index:8;display:block;padding:0;opacity:1;visibility:visible;pointer-events:none}
body.home .si-hb-inline .si-hb-backdrop{display:none}
body.home .si-hb-inline .si-hb-dialog{position:absolute;top:50%;right:clamp(24px,6vw,120px);width:min(500px,calc(50% - 48px));max-height:calc(100% - 32px);padding:30px 30px 18px;border-radius:10px;background:var(--si-hb-cream);color:var(--si-hb-charcoal);text-align:left;pointer-events:auto;transform:translateY(-50%);transition:none}
body.home .si-hb-inline .si-hb-close{display:none}
body.home .si-hb-inline .si-hb-heading{margin-bottom:16px}
body.home .si-hb-inline .si-hb-heading h2{font-size:25px}
body.home .si-hb-inline .si-hb-heading p{font-size:14px}
body.home .si-hb-inline .si-hb-form{gap:10px 18px}
body.home .si-hb-inline .si-hb-field label{margin-bottom:6px;color:#554F4F;font-size:9px;letter-spacing:.15em}
body.home .si-hb-inline .si-hb-field input,body.home .si-hb-inline .si-hb-field select,body.home .si-hb-inline .si-hb-field textarea{border-width:1px;border-radius:10px;font-size:12px;padding:10px 10px}
body.home .si-hb-inline .si-hb-field input,body.home .si-hb-inline .si-hb-field select{min-height:45px}
body.home .si-hb-inline .si-hb-field textarea{min-height:58px}
body.home .si-hb-inline .si-hb-field select{background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-size:7px 7px}
body.home .si-hb-inline .si-hb-submit{min-height:35px;margin-top:4px;border:0!important;border-radius:40px!important;background:var(--si-hb-brown)!important;color:#fff!important;font-size:13px}
body.home .si-hb-inline .si-hb-success{display:none}
body.home .si-hb-inline .si-hb-submit span{font-size:21px}
body.home .si-hb-inline .si-hb-note{color:#554F4F;font-size:10px}
body.home .si-hb-inline .si-hb-success{margin:-3px 0 15px;padding:10px 12px;font-size:13px}
body.home .si-hb-inline .si-hb-ajax-success{margin:-3px 0 15px;padding:10px 12px;border:1px solid #a9d3ad;border-radius:10px;background:#effaf0;color:#286b32;font-size:13px}
body.home .si-hb-inline .si-hb-ajax-error{margin:-3px 0 15px;padding:10px 12px;border:1px solid #d7a4a4;border-radius:10px;background:#fff2f2;color:#8a3028;font-size:13px}
body.home .si-hb-inline .si-hb-submit:disabled{opacity:.65;cursor:wait}
body.home .si-hb-inline.si-hb-submitted .si-hb-form{display:none}
body.home .si-hb-inline.si-hb-submitted .si-hb-success{display:block}
body.home .si-hb-inline.si-hb-submitted .si-hb-ajax-success{display:block;margin:0;padding:18px 20px;border:1px solid #a9d3ad;border-radius:10px;background:#effaf0;color:#286b32;font-size:16px;line-height:1.5}
@media(max-width:1000px){body.home .si-hb-hero-copy{left:48px;width:calc(50% - 58px)}body.home .si-hb-inline .si-hb-dialog{right:24px;width:min(500px,calc(50% - 34px));padding:32px 26px 22px}.hero .hero-content{max-width:50%}body.home .si-hb-inline .si-hb-heading h2{font-size:28px}body.home .si-hb-inline .si-hb-heading p{font-size:14px}body.home .si-hb-inline .si-hb-form{grid-template-columns:1fr;gap:11px}.si-hb-inline .si-hb-field-full{grid-column:auto}}
@media(max-width:760px){body.home .si-hb-hero-copy{position:relative;top:auto;left:auto;width:auto;padding:42px 22px 12px;text-align:center;transform:none}body.home .si-hb-hero-copy h1{font-size:42px}body.home .si-hb-hero-copy p{font-size:17px}body.home .si-hb-inline{position:relative;inset:auto;display:block;padding:22px 14px 42px;opacity:1;visibility:visible;background:transparent}body.home .si-hb-inline .si-hb-dialog{position:relative;top:auto;right:auto;width:auto;max-height:none;padding:34px 20px 26px;border-radius:10px;transform:none}body.home .si-hb-inline .si-hb-heading h2{font-size:32px}body.home .si-hb-inline .si-hb-heading p{font-size:17px}.hero .hero-content{max-width:none}}

/* Keep the homepage hero usable on phones: copy first, then a padded form card. */
@media(max-width:900px){
  body.home .hero{
    display:block!important;
    min-height:0;
    height:auto!important;
    overflow:hidden;
  }
  body.home .si-hb-hero-copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    max-width:none;
    margin:0;
    padding:44px 24px 24px;
    text-align:center;
    transform:none;
  }
  body.home .si-hb-hero-copy h1{
    max-width:620px;
    margin:0 auto 18px;
    padding-left:0;
    border-left:0;
    font-size:clamp(42px,8vw,62px);
    line-height:1.05;
  }
  body.home .si-hb-hero-copy p{
    max-width:620px;
    margin:0 auto;
    padding-left:0;
    font-size:clamp(16px,3vw,19px);
    line-height:1.5;
  }
  body.home .si-hb-inline{
    position:relative;
    inset:auto;
    width:auto;
    min-width:0;
    margin:0;
    padding:18px 16px 42px;
  }
  body.home .si-hb-inline .si-hb-dialog{
    position:relative;
    top:auto;
    right:auto;
    width:min(560px,100%);
    max-width:100%;
    max-height:none;
    margin:0 auto;
    padding:30px 22px 26px;
    transform:none;
    overflow:visible;
  }
  body.home .si-hb-inline .si-hb-form{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.home .si-hb-inline .si-hb-field-full{grid-column:auto}
  body.home .si-hb-inline .si-hb-heading h2{font-size:30px}
  body.home .si-hb-inline .si-hb-heading p{font-size:16px}
}

@media(max-width:520px){
  body.home .si-hb-hero-copy{padding:34px 20px 18px}
  body.home .si-hb-hero-copy h1{font-size:44px}
  body.home .si-hb-hero-copy p{font-size:16px}
  body.home .si-hb-inline{padding:14px 12px 34px}
  body.home .si-hb-inline .si-hb-dialog{padding:26px 18px 22px;border-radius:10px}
  body.home .si-hb-inline .si-hb-heading h2{font-size:28px}
}

/* The trust strip follows the hero in the theme. Let the complete form set
   the hero height so it cannot be clipped or covered on a phone. */
@media(max-width:900px){
  body.home .hero{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  body.home .si-hb-inline{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 16px 64px!important;
    overflow:visible!important;
    z-index:1002!important;
  }
  body.home .si-hb-inline .si-hb-dialog{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:min(560px,100%)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    overflow:visible!important;
    z-index:1003!important;
  }
  body.home .si-hb-inline .si-hb-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.home .si-hb-inline .si-hb-field,
  body.home .si-hb-inline .si-hb-field-full,
  body.home .si-hb-inline .si-hb-submit,
  body.home .si-hb-inline .si-hb-note{
    grid-column:1!important;
    min-width:0!important;
    width:100%!important;
  }
}

@media(max-width:520px){
  body.home .si-hb-inline{padding:14px 12px 68px!important}
  body.home .si-hb-inline .si-hb-dialog{padding:26px 18px 24px!important}
}
