:root{--bg:#0c0e10;--panel:#14181b;--panel2:#1c2226;--ink:#f1f2ef;--muted:#a0a8ab;--line:#323a3e;--accent:#f0523c;--accent-dark:#cb3b2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.section-wrap{width:min(1190px,calc(100% - 76px));margin-inline:auto}.topbar{height:82px;padding:0 max(38px,calc((100vw - 1190px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(12,14,16,.95);position:relative;z-index:4;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.16em;line-height:1.55}.brand b{font-size:9px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent);color:white;font-size:17px;font-weight:800;letter-spacing:0}.nav{display:flex;gap:30px;font-size:11px;color:#b5bcbd}.nav a,.top-phone,.text-link,.contact-row a{transition:color .2s ease}.nav a:hover,.text-link:hover,.contact-row a:hover{color:var(--accent)}.top-phone{font-size:11px;font-weight:700}.top-phone span{color:var(--accent);margin-left:7px}.menu-toggle{display:none}.hero{max-width:1440px;margin:auto;min-height:650px;padding:44px max(38px,calc((100vw - 1190px)/2)) 68px;display:grid;grid-template-columns:.84fr 1.16fr;gap:52px;position:relative;align-items:center}.hero-copy{padding:24px 0 20px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:800;color:#9ca5a8;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 18px #f0523c80}.hero h1{font-size:clamp(55px,6vw,84px);line-height:.99;letter-spacing:-.075em;margin:28px 0 23px;font-weight:700}.hero h1 em,.section-intro h2 em,.approach-copy h2 em,.contact-main h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{max-width:400px;font-size:13px;color:#adb4b6;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:27px}.button{min-height:48px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:10px;font-weight:800;border:1px solid transparent;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}.button span{font-size:15px}.button-red{background:var(--accent);color:#fff}.button-red:hover{background:var(--accent-dark);transform:translateY(-2px)}.button-outline{border-color:#ffffff36;color:#f2f3f0}.button-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-meta{display:flex;align-items:center;gap:11px;margin-top:35px;color:#8d9699;font-size:9px;letter-spacing:.03em}.hero-meta i{width:3px;height:3px;background:var(--accent);border-radius:50%}.hero-image-wrap{height:500px;position:relative;background:var(--panel);overflow:hidden}.hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;filter:saturate(.78) brightness(.78)}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0e1040,transparent 50%),linear-gradient(0deg,#0c0e10b8,transparent 42%)}.hero-image-caption{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:13px}.caption-index{font-size:10px;color:var(--accent);font-weight:800}.hero-image-caption b,.hero-image-caption small{display:block}.hero-image-caption b{font-size:12px}.hero-image-caption small{font-size:9px;color:#bbc1c2;margin-top:5px}.hero-vertical{position:absolute;top:24px;right:22px;writing-mode:vertical-rl;color:#fff9;font-size:8px;letter-spacing:.18em}.hero-bottom{position:absolute;bottom:22px;left:max(38px,calc((100vw - 1190px)/2));right:max(38px,calc((100vw - 1190px)/2));display:flex;align-items:center;gap:14px;color:#8f989a;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.hero-bottom-line{height:1px;background:#3d4549;flex:1}.service-section{padding-top:98px;padding-bottom:105px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.section-intro h2,.approach-copy h2,.contact-main h2{font-size:clamp(38px,4vw,53px);line-height:1.04;letter-spacing:-.06em;margin:16px 0 0}.section-intro>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:360px;margin:0 0 4px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:55px 1fr 1fr 24px;align-items:center;gap:20px;min-height:83px;border-bottom:1px solid var(--line);transition:background .22s ease,padding .22s ease}.service-item:hover{background:#151a1d;padding-inline:12px}.service-number{font-size:9px;color:var(--accent);font-weight:800}.service-title{font-size:16px;font-weight:650;letter-spacing:-.025em}.service-detail{font-size:10px;color:#9da6a8}.service-arrow{font-size:16px;text-align:right;color:var(--accent)}.service-note{border:1px solid #333c40;background:#111518;margin-top:24px;padding:18px 20px;display:flex;align-items:center;gap:14px;color:#adb4b6;font-size:10px;line-height:1.7}.note-star{font-size:18px;color:var(--accent)}.portfolio-section{background:#111518;padding:88px 0 102px;border-top:1px solid #ffffff09;border-bottom:1px solid #ffffff09}.portfolio-intro{margin-bottom:34px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.work-card{background:#171c20;border:1px solid #293136;padding:23px;min-width:0;transition:border-color .3s ease,transform .3s ease}.work-card:hover{border-color:#465158;transform:translateY(-3px)}.work-card-wide{grid-column:1/-1}.work-card-head{margin-bottom:16px}.work-card-head h3{font-size:18px;letter-spacing:-.035em;margin:11px 0 6px;color:#f0f2ef}.work-card-head p{font-size:10px;line-height:1.7;color:#9fa8ab;margin:0;max-width:560px}.card-no{font-size:8px;letter-spacing:.13em;color:#929da0;font-weight:700}.before-after{display:grid;grid-template-columns:1fr 32px 1fr;gap:10px;align-items:center}.before-after figure,.work-triptych figure{margin:0;min-width:0}.before-after img{display:block;width:100%;height:245px;object-fit:cover;background:#101316}.before-after figcaption,.work-triptych figcaption{color:#c2c8c9;font-size:9px;line-height:1.5;margin-top:8px}.before-after figcaption span{display:inline-block;font-size:7px;letter-spacing:.12em;font-weight:800;padding:4px 7px;margin-right:5px;background:#30383d;color:#fff}.before-after figure:last-child figcaption span{background:var(--accent)}.ba-arrow{text-align:center;color:var(--accent);font-size:22px}.work-process{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid #2c3439}.work-process img{width:100%;height:94px;object-fit:cover;background:#101316}.work-process small{font-size:8px;line-height:1.5;color:#8f999d;max-width:90px}.work-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.work-triptych img{width:100%;height:165px;object-fit:cover;display:block;background:#101316}.approach-section{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.approach-photo{height:530px;position:relative;background:var(--panel);overflow:hidden}.approach-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.73) saturate(.8);transition:transform .8s ease}.approach-photo:hover img{transform:scale(1.025)}.photo-tag{position:absolute;bottom:0;left:0;padding:13px 17px;background:var(--accent);color:white;font-size:9px;font-weight:800}.approach-copy h2{margin-bottom:30px}.approach-steps article{display:grid;grid-template-columns:36px 1fr;gap:12px;border-top:1px solid var(--line);padding:18px 0}.approach-steps article>b{font-size:9px;color:var(--accent);padding-top:3px}.approach-steps h3{font-size:12px;margin:0 0 6px}.approach-steps p{font-size:10px;line-height:1.7;color:#a4adaf;margin:0}.text-link{font-size:10px;font-weight:800;display:inline-flex;margin-top:12px}.text-link span{color:var(--accent);padding-left:8px}.insurance-band{background:#191e22;border-block:1px solid #ffffff0a}.insurance-inner{min-height:190px;display:flex;align-items:center;gap:25px}.insurance-mark{width:62px;height:62px;border:1px solid #424c51;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.2;letter-spacing:.06em;font-weight:800;color:#e9ecea;flex:none}.insurance-mark i{color:var(--accent);font-style:normal}.insurance-inner>div{margin-right:auto}.insurance-inner h2{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin:12px 0 0}.contact-section{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.contact-main h2{margin-bottom:19px}.contact-main>p{font-size:11px;line-height:1.8;color:#a7afb1;max-width:440px;margin:0 0 22px}.contact-main .button{margin-right:8px}.max-hint{display:block;margin-top:12px;color:#8e989b;font-size:9px;line-height:1.6;max-width:410px}.contact-card{background:#151a1d;padding:26px;border:1px solid #2b3337}.contact-row{border-bottom:1px solid #30383d;padding:17px 0;display:flex;flex-direction:column;gap:8px}.contact-row small{font-size:8px;letter-spacing:.13em;color:#929da0}.contact-row a,.contact-row>span{font-size:13px;font-weight:700}.footer{background:#080a0c;border-top:1px solid #ffffff0c;padding:26px max(38px,calc((100vw - 1190px)/2));display:flex;align-items:center;justify-content:space-between}.footer>span,.footer>a:not(.brand),.footer small{font-size:8px;color:#939da0}.footer .brand{color:#fff}.footer .brand-mark{background:var(--accent)}
.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.service-item{scroll-margin-top:85px}section{scroll-margin-top:30px}
@media(max-width:950px){.hero{gap:30px;grid-template-columns:.9fr 1.1fr}.hero-image-wrap{height:430px}.hero h1{font-size:64px}.nav{gap:16px}.approach-section{gap:42px}.approach-photo{height:460px}.contact-section{gap:40px}}
@media(max-width:700px){.section-wrap{width:calc(100% - 40px)}.topbar{height:70px;padding:0 20px}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:19px 20px 22px;background:#101316;border-bottom:1px solid var(--line);flex-direction:column;gap:19px}.nav.open{display:flex}.top-phone{margin-left:auto;margin-right:16px;font-size:9px}.menu-toggle{display:flex;width:27px;height:26px;flex-direction:column;justify-content:center;gap:6px;border:0;background:none;padding:3px}.menu-toggle span{height:1px;width:21px;background:#eee}.hero{padding:28px 20px 64px;display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0}.hero-copy{padding:12px 0 0}.hero h1{font-size:55px;margin:21px 0 16px}.hero-copy>p{font-size:12px}.hero-meta{margin-top:25px;gap:8px;font-size:8px;flex-wrap:wrap}.hero-image-wrap{height:320px}.hero-bottom{bottom:19px;left:20px;right:20px;gap:8px;font-size:6px;letter-spacing:.05em}.hero-bottom-line{min-width:22px}.section-intro{display:block;margin-bottom:26px}.section-intro h2,.approach-copy h2,.contact-main h2{font-size:40px}.section-intro>p{margin:17px 0 0;font-size:11px}.service-section{padding-top:68px;padding-bottom:70px}.service-item{grid-template-columns:30px 1fr 20px;gap:10px;min-height:76px}.service-title{font-size:13px}.service-detail{grid-column:2;grid-row:2;font-size:9px;margin-top:-18px;padding-bottom:10px}.service-arrow{grid-column:3;grid-row:1/3}.service-note{font-size:9px;padding:14px}.portfolio-section{padding:65px 0 72px}.work-grid{grid-template-columns:1fr;gap:11px}.work-card,.work-card-wide{grid-column:auto;padding:16px}.work-card-head h3{font-size:16px}.before-after{grid-template-columns:1fr 20px 1fr;gap:5px}.before-after img{height:150px}.before-after figcaption{font-size:7px}.before-after figcaption span{font-size:6px;padding:3px 4px;margin:0 2px 0 0}.work-process{grid-template-columns:1fr 1fr;gap:7px}.work-process img{height:70px}.work-process small{grid-column:1/-1;max-width:none}.work-triptych{gap:6px}.work-triptych img{height:105px}.work-triptych figcaption{font-size:7px}.approach-section{padding-top:70px;padding-bottom:72px;grid-template-columns:1fr;gap:27px}.approach-photo{height:290px}.approach-copy h2{margin-bottom:23px}.approach-steps article{padding:14px 0}.insurance-inner{padding-top:25px;padding-bottom:25px;min-height:0;display:grid;grid-template-columns:52px 1fr;gap:14px}.insurance-mark{width:50px;height:50px;font-size:8px}.insurance-inner h2{font-size:17px}.insurance-inner .eyebrow{font-size:7px}.insurance-inner>.button{grid-column:1/-1;width:max-content}.contact-section{padding-top:68px;padding-bottom:68px;grid-template-columns:1fr;gap:27px}.contact-main h2{font-size:37px}.contact-main .button{margin:0 5px 7px 0;padding-inline:12px;gap:12px;font-size:9px}.contact-card{padding:18px}.footer{padding:23px 20px;flex-wrap:wrap;gap:17px}.footer>span{order:5;flex-basis:100%}.footer small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}}

.js-motion .reveal-from-left{transform:translateX(-22px)}.js-motion .reveal-from-right{transform:translateX(22px)}.js-motion .reveal-from-left.is-visible,.js-motion .reveal-from-right.is-visible{transform:translateX(0)}


/* Wide split-stock hero and compact before/after portfolio */
.hero{width:min(1190px,calc(100% - 76px));max-width:1190px;margin:0 auto;min-height:0;padding:52px 0 57px;display:flex;flex-direction:column;align-items:stretch;gap:28px}
.hero-copy{max-width:900px;padding:0}
.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.02;margin:20px 0 16px}
.hero-copy>p{max-width:680px}
.hero-meta{margin-top:25px}
.hero-comparison{position:relative;width:100%;min-width:0;height:clamp(285px,34vw,405px);display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);overflow:hidden;background:#161a1d;border:1px solid #313a3e}
.comparison-photo{margin:0;min-width:0;position:relative;overflow:hidden}
.comparison-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.72);transition:transform .7s ease,filter .4s ease}
.comparison-photo:hover img{transform:scale(1.025);filter:brightness(.84) saturate(.85)}
.comparison-photo figcaption{position:absolute;left:18px;bottom:18px;color:#f1f2ef;font-size:10px;font-weight:650;text-shadow:0 1px 10px #000}
.comparison-photo figcaption span{display:inline-block;background:#202528;color:white;padding:6px 8px;font-size:8px;letter-spacing:.13em;margin-right:6px}
.comparison-photo:last-of-type figcaption span{background:var(--accent)}
.comparison-divider{position:relative;z-index:1;display:grid;place-items:center;background:linear-gradient(90deg,#0c0e10,#24292c,#0c0e10)}
.comparison-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff70}
.comparison-divider span{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:15px}
.stock-note{position:absolute;z-index:2;top:14px;right:14px;padding:6px 9px;background:#0c0e10ba;color:#c0c6c7;font-size:7px;letter-spacing:.13em}
.hero-bottom{position:static;width:100%;margin-top:2px}
.work-card-wide{grid-column:auto}
.work-process,.work-triptych{display:none}
@media(max-width:700px){.hero{width:calc(100% - 40px);padding:30px 0 42px;gap:22px}.hero h1{font-size:clamp(39px,10vw,54px);line-height:1.02}.hero-copy>p{font-size:11px}.hero-meta{margin-top:20px}.hero-comparison{height:245px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.comparison-photo figcaption{left:8px;bottom:10px;font-size:7px;line-height:1.35}.comparison-photo figcaption span{font-size:6px;padding:4px 5px;margin:0 0 4px;display:block;width:max-content}.comparison-divider span{width:22px;height:22px;font-size:12px}.stock-note{top:8px;right:8px;font-size:6px;padding:5px}.hero-bottom{left:auto;right:auto;bottom:auto}}

/* Single detailing stock photo in the hero */
.hero-detailing{position:relative;margin:0;width:100%;height:clamp(285px,34vw,405px);overflow:hidden;background:#161a1d;border:1px solid #313a3e}
.hero-detailing img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.77) saturate(.82);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.hero-detailing:hover img{transform:scale(1.02);filter:brightness(.88) saturate(.92)}
.hero-detailing figcaption{position:absolute;inset:auto 0 0;padding:48px 20px 16px;background:linear-gradient(transparent,#080a0ce8);font-size:10px;font-weight:700;color:#f3f4f1}
.hero-detailing figcaption a{float:right;color:#c1c7c8;font-size:9px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.hero-detailing{height:245px}.hero-detailing figcaption{padding:38px 12px 12px;font-size:9px}.hero-detailing figcaption a{font-size:8px}}
/* Evenly align the insurance label */
.insurance-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1;width:70px;height:70px;font-size:8px;letter-spacing:.08em}
.insurance-mark i{font-size:13px;line-height:1;font-weight:500}
.insurance-mark span{display:block;line-height:1.15}
@media(max-width:700px){.insurance-mark{width:50px;height:50px;gap:2px;font-size:7px}.insurance-mark i{font-size:11px}}

/* Embedded location map */
.map-widget{margin-top:20px;border:1px solid #333c40;background:#101416}
.map-caption{min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.map-caption span{font-size:8px;letter-spacing:.14em;color:#929da0;font-weight:800}
.map-caption a{font-size:9px;color:#f1f2ef;font-weight:700}
.map-caption a:hover{color:var(--accent)}
.map-widget iframe{display:block;width:100%;height:250px;border:0;filter:saturate(.84)}
@media(max-width:700px){.map-widget{margin-top:15px}.map-widget iframe{height:230px}.map-caption{min-height:36px}}

/* Кузовная артель brand mark */
.brand-logo{display:block;width:34px;height:40px;object-fit:contain;flex:none}
@media(max-width:700px){.brand-logo{width:30px;height:36px}}
