/* Selected red introduction. Uses homepage colors, gutters, type and shell. */
.gf-wrap{padding-inline:var(--gs-gutter)}
.gf-hero{background:var(--gs-red);color:#fff}
.gf-hero-body{padding-top:28px;padding-bottom:54px}
.gf-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:46px}
.gf-breadcrumbs a{text-decoration:underline}
.gf-hero h1{font:400 var(--gs-type-company-title-size)/1 var(--gs-display);text-transform:uppercase;letter-spacing:-.025em;margin:0 0 30px}
.gf-hero-intro{border-top:1px solid #ffffffb3;padding-top:28px}
.gf-hero-intro p{max-width:72ch;font-size:clamp(18px,1.5vw,24px);line-height:1.5}
.gf-hero :focus-visible,.gf-cta :focus-visible{outline-color:#fff}
.gf-story{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,4vw,64px);align-items:start;padding-block:64px}
.gf-story>*{min-width:0}
.gf-photo img{width:100%;height:auto}
.gf-story p{max-width:58ch}
.gf-story-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.gf-cta{background:var(--gs-red);color:#fff}
.gf-cta-copy{padding-block:64px}
.gf-cta h2{max-width:25ch}
.gf-cta p{max-width:72ch;margin-block:24px 28px}
.gf-tagline{text-align:left}
.gs-family .gf-tagline h2{font-size:clamp(32px,3.3vw,58px);line-height:1.08}
.gf-tagline p{margin-top:14px;color:var(--gs-red);font:400 clamp(24px,2.3vw,36px)/1.2 var(--gs-display)}
@media(max-width:1020px){
 .gf-story{grid-template-columns:1.2fr 1fr;gap:28px}
}
@media(max-width:760px){
 .gf-hero-body{padding-top:24px;padding-bottom:36px}
 .gf-breadcrumbs{margin-bottom:32px;font-size:13px}
 .gf-hero h1{margin-bottom:24px}
 .gf-hero-intro{padding-top:24px}
 .gf-hero-intro p{font-size:17px}
 .gf-story{grid-template-columns:1fr;padding-block:36px;gap:28px}
 .gf-cta-copy{padding-block:44px}
 .gf-story-copy{gap:28px}
 .gs-family .gf-tagline h2{font-size:clamp(32px,7vw,52px)}
}

.gs-family .gf-hero h1{margin-bottom:0}
.gf-story-prose{display:grid;gap:28px}