.gyro-page{background:#fff}.gyro-hero img{display:block;width:100%;height:auto}.gyro-nav{background:#173b35;color:white}.gyro-nav>.wrap{display:flex;gap:26px;align-items:center;min-height:66px;overflow-x:auto}.gyro-nav strong{margin-right:auto;font-size:25px;white-space:nowrap}.gyro-nav a{color:white;text-decoration:none;white-space:nowrap;font-size:14px}.gyro-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:70px;padding-bottom:70px;align-items:center}.gyro-page h1{font-size:clamp(60px,7vw,105px);margin:12px 0}.gyro-page .gyro-intro h2{font-size:clamp(28px,3vw,44px);max-width:580px}.gyro-intro p{font-size:19px}.gyro-intro .small-note{font-size:12px}.gyro-features{background:#e4ed8c}.gyro-features>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:36px;padding-bottom:36px}.gyro-features span{font-size:12px;letter-spacing:.15em}.gyro-features h3{font-size:23px;margin:10px 0}.gyro-feature{align-items:center}.gyro-feature>img{height:auto;min-height:0;object-fit:contain}.gyro-section{padding-top:75px;padding-bottom:75px}.gyro-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.gyro-spec-grid>div{padding:20px 0;border-bottom:1px solid #173b3525}.gyro-spec-grid dt{font-size:13px;color:#526561}.gyro-spec-grid dd{margin:5px 0 0;font-weight:650;font-size:20px}.gyro-options{background:#f3f3ec}.gyro-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:75px;padding-bottom:75px}.gyro-options-grid h3{font-size:30px}.gyro-options-grid ul{padding-left:20px;line-height:2}.gyro-page .shop-photo{height:auto!important;aspect-ratio:auto!important;padding:0!important}.gyro-page .shop-photo img{width:100%;height:auto;object-fit:contain}.gyro-page .strutt-feature .button{background:#e4ed8c;color:#173b35}
@media(max-width:750px){.gyro-intro,.gyro-options-grid{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.gyro-features>.wrap{grid-template-columns:1fr 1fr}.gyro-page h1{font-size:55px}.gyro-section{padding-top:45px;padding-bottom:45px}.gyro-spec-grid{grid-template-columns:1fr}.gyro-feature>div{padding:35px 6%}}

@media(max-width:750px){#main .gyro-hero[data-product="ibot"]>img{object-position:33% center}#main .gyro-hero[data-product="scewo"]>img{object-position:42% center}}