/* Original Rhino slideshow, followed by the owner's new illustrated range tiles. */
html[data-page] .style-showcase,html[data-page] .explore-range{display:none}
#style-showcase,#explore-range{scroll-margin-top:0}
.style-showcase{position:relative;height:600px;background:#151515;color:#fff;overflow:hidden;touch-action:pan-y}
.style-slides,.style-slide{position:absolute;inset:0}
.style-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.style-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.style-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.style-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#000c 100%)}
.style-slide:nth-child(2) .style-shade{background:linear-gradient(229deg,#0000 42%,#000c 100%)}
.style-content{position:relative;display:flex;align-items:center;height:100%}
.style-copy{width:60%;max-width:735px;padding-right:25px;text-shadow:0 1px 8px #0006}
.style-copy h2{font-size:36px;font-weight:750;letter-spacing:-1px;line-height:1.15;margin:0 0 13px}
.style-copy p{font-size:18px;line-height:1.6;margin:0 0 24px;color:#fff}
.style-cta{display:inline-flex;align-items:center;gap:35px;min-height:54px;padding:15px 30px;border-radius:28px;background:#c53a35;color:#fff;font-size:16px;font-weight:700;text-shadow:none}
.style-cta:hover{background:#800000}
.style-navigation{position:relative;height:100%;pointer-events:none;z-index:3}
.style-thumbnails{position:absolute;right:44px;top:70px;width:min(28%,360px);height:460px;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;pointer-events:auto}
.style-thumbnails button{position:relative;display:block;overflow:hidden;border-radius:5px;padding:0;min-width:0;border:1px solid #ffffff55;background:#222}
.style-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.53);transition:filter .25s}
.style-thumbnails button:hover img,.style-thumbnails button[aria-current=true] img{filter:none}
.style-thumbnails button[aria-current=true]{border-color:#fff}
.style-progress{position:absolute;left:0;bottom:0;width:0;height:4px;background:#b72c31}
.is-playing .style-thumbnails button[aria-current=true] .style-progress{animation:style-progress 3s linear forwards}
@keyframes style-progress{from{width:0}to{width:100%}}
.style-controls{position:absolute;left:44px;bottom:24px;display:flex;gap:6px;align-items:center;pointer-events:auto}
.style-controls button{background:#17171790;border:1px solid #ffffff66;color:#fff;min-height:44px;min-width:44px;padding:5px 12px;border-radius:3px;font-size:25px}
.style-controls button[data-style-pause]{font-size:13px;min-width:86px}
.style-controls button:hover{background:#800000}
.style-controls [data-style-count]{font-size:12px;font-weight:700;letter-spacing:1.5px;margin-left:10px;text-shadow:0 1px 5px #000}
.explore-range{background:#f4f4f3;padding:56px 0 58px}
.range-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.range-heading .eyebrow{font-size:12px;letter-spacing:1.6px;color:#656565}
.range-heading h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:10px 0 0}
.range-heading p{font-size:16px;line-height:1.6;color:#505050;margin:0}
.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.range-card{display:block;background:#fff;border:1px solid #ddd;min-width:0;transition:box-shadow .2s,transform .2s}
.range-card:hover{box-shadow:0 12px 24px #2222;transform:translateY(-3px)}
.range-poster{aspect-ratio:3/4;position:relative;overflow:hidden;background:#171719}
.range-poster>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.range-poster-copy{position:absolute;left:0;right:0;top:25px;text-align:center;color:#fff}
.range-poster-copy>span{display:block;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:20px;text-shadow:0 1px 8px #000}
.range-poster-copy h3{font-family:Impact,'Arial Narrow',Arial,Helvetica,sans-serif;font-style:italic;font-size:clamp(25px,2.65vw,38px);font-weight:900;line-height:1.04;letter-spacing:-.6px;margin:0 12px;text-shadow:0 2px 4px #0006;transform:rotate(-3deg)}
.range-poster-copy h3 span{display:block;background:#a2080c;padding:7px 10px;box-shadow:3px 5px 0 #0009}
.range-poster-copy h3 span+span{padding-top:0}
.range-poster-copy p{display:inline-block;background:#161616;font-size:15px;font-style:italic;font-weight:850;margin:12px 0 0;padding:8px 15px;letter-spacing:.4px;transform:rotate(-3deg)}
.range-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:74px;padding:15px 21px}
.range-card-footer strong{font-size:16px;letter-spacing:.5px}
.range-card-footer>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#800000;color:#fff;font-size:23px;flex-shrink:0}
.range-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.range-shortcut{position:relative;display:flex;align-items:end;min-height:250px;overflow:hidden;background:#191919;color:#fff;padding:30px;isolation:isolate}
.range-shortcut>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.range-shortcut:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000,#000e);z-index:-1}
.range-shortcut div{max-width:85%}
.range-shortcut div>span{font-size:11px;font-weight:750;letter-spacing:1.4px}
.range-shortcut h3{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:10px 0}
.range-shortcut p{font-size:15px;line-height:1.5;margin:0;color:#f1f1f1}
.range-shortcut>b{font-size:30px;margin-left:auto}
.range-shortcut:hover h3{text-decoration:underline;text-underline-offset:5px}
/* Larger type for the search area and the small lines in the owner's screenshot. */
.search-hub-intro .eyebrow{font-size:12px;color:#565656}
.search-hub-intro h2{font-size:30px;line-height:1.25}
.search-hub-intro>span{font-size:14px;line-height:1.5;color:#555}
.search-card>h3{font-size:17px;letter-spacing:1px;padding:18px}
.finder-tabs button{font-size:16px;min-height:46px}
.search-field select{font-size:16px;min-height:48px}
.finder-search{font-size:16px;min-height:48px}
.search-card-note{font-size:14px;line-height:1.6;color:#444;min-height:44px}
.search-hub .finder-bottom{font-size:15px;gap:24px;flex-wrap:wrap;padding-top:22px;margin-top:24px}
.search-hub .quick-vehicle{font-size:15px;min-height:44px;padding:8px 0}
.assurances{gap:20px;min-height:90px}
.assurances>div{font-size:15px;line-height:1.4;gap:12px}
.assurances svg{width:25px;height:25px}
@media(max-width:1000px){
 .style-showcase{height:560px}
 .style-thumbnails{right:28px;top:60px;height:410px;width:26%}
 .style-copy{width:66%;padding-right:25px}
 .style-copy h2{font-size:33px}
 .style-copy p{font-size:17px}
 .style-controls{left:28px}
 .range-grid{gap:16px}
 .range-poster-copy{top:20px}
 .range-poster-copy>span{font-size:9px;letter-spacing:1.2px;margin-bottom:17px}
 .range-poster-copy h3{font-size:26px;margin:0 8px}
 .range-poster-copy h3 span{padding:7px 5px}
 .range-poster-copy p{font-size:11px;padding:7px 9px}
 .range-card-footer{padding:12px;min-height:70px}
 .range-card-footer strong{font-size:13px;letter-spacing:.2px}
 .range-card-footer>span{width:34px;height:34px}
 .range-shortcut{padding:23px;min-height:240px}
 .range-shortcut h3{font-size:24px}
 .search-panels{gap:24px}
 .search-hub-intro h2{font-size:27px}
 .assurances>div{font-size:13px}
}
@media(max-width:700px){
 .style-showcase{height:560px}
 .style-content{align-items:flex-end;padding-bottom:118px}
 .style-copy{width:100%;max-width:none;padding:0}
 .style-copy h2{font-size:32px;letter-spacing:-.8px;margin-bottom:14px}
 .style-copy p{font-size:16px;line-height:1.6;margin-bottom:22px}
 .style-shade,.style-slide:nth-child(2) .style-shade{background:linear-gradient(180deg,#0001 15%,#000b 55%,#000e)}
 .style-slide>img{object-position:42% center}
 .style-cta{font-size:15px;min-height:48px;padding:13px 25px}
 .style-thumbnails{top:auto;left:20px;right:20px;bottom:18px;width:auto;height:74px;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .style-controls{left:20px;top:18px;bottom:auto}
 .style-controls button[data-style-pause]{font-size:12px;min-width:75px}
 .style-controls [data-style-count]{font-size:11px;margin-left:5px}
 .explore-range{padding:36px 0 38px}
 .range-heading{display:block;margin-bottom:24px}
 .range-heading h2{font-size:31px}
 .range-heading p{font-size:15px;margin-top:13px}
 .range-grid{grid-template-columns:1fr;gap:24px;max-width:460px;margin:auto}
 .range-poster-copy{top:24px}
 .range-poster-copy>span{font-size:11px;letter-spacing:1.8px;margin-bottom:20px}
 .range-poster-copy h3{font-size:clamp(29px,8.4vw,40px);margin:0 13px}
 .range-poster-copy h3 span{padding:7px 10px}
 .range-poster-copy p{font-size:14px;padding:8px 12px}
 .range-card-footer{min-height:74px;padding:15px 20px}
 .range-card-footer strong{font-size:16px;letter-spacing:.3px}
 .range-card-footer>span{width:40px;height:40px}
 .range-shortcuts{grid-template-columns:1fr;gap:18px;margin-top:24px}
 .range-shortcut{min-height:245px;padding:25px}
 .range-shortcut h3{font-size:26px}
 .range-shortcut div>span{font-size:10px;line-height:1.5;display:block}
 .range-shortcut p{font-size:14px}
 .search-hub-intro{display:block}
 .search-hub-intro h2{font-size:27px;margin-top:10px}
 .search-hub-intro>span{display:block;max-width:none;text-align:left;margin-top:14px;font-size:13px}
 .search-card>h3{font-size:17px;padding:17px}
 .search-card-note{font-size:14px;min-height:0}
 .search-hub .finder-bottom>span{font-size:14px}
 .search-hub .finder-bottom{gap:8px 22px}
 .search-hub .quick-vehicle{font-size:14px;min-height:44px}
 .assurances{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:14px;padding-bottom:14px}
 .assurances>div{font-size:13px;min-height:64px;justify-content:center;padding:12px 8px;border:0;text-align:center;gap:8px}
 .assurances svg{width:23px;height:23px;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.style-slide,.style-thumbnails img,.range-card{transition:none}.style-progress{animation:none!important}}