/* Photography and hero treatment used only by the Brand Strategy page. */
.layout-brand-strategy main>section.brand-hero{
 background-image:url('../images/brand-strategy-hero.jpg');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 color:var(--background);
 min-height:640px;
 display:flex;
 align-items:center;
 text-align:left;
}
.layout-brand-strategy .brand-hero .wd-hero-copy{max-width:620px}
.layout-brand-strategy .brand-hero h1{
 margin:0;
 font-size:clamp(2.4rem,4.4vw,4rem);
 text-shadow:0 2px 12px rgb(0 0 0 / 25%);
}
.layout-brand-strategy .brand-hero .eyebrow{color:inherit}
.layout-brand-strategy .brand-hero .wd-hero-copy>p:not(.eyebrow){
 margin:28px 0 0;
 max-width:48ch;
 text-shadow:0 1px 6px rgb(0 0 0 / 35%);
}
.layout-brand-strategy .brand-hero .button{background:var(--background);color:var(--ink)}
.layout-brand-strategy .brand-hero .button:hover{color:var(--hover)}
.layout-brand-strategy .brand-direction-image{margin-inline:0}
@media(max-width:760px){
 .layout-brand-strategy main>section.brand-hero{min-height:600px;background-position:45% center}
 .layout-brand-strategy .brand-hero .wd-hero-copy{max-width:100%}
}