/* First-screen desktop introduction. Six equal square tiles retain their 3 × 2
   order; viewport height caps the mosaic instead of clipping or hiding content. */
@media (min-width:921px){
 .home .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,3vw,52px);padding-block:24px}
 .home .hero-copy{min-width:0}
 .home .hero .eyebrow{margin-bottom:14px}
 .home .hero h1{font-size:clamp(36px,min(4.1vw,7svh),70px);line-height:1.23;letter-spacing:-.015em;margin-top:-.16em}
 .home .hero-intro{font-size:clamp(14px,1vw,17px);line-height:1.65;margin-top:20px;max-width:48ch}
 .home .hero-actions{margin-top:22px;gap:26px}
 .home .hero-actions .button{padding:12px 20px}
 .home .home-mosaic-stack{width:min(100%,calc((100svh - 290px)*1.5));min-width:0;justify-self:end;gap:12px}
 .home .home-configurator-launch{padding:14px 16px;gap:12px;min-height:76px}
 .home .home-configurator-title{font-size:clamp(19px,1.55vw,27px)}
 .home .home-configurator-line{font-size:11px;line-height:1.4}
 .home .hero-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-auto-rows:1fr}
 .home .hero-mosaic .icon-tile{aspect-ratio:1;min-height:0;padding:12px 8px;justify-content:center;container-type:inline-size}
 .home .hero-mosaic .icon-tile .category-icon{width:min(100%,156px);height:43cqw;max-height:108px;max-width:none}
 .home .hero-mosaic .icon-tile .redesign-cad-icon[data-redesign-icon="three-point-lock"]{height:43cqw;max-height:108px}
 .home .hero-mosaic .icon-tile-title{font-size:clamp(15px,9.2cqw,23px);line-height:1.15;margin-top:8px}
 .home .hero-mosaic .icon-tile-tag{font-size:clamp(8px,4.25cqw,10px);line-height:1.35;margin-top:6px}
 .home .hero-mosaic .icon-tile-arrow{font-size:17px;right:8px;top:5px}
}
@media (min-width:921px) and (max-height:700px){
 .home .hero{padding-block:16px}
 .home .hero .eyebrow{margin-bottom:10px}
 .home .hero-intro{margin-top:14px}
 .home .hero-actions{margin-top:16px}
 .home .site-header .header-inner{min-height:76px}
 .home .site-header .brand img{height:70px}
 .home .site-header #primary-nav a{padding-block:26px}
 .home .home-mosaic-stack{width:min(100%,calc((100svh - 250px)*1.5))}
}
/* Very short/zoomed windows use natural flow rather than unreadable scaling. */
@media (min-width:921px) and (max-height:560px){
 .home .home-mosaic-stack{width:100%}
 .home .hero h1{font-size:36px}
}