/* Hero-only layout correction. The previous header styling is intentionally unchanged. */
.hero{
  box-sizing:border-box;
  height:auto;
  min-height:max(800px,94svh);
  max-height:none;
  padding:clamp(175px,19vh,215px) 0 145px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero-content{
  position:relative;
  z-index:3;
  width:min(100% - 94px,1350px);
  padding-top:0;
  padding-bottom:0;
}
.hero-content .eyebrow{
  max-width:100%;
  font-size:clamp(9px,.8vw,11px);
  line-height:1.5;
  letter-spacing:.14em;
}
.hero h1{
  font-size:clamp(56px,6.75vw,104px);
  line-height:1.07;
  letter-spacing:-.075em;
  max-width:min(100%,1150px);
  margin:24px 0 23px;
  overflow-wrap:normal;
}
.hero-summary{
  font-size:clamp(15px,1.12vw,17px);
  line-height:1.72;
  max-width:625px;
  margin:0;
  color:#dce7e3;
  text-wrap:pretty;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:29px;
}
.hero-actions .btn{
  flex:0 0 auto;
  min-height:49px;
  max-width:100%;
  line-height:1.45;
}
.hero-bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:25px;
  z-index:3;
  gap:24px;
}
.hero-bottom .bottom-caption{line-height:1.6}
.hero-deco{pointer-events:none}
@media(max-width:1180px){
  .hero{min-height:max(800px,94svh);padding:170px 0 135px}
  .hero-content{width:min(100% - 68px,1350px)}
  .hero h1{font-size:clamp(54px,7.2vw,85px);max-width:900px;letter-spacing:-.065em}
  .hero-summary{max-width:590px}
}
@media(max-width:820px){
  .hero{min-height:max(760px,94svh);padding:162px 0 124px}
  .hero-content{width:calc(100% - 54px)}
  .hero h1{font-size:clamp(50px,7.2vw,68px);line-height:1.08;max-width:760px}
  .hero-summary{font-size:15px;max-width:560px}
  .hero-bottom{bottom:20px}
}
@media(max-width:680px){
  .hero{
    height:auto;
    min-height:max(790px,100svh);
    max-height:none;
    padding:clamp(158px,20svh,186px) 0 116px;
    align-items:center;
  }
  .hero-content{width:calc(100% - 40px);margin-inline:auto;padding:0}
  .hero-content .eyebrow{font-size:9px;letter-spacing:.105em;line-height:1.6}
  .hero h1{
    font-size:clamp(42px,9.6vw,58px);
    letter-spacing:-.055em;
    line-height:1.1;
    max-width:100%;
    margin:20px 0 19px;
    overflow-wrap:break-word;
  }
  .hero-summary{max-width:100%;font-size:14px;line-height:1.68}
  .hero-actions{margin-top:22px;gap:10px}
  .hero-actions .btn{min-height:48px;flex:1 1 100%;width:100%;padding:12px 16px;font-size:10px}
  .hero-bottom{width:calc(100% - 40px);bottom:17px;gap:15px;align-items:flex-end}
  .hero-bottom .bottom-caption{font-size:8px;letter-spacing:.08em}
  .hero-bottom .scroll-cue{font-size:8px;gap:8px}
  .hero-bottom .scroll-cue i{height:28px}
  .hero-deco{width:330px;height:330px;right:-205px;top:24%}
}
@media(max-width:375px){
  .hero{padding:152px 0 115px}
  .hero h1{font-size:clamp(39px,10vw,43px)}
  .hero-content{width:calc(100% - 34px)}
  .hero-bottom{width:calc(100% - 34px)}
  .hero-summary{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){.hero-content .reveal{transform:none!important;opacity:1!important}}