.hero{width:100%;max-width:none;position:relative;isolation:isolate;display:flex;align-items:center;min-height:670px;padding:70px 0;margin:0;background:#f0f0f0;overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;aspect-ratio:auto;border-radius:0;z-index:-2;background:none}
.hero-art picture{display:block;width:100%;height:100%}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:0}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,245,245,.87) 0%,rgba(245,245,245,.6) 30%,rgba(245,245,245,.12) 48%,transparent 63%);pointer-events:none}
.hero-copy{position:relative;padding:0}.hero-copy>h1{font-size:clamp(48px,4.7vw,72px);max-width:650px}.hero-copy>.eyebrow,.hero-copy>p,.hero-copy>.button-row,.hero-copy>.hero-note{max-width:560px}
.hero-copy>p{color:#4b4b43}.hero-note{color:#55564e}.hero .text-link{color:#24251f}.hero .btn{padding:18px 24px}
.trust{border-top:0;padding-top:30px;padding-bottom:30px}
@media(min-width:1800px){.hero{min-height:760px}}
@media(max-width:760px){.hero .hero-art{background:#f5f5f5}.hero .hero-art img{object-fit:contain;object-position:center bottom}.hero::before{background:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5e8 43%,#f5f5f57a 61%,transparent 78%)}}
@media(max-width:1100px){.hero{min-height:600px;padding:60px 0}.hero-copy>h1{font-size:52px;max-width:500px}.hero-copy>p{max-width:400px}.hero::before{background:linear-gradient(90deg,#f5f5f5ed,#f5f5f5b3 38%,#f5f5f533 65%,transparent)}}
@media(max-width:760px){.hero{min-height:830px;align-items:flex-start;padding:42px 0 330px}.hero-copy>h1{font-size:clamp(35px,10vw,48px);letter-spacing:-1.5px;max-width:100%;margin-top:20px}.hero-copy>p{font-size:17px;line-height:1.7;margin:28px 0;max-width:340px}.hero .button-row{gap:20px;flex-wrap:wrap}.hero .btn{font-size:13px;padding:15px 18px}.hero .text-link{font-size:13px}.hero-note{font-size:12px;max-width:310px!important;margin-top:20px}.hero-art{inset:0;border-radius:0;margin:0;aspect-ratio:auto}.hero-art img{object-position:55% bottom}.hero::before{background:linear-gradient(180deg,#f5f5f5fa 0%,#f5f5f5ef 40%,#f5f5f59c 56%,#f5f5f50a 79%)}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.trust{padding-top:25px;padding-bottom:25px}}
@media(max-width:760px){.hero{min-height:870px}.hero::before{background:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 53%,#f5f5f5d9 60%,#f5f5f533 73%,transparent 82%)}}

/* Extend the light text area past the headline before fading over the models. */
@media(min-width:1101px){
  .hero::before{background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5 40%,#f5f5f5f5 46%,#f5f5f5c7 53%,#f5f5f538 64%,transparent 75%)}
}
@media(min-width:761px) and (max-width:1100px){
  .hero::before{background:linear-gradient(90deg,#f5f5f5 0%,#f5f5f5fa 43%,#f5f5f5de 55%,#f5f5f54d 70%,transparent 84%)}
}

/* Give the campaign photo its own space so no face sits beneath a text overlay. */
body .hero{background:#f5f5f5}
body .hero::before{background:none}
body .hero .hero-art{left:0;right:0;width:100%;background:#c4c8cc}
body .hero .hero-art img{object-fit:cover;object-position:center top}
body .hero-copy>h1{max-width:46%;font-size:clamp(42px,4.2vw,72px)}
body .hero-copy>p,body .hero-copy>.button-row,body .hero-copy>.hero-note{max-width:43%}
@media(max-width:1000px) and (min-width:761px){
  body .hero-copy>h1{font-size:clamp(36px,4.7vw,48px)}
  body .hero-copy .desktop{display:none}
  body .hero .button-row{flex-wrap:wrap;gap:18px}
}
@media(max-width:760px){
  body section.hero{padding-top:28px;padding-bottom:calc(66.667vw + 28px);min-height:0;display:block}
  body .hero .hero-art{inset:auto 0 0;width:100%;height:66.667vw;background:#c4c8cc}
  body .hero .hero-art img{object-fit:cover;object-position:center}
  body .hero-copy>h1{max-width:100%;font-size:clamp(35px,10vw,48px)}
  body .hero-copy>p,body .hero-copy>.button-row,body .hero-copy>.hero-note{max-width:100%}
}

/* Homepage soft sage backdrop complements the gold accents. */
body .hero,body .hero .hero-art{background:#dce8d5}
@media(max-width:760px){body .hero .hero-art img{object-position:right center}}

/* Match the powder blue campaign photograph at every viewport. */
body .hero,body .hero .hero-art{background:#c8e3f0}