/* Full-width photography, with a soft backdrop behind the opening copy. */
.layout-ecommerce main>section.ecommerce-hero{
 display:flex;
 align-items:center;
 min-height:640px;
 background-image:linear-gradient(90deg, rgb(246 244 232 / 96%) 0%, rgb(246 244 232 / 82%) 30%, rgb(246 244 232 / 0%) 65%),url('../images/ecommerce-hero.jpg');
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
}
.layout-ecommerce .ecommerce-hero .wd-hero-copy{display:block;max-width:530px}
.layout-ecommerce .ecommerce-hero h1{font-size:clamp(2.4rem,4.2vw,3.7rem);max-width:16ch}
.layout-ecommerce .ecommerce-hero .wd-hero-copy>p:not(.eyebrow){margin-top:28px;max-width:45ch}
.layout-ecommerce .ecommerce-hero .button{margin-top:32px}
@media(max-width:760px){
 .layout-ecommerce main>section.ecommerce-hero{
  min-height:600px;
  background-image:linear-gradient(90deg,rgb(246 244 232 / 94%),rgb(246 244 232 / 72%)),url('../images/ecommerce-hero.jpg');
 }
}