.equipment-explorer{--eq-gold:#d6bd83;--eq-ink:#101a14;background:var(--eq-ink);color:#eeeede;padding:80px 6% 45px;scroll-margin-top:88px}
.eq-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end;max-width:1500px;margin:0 auto 44px}
.eq-heading .eyebrow{color:var(--eq-gold);margin:0 0 20px}.eq-heading h2{font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:0}.eq-heading h2 em{font-style:normal;color:#a3ad99}.eq-heading>p{max-width:390px;font-size:.95rem;color:#b6beaf;line-height:1.8;margin:0 0 5px}
.eq-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:40px;max-width:1500px;margin:auto;align-items:stretch}
.eq-stage{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #3b4537;background:radial-gradient(ellipse at 48% 45%,#2b382b80,transparent 70%);border-radius:4px;overflow:hidden}
.eq-toolbar,.eq-stage-foot{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;font-size:.7rem;letter-spacing:.14em;color:#b1b9a3;gap:15px}.eq-toolbar>span{font-size:1rem;letter-spacing:.18em}.eq-toolbar i{font-style:normal;font-size:.6rem;margin-left:12px;color:#828e78}
.eq-angles{display:flex;border:1px solid #59634d;border-radius:99px;padding:3px;background:#172219;gap:2px;letter-spacing:0}.eq-angle{background:transparent;border:0;color:#b8c0ab;font:inherit;font-size:.7rem;padding:9px 13px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}.eq-angle:hover{color:#e7d6a6}.eq-angle[aria-pressed="true"]{color:#172219;background:#d6bd83}.eq-angle:focus-visible{outline:2px solid #f1dca9;outline-offset:3px}
.eq-stage{scroll-margin-top:92px}.eq-canvas{position:relative;width:100%;aspect-ratio:3/2;margin:auto}.eq-render{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s;pointer-events:none}.eq-render.is-current{opacity:1}.eq-solar-label{position:absolute;left:46%;top:43%;transform:translate(-50%,-50%);font-size:clamp(.55rem,1.2vw,.9rem);letter-spacing:.24em;color:#e6d2a2;border:1px solid #b79c6766;border-radius:3px;padding:10px 18px;background:#15221966;display:none}.equipment-explorer[data-view="top"] .eq-solar-label{display:block}.eq-legroom-label{position:absolute;left:34%;top:79%;transform:translateX(-50%);width:14%;color:#e9ce8b;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}.eq-legroom-label span{display:block;border-bottom:1px solid #d6bd83;font-size:1.3rem;line-height:.75}.eq-legroom-label b{display:block;font-size:.7rem;font-weight:500;margin-top:7px;white-space:nowrap}.equipment-explorer[data-view="left"][data-selected="chassis"] .eq-legroom-label{opacity:1}
.eq-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border:0;padding:6px;border-radius:50%;background:transparent;color:#eee8d1;cursor:pointer;display:grid;place-items:center}.eq-point span{display:grid;place-items:center;width:29px;height:29px;background:#16261deb;border:1px solid #aaa77e;border-radius:50%;font-family:inherit;font-size:.65rem;font-weight:500;line-height:1;box-shadow:0 2px 10px #0006;transition:transform .25s,background .25s,color .25s,box-shadow .25s}.eq-point:hover span,.eq-point[aria-pressed="true"] span{background:var(--eq-gold);color:#152116;transform:scale(1.12);box-shadow:0 0 0 6px #d6bd8318}.eq-point[aria-pressed="true"]{z-index:2}.eq-point:focus-visible,.eq-option:focus-visible,.eq-angle:focus-visible,.eq-pagination button:focus-visible{outline:2px solid #eed092;outline-offset:3px}
.eq-information{padding:22px 4px 4px;min-width:0;display:flex;flex-direction:column}.eq-kicker{margin:0 0 30px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--eq-gold)}.eq-metric{font-size:clamp(1.45rem,2.5vw,2.7rem);font-weight:400;color:var(--eq-gold);line-height:1.16;letter-spacing:-.04em;margin-bottom:25px;overflow-wrap:anywhere}.equipment-explorer[data-selected="chassis"] .eq-metric{font-size:clamp(3.5rem,6vw,6rem);line-height:1}
.eq-panel h3{font-size:clamp(1.4rem,2vw,2rem);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;max-width:440px}.eq-description{font-size:.9rem;line-height:1.85;color:#bac1b2;margin:0 0 25px;max-width:460px}.eq-tag{display:inline-block;border-bottom:1px solid #626a50;padding-bottom:9px;color:#d4d8c8;font-size:.7rem;letter-spacing:.05em}.eq-panel{margin-bottom:30px}.equipment-explorer.is-enhanced .eq-panels{min-height:360px}.equipment-explorer.is-enhanced .eq-panel{margin:0;animation:eq-enter .35s ease-out}.eq-panel[hidden]{display:none}.eq-pagination{display:none;align-items:center;gap:18px;margin-top:auto;padding-top:20px}.is-enhanced .eq-pagination{display:flex}.eq-pagination button{width:40px;height:40px;border:1px solid #68715b;border-radius:50%;background:transparent;color:#dadfcd;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.eq-pagination button:hover{background:var(--eq-gold);color:#122116}.eq-pagination output{font-size:.75rem;letter-spacing:.12em;color:#afb89f}.eq-cta{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding:17px 0 10px;border-top:1px solid #46523c;font-size:.85rem;color:#e6dab5}.eq-cta span{transition:transform .25s}.eq-cta:hover span{transform:translate(3px,-3px)}
.eq-options{max-width:1500px;margin:32px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 23px}.eq-option{background:transparent;color:#b8c0af;border:0;border-top:1px solid #43513b;text-align:left;padding:16px 0;display:flex;align-items:center;gap:12px;cursor:pointer;font:inherit;font-size:.8rem;min-height:58px}.eq-option small{font-size:.6rem;color:#929d83}.eq-option span{flex:1}.eq-option b{font-weight:400;opacity:0;transition:opacity .2s}.eq-option:hover,.eq-option[aria-pressed="true"]{color:#eed59c;border-color:#c5af7c}.eq-option[aria-pressed="true"] b,.eq-option:hover b{opacity:1}.eq-note{font-size:.7rem;line-height:1.6;color:#99a58c;max-width:1500px;margin:25px auto 0}
.eq-points,.eq-angles,.eq-options{display:none}.is-enhanced .eq-points{display:block}.is-enhanced .eq-angles{display:flex}.is-enhanced .eq-options{display:grid}.eq-point[hidden]{display:none}
.eq-standard{max-width:1500px;margin:0 auto 34px;display:flex;align-items:flex-start;gap:20px;border-top:1px solid #647050;border-bottom:1px solid #647050;padding:23px 0;color:#c5cdba}.eq-standard>span{border:1px solid #9fae7d;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none;color:#d6bd83}.eq-standard h3{font-size:1.1rem;font-weight:500;margin:0 0 8px;letter-spacing:-.02em;color:#e7ddba}.eq-standard p{font-size:.84rem;line-height:1.8;margin:0;max-width:1000px}.eq-status{display:inline-block;border:1px solid #617151;color:#c7d4b5;padding:7px 11px;border-radius:99px;font-size:.63rem;margin:-14px 0 22px;letter-spacing:.02em}.eq-status.is-choice{border-color:#9f8752;color:#e7cd91}.eq-information .eq-metric{margin-bottom:17px}.eq-information .eq-description{font-size:.83rem;line-height:1.75;margin-bottom:16px}.eq-kicker{margin-bottom:26px}.eq-facts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;font-size:.71rem;color:#d3d9c5}.eq-facts li{padding-top:9px;border-top:1px solid #43513b}.eq-facts li:before{content:'';display:inline-block;width:10px;height:10px;margin-right:10px;color:#d6bd83;background:currentColor;-webkit-mask:url('/assets/icons/up-right.svg') center/contain no-repeat;mask:url('/assets/icons/up-right.svg') center/contain no-repeat}.eq-media{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 20px}.eq-media-pair{grid-template-columns:1fr 1fr}.eq-photo{display:block;width:100%;padding:0;overflow:hidden;background:#1b281e;border:0;border-radius:3px;color:#e7ddba;text-align:left;cursor:pointer}.eq-photo img{display:block;width:100%;height:170px;object-fit:cover;object-position:center;transition:transform .45s}.eq-photo:hover img{transform:scale(1.04)}.eq-photo:focus-visible{outline:2px solid #eed092;outline-offset:4px}.eq-photo span{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:.65rem;gap:8px;line-height:1.4}.eq-photo b{font-weight:400}.equipment-explorer[data-selected="tyres"] .eq-photo img{height:210px;object-position:center 85%}.equipment-explorer[data-selected="tipper"] .eq-photo img{height:195px;object-position:center}.eq-layout{align-items:start}.eq-stage{position:sticky;top:108px;min-height:0}.eq-information{min-height:590px}.is-enhanced .eq-options{grid-template-columns:repeat(4,minmax(0,1fr))}
@keyframes eq-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.equipment-explorer.is-enhanced .eq-panels{min-height:400px}}
@media(max-width:1000px){.eq-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:25px}.eq-toolbar,.eq-stage-foot{padding:16px}.eq-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px}.eq-option{gap:7px;font-size:.72rem}.eq-heading{gap:5%}.eq-heading>p{font-size:.85rem}.eq-description{font-size:.85rem}}
@media(max-width:760px){.equipment-explorer{padding:50px 6% 35px;scroll-margin-top:76px}.eq-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.eq-heading h2{font-size:2.65rem}.eq-heading>p{font-size:.875rem;max-width:430px}.eq-layout{grid-template-columns:1fr;gap:25px}.eq-toolbar{padding:14px}.eq-stage-foot{font-size:.55rem;padding:12px 14px}.eq-toolbar>span{font-size:.8rem}.eq-toolbar i{font-size:.55rem}.eq-view{font-size:.65rem;padding:8px 10px}.eq-information{padding:0}.eq-kicker{margin-bottom:16px;font-size:.65rem}.eq-metric{font-size:1.8rem;margin-bottom:20px}.equipment-explorer[data-selected="chassis"] .eq-metric{font-size:3.4rem}.eq-panel h3{font-size:1.55rem}.eq-description{font-size:.875rem;line-height:1.75}.equipment-explorer.is-enhanced .eq-panels{min-height:315px}.eq-pagination{padding-top:10px}.eq-cta{margin-top:20px}.eq-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:26px}.eq-option{font-size:.8rem;min-height:56px}.eq-point{width:36px;height:36px;padding:3px}.eq-point span{width:23px;height:23px;font-size:.57rem}.eq-note{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.equipment-explorer *{animation:none!important;transition:none!important}}

@media(max-width:1000px) and (min-width:761px){.eq-toolbar{flex-wrap:wrap;gap:12px}.eq-angles{margin-left:auto}.eq-angle{font-size:.65rem;padding:8px 11px}}
@media(max-width:760px){.eq-toolbar{flex-wrap:wrap;gap:12px}.eq-toolbar i{margin-left:8px}.eq-angles{margin-left:auto}.eq-angle{font-size:.62rem;padding:9px 10px}.eq-canvas{width:100%;aspect-ratio:3/2}.eq-solar-label{padding:6px 8px;font-size:.5rem}.eq-legroom-label b{font-size:.55rem}.eq-legroom-label span{font-size:1rem}}
@media(max-width:760px){.eq-stage{position:relative;top:auto}.eq-information{min-height:0}.is-enhanced .eq-options{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-standard{gap:14px;padding:20px 0;margin-bottom:25px}.eq-standard h3{font-size:1rem}.eq-standard p{font-size:.8rem}.eq-information .eq-description{font-size:.85rem}.eq-photo img{height:180px}.equipment-explorer[data-selected="tyres"] .eq-photo img{height:205px}.eq-status{margin:-5px 0 18px}.eq-facts{font-size:.76rem}.eq-photo span{font-size:.66rem}.equipment-explorer.is-enhanced .eq-panels{min-height:0}}

/* Each detail has a source crop; the original remains available in the enlargement. */
.eq-photo-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--frame-ratio)}
.equipment-explorer .eq-photo .eq-photo-frame img{position:absolute;max-width:none;width:var(--image-width);height:var(--image-height);left:var(--image-left);top:var(--image-top);object-fit:fill;object-position:initial}