/* 2026-10-04: user-requested homepage alignment and moderate reading density.
   Keep the approved photographs, intrinsic proportions, masks and colors.
   Scoped here so product and partner pages retain their reviewed layouts. */
.home-page{--home-gutter:max(6vw,calc((100vw - 1360px)/2))}
.home-page .section{padding:76px var(--home-gutter);scroll-margin-top:84px}
.home-page .section .eyebrow{margin-bottom:18px}
.home-page h2{font-size:clamp(30px,2.65vw,38px)}
.home-page .section-top{margin-bottom:36px;gap:36px}
.home-page .about{padding-top:72px;padding-bottom:72px}
.home-page .about-copy .lead{font-size:19px;margin-bottom:18px}
.home-page .about-copy p{margin-bottom:16px}
.home-page .value-words{margin-top:24px;padding-top:20px}

/* Two independent, equal-width cards with equal outside gutters and padding.
   The approved full-width material picture retains its original treatment. */
.home-page .section.focus{--focus-gutter:var(--home-gutter);padding-top:0;padding-bottom:64px}
.home-page .focus-introduction{margin-inline:calc(-1 * var(--focus-gutter))}
.home-page .focus-introduction .section-top{margin:0;gap:0}
.home-page .focus-grid{margin-inline:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-page .focus-card{padding:26px 32px 16px;display:flex;flex-direction:column;border-top:3px solid var(--blue);min-width:0}
.home-page .card-kicker{gap:12px;align-items:center;min-height:28px}
.home-page .launch-status{white-space:nowrap;flex-shrink:0}
.home-page .focus-card .product-type{font-size:62px;margin:21px 0 18px}
.home-page .focus-card .product-type>span{min-height:41px;line-height:1.7;margin-top:5px}
.home-page .focus-card h3{font-size:22px;margin-bottom:12px}
.home-page .focus-card>p{max-width:100%;margin-bottom:22px;line-height:1.8}
.home-page .focus-card .product-page-link{margin-top:auto;padding:14px 0;min-height:55px;gap:16px}
.home-page .supporting-system{margin-top:18px;padding:24px 0;gap:28px}
.home-page .supporting-system h3{font-size:20px}
/* Preserve the mobile row gap; percentage row gaps overflow an auto-height grid. */
.home-page .foundation-layout{column-gap:6%}
.home-page .foundation-statement{padding:30px}
.home-page .foundation-statement h3{font-size:26px;margin:22px 0;line-height:1.55}
.home-page .partners article{padding:18px 0 24px}
.home-page .partners article+article{padding:24px 0 0}
.home-page .partners .partner-full-name{font-size:clamp(20px,1.8vw,24px)}
.home-page .partners h3{margin-top:10px}
.home-page .partner-tags{margin-top:16px}
.home-page .care-editorial .care-heading h2{font-size:clamp(30px,2.65vw,42px)}
.home-page .care-editorial .care-values{padding:20px var(--home-gutter) 48px}
.home-page .care-editorial .care-values article{padding-top:20px}
.home-page .collaboration{padding-top:64px;padding-bottom:64px}
.home-page .collaboration h2{font-size:32px}
.home-page .collaboration-topics{margin-top:28px}

@media(min-width:1051px){
 .home-page .header{height:84px}
 .home-page .brand{width:168px}
 .home-page .hero{min-height:clamp(560px,38vw,700px)}
 .home-page .hero-copy{padding-top:clamp(56px,4.3vw,72px);padding-bottom:24px}
 .home-page .hero h1{font-size:clamp(46px,4vw,62px);margin:24px 0 20px}
 .home-page .hero-bottom{padding-top:32px}
 .home-page .intro-ribbon{padding-top:18px;padding-bottom:18px}
 .home-page .focus-introduction{min-height:clamp(440px,31vw,560px)}
 .home-page .focus-introduction .section-top{padding-top:50px;padding-bottom:50px}
 .home-page .focus-introduction .section-top>p{margin-top:20px}
 .home-page .care-editorial .care-introduction{min-height:clamp(560px,43vw,780px)}
 .home-page .care-editorial .care-heading{padding-top:56px;padding-bottom:56px;padding-left:var(--home-gutter)}
}
@media(min-width:761px) and (max-width:1050px){
 .home-page .section{padding-top:60px;padding-bottom:60px}
 .home-page .section.focus{padding-top:0}
 .home-page .focus-card{padding:24px}
 .home-page .focus-card .product-type{font-size:56px}
 .home-page .focus-card h3{min-height:60px}
 .home-page .focus-introduction .section-top{padding-top:48px}
}
@media(max-width:760px){
 .home-page{--home-gutter:7vw}
 .home-page .section{padding-top:50px;padding-bottom:50px;scroll-margin-top:76px}
 .home-page h2,.home-page .care-editorial .care-heading h2{font-size:30px}
 .home-page .section.focus{padding-top:0;padding-bottom:44px}
 .home-page .focus-grid{grid-template-columns:1fr;gap:18px}
 .home-page .focus-card{padding:24px 22px 14px}
 .home-page .focus-card .product-type{font-size:56px;margin:18px 0 16px}
 .home-page .focus-card .product-type>span{min-height:0}
 .home-page .focus-card h3{font-size:22px}
 .home-page .focus-card>p{margin-bottom:20px}
 .home-page .focus-introduction .section-top{padding-top:44px;padding-bottom:20px}
 .home-page .supporting-system{gap:24px}
 .home-page .foundation-statement{padding:26px}
 .home-page .care-editorial .care-heading{padding-top:46px;padding-bottom:24px}
 .home-page .care-editorial .care-values{padding-top:8px;padding-bottom:40px}
 .home-page .collaboration h2{font-size:28px}
 .home-page .collaboration-topics{margin-top:24px}
}