/* Pin the brand to the header's geometric centre, independent of side content. */
.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-header>.brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;justify-self:auto}
.site-header>.nav,.site-header>.menu-toggle{grid-column:1;grid-row:1;justify-self:start}
.site-header>.utilities{grid-column:3;grid-row:1;justify-self:end}

@media(max-width:600px){
 /* The phone spotlight is an entry point; pricing remains on the product page. */
 .model-section .model-prices{display:none}
 .model-section .model-stage{padding-block:12px;min-height:0}
 .model-section .model-view{height:auto;justify-content:center}
 .model-section .model-view model-viewer{height:230px;min-height:0}
 .model-section .series-purchase-card{padding:12px 10px}
 .model-section .series-purchase-card h3{font-size:17px;line-height:1.35;margin:9px 0 5px}
 .model-section .series-purchase-card .series-card-subtitle{font-size:8px;line-height:1.5}
 .model-section .series-purchase-card .small-copy{font-size:10px;line-height:1.5;margin-top:8px}
 .model-section .series-purchase-image{height:clamp(105px,32vw,138px);margin:9px 0 10px}
 .model-section .series-purchase-card .btn{font-size:12px;min-height:44px;margin:0;padding:10px 5px}
 .model-section .model-instructions{font-size:9px;line-height:1.5;margin-top:5px}
 .model-section .model-instructions button{min-height:32px;font-size:10px}

 .mimo-service-band{padding:25px 20px;gap:22px 18px}
 .mimo-service-item h3{font-size:13px;line-height:1.45;margin-bottom:5px}
 .mimo-service-item p{font-size:11px;line-height:1.6}
 .mimo-service-icon{width:34px;height:34px;border-radius:10px;margin-bottom:10px}
 .mimo-service-icon svg{width:22px;height:22px}

 .shared-footer .newsletter{padding:30px 20px}
 .shared-footer .newsletter .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:12px}
 .shared-footer .newsletter h2{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px}
 .shared-footer .newsletter>div>p:not(.eyebrow){font-size:12px;line-height:1.6}
 .shared-footer .newsletter-form-wrap{margin-top:20px}
 .shared-footer #newsletter-form{gap:8px}
 /* A 16px input avoids the browser zooming in when an iPhone user types. */
 .shared-footer #newsletter-email{font-size:16px;line-height:1.4;min-height:44px;height:44px;padding:10px 12px}
 .shared-footer #newsletter-form .btn{font-size:13px;line-height:1.4;min-width:68px;min-height:44px;padding:10px 14px}
 .shared-footer .newsletter-feedback{font-size:10px;line-height:1.5;min-height:15px;margin-top:10px}
 .shared-footer .compact-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:24px 20px 20px;gap:16px 12px;font-size:10px}
 .shared-footer .compact-footer>div{gap:12px;min-width:0}
 .shared-footer .compact-footer>div>span{white-space:nowrap}
 .shared-footer .footer-logo img{width:108px}
 .shared-footer .compact-footer>span{grid-column:2;grid-row:1;font-size:10px}
 .shared-footer .compact-footer nav{grid-column:1/-1;grid-row:2;order:0;width:auto;justify-content:flex-start;gap:0 20px}
 .shared-footer .compact-footer nav a,.shared-footer .compact-footer nav button{display:inline-flex;align-items:center;min-height:40px;font-size:11px;line-height:1.5;padding:0}
}
@media(max-width:350px){
 .model-section .series-purchase-card h3{font-size:16px}
 .model-section .model-view model-viewer{height:215px}
 .shared-footer .footer-logo img{width:96px}
 .shared-footer .compact-footer>div{gap:9px}
}