/* Keep each desktop section within the usable viewport below the sticky header. */
#als-home{--ah-header-space:130px;--ah-panel-height:min(680px,calc(100svh - var(--ah-header-space) - 24px))}
#als-home .ap-production,#als-home .ah-blog{scroll-margin-top:calc(var(--ah-header-space) + 12px)}
#als-home .ap-layout{min-height:0}
#als-home .ap-copy{padding:26px 32px}
#als-home .ap-heading{margin-bottom:10px}
#als-home .ap-copy h2{font-size:38px;line-height:1.08}
#als-home .ap-capabilities>li{padding:12px 0;gap:14px;grid-template-columns:28px minmax(0,1fr)}
#als-home .ap-capabilities h3{font-size:17px;line-height:1.3;margin-bottom:5px}
#als-home .ap-capabilities p,#als-home .ap-equipment{font-size:13px;line-height:1.45}
#als-home .ap-number .fa,#als-home .ap-number .fa::before{font-size:23px}
#als-home .ap-copy>.ah-link{padding:12px 22px;min-height:44px;min-width:240px;font-size:13px;margin-top:12px}
#als-home .ap-slide figcaption{min-height:76px;padding:16px 232px 16px 24px;font-size:12px}
#als-home .ap-controls{right:20px;bottom:18px;gap:12px}
#als-home .ap-controls-buttons{gap:6px}
#als-home .ap-controls-buttons button{width:38px;height:38px}
#als-home .ah-blog{padding:24px 40px}
#als-home .ah-blog>.ah-section-head{margin-bottom:14px;padding-bottom:14px;gap:12px}
#als-home .ah-blog>.ah-section-head h2{font-size:38px;line-height:1.08}
#als-home .ah-blog>.ah-section-head .ah-eyebrow{margin-bottom:10px}
#als-home .ah-blog-carousel .ah-blog-grid{gap:16px 28px;grid-auto-columns:calc((100% - 28px)/2)}
#als-home .ah-blog-carousel .ah-blog-card{min-height:0;padding-bottom:12px}
#als-home .ah-blog-carousel .ah-blog-open{column-gap:17px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
#als-home .ah-blog-carousel .ah-blog-copy{padding:0;min-height:0}
#als-home .ah-blog-carousel .ah-blog-copy h3{font-size:20px;line-height:1.2;margin-bottom:8px;-webkit-line-clamp:3;flex-shrink:0}
#als-home .ah-blog-carousel .ah-blog-copy p{font-size:12px;line-height:1.45;-webkit-line-clamp:3;min-height:0}
#als-home .ah-blog-carousel .ah-blog-copy::after{font-size:11px;padding-top:8px;flex-shrink:0}
#als-home .ah-blog-carousel .ah-blog-card:nth-child(even)::before{left:-14px;bottom:12px}
#als-home .ah-blog-controls{margin-top:12px;padding:0;flex-shrink:0}
#als-home .ah-blog-buttons button{width:40px;height:40px}
@media(min-width:901px){
 #als-home .ap-production{height:var(--ah-panel-height)}
 #als-home .ap-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #als-home .ap-copy{min-height:0}
 #als-home .ap-copy{grid-column:1;grid-row:1}
 #als-home .ap-gallery{grid-column:2;grid-row:1}
 #als-home .ah-blog{height:var(--ah-panel-height);display:flex;flex-direction:column}
 #als-home .ah-blog>.ah-section-head{flex-shrink:0}
 #als-home .ah-blog-carousel{flex:1;min-height:0;display:flex;flex-direction:column}
 #als-home .ah-blog-carousel .ah-blog-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}
}
@media(min-width:901px) and (max-height:740px){
 #als-home .ap-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
 #als-home .ap-copy{padding:18px 28px}
 #als-home .ap-copy h2{font-size:32px}
 #als-home .ap-copy .ap-eyebrow{margin-bottom:10px}
 #als-home .ap-capabilities>li{padding:8px 0;gap:12px}
 #als-home .ap-capabilities h3{font-size:16px;margin-bottom:4px}
 #als-home .ap-capabilities p,#als-home .ap-equipment{font-size:12px;line-height:1.4}
 #als-home .ap-copy>.ah-link{margin-top:10px;padding:10px 18px;min-height:40px}
 #als-home .ah-blog{padding:18px 36px}
 #als-home .ah-blog>.ah-section-head h2{font-size:32px}
 #als-home .ah-blog>.ah-section-head{margin-bottom:12px;padding-bottom:10px}
 #als-home .ah-blog-carousel .ah-blog-copy h3{font-size:18px;-webkit-line-clamp:3}
 #als-home .ah-blog-carousel .ah-blog-copy p{-webkit-line-clamp:2}
}
@media(min-width:901px) and (max-height:620px){
 #als-home .ap-copy{padding:12px 24px}
 #als-home .ap-heading{margin-bottom:6px}
 #als-home .ap-copy h2{font-size:28px}
 #als-home .ap-capabilities>li{padding:5px 0}
 #als-home .ap-capabilities h3{font-size:14px}
 #als-home .ap-copy>.ah-link{margin-top:8px}
 #als-home .ah-blog{padding:12px 32px}
 #als-home .ah-blog>.ah-section-head{padding-bottom:8px;margin-bottom:8px}
 #als-home .ah-blog>.ah-section-head h2{font-size:28px}
 #als-home .ah-blog-carousel .ah-blog-grid{gap:12px 28px}
 #als-home .ah-blog-carousel .ah-blog-copy h3{font-size:17px;-webkit-line-clamp:2}
}
@media(max-width:900px){
 #als-home .ap-copy{padding:24px}
 #als-home .ap-copy h2{font-size:30px}
 #als-home .ap-gallery{height:200px;max-width:none}
 #als-home .ap-stage{height:100%;aspect-ratio:auto}
 #als-home .ap-layout{display:flex;flex-direction:column;gap:0}
 #als-home .ap-copy{display:flex}
 #als-home .ap-slide figcaption{min-height:74px;padding:12px 190px 12px 18px;font-size:11px}
 #als-home .ap-controls{left:auto;right:16px;bottom:18px;gap:8px}
 #als-home .ap-controls-buttons button{width:32px;height:32px}
 #als-home .ap-counter,#als-home .ap-counter strong{font-size:10px}
 #als-home .ah-blog{height:var(--ah-panel-height);padding:22px;display:flex;flex-direction:column}
 #als-home .ah-blog>.ah-section-head{flex-shrink:0;gap:10px}
 #als-home .ah-blog>.ah-section-head h2{font-size:30px}
 #als-home .ah-blog-carousel{flex:1;min-height:0;display:flex;flex-direction:column}
 #als-home .ah-blog-carousel .ah-blog-grid{grid-auto-columns:100%;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0;flex:1;gap:16px}
 #als-home .ah-blog-carousel .ah-blog-copy h3{font-size:20px}
 #als-home .ah-blog-carousel .ah-blog-copy p{-webkit-line-clamp:3}
}
@media(max-width:559px){
 #als-home{--ah-header-space:80px}
 #als-home .ap-gallery{height:160px}
 #als-home .ap-copy{padding:18px 22px}
 #als-home .ap-copy h2{font-size:28px}
 #als-home .ap-heading .ap-eyebrow{margin-bottom:10px}
 #als-home .ap-capabilities>li{padding:8px 0;grid-template-columns:22px minmax(0,1fr);gap:10px}
 #als-home .ap-capabilities h3{font-size:15px}
 #als-home .ap-capabilities p,#als-home .ap-equipment{font-size:12px;line-height:1.4}
 #als-home .ap-copy>.ah-link{min-width:0;margin-top:10px;padding:10px 16px}
 #als-home .ap-slide figcaption{padding:8px 18px 44px;min-height:70px}
 #als-home .ap-controls{left:18px;right:18px;bottom:9px}
 #als-home .ah-blog>.ah-section-head h2{font-size:28px}
 #als-home .ah-blog>.ah-section-head>.ah-link{font-size:12px}
 #als-home .ah-blog-carousel .ah-blog-copy h3{font-size:18px}
}
