.riding-focus{isolation:isolate;color:#edf5fb;background-color:#031522;background-image:linear-gradient(90deg,#031522 0%,#031522f5 30%,#031522dc 49%,#03152274 65%,#03152212 83%),linear-gradient(#03152299 0%,#03152200 17% 78%,#031522 100%),url(/riding-focus-harbor.webp);background-position:50%,100%;background-size:cover;border-block:1px solid #3487ae25;position:relative;overflow:hidden}.riding-focus:before{content:"";z-index:-1;opacity:.14;pointer-events:none;background:repeating-radial-gradient(at -70% 55%,#0000 0 24px,#6dc6e144 25px 26px,#0000 27px 40px);width:22%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.riding-focus .riding-focus-inner{min-width:0;padding-block:64px 60px;position:relative}.riding-focus-heading{width:80%;max-width:900px;margin-bottom:34px}.riding-focus .riding-focus-label{color:#1db4f4;letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:18px;margin:0 0 18px;font-size:12px;font-weight:700;line-height:1.5;display:flex}.riding-focus-label>span{background:#11b4fa;flex-shrink:0;width:38px;height:4px}.riding-focus h2{letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;margin:0 0 17px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(34px,3.7vw,58px);font-weight:700;line-height:1.04}.riding-focus h2 em{color:#12aaf1;font-style:normal}.riding-focus .riding-focus-intro{color:#c4d3df;text-wrap:pretty;max-width:610px;margin:0;font-size:18px;line-height:1.6}.riding-focus-body{grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);align-items:start;gap:28px;width:84%;max-width:1120px;display:grid}.riding-focus-categories{min-width:0}.riding-focus .riding-focus-caption{text-transform:uppercase;letter-spacing:.23em;color:#1db4f4;margin:0 0 14px;font-size:11px;font-weight:600;line-height:1.7}.riding-focus-caption span{color:#a6cde3}.riding-focus-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.riding-focus-types li{background:linear-gradient(145deg,#06263b77,#02111d99);border:1px solid #16719b99;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:126px;padding:15px 8px 17px;display:flex;position:relative;box-shadow:inset 0 1px #33b5ec12}.riding-focus-types li:before{content:"";border-top:1px solid #19baff;border-left:1px solid #19baff;width:9px;height:9px;position:absolute;top:9px;left:9px}.riding-focus-motorcycle{color:#15b4f4;filter:drop-shadow(0 0 8px #12aef01c);width:100%;max-width:108px;height:65px;margin-bottom:7px;display:block}.riding-focus-metal{color:#c8dfed}.riding-focus-types h3{letter-spacing:.015em;text-align:center;text-transform:uppercase;color:#e6f2fa;margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:18px;font-weight:700;line-height:1.1}.riding-focus .riding-focus-note{color:#9bb8ca;margin:13px 0 0;font-size:12px;line-height:1.6}.riding-focus-details{border-left:1px solid #2586b27a;min-width:0;margin-top:-94px;padding:0 0 0 27px}.riding-focus-values{gap:22px;margin:0 0 25px;padding:0;list-style:none;display:grid}.riding-focus-values li{align-items:flex-start;gap:18px;min-width:0;display:flex}.riding-focus-values svg{color:#14b2f5;stroke-width:1.7px;flex-shrink:0;width:37px;height:37px;margin-top:1px}.riding-focus-values h3{letter-spacing:0;margin:0 0 5px;font-family:Barlow,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.35}.riding-focus-values p{color:#b2c7d5;margin:0;font-size:14px;line-height:1.55}.front-page .riding-focus-button{text-transform:uppercase;letter-spacing:.015em;text-align:center;color:#021522;background:linear-gradient(110deg,#18b6f9,#0799eb);border:1px solid #22beff;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:51px;padding:13px 17px;font-size:13px;font-weight:700;line-height:1.3;display:flex;box-shadow:0 6px 24px #009fee1a}.riding-focus-button svg{flex-shrink:0}.front-page .riding-focus-button:hover{color:#021522;background:#55cbff}.riding-focus-button:focus-visible{outline-offset:5px;outline:2px solid #b5eaff}@media (min-width:1600px){.riding-focus{background-position:50%,right 55%}.riding-focus .riding-focus-inner{padding-block:76px}.riding-focus-heading{margin-bottom:36px}.riding-focus-types li{min-height:140px}}@media (max-width:1100px){.riding-focus-heading{width:90%}.riding-focus-body{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;width:100%}.riding-focus{background-image:linear-gradient(90deg,#031522fa,#031522eb 43%,#031522b3 75%,#03152266),linear-gradient(#0000 40%,#031522),url(/riding-focus-harbor.webp)}.riding-focus-details{margin-top:0;padding-left:22px}.riding-focus-values{gap:18px}.riding-focus-values li{gap:12px}.riding-focus-values svg{width:30px;height:30px}.riding-focus-values h3{font-size:15px}.riding-focus-types{gap:9px}.riding-focus-types h3{font-size:16px}}@media (max-width:760px){.riding-focus .riding-focus-inner{padding-block:42px}.riding-focus-heading{width:100%;margin-bottom:27px}.riding-focus h2{max-width:650px;font-size:clamp(32px,6vw,44px)}.riding-focus .riding-focus-intro{max-width:580px;font-size:16px}.riding-focus-body{grid-template-columns:1fr;gap:27px}.riding-focus-types li{min-height:126px}.riding-focus-types h3{font-size:18px}.riding-focus-details{border-top:1px solid #2586b27a;border-left:0;padding:26px 0 0}.riding-focus-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.riding-focus-values li{flex-direction:column;gap:12px}.riding-focus-values h3{font-size:15px}.riding-focus-values p{font-size:13px}.front-page .riding-focus-button{width:fit-content;min-width:280px}.riding-focus{background-position:70%}}@media (max-width:460px){.riding-focus h2{font-size:36px;line-height:1.06}.riding-focus .riding-focus-label{letter-spacing:.24em;font-size:11px}.riding-focus .riding-focus-caption{letter-spacing:.18em;font-size:10px}.riding-focus-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.riding-focus-types li{min-height:125px}.riding-focus-motorcycle{max-width:115px}.riding-focus-values{grid-template-columns:1fr;gap:20px}.riding-focus-values li{flex-direction:row;gap:16px}.riding-focus-values svg{width:33px;height:33px}.riding-focus-values p{font-size:14px}.front-page .riding-focus-button{width:100%;min-width:0;font-size:12px}.riding-focus{background-image:linear-gradient(90deg,#031522ed,#031522c9),linear-gradient(#0000 30%,#031522 85%),url(/riding-focus-harbor.webp);background-position:50%,100% 0;background-size:cover}}