:root{--ink:#151919;--studio:#171b1c;--paper:#e8eae6;--silver:#aeb6b3;--green:#afc3ae}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--studio);color:var(--paper);font-family:'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:7px}header{height:86px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff20}.brand{font-size:22px;letter-spacing:.22em;font-weight:650}.brand span{display:block;font-size:8px;letter-spacing:.3em;font-weight:400;margin-top:5px}.nav{font-size:13px}.nav span{margin-left:25px}.journey{height:360vh;position:relative}.stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#171b1c}.intro{position:absolute;z-index:2;top:120px;left:4vw;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.21em;margin:0 0 20px;font-weight:600}h1{font-size:clamp(32px,4.5vw,72px);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:var(--silver)}.visual{position:absolute;inset:18% 0 6%;display:flex;align-items:center;justify-content:center}.visual img{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%)}.stage-bottom{position:absolute;bottom:74px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;font-size:14px}.stage-bottom small{display:block;font-size:10px;color:var(--silver);margin-top:7px}#watch{border:1px solid #ffffff45;padding:12px 18px;background:#171b1cb0;font-size:12px}#watch span{margin-left:22px}.timeline{height:1px;background:#ffffff22;position:absolute;bottom:49px;left:4vw;right:4vw}.timeline span{display:block;width:0;height:2px;background:var(--green)}.scroll-hint{position:absolute;bottom:19px;left:4vw;right:4vw;font-size:9px;letter-spacing:.16em;display:flex;justify-content:space-between}.result{background:var(--paper);color:var(--ink);padding:85px 4vw 24px;min-height:100vh}.result-heading{position:relative}.result h2{font-size:clamp(45px,7vw,105px);line-height:.94;letter-spacing:-.055em;font-weight:450;margin:0 0 35px}.lead{position:absolute;right:1vw;bottom:0;font-size:15px;line-height:1.7}.finished{margin:0}.finished img{width:100%;display:block;max-height:62vh;object-fit:cover;object-position:center 55%}.finished figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;padding:18px 0}.details{display:flex;gap:38px;align-items:center;border-top:1px solid #15191930;padding:27px 0;font-size:13px}.details a{margin-left:auto}footer{display:flex;justify-content:space-between;font-size:9px;color:#58615c;padding-top:30px}.reduced .journey{height:100svh}.reduced .scroll-hint{display:none}
.visual{inset:0}.visual img{object-fit:cover;object-position:58% center;mask-image:none}.visual::after{content:'';position:absolute;inset:0;background:linear-gradient(#0009,transparent 36%,transparent 70%,#000b);pointer-events:none}.intro{top:116px;text-shadow:0 2px 25px #0008}.stage-bottom,.timeline,.scroll-hint{z-index:2}.result{padding:0;height:460vh;min-height:0;position:relative}.gallery-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;padding:40px 0 25px;background:var(--paper)}.gallery-heading{padding:0 4vw;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.gallery-heading h2{font-size:clamp(38px,4.5vw,72px);margin:0;white-space:nowrap}.gallery-heading .eyebrow{margin-bottom:14px}.gallery-count{font-size:12px;letter-spacing:.15em;color:#748079}.gallery-count b{color:var(--ink);font-weight:500}.gallery-window{overflow:hidden}.car-track{display:flex;gap:32px;padding:0 4vw;width:max-content;will-change:transform}.car-card{width:68vw;max-width:1120px;flex:none;margin:0}.car-card img{display:block;width:100%;height:54vh;min-height:250px;object-fit:cover;background:#d3d8d2}.car-card figcaption{display:flex;justify-content:space-between;align-items:end;padding:20px 0 0}.car-number{font-size:9px;letter-spacing:.15em;color:#647068}.car-card h3{font-size:clamp(25px,3vw,45px);font-weight:450;letter-spacing:-.045em;margin:5px 0 0}.car-card p{font-size:12px;margin:0 0 4px}.gallery-bottom{padding:20px 4vw 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#647068}.gallery-bottom button{width:40px;height:36px;background:none;border:1px solid #15191930;margin-left:8px;color:#151919}.gallery-bottom button:disabled{opacity:.3;cursor:default}.gallery-progress{height:1px;background:#15191925;margin:18px 4vw 0}.gallery-progress span{display:block;width:20%;height:2px;background:#38513e;transform-origin:left}.end-footer{background:var(--paper);color:var(--ink);padding:30px 4vw;gap:25px;align-items:center;font-size:11px}.end-footer span{font-size:9px;color:#647068}.reduced .result{height:auto!important}.reduced .gallery-stage{height:auto;position:static}.reduced .gallery-window{overflow-x:auto;scroll-snap-type:x mandatory}.reduced .car-track{transform:none!important}.reduced .car-card{scroll-snap-align:center}.reduced .gallery-bottom>span{font-size:0}.reduced .gallery-bottom>span::after{content:'Листайте фотографии стрелками';font-size:11px}
@media(max-width:700px){header{height:72px;padding:0 22px}.brand{font-size:17px}.nav{font-size:11px}.stage{min-height:540px}.journey{height:300vh}.intro{left:22px;right:22px;top:110px}h1{font-size:clamp(34px,8.8vw,54px)}.eyebrow{font-size:9px}.visual{inset:26% -6% 17%}.visual img{object-fit:contain;mask-image:linear-gradient(transparent,#000 17%,#000 83%,transparent)}.visual::after{display:none}.stage-bottom{left:22px;right:22px;bottom:82px;align-items:start;gap:15px}.stage-bottom>div{max-width:45%}#watch{max-width:50%;font-size:11px;padding:10px}#watch span{margin-left:6px}.timeline,.scroll-hint{left:22px;right:22px}.scroll-hint{font-size:8px;letter-spacing:.06em}.gallery-stage{padding-top:45px;min-height:540px}.gallery-heading{padding:0 22px;margin-bottom:30px}.gallery-heading h2{font-size:37px;white-space:normal;max-width:270px;line-height:1.06}.gallery-heading .eyebrow{font-size:8px;max-width:210px}.gallery-count{font-size:10px;white-space:nowrap}.car-track{gap:18px;padding:0 22px}.car-card{width:86vw}.car-card img{height:43svh;min-height:220px;object-fit:contain}.car-card figcaption{display:block}.car-card h3{font-size:32px}.car-card p{margin-top:8px;font-size:11px}.gallery-bottom{padding:25px 22px 0;gap:10px}.gallery-bottom>span{max-width:190px;line-height:1.5}.gallery-bottom>div{display:flex}.gallery-progress{margin-left:22px;margin-right:22px}.end-footer{padding:25px 22px;flex-wrap:wrap;line-height:1.5}.end-footer span{order:3;max-width:none;width:100%}}
.car-card img{object-position:center}
.journey{height:460svh}.result{margin-top:-100svh;z-index:3;background:transparent}.gallery-stage{box-shadow:0 -20px 70px #0003}
.clients-intro{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:var(--paper);pointer-events:none;opacity:var(--intro-opacity,1)}
.clients-intro>span{font-size:clamp(60px,11vw,170px);letter-spacing:-.065em;line-height:1;filter:blur(var(--intro-blur,0px));transform:translateY(var(--intro-y,0px));text-align:center}
.gallery-stage>.gallery-heading,.gallery-stage>.gallery-window{opacity:var(--content-opacity,0)}
.reduced .result{margin-top:0}.reduced .clients-intro{display:none}.reduced .gallery-stage{--content-opacity:1}
@media(max-width:700px){body:not(.reduced) .journey{height:400svh}.clients-intro>span{font-size:clamp(56px,15vw,100px);max-width:90%;}.clients-intro em{display:block}}
/* Touch layouts keep the car intact and controls inside the stable viewport. */
@media(max-width:700px){
 header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .stage{height:100svh;min-height:0}
 .journey{height:300svh}
 .intro{top:100px;left:20px;right:20px}
 h1{font-size:clamp(30px,8.4vw,48px)}
 .visual{inset:29% 0 22%}
 .visual img{object-position:center;mask-image:none}
 .stage-bottom{bottom:calc(76px + env(safe-area-inset-bottom));left:20px;right:20px;align-items:center}
 .stage-bottom>div{font-size:12px}
 #watch{min-height:44px;padding:12px;line-height:1.4}
 .timeline{bottom:calc(51px + env(safe-area-inset-bottom))}
 .scroll-hint{bottom:calc(23px + env(safe-area-inset-bottom))}
 .gallery-stage{height:100svh;min-height:0;padding-top:28px;padding-bottom:env(safe-area-inset-bottom)}
 .gallery-bottom button{width:46px;height:46px;touch-action:manipulation}
 .gallery-heading h2{font-size:clamp(30px,8.6vw,37px)}
 .car-card{width:calc(100vw - 44px)}
 .gallery-bottom{padding-top:16px}
}
@media(max-width:700px) and (max-height:650px){
 .intro{top:86px}.intro .eyebrow{margin-bottom:12px}h1{font-size:30px}
 .gallery-stage .gallery-heading{margin-bottom:18px}.gallery-stage{padding-top:18px}
 .car-card figcaption{padding-top:10px}.car-card h3{font-size:25px}
 .gallery-bottom{padding-top:10px}.gallery-progress{margin-top:10px}
}
@media(max-width:700px){.car-card img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}.gallery-stage{display:flex;flex-direction:column}.gallery-bottom{margin-top:auto}.gallery-progress{margin-bottom:15px}.gallery-heading{margin-bottom:40px}}