.hwr2 .film-visualizer-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;margin:24px 0;background:#141414;border:1px solid #393939;border-radius:10px}.hwr2 .film-visualizer-tabs button{flex:1;padding:17px 24px;background:transparent;color:#ddd;border:1px solid transparent;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}.hwr2 .film-visualizer-tabs button[aria-selected=true]{background:#ed001e;color:#fff;box-shadow:0 6px 22px #ed001e30}.hwr2 .film-visualizer-tabs button:hover{border-color:#ed001e;background:#252525}.hwr2 .film-visualizer-tabs button:focus-visible,.hwr2 .vehicle-visualizer :is(button,a,input,select):focus-visible{outline:2px solid #ed001e;outline-offset:4px}.hwr2 .film-mode[hidden]{display:none!important}.hwr2 .vehicle-visualizer{margin:32px auto;background:#101010;border:1px solid #393939;border-top:3px solid #ed001e;border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #0005;color:#fff;max-width:1280px;text-align:left}.hwr2 .vv-heading{padding:26px 28px 16px;display:flex;gap:20px;justify-content:space-between;align-items:center}.hwr2 .vv-heading p{margin:0 0 8px;color:#ed001e;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hwr2 .vv-heading h2{font:inherit;font-weight:750;font-size:clamp(22px,2.8vw,32px);letter-spacing:-.03em;margin:0;line-height:1.2}.hwr2 .vv-controls{padding:0 28px 20px;display:flex;gap:18px;flex-wrap:wrap}.hwr2 .vv-controls label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px;font-size:12px;font-weight:700;color:#bbb}.hwr2 .vv-controls select{appearance:auto;width:100%;font:inherit;font-size:15px;color:#fff;background:#1b1b1b;border:1px solid #555;border-radius:5px;padding:12px;min-height:46px}.hwr2 .vv-choices{display:flex;gap:8px;flex-wrap:wrap;padding:0 28px 16px}.hwr2 .vv-choices button,.hwr2 .vv-mode-buttons button{font:inherit;font-size:13px;font-weight:700;min-height:43px;padding:10px 17px;border:1px solid #545454;border-radius:5px;background:#1b1b1b;color:#eee;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}.hwr2 .vv-choices button:hover,.hwr2 .vv-mode-buttons button:hover{background:#2c2c2c;box-shadow:0 6px 14px #0006;transform:translateY(-2px)}.hwr2 .vv-choices button[aria-pressed=true],.hwr2 .vv-mode-buttons button[aria-pressed=true]{background:#ed001e;border-color:#ed001e;color:#fff;box-shadow:0 4px 16px #ed001e26}.hwr2 .vv-stage{position:relative;width:100%;margin:0 auto;background:#080808;overflow:hidden;aspect-ratio:16/9;max-height:600px}.hwr2 .vv-stage svg,.hwr2 .vv-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.hwr2 .vv-stage svg{pointer-events:none}.hwr2 .vv-stage .vv-after{clip-path:inset(0 0 0 var(--vv-split,0%))}.hwr2 .vv-labels{display:flex;justify-content:space-between;gap:12px;padding:12px 28px;background:#181818;font-size:12px;color:#ddd}.hwr2 .vv-labels strong{color:#fff}.hwr2 .vv-toolbar{padding:18px 28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hwr2 .vv-mode-buttons{display:flex;gap:8px}.hwr2 .vv-slider{display:flex;flex:1;min-width:170px;align-items:center;gap:14px;font-size:12px;color:#ccc}.hwr2 .vv-slider input{flex:1;accent-color:#ed001e;min-width:80px;cursor:ew-resize}.hwr2 .vv-slider[hidden]{display:none}.hwr2 .vv-foot{padding:0 28px 24px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:start}.hwr2 .vv-note{font-size:12px;line-height:1.6;color:#aaa;margin:0}.hwr2 .vv-link{font-weight:750;color:#fff;text-decoration:none;border-bottom:1px solid #ed001e;padding-bottom:4px;white-space:nowrap;font-size:13px}.hwr2 .vv-link:hover{color:#ed001e}.hwr2 .vv-readout{padding:0 28px 14px;margin:0;font-size:13px;color:#ddd;min-height:20px}.hwr2 .vehicle-visualizer .vv-status-error{padding:20px;color:#fff}.hwr2 .consumer-visualizer .visualizer-intro h1{font-size:clamp(38px,5vw,70px)}.hwr2 .consumer-visualizer .visualizer-intro p{max-width:720px}.hwr2 .vv-stage.ppf-stage{aspect-ratio:3/2}.hwr2 .vv-heading a{flex-shrink:0}.hwr2 .vehicle-visualizer[hidden]{display:none}.hwr2 .vehicle-visualizer img{border:0;border-radius:0}.hwr2 .vehicle-visualizer button,.hwr2 .film-visualizer-tabs button{font-family:inherit}.hwr2 .film-mode{scroll-margin-top:170px}
@media(max-width:640px){.hwr2 .vv-heading{padding:20px 16px 14px;display:block}.hwr2 .vv-heading a{display:inline-block;margin-top:14px}.hwr2 .vv-controls,.hwr2 .vv-choices{padding-left:16px;padding-right:16px}.hwr2 .vv-controls{gap:12px}.hwr2 .vv-controls label{min-width:140px}.hwr2 .vv-choices{gap:6px}.hwr2 .vv-choices button{padding:9px 12px}.hwr2 .vv-foot{grid-template-columns:1fr;padding:0 16px 20px}.hwr2 .vv-toolbar{padding:14px 16px;gap:12px}.hwr2 .vv-labels{padding:12px 16px}.hwr2 .vv-readout{padding-left:16px;padding-right:16px}.hwr2 .film-visualizer-tabs button{padding:14px 10px;font-size:13px}.hwr2 .vv-stage{min-height:0}.hwr2 .vv-slider{width:100%}.hwr2 .vehicle-visualizer{margin:24px auto}.hwr2 .vv-stage.ppf-stage{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.hwr2 .vehicle-visualizer button{transition:none}.hwr2 .vehicle-visualizer button:hover{transform:none}}
@media(min-width:960px){.hwr2 .vehicle-visualizer{display:grid;grid-template-columns:280px minmax(0,1fr)}.hwr2 .vehicle-visualizer>.vv-heading{grid-column:1/-1}.hwr2 .vehicle-visualizer>.vv-controls{grid-column:1;grid-row:2;align-content:start;display:block}.hwr2 .vehicle-visualizer>.vv-controls label{margin-bottom:16px;min-width:0}.hwr2 .vehicle-visualizer>.vv-choices{grid-column:1;grid-row:3;align-content:start;align-self:start}.hwr2 .vehicle-visualizer>.vv-readout{grid-column:1;grid-row:4;align-self:start}.hwr2 .vehicle-visualizer>.vv-stage{grid-column:2;grid-row:2/6;align-self:center;max-height:460px}.hwr2 .vehicle-visualizer>.vv-labels{grid-column:2;grid-row:6}.hwr2 .vehicle-visualizer>.vv-toolbar{grid-column:1/-1}.hwr2 .vehicle-visualizer>.vv-foot{grid-column:1/-1}}
.hwr2 .vv-heading h2{text-transform:none}
@media(max-width:640px){.hwr2 .vv-controls label{flex-basis:100%;min-width:0}}

/* Clear, visible consumer tint comparison; original vehicle artwork retained. */
.hwr2 .vv-glass-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 28px;background:#e9edf0;color:#17202a}.hwr2 .vv-glass-compare[hidden]{display:none!important}.hwr2 .vv-glass-sample{margin:0;min-width:0}.hwr2 .vv-glass-pane{height:84px;position:relative;overflow:hidden;border:2px solid #aab5bc;border-radius:7px;background:linear-gradient(166deg,transparent 48%,#778a76 49%,#778a76 66%,#b7b6ac 67%),linear-gradient(#d8edf9 0 63%,#a2b69c 64%)}.hwr2 .vv-glass-pane>span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;letter-spacing:.12em;font-weight:800;color:#263947}.hwr2 .vv-glass-sample.selected .vv-glass-pane:after{content:'';position:absolute;inset:0;background:rgb(5 10 16 / var(--vv-film-opacity,.7));transition:background .15s}.hwr2 .vv-glass-sample figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:11px}.hwr2 .vv-glass-sample figcaption strong{font-size:16px;color:#111}.hwr2 .is-auto-visualizer[data-compare=true] .vv-stage:after{content:'';position:absolute;left:var(--vv-split);top:0;bottom:0;width:2px;background:#ed001e;box-shadow:0 0 0 1px #fff8;pointer-events:none}.hwr2 .is-auto-visualizer .vv-readout{font-weight:650;color:#fff}.hwr2 .is-auto-visualizer .vv-labels{background:#f0f2f4;color:#222}.hwr2 .is-auto-visualizer .vv-labels strong{color:#111}.hwr2 .is-auto-visualizer .vv-choices button{min-width:62px}.hwr2 .is-auto-visualizer .vv-choices button[aria-pressed=true]{outline:2px solid #ed001e;outline-offset:2px}
@media(min-width:960px){.hwr2 .is-auto-visualizer>.vv-glass-compare{grid-column:2;grid-row:6}.hwr2 .is-auto-visualizer>.vv-labels{grid-row:7}.hwr2 .is-auto-visualizer>.vv-toolbar{grid-row:8}.hwr2 .is-auto-visualizer>.vv-foot{grid-row:9}}@media(max-width:640px){.hwr2 .vv-glass-compare{padding:14px 16px;gap:10px}.hwr2 .vv-glass-pane{height:72px}.hwr2 .vv-glass-sample figcaption{display:block}.hwr2 .vv-glass-sample figcaption strong{display:block;margin-top:4px}}

.hwr2 .is-auto-visualizer[data-compare=true] .vv-stage:after{display:none}