:root{--fleet-paper:#f7f4ed;--fleet-ink:#183e34;--fleet-line:rgba(24,62,52,.17)}
.brand-logo{mix-blend-mode:normal}
.room-showcase{position:relative;min-height:740px;height:90svh;max-height:1100px;overflow:hidden;background:#23342d;color:#fff;isolation:isolate}
.room-showcase video,.showcase-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase-shade{background:linear-gradient(90deg,rgba(6,21,18,.7),rgba(6,21,18,.08) 80%),linear-gradient(0deg,rgba(6,21,18,.82),transparent 42%);z-index:1}
.showcase-copy{position:relative;z-index:2;max-width:850px;padding:clamp(90px,15vh,180px) 7% 140px}
.showcase-copy h2{color:white;font-size:clamp(48px,6.2vw,96px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.showcase-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:400px;margin-bottom:30px;color:#f7f4ed}
.showcase-copy .eyebrow{color:#cce8da}
.showcase-foot{position:absolute;z-index:2;bottom:32px;left:7%;right:7%;display:flex;align-items:end;gap:32px;justify-content:space-between}
.showcase-foot>span{max-width:600px;font-size:11px;line-height:1.6;color:#e0e7e1}
.showcase-foot button{flex-shrink:0;min-height:44px;padding:12px 20px;border:1px solid #ffffff60;border-radius:30px;background:#ffffff16;color:#fff;backdrop-filter:blur(20px)}
.showcase-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:3;background:#ffffff22}
.showcase-progress span{display:block;height:100%;background:#cae6bc;transform:scaleX(0);transform-origin:left}
.fleet{background:radial-gradient(ellipse at 80% 10%,#ddede6,transparent 60%),var(--fleet-paper)}
.fleet .section-heading{align-items:end}
.fleet .section-heading h2{max-width:750px}
.fleet-categories{display:flex;padding:5px;background:#ffffff88;border:1px solid var(--fleet-line);border-radius:40px;backdrop-filter:blur(20px);gap:3px}
.fleet button{font:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fleet button:focus-visible,.showcase-foot button:focus-visible{outline:3px solid #bc8744;outline-offset:4px}
.fleet-categories button{border:0;border-radius:32px;padding:12px 23px;background:transparent;color:var(--fleet-ink);white-space:nowrap;min-height:46px}
.fleet-categories button[aria-pressed=true]{background:var(--fleet-ink);color:#fff}
.fleet-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);border:1px solid var(--fleet-line);border-radius:28px;overflow:hidden;background:#ffffff66;box-shadow:0 24px 80px #193f3410}
.fleet-stage{position:relative;min-height:470px;background:#f7f4ee;display:flex;align-items:center;isolation:isolate;overflow:hidden}
.fleet-stage img{width:100%;height:100%;max-height:570px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .25s,transform .45s;position:relative;z-index:1}
.fleet-stage img.changing{opacity:.3;transform:scale(.97)}
.fleet-stage [hidden]{display:none}
.fleet-watermark{position:absolute;top:20px;left:24px;font-size:clamp(50px,7vw,110px);font-weight:700;letter-spacing:-.06em;color:#183e3409;z-index:0}
.fleet-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:20px 28px;display:flex;gap:15px;justify-content:space-between;background:linear-gradient(transparent,#f7f4eef5);color:var(--fleet-ink);font-size:13px}
.fleet-caption span:first-child{font-weight:600}
.fleet-pending{margin:auto;text-align:center}
.fleet-controls{padding:38px;align-self:center;min-width:0}
.fleet-controls .eyebrow{font-size:10px;margin:0 0 16px}
.fleet-models{display:grid;gap:8px;margin-bottom:30px}
.fleet-models button{text-align:left;padding:16px 18px;border-radius:12px;background:#ffffff70;border:1px solid var(--fleet-line);color:var(--fleet-ink);min-height:52px}
.fleet-models button[aria-pressed=true]{background:#e0ece3;border-color:var(--fleet-ink);font-weight:600;box-shadow:inset 3px 0 var(--fleet-ink)}
.fleet-colors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.fleet-colors button{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:44px;border-radius:30px;border:1px solid var(--fleet-line);background:#fff9;color:var(--fleet-ink);font-size:12px}
.fleet-colors button[aria-pressed=true]{border-color:var(--fleet-ink);box-shadow:0 0 0 1px var(--fleet-ink)}
.fleet-colors i{width:18px;height:18px;border-radius:50%;border:1px solid #0002}
.fleet-enquire{width:100%;justify-content:center;text-align:center}
.fleet-note{font-size:11px;line-height:1.7;margin:18px 0 0;color:#566760}
.service-photo-1{background-image:url('/assets/fleet/vios-silver.webp')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat;background-color:#f7f4ee}
.service-photo-2{background-image:url('/assets/fleet/pcx-white.webp')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat;background-color:#f7f4ee}
@media(max-width:760px){
 .room-showcase{height:82svh;min-height:610px;max-height:850px}
 .showcase-copy{padding:90px 7% 175px}
 .showcase-copy h2{font-size:52px}
 .showcase-foot{flex-direction:column;align-items:start;gap:16px;bottom:95px}
 .showcase-foot>span{font-size:10px;max-width:95%}
 .fleet .section-heading{display:block}
 .fleet-categories{width:max-content;max-width:100%;margin-top:24px}
 .fleet-shell{grid-template-columns:1fr;border-radius:20px}
 .fleet-stage{min-height:270px;aspect-ratio:1.3}
 .fleet-stage img{height:100%;padding-bottom:20px}
 .fleet-controls{padding:25px}
 .fleet-caption{padding:16px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.fleet button,.fleet-stage img{transition:none}}
html[data-motion=off] .fleet button,html[data-motion=off] .fleet-stage img{transition:none}
.fleet-phone-holder{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px 14px;border:1px solid #c8dfd7;border-radius:14px;background:#edf7f2;color:#183e34;font-size:.875rem;line-height:1.5}.fleet-phone-holder svg{flex-shrink:0}