.material-hero{background:linear-gradient(125deg,#eaf0f4,#f6f8f9);padding:70px 0 76px;border-bottom:1px solid var(--line)}
.material-hero .wrap{max-width:1050px}.material-hero h1{margin-bottom:20px}.material-hero .intro{max-width:750px}.material-hero .lead{max-width:780px}
.material-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.material-nav span{font-weight:800;margin-right:auto}.material-nav a{min-width:110px;padding:10px 16px;border:1px solid var(--line);border-radius:50px;text-align:center;text-decoration:none;font-weight:800}
.material-nav a:hover,.material-nav a:focus-visible{border-color:#b51229;color:#a81025;outline-offset:3px}.material-nav a[aria-current=page]{border-color:#16283b;background:#16283b;color:#fff}
.material-models .variant{min-height:0;padding:0;overflow:hidden}.material-models .variant img{display:block;width:100%;height:290px;object-fit:cover;object-position:center 40%;background:#e8e8e8}.material-models .variant .model-copy{padding:25px 27px 29px}.material-models .variant h3{color:#b51229}
.christmas-banner{background:#16283b;color:#fff;border-bottom:3px solid #d71932}.christmas-banner .wrap{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-weight:700}.christmas-banner a{font-size:.85rem;white-space:nowrap}
@media(max-width:700px){.material-hero{padding:48px 0 55px}.material-nav span{width:100%}.material-nav a{flex:1;min-width:90px}.christmas-banner .wrap{flex-direction:column;gap:2px}}