/* Homepage headline: clear hierarchy, restrained brand color, safe wrapping. */
@media(min-width:1101px){
 .hero.section-grid .hero-copy{width:min(46%,570px);text-align:left;padding-top:100px;padding-bottom:72px}
 .hero.section-grid .hero-copy h1{font-size:clamp(38px,3.55vw,54px);line-height:1.13;letter-spacing:-.035em;margin:24px 0 22px;max-width:100%;text-align:left}
 .hero.section-grid .hero-copy h1 .desktop-hero-line{white-space:normal;overflow-wrap:normal;text-wrap:balance}
 .hero.section-grid .hero-copy h1 .desktop-hero-line:first-of-type{color:#10283c}
 .hero.section-grid .hero-copy h1 .desktop-hero-line:last-child{font-size:clamp(25px,2.15vw,32px);line-height:1.3;letter-spacing:-.025em;color:#08777b;margin-top:18px;max-width:26ch;white-space:normal}
 .hero.section-grid .hero-lede{font-size:17px;line-height:1.75;color:#344b5a;margin:0 0 28px;max-width:49ch}
 .hero.section-grid .hero-actions,.hero.section-grid .proof-row{justify-content:flex-start;flex-wrap:wrap}
 .hero.section-grid .hero-actions{gap:22px;margin-top:0}
 .hero.section-grid .proof-row{margin-top:36px}
 .hero.section-grid:after{background:linear-gradient(90deg,#fbfdfd 0%,rgba(251,253,253,.98) 31%,rgba(251,253,253,.91) 43%,rgba(251,253,253,.25) 58%,transparent 70%)}
}
@media(max-width:1100px){
 .hero.section-grid .mobile-hero-slogan{max-width:30ch;white-space:normal;text-wrap:balance;line-height:1.35}
 .hero.section-grid .mobile-hero-slogan strong{font-size:clamp(24px,5.8vw,32px);color:#10283c;line-height:1.2}
 .hero.section-grid .mobile-hero-slogan span{font-size:clamp(18px,4.5vw,23px);font-weight:600;color:#08777b;line-height:1.35;margin-top:8px;white-space:normal}
}
@media(max-width:1100px) and (orientation:landscape) and (max-height:600px){
 .hero.section-grid .mobile-hero-slogan strong{font-size:clamp(23px,3vw,29px)}
 .hero.section-grid .mobile-hero-slogan span{font-size:clamp(17px,2.3vw,21px)}
}
@media(min-width:1101px){
 .hero.section-grid .hero-copy h1 .desktop-hero-line:last-child{font-size:clamp(20px,1.75vw,26px);max-width:none;white-space:nowrap;letter-spacing:-.03em}
}
/* Make the product category the primary headline at every viewport. */
.hero.section-grid .hero-copy .seo-hero-title{display:block!important;color:#10283c;font-size:clamp(36px,3.7vw,56px);line-height:1.12;letter-spacing:-.04em;margin:0 0 15px;max-width:14ch;text-wrap:balance;white-space:normal}
.hero.section-grid .hero-copy .hero-brand-line{font:800 clamp(20px,2vw,27px)/1.3 Manrope,sans-serif;color:#08777b;margin:0 0 13px}
.hero.section-grid .hero-copy .hero-desktop-slogan{font:700 clamp(17px,1.5vw,21px)/1.45 Manrope,sans-serif;color:#10283c;margin:0 0 18px}
.hero.section-grid .hero-copy .hero-desktop-slogan span{color:#08777b}
@media(max-width:1100px){
 .hero.section-grid .hero-copy .seo-hero-title{font-size:clamp(32px,6.3vw,48px);max-width:17ch;margin:0 auto 12px;text-align:center}
 .hero.section-grid .hero-copy .hero-brand-line{text-align:center;font-size:clamp(20px,4.8vw,28px)}
 .hero.section-grid .hero-copy .hero-desktop-slogan{display:none}
 .hero.section-grid .hero-copy .mobile-hero-slogan{display:block;font-size:clamp(16px,4vw,20px);margin:0 auto 18px}
 .hero.section-grid .hero-copy .mobile-hero-slogan strong{font-size:inherit}
 .hero.section-grid .hero-copy .mobile-hero-slogan span{font-size:inherit}
}
/* Compact the desktop opening while keeping the product category first. */
@media(min-width:1101px){
 .hero.section-grid .hero-copy{width:min(46%,590px);padding-top:64px;padding-bottom:52px}
 .hero.section-grid .hero-copy .seo-hero-title{font-size:clamp(38px,3vw,46px);line-height:1.16;max-width:20ch;margin:0 0 12px;letter-spacing:-.038em}
 .hero.section-grid .hero-copy .hero-brand-line{font-size:21px;line-height:1.3;margin:0 0 8px}
 .hero.section-grid .hero-copy .hero-desktop-slogan{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 19px}
 .hero.section-grid .hero-copy .hero-desktop-slogan br{display:none}
 .hero.section-grid .hero-copy .hero-desktop-slogan span::before{content:" ";white-space:pre}
 .hero.section-grid .hero-lede{font-size:16px;line-height:1.6;max-width:54ch;margin:0 0 24px}
 .hero.section-grid .hero-actions{gap:18px}
 .hero.section-grid .proof-row{margin-top:27px;gap:22px}
 .hero.section-grid .hero-float{display:none}
}
@media(max-width:1100px){
 .hero.section-grid .hero-copy .seo-hero-title{order:1;width:100%;font-size:clamp(29px,5.8vw,42px);margin:0 auto 7px;max-width:22ch}
 .hero.section-grid .hero-copy .hero-brand-line{order:2;width:100%;margin:0 auto 7px;font-size:clamp(18px,3.8vw,22px)}
 .hero.section-grid .hero-photo{order:3}
 .hero.section-grid .mobile-hero-slogan{order:4}
 .hero.section-grid .hero-actions{order:5}
 .hero.section-grid .hero-lede{order:6}
 .hero.section-grid .proof-row{order:7}
}
@media(min-width:1101px){
 .hero.section-grid .hero-copy .seo-hero-title{font-size:clamp(25px,2.1vw,32px);max-width:none;white-space:nowrap;text-wrap:nowrap;letter-spacing:-.04em}
}