.marquee{padding:4px 0;font-size:9px;letter-spacing:.14em}
.head{border-bottom:1px solid var(--line)}
.head .top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.head .icons{display:flex;gap:16px;align-items:center}
.head .icons a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.head .navrow{display:flex;gap:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.head .navrow::-webkit-scrollbar{display:none}.head .navrow a{text-decoration:none;white-space:nowrap}
@media(min-width:900px){.head .wrap.hd{display:flex;align-items:center;justify-content:space-between}.head .navrow{padding-bottom:0;order:2}.head .icons{order:3}}
@media(max-width:699px){
.wrap{padding:0 16px}
body{font-size:15px}
.logo{font-size:15px;letter-spacing:.14em}
.hero{min-height:62vh}.hero .wrap{padding-top:60px;padding-bottom:28px}.hero h1{font-size:30px;margin-bottom:16px}
.hero .btn{width:100%;text-align:center}
.sec{padding:32px 0}.sec h2{margin-bottom:14px}
.split{grid-template-columns:1fr 1fr;gap:4px}.tile{aspect-ratio:3/4}.tile .lbl{left:12px;bottom:12px}.tile .lbl h3{font-size:20px;margin-bottom:4px}.tile .lbl small{font-size:9px}
.grid{gap:20px 8px}.card .info{font-size:12px}
.cats{gap:8px}.cat p{font-size:11px}
.usp .wrap{gap:16px;padding-top:22px;padding-bottom:22px}.usp h4{font-size:11px}.usp p{font-size:12px}
.story .wrap{padding-top:36px;padding-bottom:36px}.story .btn{width:100%;text-align:center}
.prod{gap:20px}.prod h1{font-size:22px!important}
.prod .btn{position:sticky;bottom:12px}
.fcols{grid-template-columns:1fr 1fr;gap:20px}.fcols .news{grid-column:1/-1}
.cartrow{flex-wrap:wrap}.cartrow .t{min-width:140px}
.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chip{white-space:nowrap}
}