.tint-section{padding:70px 0 0;background:#111314;color:#f5f4ef;scroll-margin-top:100px}.tint-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.tint-intro h2{font-size:clamp(52px,5vw,78px);margin:0;line-height:1}.tint-intro>p{font-size:15px;line-height:1.7;color:#b9bdc2;margin:0 0 3px}.tint-studio{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,1fr);border:1px solid #35393d}.tint-visual{min-width:0;background:radial-gradient(ellipse at 45% 38%,#3a4149 0,#23282e 44%,#191d21 85%);display:flex;flex-direction:column;position:relative;overflow:hidden}.tint-hud{display:flex;justify-content:space-between;padding:22px 24px;font-size:9px;letter-spacing:1.2px;color:#b9bdc2;gap:10px;z-index:1}.tint-hud i{display:inline-block;width:6px;height:6px;background:#d83931;border-radius:50%;margin-right:6px}.tint-canvas-wrap{position:relative;width:100%;height:450px;flex:1;min-height:350px}.tint-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;position:absolute;inset:0;z-index:1}.tint-canvas-wrap canvas:active{cursor:grabbing}.tint-canvas-wrap canvas:focus-visible{outline:2px solid #e64a40;outline-offset:-3px}.tint-watermark{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(46px,6vw,90px);color:#ffffff06;pointer-events:none;letter-spacing:6px}.tint-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;color:#c8cbd0;font-size:14px;z-index:2;background:#23282e}.tint-loading[hidden]{display:none}.tint-load-icon{font-size:34px;color:#dc3e35}.tint-loading button{background:#ce3028;padding:10px 18px;border:0;color:white;font:inherit;cursor:pointer}.tint-viewbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 22px 20px}.tint-viewbar p{font-size:11px;color:#aeb4bb;margin:0}.tint-viewbar p span{display:block;font-size:9px;margin-top:4px}.tint-viewbar>div{display:flex;gap:4px}.tint-viewbar button,.tint-compare{background:#ffffff08;border:1px solid #59616b;color:#e1e4e8;cursor:pointer;font:inherit;font-size:11px;padding:10px 13px}.tint-viewbar button[aria-pressed=true]{background:#f3f2ed;color:#16191b;border-color:#f3f2ed}.tint-vehicle-tools{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:20px 24px;border-top:1px solid #ffffff12;background:#11151955}.tint-vehicle-tools label,.tint-paint>span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#b9bdc2;margin-bottom:8px}.tint-vehicle-tools select{border:0;border-bottom:1px solid #737b82;border-radius:0;background:#252a30;color:#f3f2ed;padding:9px 22px 9px 7px;font:inherit;font-size:12px;max-width:100%}.tint-paint>div{display:flex;gap:8px}.tint-paint button{width:24px;height:24px;border:2px solid #b1b5b955;box-shadow:0 0 0 2px transparent;background:var(--paint);border-radius:50%;cursor:pointer}.tint-paint button[aria-pressed=true]{box-shadow:0 0 0 2px #e64a40;border-color:#272b31}.tint-compare{margin-left:auto;align-self:flex-end;font-size:10px}.tint-compare[aria-pressed=true]{border-color:#e64a40;color:#fff;background:#6c211e}.tint-visual-note{color:#b5bbc2;font-size:10px;line-height:1.65;padding:16px 24px;margin:0}.tint-controls{background:#f0eee7;color:#191b1e;padding:30px;min-width:0}.tint-controls fieldset{border:0;margin:0;padding:0}.tint-controls legend{font-weight:700;font-size:15px;margin-bottom:14px;padding:0}.tint-controls legend b{font-size:10px;margin-right:12px;color:#be2a25}.tint-coverage>label{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #c7c8c6;padding:13px 12px;cursor:pointer;margin-bottom:8px;background:#ffffff38}.tint-coverage input{accent-color:#c92d26;width:16px;height:16px;flex-shrink:0}.tint-coverage label:has(input:checked){border-color:#bd2b25;box-shadow:inset 3px 0 #bd2b25;background:#fff}.tint-coverage strong{display:block;font-size:12px;line-height:1.5}.tint-coverage small{display:block;font-size:10px;color:#5c6265;line-height:1.5;margin-top:2px}.tint-controls .tint-shades{margin-top:26px}.tint-shades>p{font-size:11px;line-height:1.6;margin:0 0 13px;color:#5b6164}.tint-shade-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.tint-shade-grid label{position:relative;cursor:pointer;min-width:0}.tint-shade-grid input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.tint-shade-grid span{display:block;border:1px solid #aeb2b4;font-weight:700;font-size:13px;padding:11px 0;text-align:center;color:#fff;background:#5a626a}.tint-shade-grid label:nth-child(1) span{background:#a9b2b8;color:#1e272c}.tint-shade-grid label:nth-child(2) span{background:#7d8993}.tint-shade-grid label:nth-child(4) span{background:#343c43}.tint-shade-grid label:nth-child(5) span{background:#242b31}.tint-shade-grid label:nth-child(6) span{background:#11171c}.tint-shade-grid small{display:block;font-size:8px;font-weight:400;margin-top:6px}.tint-shade-grid input:checked+span{outline:2px solid #c92d26;outline-offset:1px}.tint-shade-grid input:focus-visible+span{outline:3px solid #164d8c;outline-offset:2px}.tint-windshield{margin-top:20px;padding-top:18px;border-top:1px solid #c7c8c6}.tint-windshield label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.tint-windshield select{width:100%;border:1px solid #aeb2b4;border-radius:0;padding:10px;background:white;color:#1a1c1e;font:inherit;font-size:12px}.tint-windshield small{display:block;color:#555f65;font-size:10px;margin-top:6px}.tint-fit-note{font-size:10px;line-height:1.7;color:#5b6164;margin:16px 0}.tint-law-note{padding:10px 12px;border-left:3px solid #bd2b25;background:#e6ded2;color:#573526;font-size:10px;line-height:1.65}.tint-law-note a{color:inherit;text-decoration:underline}.tint-selection{border-top:1px solid #c1c4c5;padding:18px 0 14px}.tint-selection>small{font-size:8px;letter-spacing:1.5px;color:#5b6164}.tint-selection>strong{display:block;font-size:12px;line-height:1.7;margin-top:5px}.tint-selection>span{display:block;font-size:10px;color:#a12a23;margin-top:3px}.tint-quote{width:100%;justify-content:space-between;font-size:10px;padding:16px 17px}.tint-quote-note{font-size:9px;text-align:center;color:#5b6164;margin:10px 0 0}.tint-explainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:55px 0 65px}.tint-explainer h3{font-size:38px;line-height:1.05;margin:0}.tint-explainer h4{font-size:15px;margin:0 0 12px}.tint-explainer p:not(.eyebrow){font-size:12px;line-height:1.85;color:#bec2c6;margin:0}.tint-explainer a{text-decoration:underline;display:inline-block;margin-top:7px}.tint-service-hero{padding:52px 0}.tint-service-hero .wrap{max-width:1200px}.tint-service-hero h1{font-size:clamp(56px,6.5vw,88px)}.tint-service-hero p:not(.eyebrow){max-width:550px}.tint-noscript{padding:25px;background:#2c3035}.tint-noscript a{text-decoration:underline}@media(max-width:1000px){.tint-studio{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.tint-controls{padding:24px 20px}.tint-vehicle-tools{gap:14px}.tint-compare{margin-left:0}.tint-viewbar{padding-left:16px;padding-right:16px}.tint-hud{padding:18px 16px;font-size:8px}.tint-explainer{gap:24px}}@media(max-width:760px){.tint-section{padding-top:38px;scroll-margin-top:80px}.tint-intro{display:block;margin-bottom:22px}.tint-intro>p{font-size:12px;margin-top:16px}.tint-studio{grid-template-columns:1fr}.tint-canvas-wrap{height:310px;min-height:270px;flex:none}.tint-controls{padding:25px 20px}.tint-hud{padding:16px;font-size:8px}.tint-viewbar p span{display:none}.tint-vehicle-tools{padding:17px 16px;gap:16px}.tint-vehicle-tools select{font-size:11px}.tint-compare{margin-left:auto;font-size:9px;max-width:125px}.tint-visual-note{padding:12px 16px;font-size:9px}.tint-explainer{grid-template-columns:1fr;gap:26px;padding:38px 0 45px}.tint-explainer h3{font-size:36px}.tint-explainer p:not(.eyebrow){font-size:12px}.tint-service-hero{padding:35px 0}.tint-shade-grid{gap:7px}.tint-shade-grid span{padding:13px 0}.tint-shade-grid small{font-size:9px}.tint-fit-note,.tint-law-note{font-size:11px}.tint-coverage strong{font-size:13px}.tint-coverage small{font-size:11px}.tint-selection>strong{font-size:13px}.tint-viewbar button{padding:10px 12px}.tint-quote{font-size:11px;min-height:48px}}@media(max-width:380px){.tint-compare{margin-left:0;max-width:none}.tint-hud{letter-spacing:.7px}.tint-viewbar{gap:4px}.tint-viewbar p{font-size:10px}}
.tint-scene{display:flex;flex-direction:column;flex:1;min-height:0}@media(max-width:760px){.tint-visual{display:contents}.tint-scene{position:sticky;top:70px;z-index:10;flex:none;background:radial-gradient(ellipse at 45% 38%,#3a4149,#23282e 65%,#191d21);border-bottom:1px solid #474d54}.tint-canvas-wrap{height:215px;min-height:215px}.tint-hud{padding:12px 15px}.tint-viewbar{padding:7px 15px 10px}.tint-viewbar button{padding:8px 12px}.tint-vehicle-tools,.tint-visual-note{background:#1c2126}.tint-visual-note{padding-bottom:17px}.tint-controls{position:relative;z-index:1}}
.tint-watermark{display:none}.tint-model-caption>span{display:block;font-size:8px;letter-spacing:1.2px;color:#b9bdc2;margin-bottom:7px}.tint-model-caption strong{font-size:12px;font-weight:500}.tint-credit{font-size:8px;color:#909ba5}.tint-credit a{text-decoration:underline}.tint-canvas-wrap{background:#282d32}.tint-hud{background:#242a2e}.tint-viewbar{background:#20262a}
@media(min-width:1001px){.tint-studio{grid-template-columns:minmax(0,1.9fr) minmax(315px,.9fr)}.tint-controls{padding:27px 24px}}
.tint-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tint-canvas-wrap canvas{opacity:0}.tint-is-ready canvas{opacity:1}.tint-loading{background:linear-gradient(0deg,#111a21e0,transparent 60%);justify-content:flex-end;padding-bottom:20px;pointer-events:none}.tint-loading .tint-load-icon{display:none}.tint-loading button{pointer-events:auto}
.tint-expanded{position:fixed!important;inset:0!important;z-index:1000!important;width:100%!important;height:100dvh!important;margin:0!important;border:0!important;grid-template-columns:minmax(0,2.4fr) minmax(310px,1fr)!important;overflow:hidden;background:#20262a}.tint-expanded .tint-visual{height:100%;overflow:hidden}.tint-expanded .tint-controls{overflow-y:auto;height:100%;overscroll-behavior:contain}.tint-expanded .tint-canvas-wrap{min-height:0;flex:1}.tint-expanded .tint-scene{min-height:0}.tint-expanded .tint-visual-note{padding:8px 20px}.tint-expanded .tint-vehicle-tools{padding:13px 20px}#tint-expand{border-color:#9aa2a9;white-space:nowrap}@media(max-width:760px){.tint-viewbar{padding-left:11px;padding-right:11px}.tint-viewbar>div{gap:3px}.tint-viewbar button{font-size:10px;padding:9px}.tint-viewbar p{font-size:9px}.tint-expanded{display:flex!important;flex-direction:column;gap:0}.tint-expanded .tint-visual{display:contents}.tint-expanded .tint-scene{position:relative;top:auto;flex:none;height:54dvh;min-height:260px}.tint-expanded .tint-canvas-wrap{height:auto;min-height:0;flex:1}.tint-expanded .tint-vehicle-tools,.tint-expanded .tint-visual-note{display:none}.tint-expanded .tint-controls{flex:1;height:auto;min-height:0;padding:20px}}
/* Immersive showroom: the vehicle occupies the frame; controls sit below it. */
.tint-section{padding-top:0;background:#090b0d}.tint-section>.wrap{width:100%;max-width:none;padding:0}.tint-intro{display:none}.tint-studio{display:block;position:relative;border:0;background:#101316}.tint-visual{display:block;overflow:hidden;background:#12171a}.tint-scene{position:relative;display:block;width:100%;height:min(56.25vw,82dvh);min-height:420px;flex:none;top:auto}.tint-canvas-wrap{position:absolute;inset:0;width:100%;height:100%;min-height:0;flex:none}.tint-hud{position:absolute;inset:0 0 auto;z-index:4;background:linear-gradient(#10151be6,transparent);padding:25px 35px;font-size:10px;letter-spacing:1.5px;pointer-events:none}.tint-viewbar{position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(transparent,#0a1015e6);padding:34px 35px 22px}.tint-viewbar button,.tint-compare{background:#10171c9c;border-color:#657078;border-radius:3px}.tint-viewbar p{color:#d5dadd}.tint-live-badge{position:absolute;top:80px;left:35px;z-index:3;color:#fff;background:#10171ccd;border:1px solid #ffffff24;padding:13px 17px;backdrop-filter:blur(8px);pointer-events:none}.tint-live-badge strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;line-height:1}.tint-live-badge span{display:block;font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#c2cbd2;margin-top:6px}.tint-cinema-caption{position:absolute;left:35px;bottom:92px;z-index:3;pointer-events:none;text-shadow:0 2px 16px #0009}.tint-cinema-caption>span{font-size:9px;color:#d3d8dc;letter-spacing:2px}.tint-cinema-caption strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,5vw,74px);font-weight:800;line-height:1.08;color:#fff;margin-top:10px}.tint-vehicle-tools{position:relative;padding:18px 35px;gap:25px;background:#101316;border-color:#ffffff16}.tint-model-caption strong{font-size:12px}.tint-model-caption>span{display:none}.tint-paint{display:flex;align-items:center;gap:10px}.tint-paint>span{margin:0}.tint-compare{align-self:center}.tint-visual-note{padding:0 35px 18px;background:#101316;color:#8b989f}.tint-controls{position:relative;display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(280px,1fr) minmax(240px,.8fr);gap:20px 30px;background:#101316;color:#f4f4f1;border-top:1px solid #ffffff19;padding:32px 35px}.tint-controls legend{font-size:13px;letter-spacing:.3px}.tint-controls legend b{color:#e74b42}.tint-coverage{grid-column:1;grid-row:1/4}.tint-coverage>label{background:#1a2024;border-color:#424c53;padding:11px 12px}.tint-coverage label:has(input:checked){background:#273039;border-color:#df4a40}.tint-coverage small{color:#aebbc3}.tint-controls .tint-shades{grid-column:2;grid-row:1;margin-top:0}.tint-shades>p,.tint-fit-note,.tint-quote-note{color:#aebbc3}.tint-windshield{grid-column:2;grid-row:2/4;margin-top:0;padding-top:12px;border-color:#38434a}.tint-windshield select{background:#202a31;color:#f3f5f7;border-color:#5a6873}.tint-windshield small{color:#acb8c1}.tint-selection{grid-column:3;grid-row:1;border:0;padding:0}.tint-selection>small{color:#adb9c0}.tint-selection>strong{font-size:14px;margin-top:12px}.tint-quote{grid-column:3;grid-row:2;align-self:start}.tint-quote-note{grid-column:3;grid-row:3;text-align:left;margin:0}.tint-fit-note{grid-column:1/-1;grid-row:4;margin:0;font-size:10px}.tint-law-note{grid-column:1/-1;grid-row:5;background:#332923;color:#ded0c3;margin:0}.tint-explainer{max-width:1200px;margin:auto;padding:50px 35px}.tint-expanded{display:flex!important;flex-direction:column!important;overflow:auto!important;background:#101316!important}.tint-expanded .tint-visual{height:auto;overflow:visible;flex:none}.tint-expanded .tint-scene{height:72dvh;min-height:400px}.tint-expanded .tint-controls{height:auto;overflow:visible;flex:none}.tint-expanded .tint-visual-note{display:none}.tint-expanded .tint-vehicle-tools{padding:13px 35px}.tint-expanded .tint-canvas-wrap{position:absolute;inset:0;height:100%}.tint-loading{z-index:5}.tint-poster{object-position:center}.tint-credit{font-size:8px}
@media(max-width:900px){.tint-controls{grid-template-columns:1fr 1fr}.tint-coverage{grid-column:1;grid-row:1/4}.tint-shades{grid-column:2!important;grid-row:1!important}.tint-selection{grid-column:2;grid-row:2}.tint-quote{grid-column:2;grid-row:3}.tint-quote-note{grid-column:2;grid-row:4}.tint-windshield{grid-column:1/-1;grid-row:5}.tint-fit-note{grid-row:6}.tint-law-note{grid-row:7}}
@media(max-width:600px){.tint-scene{height:64dvh;min-height:360px;max-height:560px;position:relative;top:auto}.tint-hud{padding:17px 18px;font-size:8px;letter-spacing:.8px}.tint-live-badge{top:58px;left:18px;padding:9px 12px}.tint-live-badge strong{font-size:30px}.tint-live-badge span{font-size:7px}.tint-cinema-caption{left:18px;bottom:90px}.tint-cinema-caption strong{font-size:38px}.tint-cinema-caption>span{font-size:7px}.tint-viewbar{padding:30px 18px 17px;gap:8px}.tint-viewbar p{font-size:9px;max-width:90px}.tint-viewbar button{padding:10px 9px;font-size:10px}.tint-vehicle-tools{padding:15px 18px;gap:15px}.tint-model-caption strong{font-size:10px}.tint-paint>span{display:none}.tint-compare{font-size:9px;margin-left:auto;max-width:none}.tint-visual-note{padding:0 18px 16px;font-size:8px}.tint-controls{display:block;padding:25px 18px}.tint-controls .tint-shades{margin-top:25px}.tint-selection{border-top:1px solid #38434a;margin-top:20px;padding:18px 0}.tint-quote{display:flex;margin-top:0}.tint-quote-note{margin-top:10px}.tint-fit-note{margin:20px 0 0}.tint-law-note{margin-top:14px}.tint-windshield{margin:20px 0}.tint-expanded .tint-scene{height:72dvh;min-height:360px}.tint-expanded .tint-visual{display:block}.tint-expanded .tint-vehicle-tools{display:flex;padding:14px 18px}.tint-expanded .tint-controls{flex:none;overflow:visible;padding:25px 18px}.tint-expanded .tint-visual-note{display:none}.tint-explainer{padding:36px 18px}}

/* Dedicated tint intake and a quieter cinematic caption. */
.tint-intake-section[hidden]{display:none}.tint-intake-section{scroll-margin-top:90px;background:#ebe9e1;color:#171c1b;padding:75px 0}.tint-intake-section .intake-copy h2{font-size:clamp(48px,5vw,76px)}.tint-intake-section .edit-link{display:inline-block;margin:0 0 20px}.tint-intake-section .summary-box{margin-bottom:12px}.tint-cinema-caption strong{font-size:clamp(36px,4.5vw,64px)}
@media(max-width:600px){.tint-intake-section{padding:42px 0;scroll-margin-top:75px}.tint-cinema-caption strong{font-size:34px}}

.tint-intake-section .intake-copy>p:not(.eyebrow),.tint-intake-section .intake-assurance{color:#4b554f}.tint-intake-section .intake-form h3:focus{outline:none}.tint-intake-section .form-intro{color:#525b55}

/* Vehicle examples share the same showroom and tint controls. */
.tint-model-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 35px;background:#101316;border-bottom:1px solid #ffffff20}.tint-model-picker button{appearance:none;background:transparent;border:0;border-bottom:3px solid transparent;padding:21px 20px;color:#abb5bd;cursor:pointer;font:inherit;text-align:center}.tint-model-picker button+button{border-left:1px solid #ffffff12}.tint-model-picker strong{display:block;font-size:15px;font-weight:800;letter-spacing:.04em}.tint-model-picker span{display:block;margin-top:6px;font-size:10px}.tint-model-picker button[aria-pressed=true]{background:#20282e;color:#fff;border-bottom-color:#e63c31}.tint-model-picker button:hover{color:#fff;background:#1c2227}.tint-model-picker button:focus-visible{outline:2px solid #fff;outline-offset:-5px}.tint-expanded .tint-scene{height:65dvh}
@media(max-width:600px){.tint-model-picker{padding:0}.tint-model-picker button{padding:15px 8px}.tint-model-picker strong{font-size:13px}.tint-model-picker span{font-size:9px;line-height:1.5}.tint-expanded .tint-scene{height:62dvh}}