/* A single continuous shade preserves contrast without a hard edge over the photograph. */
.segment-nav{display:flex;gap:10px;flex-wrap:wrap;padding-top:24px;padding-bottom:8px}
.segment-nav a{padding:10px 18px;border:1px solid #dbe2db;border-radius:30px;font-size:13px;text-decoration:none;color:#304035;transition:background .2s}
.segment-nav a:hover,.segment-nav a[aria-current]{background:#17271d;color:#fff;border-color:#17271d}
.illustration-credit{font-size:12px;line-height:1.7;color:#627367;padding-top:22px;padding-bottom:22px}.illustration-credit a{text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:800px){.segment-nav{gap:7px;padding-top:20px}.segment-nav a{padding:9px 13px;font-size:12px}}
.hero-mobile-title,.hero-mobile-eyebrow,.hero-mobile-description,.hero-mobile-benefits,.hero-mobile-photo-caption{display:none}
@media(max-width:800px){
 .hero{background:#101411;color:#fff;overflow:hidden}
 body[data-landing-category] .hero-photo{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.72;background-image:var(--hero-image);background-size:cover;background-position:center 48%}
 .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,17,.04) 25%,rgba(16,20,17,.12) 52%,rgba(16,20,17,.38) 70%,rgba(16,20,17,.76) 87%,#101411 100%)}
 .hero-mobile-photo-caption{display:block;position:absolute;z-index:1;left:20px;bottom:32px;color:#d6dcd2;font-size:7px;letter-spacing:1.65px}
 .hero-content.container{width:auto;margin:0;padding:12px 24px 30px}
 .hero-desktop-title,.hero-desktop-eyebrow,.hero-content>.hero-desktop-description{display:none}
 .hero-mobile-title,.hero-mobile-eyebrow{display:block}
 .hero .eyebrow.light{color:#c2f578;font-size:9px;letter-spacing:1.7px;line-height:1.6}
 .hero h1{font-size:30px;line-height:1.2;letter-spacing:-1.6px;margin:16px 0 24px;max-width:none;font-weight:600}
 .hero-mobile-title>span{color:#c2f578}
 .hero-content>.hero-mobile-description{display:block;font-size:13px;line-height:1.95;color:#aeb7a9;max-width:none;margin:0 0 22px;text-shadow:none}
 .hero-mobile-benefits{display:grid;list-style:none;padding:0;margin:0;gap:12px}
 .hero-mobile-benefits li{display:flex;align-items:center;gap:10px;color:#d6dcd2;font-size:13px;line-height:1.5;letter-spacing:-.35px}
 .hero-mobile-benefits svg{flex:none;width:18px;height:18px;padding:4px;box-sizing:border-box;border-radius:50%;background:#c2f57815;color:#c2f578}
}

/* Desktop carries the same photo, dark story panel and benefits into one fold. */
@media(min-width:801px){
 .hero{height:auto;min-height:660px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);background:#101411;isolation:isolate}
 .hero::after,.hero-grid,.hero-caption,.hero-pagination,.hero-assurance{display:none}
 body[data-landing-category] .hero-photo{position:relative;inset:auto;width:100%;height:100%;min-height:660px;background-image:var(--hero-image);background-repeat:no-repeat;background-size:cover;background-position:center;grid-column:1;grid-row:1}
 .hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,17,.03) 50%,rgba(16,20,17,.14) 73%,rgba(16,20,17,.55) 89%,#101411 100%),linear-gradient(0deg,#101411,rgba(16,20,17,.45) 12%,transparent 35%)}
 .hero-mobile-photo-caption{display:block;position:absolute;z-index:1;left:40px;bottom:48px;color:#d6dcd2;font-size:9px;letter-spacing:2px}
 .hero-content.container{grid-column:2;grid-row:1;width:auto;max-width:650px;margin:0;align-self:center;padding:54px 48px 54px 28px;z-index:1}
 .hero .eyebrow.light{color:#c2f578;font-size:10px;letter-spacing:1.8px;margin:0}
 .hero-desktop-eyebrow,.hero-content>.hero-mobile-description,.hero-mobile-title{display:none}
 .hero-mobile-eyebrow{display:block}
 .hero h1{font-size:clamp(36px,3.65vw,58px);line-height:1.12;letter-spacing:-2.5px;margin:24px 0;max-width:none;font-weight:600}
 .hero-content>.hero-desktop-description{font-size:15px;line-height:1.85;color:#aeb7a9;margin:0 0 24px;max-width:48ch}
 .hero-mobile-benefits{display:grid;list-style:none;padding:0;margin:0 0 30px;gap:13px}
 .hero-mobile-benefits li{display:flex;align-items:center;gap:11px;color:#d6dcd2;font-size:13px;line-height:1.5}
 .hero-mobile-benefits svg{flex:none;width:20px;height:20px;padding:5px;box-sizing:border-box;border-radius:50%;background:#c2f57815;color:#c2f578}
 .hero-content>.button{min-height:50px;font-size:13px}
}
@media(min-width:801px) and (max-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero-content.container{padding:40px 28px 40px 18px}
 .hero h1{font-size:38px;letter-spacing:-1.8px}
 .hero-content>.hero-desktop-description{font-size:14px}
}