/* Final homepage hero composition: deliberate, close editorial framing. */
.signature-site.signature-home .email-hero{
  min-height:700px;
  overflow:hidden;
}
.signature-site.signature-home .email-hero,
.signature-site.signature-home .email-hero .email-visual::after,
.signature-site.signature-home .nav,
.signature-site.signature-home .nav a,
.signature-site.signature-home .hero-copy h1,
.signature-site.signature-home .hero-copy p{
  transition:background-color .72s cubic-bezier(.22,1,.36,1),background .72s cubic-bezier(.22,1,.36,1),color .5s ease,opacity .72s cubic-bezier(.22,1,.36,1),border-color .5s ease;
}
.signature-site.signature-home .email-hero .hero-copy{z-index:2;overflow:visible}
.signature-site.signature-home .email-hero h1{
  overflow:visible;
  padding-bottom:.12em;
  text-wrap:balance;
}
@media (min-width:701px){
  .signature-site.signature-home .email-hero{height:calc(100svh - 80px);max-height:none}
  .signature-site.signature-home .email-hero .hero-copy{
    position:absolute;
    left:3.5%;
    top:15.8%;
    width:min(46%,940px);
    max-width:none;
    margin:0;
    padding:0;
    transform:none;
  }
  .signature-site.signature-home .email-hero h1{
    font-size:clamp(78px,5.85vw,132px);
    line-height:1.035;
    letter-spacing:-.068em;
    margin:0;
  }
  .signature-site.signature-home .email-hero .hero-copy p{
    max-width:720px;
    margin:34px 0 38px;
    font-size:clamp(17px,1.3vw,23px);
    line-height:1.45;
  }
}
@media (max-width:700px){
  .signature-site.signature-home .email-hero{
    height:calc(100svh - 80px);
    min-height:700px;
    background:radial-gradient(circle at 95% 78%,#e2f8f0 0,rgba(226,248,240,0) 44%),#f8f7f1;
  }
  .signature-site.signature-home .email-hero .email-visual{z-index:1;left:14%;width:112%;opacity:.62}
  .signature-site.signature-home .email-hero .email-visual::after{
    opacity:1;
    background:linear-gradient(90deg,#f8f7f1 0%,rgba(248,247,241,.86) 30%,rgba(248,247,241,.35) 72%,rgba(248,247,241,.08) 100%);
  }
  .signature-site.signature-home .email-hero .hero-copy{
    z-index:3!important;
    top:11%;
    left:7%;
    right:7%;
    width:auto;
    margin:0;
    padding:0;
    transform:none!important;
  }
  .signature-site.signature-home .email-hero .hero-copy h1{
    font-size:clamp(48px,14vw,60px);
    line-height:1.04;
    letter-spacing:-.062em;
  }
}
/* A brief, intentional dark opening resolves into the ivory page. */
body.hero-opening .nav{
  background:#061116!important;
  border-color:#1b363a!important;
}
body.hero-opening .nav a,
body.hero-opening .nav .nav-contact,
body.hero-opening .nav .portal-link{color:#e8f4f1!important}
body.hero-opening .email-hero{background:#020708!important}
body.hero-opening .email-hero .email-visual::after{
  opacity:1!important;
  background:linear-gradient(90deg,rgba(1,7,8,.78) 0%,rgba(1,7,8,.50) 43%,rgba(1,7,8,.12) 100%)!important;
}
body.hero-opening .email-hero h1{color:#f2faf7!important}
body.hero-opening .email-hero .hero-copy p{color:#b6c9c4!important}
body.hero-opening .email-hero .hero-gradient-line{
  background:linear-gradient(105deg,#23b8e2,#17d57f)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
@media (prefers-reduced-motion:reduce){
  body.hero-opening .nav{background:var(--paper,#f8f7f1)!important}
  body.hero-opening .email-hero{background:initial!important}
  body.hero-opening .email-hero .email-visual::after{opacity:0!important}
  body.hero-opening .nav a{color:inherit!important}
  body.hero-opening .email-hero h1{color:inherit!important}
  body.hero-opening .email-hero .hero-copy p{color:inherit!important}
}