/* Isolated Shade Guide styles. Shared/locked page assets are not modified. */
.kctp-shade-guide{--sg-red:#df0932;--sg-ink:#16181b;--sg-muted:#5d6670;--sg-line:#d6dbe0;--sg-header:124px;--sg-jump:64px;background:#fff}
.shade-guide{color:var(--sg-ink);font:400 18px/1.65 Barlow,sans-serif;overflow-wrap:break-word}
.shade-guide *{box-sizing:border-box}.shade-guide [hidden]{display:none!important}
.shade-guide .wrap{width:min(1400px,calc(100% - 80px));max-width:1400px;margin-inline:auto;padding:0}
.shade-guide section{scroll-margin-top:calc(var(--sg-header) + var(--sg-jump) + 16px)}
.shade-guide h1,.shade-guide h2,.shade-guide h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:700;line-height:1.08;color:var(--sg-ink);letter-spacing:0}
.shade-guide h1{font-size:clamp(48px,4.6vw,74px);margin:0 0 24px}.shade-guide h1 span{font-size:.6em;display:block;line-height:1.2;margin-top:12px}
.shade-guide h2{font-size:clamp(36px,3.7vw,56px);margin:0 0 28px;max-width:1050px}
.shade-guide h3{font-size:28px;margin:0 0 20px;color:var(--sg-red)}
.shade-guide p{margin:0 0 20px}.shade-guide p:last-child{margin-bottom:0}.shade-guide figure{margin:0}.shade-guide img{display:block;width:100%;height:auto}.shade-guide a{color:inherit}
.shade-guide .sg-eye{font:700 14px/1.45 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--sg-red);display:block;margin:0 0 22px}
.sg-eye:before{content:'';display:inline-block;vertical-align:middle;background:currentColor;width:26px;height:3px;margin-right:12px}
.shade-guide .sg-small{font-size:15px;line-height:1.6;color:var(--sg-muted)}.shade-guide .sg-intro{max-width:980px;font-size:20px;color:var(--sg-muted);margin-bottom:32px}
.shade-guide .sg-lead{font-size:21px;color:var(--sg-muted);line-height:1.55}
.sg-section{padding:84px 0}.sg-tint{background:#f1f2f4}.sg-dark{background:#17191c;color:#d3d7dc}
.shade-guide .sg-dark h2,.shade-guide .sg-dark h3{color:#fff}.sg-dark .sg-eye{color:#ff4263}.shade-guide .sg-dark .sg-small{color:#bfc5cd}
.sg-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}
.shade-guide .sg-button{border:1px solid var(--sg-red);background:var(--sg-red);color:#fff;min-height:49px;padding:14px 22px;font:700 15px/1.4 Barlow,sans-serif;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:12px;text-decoration:none;cursor:pointer;border-radius:0}
.shade-guide .sg-button.outline{color:var(--sg-ink);background:transparent;border-color:#aeb5bf}.shade-guide .sg-button:hover{background:#ba0629;color:#fff;border-color:#ba0629}
.shade-guide .sg-link{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;align-self:flex-start;display:inline-block}
.shade-guide :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #d20a2f;outline-offset:4px}
.sg-hero{padding:26px 0 60px;background:#fff}.sg-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--sg-muted);margin-bottom:34px}.sg-breadcrumb a{text-decoration:none}
.sg-hero-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:50px;align-items:center}.sg-hero-photo{background:#edf0f2}.sg-hero-photo img{aspect-ratio:1.4;object-fit:cover}.shade-guide .sg-hero-photo figcaption{font-size:14px;padding:13px 18px;color:#555e68;border-bottom:3px solid var(--sg-red)}
.sg-hero-rule{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--sg-line);padding:17px 0;margin:22px 0;gap:20px;text-transform:uppercase;font-size:15px;font-weight:600}.sg-hero-rule strong{display:block;font:700 30px/1.15 'Barlow Condensed',sans-serif;color:var(--sg-red)}
.sg-hero-shades{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;gap:12px}.sg-hero-shades strong{font:700 38px/1 'Barlow Condensed',sans-serif;display:block}.sg-hero-shades span{display:block;font-size:14px;margin-top:8px;color:var(--sg-muted)}
.shade-guide .trust-bar{padding:26px 0;background:#1a1c20;color:#e4e7ec;border:0}.shade-guide .trust-inner{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px}.shade-guide .trust-inner>div{display:flex;align-items:center;gap:16px;font-size:16px;line-height:1.6}.shade-guide .trust-inner svg{width:27px;height:32px;flex:0 0 27px;stroke:#ff4160;fill:none}.shade-guide .trust-inner .stars{font-size:23px;letter-spacing:2px;color:#ff4160;line-height:1;display:inline-flex;align-items:center;white-space:nowrap;transform:none;margin:0}
.sg-jump{position:sticky;top:var(--sg-header);z-index:50;background:#fff;border-bottom:1px solid var(--sg-line);box-shadow:0 3px 9px #00000006}.sg-jump>.wrap{display:flex;gap:24px;align-items:stretch}.sg-jump-scroll{display:flex;gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0}.sg-jump a{font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-height:62px}.sg-jump .sg-jump-cta{flex:0 0 auto;color:var(--sg-red);border-left:1px solid var(--sg-line);padding-left:24px}.sg-jump a:hover{color:var(--sg-red)}
.sg-scale{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;margin:34px 0 22px}.sg-scale>div{display:flex;flex-direction:column;gap:9px}.sg-swatch{height:94px;background:linear-gradient(115deg,#ffffff66 0 5%,transparent 5% 43%,#ffffff44 43% 48%,transparent 48%),linear-gradient(#131c25 calc(var(--sample)*100%),#354047);background-color:#e1e7eb;border:1px solid #c2c9cf;position:relative;overflow:hidden}.sg-swatch:after{content:'';position:absolute;inset:0;background:#dce5eb;opacity:calc(1 - var(--sample))}.sg-scale strong{font:700 40px/1.1 'Barlow Condensed',sans-serif}.sg-scale>div>span:last-child{font-size:15px}.sg-scale-direction{display:flex;justify-content:space-between;gap:15px;font-size:14px;font-weight:600;border-bottom:1px solid var(--sg-line);padding-bottom:22px;margin-bottom:28px}.sg-scale-direction span:nth-child(2){flex:1;text-align:center}
.sg-two{display:grid;grid-template-columns:1fr 1fr;gap:44px}.sg-two>*{min-width:0}.sg-equation{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:30px 24px;border-top:3px solid var(--sg-red);margin-bottom:22px}.sg-equation>div{flex:1}.sg-equation span{display:block;font-size:14px;font-weight:600;min-height:44px}.sg-equation strong{font:700 52px/1.1 'Barlow Condensed',sans-serif}.sg-equation>b{font-size:26px;color:var(--sg-muted)}
.sg-callout{border-left:3px solid var(--sg-red);padding:20px 24px;background:#f6eef0;margin-top:28px!important;font-weight:600}.sg-dark .sg-callout{background:#24262b;color:#fff}.sg-tint .sg-callout{background:#fff}
.sg-calculator{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:start}.sg-calc-card{background:#fff;color:var(--sg-ink);padding:30px}.sg-calc-inputs{display:grid;grid-template-columns:1fr 28px 1fr;align-items:end;gap:16px}.sg-calc-inputs>span{padding-bottom:10px;font-size:26px;text-align:center}.shade-guide label{display:block;font-size:15px;font-weight:600}.shade-guide :is(input:not([type=radio]),select,textarea){width:100%;border:1px solid #aeb7c0;min-height:48px;padding:11px 12px;background:#fff;color:#17191c;font:400 17px/1.4 Barlow,sans-serif;border-radius:0;margin:8px 0 0;max-width:100%}.sg-calc-inputs input{font-size:25px!important}.shade-guide .sg-calc-card .sg-small{color:var(--sg-muted);margin:10px 0 20px}.sg-result{border-top:1px solid var(--sg-line);padding-top:22px;text-align:center}.sg-result>span{font-size:16px;font-weight:600}.sg-result output{display:block;font:700 72px/1.1 'Barlow Condensed',sans-serif;margin:12px 0}.sg-result p{font-size:16px}.sg-result strong{font-size:14px;background:#f1f2f4;padding:7px 14px;display:inline-block}.sg-vlt-error{font-size:14px}
.sg-simulator{border:1px solid var(--sg-line);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);background:#fff}.sg-sim-display{min-width:0;border-right:1px solid var(--sg-line)}.sg-sim-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px}.sg-sim-status span{font-size:14px}.sg-sim-status strong{display:block;font:700 40px/1.1 'Barlow Condensed',sans-serif;margin-top:6px}.sg-sim-status small{font:500 16px/1.4 Barlow,sans-serif;margin-left:8px}.sg-illustration-label{border:1px solid var(--sg-line);padding:6px 10px;color:var(--sg-muted);text-align:center}.sg-sim-display svg{display:block;width:100%;height:auto}.sg-svg-caption{font:600 13px Barlow,sans-serif;letter-spacing:2px;fill:#424b56}.sg-glass-outline{fill:none;stroke:#74818c;stroke-width:1.5}.sg-glass-outline.sg-selected{stroke:#e30932;stroke-width:4;stroke-dasharray:8 4}.sg-sim-caption{padding:20px 30px;border-bottom:1px solid var(--sg-line)}.sg-sim-caption p{font-size:15px;margin:0 0 6px}.sg-sim-insight{padding:26px 30px}.sg-sim-insight h3{font-size:25px}.sg-sim-insight p{font-size:16px}.sg-sim-insight p:last-child{font-weight:600}.sg-sim-controls{padding:26px}.sg-control{border:0;padding:0;margin:0 0 22px;min-width:0}.sg-control legend{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:10px}.sg-options{display:flex;flex-wrap:wrap;gap:7px}.sg-options label{position:relative;flex:1;min-width:48px}.sg-options input{position:absolute;opacity:0;width:1px;height:1px}.sg-options span{display:flex;align-items:center;justify-content:center;border:1px solid #bbc3cc;min-height:44px;text-align:center;padding:9px;font-size:14px;line-height:1.3;font-weight:600;cursor:pointer}.sg-options input:checked+span{border:2px solid var(--sg-red);padding:8px;background:#fff0f3;color:#bb082c}.sg-options input:focus-visible+span{outline:3px solid #16181b;outline-offset:3px}.sg-options input:hover+span{border-color:#df0932}.sg-control:first-child .sg-options label{flex:1 0 21%}.sg-sim-controls>.sg-button{width:100%;font-size:14px}.sg-sim-controls>.sg-small{margin-top:14px}.sg-sim-notes{margin-top:25px;border-left:3px solid var(--sg-red);padding-left:22px}.sg-sim-notes p{font-size:15px;color:var(--sg-muted);margin-bottom:12px}.sg-sim-notes a{font-size:15px}
.sg-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;border:1px solid var(--sg-line)}.shade-guide table{border-collapse:collapse;width:100%;min-width:720px;font-size:16px}.shade-guide caption{text-align:left;padding:14px 20px;font-size:14px;color:var(--sg-muted);background:#f5f6f7}.shade-guide th,.shade-guide td{padding:20px;text-align:left;border-bottom:1px solid var(--sg-line);vertical-align:top}.shade-guide thead{background:#17191c;color:#fff;font-size:14px}.shade-guide tbody th{color:var(--sg-red);font-size:23px;font-family:'Barlow Condensed',sans-serif;white-space:nowrap}.shade-guide tbody tr:nth-child(even){background:#f4f5f6}.shade-guide .sg-table-scroll+p{margin-top:16px}
.sg-shade-card{border-top:3px solid var(--sg-red);padding-top:26px;display:grid;grid-template-columns:100px 1fr;gap:25px}.sg-shade-number{font:700 48px/1 'Barlow Condensed',sans-serif}.sg-shade-number span{display:block;font:500 15px/1.4 Barlow,sans-serif;margin-top:10px}.sg-shade-card h3{font-size:28px;min-height:3.24em}.sg-shade-card p{font-size:17px;color:var(--sg-muted)}.sg-shade-card:nth-child(2) .sg-shade-number{font-size:38px}.sg-editorial{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center}.shade-guide figcaption{font-size:14px;color:var(--sg-muted);line-height:1.55;margin-top:12px}.sg-editorial img{aspect-ratio:1.35;object-fit:cover}.sg-five-layout{display:grid;grid-template-columns:.45fr 1fr;gap:80px;align-items:start}.sg-five-number{font:700 clamp(100px,13vw,190px)/1 'Barlow Condensed',sans-serif;border-top:3px solid var(--sg-red);padding-top:22px}.sg-five-number span{display:block;font:600 19px/1.3 Barlow,sans-serif;color:#d2d7df;margin-top:12px;text-transform:uppercase;letter-spacing:.05em}
.sg-four{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.sg-factor{border-top:2px solid var(--sg-red);padding-top:22px}.sg-factor p{font-size:17px;color:var(--sg-muted)}.sg-night-priority{background:#17191c;color:#cfd4dc;padding:35px}.sg-next-shade{display:flex;gap:30px;align-items:center;margin:26px 0}.sg-next-shade>span{font:700 64px/1.1 'Barlow Condensed',sans-serif;color:white}.sg-next-shade small{display:block;font:500 16px/1.4 Barlow,sans-serif;color:#cfd4dc;margin-top:8px}.sg-next-shade>b{font-size:30px}.sg-night-priority>strong{display:block;color:white;border-top:1px solid #454b55;padding-top:20px}
.sg-photo-break{position:relative;background:#17191c}.sg-photo-break img{width:100%;height:480px;object-fit:cover;object-position:50% 49%}.shade-guide .sg-photo-break figcaption{background:#17191c;color:#fff;margin:0;padding:22px max(40px,calc((100vw - 1400px)/2));display:flex;justify-content:space-between;gap:25px;align-items:center}.sg-photo-break figcaption>span{font:700 28px/1.15 'Barlow Condensed',sans-serif;text-transform:uppercase}.sg-photo-break small{font-size:14px;color:#cfd4dc;max-width:440px}.sg-heat{border:1px solid var(--sg-line);border-top:3px solid var(--sg-red);padding:32px;background:#f6f7f8}.sg-heat h3{font-size:35px}.sg-heat .sg-button{margin-top:4px}
.sg-glass-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sg-glass-locations article{padding:26px;background:white;border-top:2px solid var(--sg-red);display:flex;flex-direction:column}.sg-glass-locations p{color:var(--sg-muted);font-size:17px}.sg-glass-locations .sg-link{margin-top:auto;font-size:15px}
.sg-process{list-style:none;counter-reset:steps;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding:0;margin:36px 0 0}.sg-process li{counter-increment:steps;display:flex;gap:25px;border-top:1px solid var(--sg-line);padding:26px 0}.sg-process li:before{content:counter(steps,decimal-leading-zero);font:700 42px/1 'Barlow Condensed',sans-serif;color:var(--sg-red);flex:0 0 44px}.sg-process h3{margin-bottom:10px;font-size:26px}.sg-process p{font-size:17px;color:var(--sg-muted)}.sg-process li:last-child{grid-column:1/-1;max-width:850px}
.sg-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sg-product-grid article{background:#fff;border:1px solid var(--sg-line);padding:28px;display:flex;flex-direction:column}.sg-product-grid .sg-eye{font-size:13px;min-height:40px;letter-spacing:.08em}.sg-product-grid .sg-eye:before{display:none}.sg-product-grid h3{font-size:34px}.sg-product-grid dl{display:flex;gap:24px;margin:8px 0 28px}.sg-product-grid dt{font-size:14px;color:var(--sg-muted)}.sg-product-grid dd{font:700 36px/1.4 'Barlow Condensed',sans-serif;margin:0}.sg-product-grid .sg-link{font-size:15px;margin-top:auto}.sg-product-grid+.sg-small{margin:18px 0 0}.sg-benefit{border-left:3px solid var(--sg-red);padding:20px 25px;margin-top:30px;background:#fff;font-size:16px}.sg-benefit>strong{display:block;margin-bottom:12px}.sg-benefit p{margin-bottom:12px}
.sg-expectations{columns:2;column-gap:55px;padding:0;list-style:none;margin:30px 0}.sg-expectations li{break-inside:avoid;padding:0 0 18px 22px;position:relative;font-size:17px;color:var(--sg-muted)}.sg-expectations li:before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--sg-red)}.sg-related{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:15px;font-weight:600}
.sg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.sg-gallery img{aspect-ratio:1.5;object-fit:cover}.sg-gallery .kc-image-link{display:block;overflow:hidden}.sg-gallery img{transition:transform .25s}.sg-gallery a:hover img{transform:scale(1.025)}.sg-gallery figcaption{margin-top:18px}.sg-gallery h3{font-size:27px;margin-bottom:8px}.sg-gallery strong{display:block;font-size:15px;color:var(--sg-ink)}.sg-gallery p{font-size:14px;margin-top:7px}.shade-guide .sg-gallery-note{font-size:15px;margin:30px 0 0;color:var(--sg-muted)}
.sg-local{display:grid;grid-template-columns:1.5fr .8fr;gap:70px}.sg-local aside{border-left:1px solid var(--sg-line);padding-left:35px;font-size:16px}.sg-faq-list{border-top:1px solid var(--sg-line);margin:34px 0}.sg-faq-list details{border-bottom:1px solid var(--sg-line)}.sg-faq-list summary{font-size:21px;font-weight:600;padding:23px 42px 23px 0;cursor:pointer;position:relative;list-style:none}.sg-faq-list summary::-webkit-details-marker{display:none}.sg-faq-list summary:after{content:'+';position:absolute;right:10px;top:18px;font:400 30px Barlow,sans-serif;color:var(--sg-red)}.sg-faq-list details[open] summary:after{content:'−'}.sg-faq-list details[open] summary{color:var(--sg-red)}.sg-faq-list details>div{padding:0 44px 25px 0;max-width:1050px}.sg-faq-list .sg-related{margin-top:10px}
.sg-quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.sg-form-card{padding:32px;border:1px solid var(--sg-line);background:#f7f8f9}.sg-form-card h3{font-size:29px}.sg-form-card p{font-size:16px}.sg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin:24px 0}.sg-required{font-weight:400}.sg-form-card textarea{resize:vertical}.sg-form-card button[type=submit]{margin-top:22px}.sg-form-card .sg-small{margin-top:18px}.sg-preference-summary{border-left:3px solid var(--sg-red);padding:14px 17px;background:#fff}.sg-form-card iframe{width:100%;min-height:930px;border:0;margin-top:22px;background:#fff}.sg-request-summary pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.6 Barlow,sans-serif;margin:15px 0}.sg-request-summary summary{cursor:pointer;font-weight:600}.sg-form-card #sg-contact-heading{scroll-margin-top:calc(var(--sg-header) + var(--sg-jump) + 20px)}.sg-article{display:flex;flex-direction:column;border-top:3px solid var(--sg-red);padding-top:25px}.sg-article h3 a{text-decoration:none}.sg-article>.sg-link{margin-top:auto}
@supports(grid-template-rows:subgrid){.sg-product-grid{grid-template-rows:auto auto auto auto}.sg-product-grid article{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:0}.sg-glass-locations{grid-auto-rows:auto}.sg-glass-locations article{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:0}.sg-glass-locations h3{align-self:start}.sg-glass-locations .sg-link{justify-self:start;align-self:end}}
@media(min-width:1500px){.sg-hero-layout{gap:70px}.sg-jump-scroll{gap:25px}}
@media(max-width:1100px){.shade-guide .wrap{width:calc(100% - 48px)}.sg-hero-layout{gap:30px}.sg-hero h1{font-size:52px}.sg-hero .sg-lead{font-size:19px}.sg-hero .sg-actions{flex-direction:column;align-items:stretch}.sg-simulator{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.sg-sim-status{padding:22px}.sg-sim-status small{display:block;margin:5px 0 0}.sg-sim-controls{padding:22px}.sg-sim-caption,.sg-sim-insight{padding:22px}.sg-calculator{gap:35px}.sg-two{gap:30px}.sg-shade-card{grid-template-columns:1fr;gap:18px}.sg-shade-number span{display:inline;margin-left:14px}.sg-four{grid-template-columns:1fr 1fr}.sg-product-grid article{padding:22px}.sg-product-grid dl{gap:14px}.sg-product-grid .sg-link{font-size:14px}.sg-quote-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.sg-form-card{padding:24px}.sg-form-grid{gap:18px 14px}.sg-jump .sg-jump-cta{font-size:14px;padding-left:16px}.sg-local{gap:40px}.shade-guide .trust-inner{gap:20px}.shade-guide .trust-inner>div{font-size:14px;gap:10px}.shade-guide .trust-inner .stars{font-size:18px;letter-spacing:1px}}
@media(max-width:800px){.sg-section{padding:60px 0}.sg-hero-layout{grid-template-columns:1fr}.sg-hero h1{font-size:56px;max-width:700px}.sg-hero h1 span{font-size:34px}.sg-hero .sg-actions{flex-direction:row}.sg-hero-photo img{aspect-ratio:1.7}.sg-hero-rule{max-width:500px}.sg-hero-layout>div:last-child{margin-top:8px}.shade-guide .trust-inner{grid-template-columns:1fr;gap:16px}.shade-guide .trust-inner>div{font-size:15px}.shade-guide .trust-inner .stars{font-size:22px}.sg-scale{gap:10px}.sg-scale strong{font-size:34px}.sg-scale>div>span:last-child{font-size:14px}.sg-swatch{height:78px}.sg-two,.sg-editorial,.sg-calculator,.sg-local,.sg-quote-layout{grid-template-columns:1fr;gap:32px}.sg-equation span{min-height:0}.sg-simulator{grid-template-columns:1fr}.sg-sim-display{border-right:0;border-bottom:1px solid var(--sg-line)}.sg-sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.sg-control:first-child,.sg-control:last-of-type,.sg-sim-controls>.sg-button,.sg-sim-controls>.sg-small{grid-column:1/-1}.sg-control:first-child .sg-options label{flex:1;min-width:50px}.sg-sim-status small{display:inline;margin-left:10px}.sg-jump>.wrap{gap:15px}.sg-jump .sg-jump-cta{font-size:0;padding:0 0 0 15px}.sg-jump .sg-jump-cta:after{content:'Get Advice →';font-size:14px}.sg-jump a{min-height:56px}.sg-glass-locations{grid-template-columns:1fr 1fr}.sg-process{gap:0 30px}.sg-product-grid{grid-template-columns:1fr;gap:16px}.sg-product-grid article{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-row:auto;gap:0 25px}.sg-product-grid article>.sg-eye{grid-column:1/-1;min-height:0;margin-bottom:16px}.sg-product-grid h3{font-size:34px;margin:0;grid-row:span 2}.sg-product-grid dl{margin:0 0 16px}.sg-product-grid .sg-link{grid-column:2}.sg-gallery{grid-template-columns:1fr 1fr}.sg-local aside{border-left:0;border-top:1px solid var(--sg-line);padding:26px 0 0}.sg-photo-break img{height:370px}.shade-guide .sg-photo-break figcaption{padding:22px 24px;flex-direction:column;align-items:flex-start;gap:10px}.sg-five-layout{grid-template-columns:150px 1fr;gap:30px}.sg-five-number{font-size:110px}.sg-expectations{column-gap:30px}}
@media(max-width:520px){.shade-guide .wrap{width:calc(100% - 36px)}.sg-section{padding:48px 0}.shade-guide h2{font-size:37px;margin-bottom:24px}.shade-guide h3{font-size:27px}.shade-guide{font-size:17px}.sg-hero{padding:22px 0 36px}.sg-breadcrumb{font-size:13px;margin-bottom:28px}.sg-hero h1{font-size:46px}.sg-hero h1 span{font-size:29px}.shade-guide .sg-eye{font-size:12px;letter-spacing:.11em}.sg-hero .sg-lead{font-size:18px}.sg-hero .sg-actions{flex-direction:column}.sg-hero-rule{gap:12px}.sg-hero-rule strong{font-size:27px}.sg-hero-photo img{aspect-ratio:1.4}.sg-hero-shades strong{font-size:33px}.sg-hero-shades span{font-size:12px}.sg-jump-scroll{gap:22px}.sg-jump a{font-size:14px}.sg-scale{grid-template-columns:repeat(3,1fr);gap:20px 14px}.sg-scale>div>span:last-child{font-size:14px}.sg-scale-direction{font-size:12px;gap:8px}.sg-equation{gap:8px;padding:24px 15px}.sg-equation span{min-height:40px;font-size:13px}.sg-equation strong{font-size:44px}.sg-equation>b{font-size:22px}.sg-calc-card{padding:24px 18px}.sg-calc-inputs{gap:8px;grid-template-columns:1fr 18px 1fr}.sg-calc-inputs label{font-size:14px}.sg-calc-inputs input{min-width:0}.sg-callout{padding:18px}.sg-sim-status{padding:20px 18px;gap:10px}.sg-sim-status>div>span{font-size:13px}.sg-sim-status strong{font-size:36px}.sg-sim-status small{font-size:14px;display:block;margin:4px 0 0}.sg-sim-status .sg-illustration-label{font-size:12px;max-width:90px}.sg-sim-controls{grid-template-columns:1fr;padding:22px 18px;gap:0}.sg-control{grid-column:1!important}.sg-control:first-child .sg-options label{flex:1 0 21%}.sg-sim-caption,.sg-sim-insight{padding:20px 18px}.sg-sim-notes{padding-left:17px}.sg-sim-notes p{font-size:14px}.sg-table-scroll table{font-size:15px;min-width:690px}.sg-table-scroll th,.sg-table-scroll td{padding:17px}.sg-shade-card{padding-top:22px}.sg-shade-card h3{min-height:0}.sg-editorial{gap:26px}.sg-five-layout{grid-template-columns:1fr;gap:30px}.sg-five-number{font-size:110px}.sg-five-number span{display:inline-block;margin:0 0 0 20px;font-size:17px}.sg-four,.sg-glass-locations,.sg-process{grid-template-columns:1fr}.sg-factor p{font-size:17px}.sg-factor h3{margin-bottom:13px}.sg-process{gap:0}.sg-process li{padding:22px 0;gap:18px}.sg-process li:last-child{grid-column:auto}.sg-glass-locations article{display:flex;gap:0;padding:23px}.sg-glass-locations .sg-link{margin-top:5px}.sg-product-grid article{grid-template-columns:1fr;padding:25px}.sg-product-grid h3{margin:0 0 22px;grid-row:auto}.sg-product-grid .sg-link{grid-column:1}.sg-product-grid dl{gap:40px}.sg-expectations{columns:1}.sg-gallery{grid-template-columns:1fr;gap:32px}.sg-gallery img{aspect-ratio:1.5}.sg-gallery h3{font-size:28px}.sg-photo-break img{height:280px;object-fit:cover}.sg-heat{padding:25px}.sg-night-priority{padding:26px}.sg-faq-list summary{font-size:19px;padding:20px 36px 20px 0}.sg-faq-list details>div{padding-right:12px;font-size:17px}.sg-form-card{padding:25px 18px}.sg-form-grid{grid-template-columns:1fr;gap:18px}.sg-form-card .sg-button{width:100%;font-size:14px}.sg-form-card iframe{min-height:1040px}.sg-form-card h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.shade-guide *{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:521px) and (max-width:800px){.sg-scale{grid-template-columns:repeat(4,1fr)}.sg-shade-card h3{min-height:0}}
@media(max-width:520px){.sg-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}.sg-scale strong{font-size:30px}.sg-scale>div>span:last-child{font-size:12px}.sg-swatch{height:66px}}
.sg-control:first-child .sg-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:521px) and (max-width:800px){.sg-control:first-child .sg-options{grid-template-columns:repeat(9,minmax(0,1fr))}}

/* Supplied image configurator: large vehicle view with a compact right panel. */
.sg-configurator-image{min-height:400px;display:grid;place-items:center;background:#f7f7f7;padding:24px 12px;border-bottom:1px solid var(--sg-line)}
.shade-guide .sg-configurator-image img{width:100%;height:auto;aspect-ratio:2560/864;object-fit:contain}
.sg-sim-display{display:flex;flex-direction:column}.sg-sim-insight{flex:1}
.sg-sim-controls{display:flex;flex-direction:column;justify-content:center;gap:0}
.sg-control legend{font:700 27px/1.2 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-bottom:10px}
.shade-guide .sg-control-help{font-size:15px;font-weight:400;color:var(--sg-muted);line-height:1.5;margin:0 0 22px}
.sg-control:first-child .sg-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sg-options label{min-width:0}.sg-options label>span{min-height:91px;padding:13px 6px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #c8cdd3;background:#fff;box-shadow:0 2px 4px #16181b05;transition:border-color .15s,background .15s,box-shadow .15s}
.sg-options strong{font:700 30px/1.1 'Barlow Condensed',sans-serif}.sg-options small{font:400 12px/1.3 Barlow,sans-serif;color:var(--sg-muted)}
.sg-options input:checked+span{background:#191b1f;color:white;border-color:var(--sg-red);box-shadow:inset 0 -3px var(--sg-red)}
.sg-options input:checked+span small{color:#e2e5e9}.sg-options label:hover>span{border-color:var(--sg-red)}
.sg-configurator-selection{display:flex;justify-content:space-between;align-items:center;gap:20px;border-block:1px solid var(--sg-line);padding:16px 0;margin:0 0 23px}
.sg-configurator-selection>span{font-size:15px;color:var(--sg-muted)}.sg-configurator-selection>strong{font:700 28px/1.2 'Barlow Condensed',sans-serif}
#sg-preview-status:empty{display:none}.sg-sim-controls>.sg-button{width:100%;margin-bottom:17px}.sg-sim-controls>.sg-small{margin-top:0}
@media(max-width:1100px){.sg-configurator-image{min-height:340px}.sg-options label>span{min-height:85px}.sg-options strong{font-size:28px}}
@media(max-width:800px){.sg-sim-controls{display:flex}.sg-configurator-image{min-height:320px}.sg-control:first-child .sg-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.sg-configurator-image{min-height:190px;padding:18px 4px}.sg-control legend{font-size:25px}.sg-options label>span{min-height:85px}.sg-sim-insight h3{font-size:25px}.sg-sim-insight p{font-size:15px}.sg-control:first-child .sg-options{gap:9px}}
@media(max-width:800px){.sg-sim-display{display:contents}.sg-configurator-image{grid-row:1}.sg-sim-controls{grid-row:2}.sg-sim-insight{grid-row:3;border-top:1px solid var(--sg-line)}}