:root{--ink:#171719;--dark:#111113;--accent:#d21f2d;--paper:#f7f6f4;--line:#dedddb}
body{background:var(--paper)}
.site-header{background:#141416;border-bottom:1px solid #313134;color:#fff}
.brand-mark{background:var(--accent);color:#fff}
.brand-mark i{background:#fff}
.brand-name strong,.footer-brand .brand-name strong{color:#f23d4a}
.brand-name small,.footer-brand .brand-name small{color:#c7c7c8}
.desktop-nav{color:#e4e4e5}
.desktop-nav a:hover,.inline-link:hover,.services-note a:hover{color:#b61625}
.header-contact{border-color:#d21f2d;background:#d21f2d;color:#fff}
.header-contact:hover{background:#ab1623;border-color:#ab1623}
.hero{background:#0d0d0f}
.hero:before{right:-15%;top:-240px;background:radial-gradient(circle,#791b23 0,transparent 66%);opacity:.4}
.hero-grid{opacity:.14;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#737376 100%),linear-gradient(0deg,transparent calc(100% - 1px),#737376 100%)}
.hero-inner{min-height:660px;display:flex;align-items:center}
.hero-copy{max-width:630px;width:54%;padding:75px 0 85px}
.eyebrow{color:#ff8188}
.eyebrow-line{background:#e32c39}
.hero h1{font-size:clamp(55px,6vw,86px);line-height:1.05}
.hero h1 em{color:#f0444e}
.hero-description{color:#d0ced0;max-width:480px}
.button-accent{background:#d21f2d;color:#fff}
.button-accent:hover{background:#f13e4a}
.text-link{color:#fff}
.text-link:hover{color:#ff9297}
.hero-art{position:absolute;top:0;right:calc((min(100vw - 80px,1200px) - 100vw)/2);width:60vw;height:100%;overflow:hidden;pointer-events:none}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0f 0%,#0d0d0fe8 14%,#0d0d0f80 37%,transparent 68%),linear-gradient(0deg,#0d0d0fd9 0%,transparent 27%,#0d0d0f50 100%)}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(1.18) contrast(1.08)}
.hero-photo-label{position:absolute;z-index:1;right:clamp(20px,6vw,100px);bottom:41px;border-left:3px solid #e52c3b;padding:9px 13px;background:#111113b8;color:#fff;font-family:Consolas,monospace;font-size:10px;letter-spacing:.11em}
.hero-photo-label span{margin-left:15px;color:#ff6b74}
.hero-beam{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse 950px 280px at 78% 73%,#ffe0bd40 0%,#ffe0bd1b 50%,transparent 82%),radial-gradient(ellipse 530px 220px at 22% 59%,#ffe9ce12,transparent 82%);filter:blur(30px);mix-blend-mode:screen}
.hero h1{text-shadow:0 0 27px #ffe2c13b}
.hero-description{text-shadow:0 0 14px #ffe8cc57}
.hero-bottom{border-color:#3e3e42;color:#c5c5c7}
.hero-scroll span{color:#f0444e}
.highlights{border-bottom-color:#e5e3e1}
.highlight-symbol{background:#fae6e8;color:#a81322}
.section-kicker{color:#a81322}
.intro-section,.approach-section,.care-section,.contact-section{background:#f8f7f5}
.intro-layout h2 span,.section-heading h2 span,.approach-lead h2 span,.care-layout h2 span{color:#66676a}
.intro-text p,.section-heading>p,.approach-lead>p:last-child,.care-layout>div:first-child>p:last-child,.services-note,.step p,.care-list p{color:#55575a}
.inline-link{border-color:#77797b}
.dealer-section{position:relative;overflow:hidden;background:#b71927;color:#fff}
.dealer-section:before{content:"";position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(120deg,transparent 0,transparent 28px,#fff 29px,#fff 30px)}
.dealer-inner{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) 245px;align-items:center;gap:48px;min-height:290px;padding:42px 0}
.dealer-seal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 8px #ffffff21;text-align:center;transform:rotate(-9deg)}
.dealer-seal>span{font-size:56px;font-weight:900;letter-spacing:-.11em;line-height:.9}
.dealer-seal small{border-top:1px solid #ffffffa8;margin-top:10px;padding-top:8px;font-size:11px;font-weight:900;letter-spacing:.15em;line-height:1.3}
.dealer-copy .section-kicker{color:#fff;opacity:.9;margin-bottom:15px}
.dealer-copy h2{font-size:clamp(39px,4vw,58px);line-height:1.02;letter-spacing:-.065em;margin:0 0 14px}
.dealer-copy h2 span{color:#fff;opacity:.8}
.dealer-copy p:last-child{max-width:590px;margin:0;font-size:14px;line-height:1.65;color:#fff0f0}
.dealer-link{display:grid;grid-template-columns:1fr auto;gap:5px;background:#151517;padding:21px 22px;font-size:11px;font-weight:700;letter-spacing:.08em}
.dealer-link strong{grid-column:1;font-size:22px;letter-spacing:-.035em;white-space:nowrap}
.dealer-link>span{grid-column:2;grid-row:1/3;align-self:center;color:#ff5966;font-size:25px}
.dealer-link:hover{background:#28282b}
.services-section{background:#eeedeb}
.service-card-featured{background:#171719}
.service-card-featured .service-top{color:#ff8d95}
.service-card-featured .card-line{border-color:#ad2834}
.service-top svg{stroke:#b51927}
.service-card-featured .service-top svg{stroke:#f04b55}
.service-card:hover .card-line{border-color:#d21f2d}
.step-number,.care-list article>span{color:#a81322}
.tire-section{background:#111113}
.tire-section:before{background:linear-gradient(90deg,transparent 55%,#311216 100%)}
.tire-copy .section-kicker,.tire-copy h2 span{color:#ff616d}
.availability{border-color:#944049;color:#ffb4ba}
.availability-dot{background:#f23d4a;box-shadow:0 0 12px #f23d4a}
.tire-copy>p:not(.section-kicker){color:#d3d0d1}
.vehicle-list span{border-color:#646165;color:#f0eff0}
.tire-ring{border-color:#080809;background:#19191b;box-shadow:0 0 0 8px #777477,0 0 0 22px #121214,0 0 0 24px #636165,inset 0 0 0 15px #4b494c,inset 0 0 0 17px #9f9c9f,18px 27px 40px #070708}
.tire-middle{border-color:#898689;background:#303033;box-shadow:inset 0 0 0 12px #1b1b1d}
.tire-hub{border-color:#bdb9bb;background:#4a484a;box-shadow:inset 0 0 0 13px #1d1d1e}
.tire-hub:after,.tire-hub span{background:#c9c6c7}
.tire-art-label{background:#d21f2d;color:#fff}
.tire-art-label>span{color:#ffb2b9}
.tire-art{isolation:isolate;background:radial-gradient(ellipse 45% 52% at 50% 53%,#373032 0%,transparent 80%)}
.road-surface{position:absolute;z-index:0;inset:39% -18% -12%;overflow:hidden;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(180deg,#242428,#36363a 75%,#29292d),repeating-linear-gradient(14deg,#ffffff06 0 2px,transparent 2px 5px);box-shadow:inset 0 25px 40px #0008}
.road-surface:before,.road-surface:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#a4a2a080;filter:blur(1px)}
.road-surface:before{left:42%;transform:rotate(20deg);transform-origin:top}.road-surface:after{right:42%;transform:rotate(-20deg);transform-origin:top}
.road-centerline{position:absolute;left:50%;top:0;bottom:0;width:22%;transform:translateX(-50%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:repeating-linear-gradient(to bottom,#f4eee2c9 0 47px,transparent 47px 94px);filter:blur(.6px)}
.real-tire{position:absolute;z-index:2;left:50%;top:32px;width:min(88%,420px);height:auto;transform:translateX(-50%);filter:drop-shadow(25px 25px 18px #000b) drop-shadow(-6px 0 14px #c52b3526)}
.tire-art-label{z-index:3}
.tire-art{overflow:hidden}
.tire-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#111113af 0%,transparent 33%,transparent 63%,#11111377 100%),linear-gradient(90deg,#111113ae,transparent 25%,transparent 80%,#1111139e);pointer-events:none}
.road-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.1) saturate(.65)}
.real-tire{top:8px;width:min(84%,390px)}
.tire-art{background:none}
.tire-art:before{display:none}
.tire-call{display:inline-grid;grid-template-columns:1fr auto;gap:4px 22px;min-width:295px;background:#d21f2d;padding:15px 20px;font-size:11px;font-weight:900;letter-spacing:.09em;color:#fff}
.tire-call strong{grid-column:1;font-size:22px;letter-spacing:-.03em}
.tire-call span{grid-column:2;grid-row:1/3;align-self:center;font-size:25px}
.tire-call:hover{background:#ef3543}
.care-list article{background:#ecebea;border-top-color:#b71927}
.contact-panel{background:#c51d2b;grid-template-columns:66% 34%}
.contact-copy{padding:55px 0 52px 65px}
.contact-copy .section-kicker{color:#fff}
.contact-copy h2{font-size:clamp(38px,4vw,55px);color:#fff}
.contact-copy h2 span{color:#ffe2e4}
.contact-copy>p:not(.section-kicker){color:#fff0f1;max-width:550px}
.contact-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;margin:27px 0 15px}
.contact-lines a{position:relative;display:flex;flex-direction:column;gap:8px;background:#171719;color:#fff;padding:18px 16px;transition:background .2s}
.contact-lines a:hover{background:#303033}
.contact-lines small{font-size:10px;letter-spacing:.05em;color:#ffc4c9;font-weight:800}
.contact-lines strong{font-size:clamp(17px,2vw,23px);letter-spacing:-.035em;white-space:nowrap}
.contact-lines a>span{position:absolute;right:12px;bottom:14px;color:#f15b67;font-size:20px}
.contact-copy .address-note{font-size:12px!important;color:#ffe1e3!important;margin:0}
.address-note a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.contact-circle{border-color:#ffffff66}
.contact-core{background:#171719;box-shadow:0 20px 35px #6a0d1844}
.contact-core svg{stroke:#ff6873}
.contact-cross{color:#ffcbd0}
.site-footer{background:#111113}
.back-top span{color:#ff606c}
.footer-bottom{border-color:#454348;color:#b7b6b9}
.footer-bottom span:last-child{color:#fff}
.photo-credit{padding:0 0 24px;font-size:10px;color:#aaa7ab}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
.location-section{padding:0 0 110px;background:#f8f7f5}
.location-panel{display:grid;grid-template-columns:42% 58%;background:#fff;min-height:390px}
.location-copy{padding:56px 45px 50px 58px}
.location-copy h2{font-size:clamp(37px,3.9vw,54px);letter-spacing:-.065em;line-height:1.08;margin:0 0 23px}
.location-copy h2 span{color:#68696b}
.location-copy address{font-style:normal;font-size:15px;line-height:1.75;color:#55575a}
.location-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px}
.location-actions .button{min-height:49px;gap:22px;white-space:nowrap}
.location-map-link{font-size:13px;font-weight:800;border-bottom:1px solid #89898b;padding:7px 0;white-space:nowrap}
.location-map-link:hover{color:#a81322}
.location-map{position:relative;min-height:390px;background:#e3e1de}
.location-map iframe{display:block;width:100%;height:100%;min-height:390px;border:0}
@media(max-width:980px){.hero-art{right:-24px;width:64vw}.dealer-inner{grid-template-columns:120px minmax(0,1fr);gap:28px}.dealer-seal{width:115px;height:115px}.dealer-seal>span{font-size:42px}.dealer-link{grid-column:2;max-width:270px}.contact-copy{padding-left:40px}.contact-panel{grid-template-columns:70% 30%}.contact-visual{opacity:.8}}
@media(max-width:700px){.hero-inner{min-height:0;display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%;padding:64px 0 34px}.hero h1{font-size:clamp(50px,10vw,70px)}.hero-art{position:relative;right:auto;top:auto;width:calc(100% + 36px);height:320px;margin-left:-18px;overflow:hidden}.hero-art:after{background:linear-gradient(0deg,#0d0d0fd9,transparent 32%,#0d0d0f55)}.hero-photo{object-position:center 57%}.hero-photo-label{right:18px;bottom:20px}.hero-beam{opacity:.6}.dealer-inner{grid-template-columns:80px 1fr;gap:22px;min-height:0;padding:45px 0}.dealer-seal{width:78px;height:78px;box-shadow:0 0 0 4px #ffffff21}.dealer-seal>span{font-size:28px}.dealer-seal small{font-size:7px;margin-top:4px;padding-top:3px}.dealer-copy h2{font-size:clamp(32px,7vw,48px)}.dealer-copy p:last-child{font-size:13px}.dealer-link{grid-column:1/-1;max-width:100%;justify-self:stretch}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:43px 28px 45px}.contact-visual{display:none}.contact-lines{max-width:none}}
@media(max-width:480px){.hero-copy{padding-top:53px}.hero h1{font-size:clamp(47px,11vw,58px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-art{height:265px}.hero-photo-label{font-size:8px}.dealer-inner{grid-template-columns:1fr}.dealer-seal{display:none}.dealer-copy h2{font-size:40px}.contact-copy{padding:38px 23px 43px}.contact-lines{grid-template-columns:1fr}.contact-lines a{padding:16px}.contact-lines strong{font-size:22px}.tire-call{min-width:0;width:100%}}
@media(max-width:700px){.real-tire{width:min(85%,315px);top:13px}.road-surface{inset:38% -12% -16%}}
@media(max-width:480px){.real-tire{width:min(88%,270px);top:7px}.road-surface{inset:37% -12% -17%}.tire-art-label{bottom:9px}}
@media(max-width:980px){.location-panel{grid-template-columns:45% 55%}.location-copy{padding:45px 30px}}
@media(max-width:700px){.location-section{padding-bottom:75px}.location-panel{grid-template-columns:1fr}.location-copy{padding:42px 28px}.location-map,.location-map iframe{min-height:320px}}
@media(max-width:480px){.location-copy{padding:37px 23px}.location-copy address{font-size:14px}.location-actions{align-items:flex-start;flex-direction:column;gap:13px}.location-map,.location-map iframe{min-height:280px}}

/* Visitor-selectable appearance. The existing design remains the light default. */
.header-inner{gap:24px}
.desktop-nav{gap:25px}
.theme-toggle{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:1px solid #56565a;background:#232326;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle:hover{background:#a71927;border-color:#a71927}
.theme-toggle:focus-visible{outline:3px solid #f25160;outline-offset:4px}
.theme-toggle svg{width:21px;height:21px}
.theme-icon-sun{display:none}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-toggle{border-color:#d21f2d;background:#501b22}
html[data-theme="dark"] body{background:#171719;color:#f3f2f2}
html[data-theme="dark"] .intro-section,html[data-theme="dark"] .approach-section,html[data-theme="dark"] .care-section,html[data-theme="dark"] .contact-section,html[data-theme="dark"] .location-section{background:#1a1a1c}
html[data-theme="dark"] .services-section{background:#141416}
html[data-theme="dark"] .highlights{background:#222225;border-color:#3e3e42}
html[data-theme="dark"] .highlights-inner>div{border-color:#424246}
html[data-theme="dark"] .highlight-symbol{background:#3c2025;color:#ff7680}
html[data-theme="dark"] .highlights-inner small{color:#c5c4c7}
html[data-theme="dark"] .section-kicker{color:#ff7580}
html[data-theme="dark"] .dealer-copy .section-kicker,html[data-theme="dark"] .contact-copy .section-kicker{color:#fff}
html[data-theme="dark"] .tire-copy .section-kicker{color:#ff7b84}
html[data-theme="dark"] .intro-layout h2 span,html[data-theme="dark"] .section-heading h2 span,html[data-theme="dark"] .approach-lead h2 span,html[data-theme="dark"] .care-layout h2 span,html[data-theme="dark"] .location-copy h2 span{color:#aeb0b3}
html[data-theme="dark"] .intro-text p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .approach-lead>p:last-child,html[data-theme="dark"] .care-layout>div:first-child>p:last-child,html[data-theme="dark"] .services-note,html[data-theme="dark"] .step p,html[data-theme="dark"] .care-list p,html[data-theme="dark"] .location-copy address{color:#c4c4c7}
html[data-theme="dark"] .inline-link,html[data-theme="dark"] .services-note a,html[data-theme="dark"] .location-map-link{color:#f1f0f1;border-color:#77777b}
html[data-theme="dark"] .inline-link:hover,html[data-theme="dark"] .services-note a:hover,html[data-theme="dark"] .location-map-link:hover{color:#ff8a92}
html[data-theme="dark"] .service-card{background:#262629;color:#f6f5f5}
html[data-theme="dark"] .service-card-featured{background:#3a1b21}
html[data-theme="dark"] .service-card p{color:#c8c7ca}
html[data-theme="dark"] .service-top{color:#bab9bd}
html[data-theme="dark"] .service-top svg{stroke:#ff7983}
html[data-theme="dark"] .card-line{border-color:#505055}
html[data-theme="dark"] .step,html[data-theme="dark"] .steps{border-color:#49494c}
html[data-theme="dark"] .step-number,html[data-theme="dark"] .care-list article>span{color:#ff7b84}
html[data-theme="dark"] .step-arrow{color:#b7b6b9}
html[data-theme="dark"] .care-list article{background:#29292c}
html[data-theme="dark"] .location-panel{background:#262629}
html[data-theme="dark"] .location-map{background:#2a2a2d}
html[data-theme="dark"] .location-map iframe{filter:grayscale(.7) invert(.9) hue-rotate(180deg)}
@media(max-width:980px){.header-inner{gap:16px}.desktop-nav{gap:16px}}
@media(max-width:700px){.header-inner{gap:12px}.theme-toggle{margin-left:auto;width:39px;height:39px}}
@media(max-width:380px){.brand{gap:7px}.brand-mark{width:33px;height:33px;font-size:21px}.brand-name{font-size:15px}.brand-name small{font-size:7px}.header-contact{padding:9px 8px;gap:5px}.theme-toggle{width:36px;height:36px}}

/* Original Bolat logo and the owner's photograph gallery. */
.brand-logo{display:block;flex:none;width:65px;height:65px;object-fit:contain;background:#000}
.header-inner{min-height:90px}
.footer-brand .brand-logo{width:74px;height:74px}
.gallery-section{padding:100px 0;background:#f1f0ee}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}
.gallery-heading h2{margin:0;font-size:clamp(40px,4.4vw,60px);line-height:1.08;letter-spacing:-.065em}
.gallery-heading h2 span{color:#67686a}
.gallery-heading>p{max-width:360px;margin:0 0 5px;color:#545559;font-size:15px;line-height:1.7}
.gallery-empty{display:flex;align-items:center;gap:32px;min-height:260px;padding:38px 50px;border:1px solid #d8d6d5;background:#faf9f7}
.gallery-empty-logo{display:block;flex:none;width:150px;height:150px;object-fit:contain;background:#000}
.gallery-empty strong{display:block;font-size:25px;letter-spacing:-.04em}
.gallery-empty p{max-width:490px;color:#55575a;font-size:15px;line-height:1.7}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-grid figure{min-width:0;margin:0;background:#faf9f7}
.gallery-grid a{display:block;overflow:hidden;aspect-ratio:4/3;background:#242426}
.gallery-grid img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.gallery-grid a:hover img{transform:scale(1.04)}
.gallery-grid figcaption{padding:15px 18px;font-size:14px;font-weight:700}
html[data-theme="dark"] .gallery-section{background:#141416}
html[data-theme="dark"] .gallery-heading h2 span{color:#aeb0b3}
html[data-theme="dark"] .gallery-heading>p,html[data-theme="dark"] .gallery-empty p{color:#c4c4c7}
html[data-theme="dark"] .gallery-empty,html[data-theme="dark"] .gallery-grid figure{background:#262629;border-color:#4a4a4d}
@media(max-width:980px){.brand-logo{width:54px;height:54px}.desktop-nav{gap:12px;font-size:12px}.header-inner{gap:13px}}
@media(max-width:700px){.header-inner{min-height:76px}.brand-logo{width:53px;height:53px}.gallery-section{padding:75px 0}.gallery-heading{display:block}.gallery-heading>p{margin-top:16px}.gallery-empty{padding:30px;min-height:200px}.gallery-empty-logo{width:100px;height:100px}.gallery-empty strong{font-size:21px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.brand-name{font-size:15px}.brand-name small{font-size:7px}.brand-logo{width:49px;height:49px}.gallery-empty{display:block;padding:27px}.gallery-empty-logo{margin-bottom:24px}.gallery-grid{grid-template-columns:1fr}}
@media(max-width:370px){.brand-name small{display:none}.brand-name{font-size:14px}.brand-logo{width:43px;height:43px}}
