/* Open showroom; SpotlightCard / TiltedCard geometry. See vendor/react-bits-LICENSE.txt. */ #sidgo-home.home-premium #chapter-vehicles{padding-block:clamp(22px,3dvh,38px);overflow-y:auto;overflow-x:hidden;background:#fff} #sidgo-home.home-premium .fleet-showroom{max-width:1400px;color:#213448} #sidgo-home.home-premium .fleet-showroom-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px} #sidgo-home.home-premium .fleet-showroom-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:#b25b25;margin-bottom:10px} #sidgo-home.home-premium .fleet-showroom-heading h2{font-size:clamp(30px,3vw,44px);font-weight:780;line-height:1.22;letter-spacing:-.055em} #sidgo-home.home-premium .fleet-showroom-heading>p{font-size:12px;line-height:1.8;color:#81909d;text-align:right} #sidgo-home.home-premium .fleet-showroom-ton{display:flex;align-items:center;gap:30px;width:100%;border-bottom:1px solid #e8edf1;padding:0;margin:0} #sidgo-home.home-premium .fleet-showroom-ton button{position:relative;min-height:45px;min-width:58px;padding:7px 2px 14px;border:0;border-radius:0;color:#91a0ad;background:none;font-size:14px;font-weight:650} #sidgo-home.home-premium .fleet-showroom-ton button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ff6a13;transform:scaleX(0);transition:transform .25s} #sidgo-home.home-premium .fleet-showroom-ton button[aria-pressed=true]{color:#213448} #sidgo-home.home-premium .fleet-showroom-ton button[aria-pressed=true]::after{transform:scaleX(1)} #sidgo-home.home-premium .fleet-showroom-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);column-gap:clamp(24px,4vw,68px);min-width:0;margin-top:12px} #sidgo-home.home-premium .fleet-stage{position:relative;isolation:isolate;min-width:0;height:clamp(330px,43dvh,460px);overflow:hidden;perspective:1200px;touch-action:pan-y;user-select:none;outline-offset:-4px;background:radial-gradient(ellipse 300px 180px at var(--fleet-light-x,50%) var(--fleet-light-y,45%),#eaf2f888,transparent 85%)} #sidgo-home.home-premium .fleet-stage-watermark{position:absolute;left:5%;top:2%;font-size:clamp(100px,14vw,210px);font-weight:820;line-height:1;letter-spacing:-.085em;color:#f0f3f6;pointer-events:none;z-index:-2} #sidgo-home.home-premium .fleet-stage-floor{position:absolute;left:6%;right:6%;bottom:20%;height:31%;border-radius:50%;border:1px solid #e5ebef;background:radial-gradient(ellipse,#e9eff460 0,transparent 64%);transform:rotateX(62deg);z-index:-1} #sidgo-home.home-premium .fleet-stage-floor::before{content:'';position:absolute;inset:-15% -8%;border:1px solid #eff2f4;border-radius:50%} #sidgo-home.home-premium .fleet-stage-floor::after{content:'';position:absolute;inset:18% 15%;border-radius:50%;box-shadow:0 0 30px #97b1c529;background:#c9d7e229;filter:blur(9px)} #sidgo-home.home-premium .fleet-stage-vehicles{position:absolute;inset:4% 11% 34%;display:block;min-width:0;min-height:0;overflow:hidden;transform:rotateX(var(--fleet-tilt-x,0deg)) rotateY(var(--fleet-tilt-y,0deg));transition:transform .3s ease-out;transform-style:preserve-3d} #sidgo-home.home-premium .fleet-stage-vehicle{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;display:grid;place-items:center;margin:0} #sidgo-home.home-premium .fleet-stage-vehicle img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 17px 9px #23445a1a);pointer-events:none} #sidgo-home.home-premium .fleet-stage-preview{position:absolute;top:22%;bottom:28%;width:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4px;border:0;border-radius:14px;background:none;opacity:.48;color:#7e90a0;cursor:pointer;transition:opacity .25s;overflow:hidden} #sidgo-home.home-premium .fleet-stage-preview.is-previous{left:0;transform:rotateY(8deg)} #sidgo-home.home-premium .fleet-stage-preview.is-next{right:0;transform:rotateY(-8deg)} #sidgo-home.home-premium .fleet-stage-preview img{display:block;width:100%;min-height:0;max-height:calc(100% - 27px);object-fit:contain;filter:blur(1.8px) saturate(.65);pointer-events:none;transition:filter .25s} #sidgo-home.home-premium .fleet-stage-preview span{font-size:10px;line-height:1.4;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} #sidgo-home.home-premium .fleet-stage-preview:is(:hover,:focus-visible){opacity:.8} #sidgo-home.home-premium .fleet-stage-preview:is(:hover,:focus-visible) img{filter:blur(.65px) saturate(.85)} #sidgo-home.home-premium .fleet-stage-unavailable{font-size:13px;color:#8795a2;text-align:center} #sidgo-home.home-premium .fleet-stage-sweep{position:absolute;inset:4% auto 18% 0;width:30%;background:linear-gradient(100deg,transparent,#ffffffa8 48%,#d9e9f344 52%,transparent);opacity:0;pointer-events:none;z-index:2} #sidgo-home.home-premium .fleet-stage-label{position:absolute;bottom:19px;left:0;font-size:8px;letter-spacing:.15em;color:#a0acb7} #sidgo-home.home-premium .fleet-showroom-controls{position:absolute;right:0;bottom:7px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:3} #sidgo-home.home-premium .fleet-step{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:#496174;font-size:21px;line-height:1;transition:background .2s,color .2s} #sidgo-home.home-premium .fleet-step:hover{background:#edf3f7;color:#142a3b} #sidgo-home.home-premium .fleet-step:disabled{opacity:.25;cursor:default} #sidgo-home.home-premium .fleet-showroom-count{font-size:10px;font-weight:650;letter-spacing:.15em;color:#8292a0;font-variant-numeric:tabular-nums} #sidgo-home.home-premium .fleet-autoplay{min-height:36px;padding:7px 0 7px 14px;border:0;border-left:1px solid #e1e8ed;border-radius:0;background:none;font-size:10px;line-height:1.5;font-weight:600;color:#a85e32;white-space:nowrap} #sidgo-home.home-premium .fleet-autoplay:disabled{color:#a9b3bc;cursor:default} #sidgo-home.home-premium .fleet-showroom-info{min-width:0;align-self:center;padding:26px 0 24px} #sidgo-home.home-premium .fleet-showroom-type{font-size:10px;letter-spacing:.15em;color:#bd602c;margin:0 0 12px;font-weight:650} #sidgo-home.home-premium .fleet-showroom-copy h3{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.055em;font-weight:780;line-height:1.22;color:#1b3449;overflow-wrap:anywhere} #sidgo-home.home-premium .fleet-showroom-copy .fleet-showroom-description{max-width:360px;color:#8593a0;font-size:12px;line-height:1.85;margin-top:14px} #sidgo-home.home-premium .fleet-showroom-specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 22px;margin:25px 0 0;padding-top:23px;border-top:1px solid #e8edf1} #sidgo-home.home-premium .fleet-showroom-specs>div{min-width:0} #sidgo-home.home-premium .fleet-showroom-specs dt{font-size:10px;color:#9aa6b0;margin-bottom:4px} #sidgo-home.home-premium .fleet-showroom-specs dd{margin:0;font-size:clamp(18px,1.6vw,25px);font-weight:700;line-height:1.4;color:#375168;letter-spacing:-.05em;overflow-wrap:anywhere} #sidgo-home.home-premium .fleet-showroom-choices{grid-column:1/-1;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:9px 27px;margin-top:10px;padding:17px 0 4px;border-top:1px solid #edf0f3} #sidgo-home.home-premium .fleet-showroom-choices button{position:relative;display:flex;align-items:center;gap:8px;min-height:33px;padding:4px 0;border:0;border-radius:0;background:none;color:#8b99a6;font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s} #sidgo-home.home-premium .fleet-showroom-choices button::before{content:'';width:5px;height:5px;border-radius:50%;background:#dbe2e8;transition:background .25s,box-shadow .25s} #sidgo-home.home-premium .fleet-showroom-choices button[aria-pressed=true]{color:#243c50} #sidgo-home.home-premium .fleet-showroom-choices button[aria-pressed=true]::before{background:#ff6a13;box-shadow:0 0 0 4px #ff6a1314} #sidgo-home.home-premium .fleet-showroom-choices button:hover{color:#243c50} #sidgo-home.home-premium .fleet-showroom-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f3} #sidgo-home.home-premium .fleet-showroom-bottom>p{font-size:10px;color:#99a3ac;line-height:1.7} #sidgo-home.home-premium .fleet-showroom-bottom>div{display:flex;gap:24px;flex-shrink:0} #sidgo-home.home-premium .fleet-showroom-bottom a{font-size:11px;font-weight:650;color:#476075;white-space:nowrap} #sidgo-home.home-premium .fleet-showroom-bottom a:last-child{color:#ba602a} #sidgo-home.home-premium .fleet-showroom-bottom a span{margin-left:8px} #sidgo-home.home-premium .fleet-showroom-empty{grid-column:1/-1;padding:70px 30px;text-align:center;color:#788491;font-size:14px} #sidgo-home.home-premium .fleet-showroom-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #sidgo-home.home-premium .fleet-showroom-fallback{text-align:center;padding:30px}.fleet-showroom-fallback img{display:block;margin:auto}.fleet-showroom-fallback a{display:inline-block;margin-top:12px} #sidgo-home.home-premium .fleet-showroom [hidden]{display:none!important} @media(max-width:1050px){#sidgo-home.home-premium .fleet-showroom-body{grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);column-gap:24px}#sidgo-home.home-premium .fleet-stage{height:330px}#sidgo-home.home-premium .fleet-showroom-copy h3{font-size:36px}#sidgo-home.home-premium .fleet-showroom-bottom{align-items:flex-start;gap:12px}#sidgo-home.home-premium .fleet-showroom-bottom>div{gap:14px}} @media(max-width:700px){#sidgo-home.home-premium #chapter-vehicles{padding-block:24px}#sidgo-home.home-premium .fleet-showroom{width:calc(100% - 36px)}#sidgo-home.home-premium .fleet-showroom-heading{margin-bottom:17px}#sidgo-home.home-premium .fleet-showroom-heading h2{font-size:28px}#sidgo-home.home-premium .fleet-showroom-heading>p{display:none}#sidgo-home.home-premium .fleet-showroom-ton{gap:0;justify-content:space-between}#sidgo-home.home-premium .fleet-showroom-ton button{min-width:0;flex:1;font-size:12px;min-height:42px}#sidgo-home.home-premium .fleet-showroom-body{display:flex;flex-direction:column;margin-top:2px;gap:0}#sidgo-home.home-premium .fleet-stage{height:310px;flex:none;width:100%}#sidgo-home.home-premium .fleet-stage-watermark{font-size:140px;top:5%;left:1%}#sidgo-home.home-premium .fleet-stage-label{font-size:7px;letter-spacing:.08em;bottom:18px}#sidgo-home.home-premium .fleet-showroom-controls{gap:10px}#sidgo-home.home-premium .fleet-showroom-choices{order:1;margin-top:3px;padding:14px 0;gap:4px 19px;width:100%}#sidgo-home.home-premium .fleet-showroom-choices button{font-size:11px}#sidgo-home.home-premium .fleet-showroom-info{order:2;width:100%;padding:19px 0 0;border-top:1px solid #edf0f3}#sidgo-home.home-premium .fleet-showroom-type{font-size:9px;margin-bottom:8px}#sidgo-home.home-premium .fleet-showroom-copy h3{font-size:32px}#sidgo-home.home-premium .fleet-showroom-copy .fleet-showroom-description{font-size:11px;line-height:1.8;max-width:none;margin-top:11px}#sidgo-home.home-premium .fleet-showroom-specs{margin-top:17px;padding-top:17px;gap:15px 24px}#sidgo-home.home-premium .fleet-showroom-specs dd{font-size:22px}#sidgo-home.home-premium .fleet-showroom-bottom{display:block;margin-top:20px;padding-top:14px}#sidgo-home.home-premium .fleet-showroom-bottom>div{justify-content:space-between;gap:12px;margin-top:15px}#sidgo-home.home-premium .fleet-showroom-bottom a{font-size:10px}} @media(prefers-reduced-motion:reduce){#sidgo-home.home-premium .fleet-showroom *,#sidgo-home.home-premium .fleet-showroom *::before,#sidgo-home.home-premium .fleet-showroom *::after{transition:none!important}#sidgo-home.home-premium .fleet-stage-vehicles{transform:none}} @media(max-width:700px){#sidgo-home.home-premium .fleet-stage-label{top:8px;bottom:auto;left:2px}#sidgo-home.home-premium .fleet-showroom-controls{left:0;right:0;bottom:4px;justify-content:center;gap:7px}#sidgo-home.home-premium .fleet-showroom-controls .fleet-step{width:34px;height:36px}#sidgo-home.home-premium .fleet-autoplay{font-size:9px;padding-left:11px}#sidgo-home.home-premium .fleet-stage-preview{top:24%;bottom:29%;padding:0;gap:6px}#sidgo-home.home-premium .fleet-stage-preview span{font-size:8px}#sidgo-home.home-premium .fleet-stage-preview img{filter:blur(.9px) saturate(.65)}} /* The footage supplies the camera and floor. Never rotate the video plane in CSS. */ #sidgo-home.home-premium .fleet-stage-vehicles{transform:none;transform-style:flat} #sidgo-home.home-premium .fleet-stage-vehicles.is-video-ready{cursor:grab;touch-action:pan-y} #sidgo-home.home-premium .fleet-stage-vehicles.is-video-ready:active{cursor:grabbing} #sidgo-home.home-premium .fleet-stage-vehicles.is-video-ready>.fleet-stage-vehicle{visibility:hidden;pointer-events:none} #sidgo-home.home-premium .fleet-turntable-video{position:absolute;inset:0;display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:center;transform:scale(var(--fleet-video-scale,1));pointer-events:none} /* Fade the frame and any scaled clipping edge, never blur the vehicle itself. The central 86% width / 94% height stays opaque to protect wheels, mirrors and roofs. */ #sidgo-home.home-premium .fleet-turntable-video, #sidgo-home.home-premium .fleet-stage-vehicles.is-video-ready{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect} #sidgo-home.home-premium .fleet-video-controls{position:absolute;z-index:4;isolation:isolate;left:50%;bottom:12%;width:max-content;max-width:calc(100% - 20px);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,44px);align-items:center;gap:0 2px;padding:4px;color:#78899a;font-size:9px} #sidgo-home.home-premium .fleet-video-controls::before{content:'';position:absolute;inset:0 0 auto;height:48px;border:1px solid #dce3e8b3;border-radius:13px;background:linear-gradient(145deg,#ffffffde,#f6f8faad);box-shadow:0 5px 18px #20334a0a,inset 0 1px 0 #fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:-1} #sidgo-home.home-premium .fleet-video-controls button{position:relative;display:grid;place-items:center;width:44px;height:40px;min-height:40px;padding:0;border:0;border-radius:9px;background:transparent;color:#526779;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s} #sidgo-home.home-premium .fleet-video-controls button:hover{color:#233d51;background:#e9eef3a3} #sidgo-home.home-premium .fleet-video-controls button[aria-pressed]{color:#cd5a13;background:#fff0e4;box-shadow:inset 0 0 0 1px #f5caaa80} #sidgo-home.home-premium .fleet-video-controls button[aria-pressed]:hover{color:#b74b09;background:#ffe7d4} #sidgo-home.home-premium .fleet-video-controls button:last-of-type::before{content:'';position:absolute;left:-1px;top:12px;bottom:12px;width:1px;background:#d7dfe5} #sidgo-home.home-premium .fleet-video-controls button:focus-visible{outline:2px solid #ff6a13;outline-offset:2px} #sidgo-home.home-premium .fleet-video-controls svg{display:block;width:18px;height:18px;pointer-events:none} #sidgo-home.home-premium .fleet-video-controls>span{grid-column:1/-1;justify-self:center;width:240px;max-width:calc(100vw - 80px);margin-top:5px;text-align:center;font-size:9px;line-height:1.5;white-space:normal} @media(max-width:700px){#sidgo-home.home-premium .fleet-video-controls>span{font-size:8px}#sidgo-home.home-premium .fleet-showroom-ton{flex-wrap:wrap}#sidgo-home.home-premium .fleet-showroom-ton button{min-width:45px}#sidgo-home.home-premium .fleet-showroom-specs dd{font-size:clamp(16px,4.5vw,22px)}} /* Instant angle frames while dragging; MP4 decoding catches up only on release. */ #sidgo-home.home-premium .fleet-turntable-scrub{position:absolute;inset:0;margin:auto;background-repeat:no-repeat;transform:scale(var(--fleet-video-scale,1));pointer-events:none;z-index:1} #sidgo-home.home-premium .fleet-turntable-scrub[hidden]{display:none} /* Poster and decoded media occupy precisely the same box and scale. */ #sidgo-home.home-premium .fleet-turntable-video{width:100%;height:100%;max-width:none;max-height:none} #sidgo-home.home-premium .fleet-stage-vehicle img.is-turntable-poster{width:100%;height:100%;object-fit:contain;transform:scale(var(--fleet-video-scale,1));filter:none} /* Readable label above the footage, outside the vehicle silhouette. */ #sidgo-home.home-premium .fleet-stage-watermark{left:3%;top:auto;bottom:27%;z-index:3;font-size:clamp(26px,3.4vw,48px);letter-spacing:-.04em;color:#81909e;line-height:1;font-weight:760;text-shadow:0 1px 2px #fff;pointer-events:none} @media(max-width:700px){#sidgo-home.home-premium .fleet-stage-watermark{left:2%;top:auto;bottom:27%;font-size:28px}} #sidgo-home.home-premium .fleet-stage-vehicle:has(img.is-turntable-poster){position:absolute;inset:0;min-width:0;min-height:0;display:block} #sidgo-home.home-premium .fleet-stage-vehicle img.is-turntable-poster{position:absolute;inset:0;min-width:0;min-height:0;max-height:100%;margin:0} /* Static catalogue images fit the available stage without the retired player gap. */ #sidgo-home.home-premium [data-fleet-videos="paused"] .fleet-stage-vehicles{bottom:20%} /* Short landscape windows retain reachable controls and specs instead of clipping. */ @media(max-height:500px){ #sidgo-home.home-premium .home-main #chapter-vehicles{overflow-y:auto!important;overscroll-behavior:contain} #sidgo-home.home-premium #chapter-vehicles .fleet-showroom{height:auto!important;min-height:100%!important} #sidgo-home.home-premium #chapter-vehicles .fleet-showroom-body{flex:none!important} #sidgo-home.home-premium #chapter-vehicles .fleet-stage{height:clamp(150px,45dvh,230px)!important;flex:none!important} #sidgo-home.home-premium #chapter-vehicles .fleet-showroom-info{flex:none!important} } @media(max-width:1100px),(max-height:720px){ #sidgo-home.home-premium .fleet-showroom-body[data-fit-view="specs"] .fleet-showroom-info{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px!important} }