*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:#101413;color:#eeeae1;font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;color:white;mix-blend-mode:difference}.brand{font-size:19px;letter-spacing:.2em}.brand span{display:block;margin-top:7px;font-size:8px;letter-spacing:.25em}header button{border:0;background:none;color:inherit;font-size:11px;letter-spacing:.15em}nav{position:fixed;inset:0;z-index:25;background:#e8e6df;color:#151917;padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:20px}nav[hidden]{display:none}nav a{font-size:clamp(26px,4vw,60px)}.paper{background:#edece6;color:#17201e}.dark{background:#101413}.eyebrow,.micro{font-size:10px;letter-spacing:.18em;line-height:1.6}.eyebrow{margin:0 0 24px;color:#8c9a92}.paper .eyebrow{color:#68776e}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:0}h1{font-size:clamp(52px,7.5vw,110px)}h2{font-size:clamp(38px,5.5vw,82px)}h3{font-size:clamp(24px,2.5vw,38px)}p{font-size:15px;line-height:1.8}small,figcaption{font-size:11px;line-height:1.7;color:#738078}figure{margin:0}.slot{position:relative;overflow:hidden;background:#25332f;color:#abafa0;display:grid;place-items:center;min-height:100px;isolation:isolate}.slot:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 42%,#72948030,transparent 65%),linear-gradient(140deg,#ffffff08,transparent 65%);z-index:-1}.slot:after{content:'';position:absolute;inset:15px;border:1px solid #c9d1bc16;pointer-events:none}.slot svg{width:82%;height:68%;opacity:.35;transition:transform .1s linear}.slot .asset-label{position:absolute;left:24px;bottom:22px;font-size:9px;letter-spacing:.15em;line-height:1.8;text-transform:uppercase;z-index:2}.slot .asset-label b{font-weight:400;display:block;color:#e7e4d3}.slot img,.slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot.has-media:after{display:none}.landscape{aspect-ratio:16/10}.square{aspect-ratio:1}.portrait{aspect-ratio:3/4}.panoramic{aspect-ratio:16/9}.cinema{height:calc(var(--screens,3)*100svh)}.cinema-stage{height:100svh;position:sticky;top:0;overflow:hidden}.cinema-stage>.slot{position:absolute;inset:0;width:100%;height:100%}.cinema-stage .slot svg{transform:scale(calc(1 + var(--p,0)*.4)) translateX(calc(var(--p,0)*-6%))}.cinema-title{position:absolute;top:28%;left:8vw;max-width:80%;opacity:var(--fade,1);pointer-events:none}.cinema-title p{color:#b8c3ba}.scene-bottom,.visual-caption{position:absolute;bottom:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#e8ebdf}.cinema-stage .asset-label{bottom:80px;left:auto;right:4vw;text-align:right}.intro-copy{padding:130px 10vw}.intro-columns{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro-columns p{margin:0;max-width:460px}.split-story{display:grid;grid-template-columns:64% 36%;align-items:start}.pinned-visual{position:sticky;top:0;height:100svh}.pinned-visual>.slot{height:100%;width:100%}.pinned-visual .slot svg{transform:translateX(calc(var(--p,0)*-5%)) scale(calc(1 + var(--p,0)*.15))}.pinned-visual .asset-label{bottom:90px}.story-rail{padding:0 4vw}.story-rail article{padding:95px 0 75px;min-height:95svh;border-bottom:1px solid #17201e25}.story-rail h2{font-size:clamp(32px,3.4vw,53px)}.story-rail p{font-size:13px;line-height:1.85}.story-rail .slot{margin:25px 0 12px}.story-rail .slot .asset-label{left:16px;bottom:15px;font-size:8px}.gallery,.interior-story,.journal{padding:110px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.section-heading>p{max-width:330px;font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px;align-items:start}.gallery-item{border:0;background:none;padding:0;text-align:left;color:inherit;min-width:0}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item>span{display:flex;justify-content:space-between;font-size:11px;padding:15px 0;border-bottom:1px solid #0002}.gallery-item:hover svg{transform:scale(1.06)}.statement{text-align:center;padding:125px 20px}.statement p:last-child{color:#8f9c94}.specs-rail dl{margin:30px 0}.specs-rail dl div{border-top:1px solid #17201e30;padding:22px 0}.specs-rail dt{font-size:11px;color:#6d7872}.specs-rail dd{font-size:65px;letter-spacing:-.06em;margin:10px 0 0}.specs-rail em{font-style:normal;font-size:14px;letter-spacing:0}.interior-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.interior-grid figure{grid-column:span 2}.interior-grid figcaption{margin-top:15px}.interior-grid article:nth-child(3){padding-top:100px}.interior-grid h3{margin-top:25px}.interior-grid article p{max-width:360px;font-size:13px}.film{text-align:center;padding:100px 7vw}.film .slot{margin:55px auto 20px;max-width:1200px}.film>p:last-child{font-size:12px;color:#87968c;max-width:650px;margin:20px auto}.heritage{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:5vw;padding:130px 5vw;align-items:center}.heritage-photos{display:grid;gap:80px}.heritage-copy{text-align:center}.heritage-copy h2{font-size:clamp(35px,4vw,62px)}.heritage-copy p{font-size:13px}.heritage-last{padding-top:180px}details{border-top:1px solid #89938955;margin-top:22px;padding-top:15px}summary{cursor:pointer;list-style:none;font-size:12px;line-height:1.6}summary::-webkit-details-marker{display:none}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journal-grid .eyebrow{margin:25px 0 15px}.journal-grid h3{font-size:28px}.journal-grid details p{font-size:13px}.contact{position:relative;min-height:650px;display:flex;align-items:center;padding:100px 8vw}.contact-backdrop{position:absolute;inset:0;width:100%;height:100%;opacity:.35}.contact-copy{position:relative;max-width:600px}.contact-copy>p{max-width:370px}.outline{background:transparent;border:1px solid #c7cfc4;color:inherit;padding:18px 25px;font-size:10px;letter-spacing:.1em}.contact-note{font-size:12px;color:#b4c0b4}footer{background:#edece6;color:#18231e;padding:65px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px}#footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}footer>a:last-child{font-size:11px;text-align:right}dialog{border:0;width:min(1000px,94vw);padding:45px 25px 25px;background:#edece6;color:#16211c}dialog::backdrop{background:#000d}#lightbox-close{position:absolute;top:15px;right:20px;background:none;border:0;font-size:11px}#lightbox-media .slot{height:65vh}#lightbox-caption{font-size:13px}.slot[data-art=road]{background:#26343a}.slot[data-art=detail]{background:#514941}.slot[data-art=wheel]{background:#403a32}.slot[data-art=lights]{background:#352f2d}.slot[data-art=cabin]{background:#393c33}@media(max-width:700px){header{padding:23px 6vw}.brand{font-size:15px}.brand span{font-size:7px}h1{font-size:52px}h2{font-size:40px}.cinema-title{left:7vw;top:27%}.cinema-title p{font-size:12px}.cinema-stage .asset-label{font-size:8px}.scene-bottom{font-size:7px;gap:15px}.intro-copy{padding:80px 7vw}.intro-columns{grid-template-columns:1fr;gap:20px;margin-top:35px}.split-story{display:block}.pinned-visual{height:43svh;z-index:2;top:0}.visual-caption{bottom:18px;font-size:8px}.pinned-visual .asset-label{bottom:50px;font-size:7px}.story-rail{padding:0 7vw}.story-rail article{min-height:0;padding:60px 0}.story-rail .slot{max-height:420px}.story-rail h2{font-size:38px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.gallery,.interior-story,.journal{padding:75px 7vw}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.gallery-item.tall{grid-row:auto}.gallery-item.wide{grid-column:span 2}.gallery-item .asset-label{font-size:7px;left:12px;bottom:12px}.gallery-item>span{font-size:9px}.statement{padding:85px 7vw}.interior-grid{gap:35px;grid-template-columns:1fr}.interior-grid figure{grid-column:auto}.interior-grid article:nth-child(3){padding-top:0}.film{padding:80px 7vw}.heritage{grid-template-columns:1fr 1fr;padding:80px 7vw;gap:30px}.heritage-copy{grid-column:span 2;grid-row:1}.heritage-photos{gap:25px}.heritage-last{padding-top:0}.journal-grid{grid-template-columns:1fr;gap:50px}.contact{min-height:620px;padding:80px 7vw}footer{grid-template-columns:1fr;gap:35px}footer>a:last-child{text-align:left}nav{grid-template-columns:1fr;gap:16px;padding:110px 8vw 40px}nav a{font-size:25px}.slot .asset-label{max-width:85%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema{height:100svh}.cinema-title{opacity:1}.slot svg{transform:none!important;transition:none}.pinned-visual{position:relative}}
/* Фотографии: сохраняем автомобиль целиком в узких блоках. */
.slot.has-media{background:#18201e}.gallery-item .slot.has-media{aspect-ratio:1672/941}.gallery-item.tall{grid-row:auto}.gallery-grid{align-items:start}.travel-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.travel-gallery{padding-top:30px}
.pinned-visual .slot.has-media img{object-fit:contain}.cinema-stage>.has-media:after{display:block;inset:0;border:0;background:linear-gradient(180deg,#0005,transparent 48%,#0005)}.cinema-title{top:16%;text-shadow:0 2px 24px #0007}.cinema-title h1,.cinema-title h2{font-size:clamp(45px,5.8vw,88px)}.cinema-title p{color:#fff}.cinema-title .eyebrow{margin-bottom:15px}#lightbox-media .slot img{object-fit:contain}.contact-backdrop.has-media{opacity:.55}.contact-copy{text-shadow:0 2px 16px #000}.contact:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101413b0,transparent);pointer-events:none}.contact-copy{z-index:1}
@media(max-width:700px){.travel-grid{grid-template-columns:1fr}.cinema-stage>.has-media img{object-fit:contain}.cinema-stage>.has-media{background:#111916}.cinema-title{top:15%;max-width:88%}.cinema-title h1,.cinema-title h2{font-size:40px}.cinema-title>p:last-child{display:none}.cinema-title .eyebrow{font-size:8px}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-column:span 2}.pinned-visual .slot.has-media img{object-fit:contain}}
header{mix-blend-mode:normal;background:linear-gradient(#10141380,transparent);color:white;text-shadow:0 1px 8px #0008}
@media(max-aspect-ratio:4/3){.cinema-stage>.has-media img{object-fit:contain}.cinema-stage>.has-media{background:#111916}}

/* Смысловая последовательность: обзор, управление, посадка, крыша, багаж. */
.interior-grid .slot.has-media,.cargo-grid .slot.has-media{aspect-ratio:1672/941}
.interior-grid article:nth-child(3){padding-top:0}.interior-grid article:nth-child(5){padding-top:60px}
.interior-grid .roof-photo{margin-top:25px}.cargo-story{padding:50px 7vw 110px}.cargo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:start}.cargo-grid figure:nth-child(2){padding-top:100px}.cargo-grid figcaption{margin-top:16px}
@media(max-width:700px){.interior-grid article:nth-child(5){padding-top:0}.cargo-story{padding:35px 7vw 75px}.cargo-grid{grid-template-columns:1fr;gap:35px}.cargo-grid figure:nth-child(2){padding-top:0}nav{gap:12px}nav a{font-size:23px}}

@media(max-aspect-ratio:4/3){.cinema-stage>.has-media video{object-fit:contain}}

.cinema-loop .cinema-stage{position:relative}.cinema-loop .cinema-title{opacity:1}

.pinned-visual .slot.has-media video{object-fit:contain}


/* Мобильная обложка: единая композиция, полный автомобиль, мягкие края кадра. */
.hero-discover{display:none}
@media(max-width:700px){
header{height:86px;padding:20px 6vw;align-items:center;background:linear-gradient(#0c151bb3,transparent)}
header .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;letter-spacing:.22em;text-align:center;white-space:nowrap}
header .brand span{font-size:5px;letter-spacing:.25em;margin-top:9px}
header button{font-size:0;width:22px;height:24px;padding:0;border-top:1px solid #ffffffb0;border-bottom:1px solid #ffffffb0;height:10px}
header button[aria-expanded=true]{transform:rotate(-45deg)}
#intro{height:auto}
#intro .cinema-stage{height:auto;min-height:0;display:flex;flex-direction:column;padding:122px 0 34px;background:#18232b;isolation:isolate}
#intro .cinema-stage:before{content:'';position:absolute;inset:-30px;z-index:-1;background:linear-gradient(#0d172a55,#10191f99),url('assets/road-mountains.png') center/cover;filter:blur(22px);transform:scale(1.1)}
#intro .cinema-title{position:relative;inset:auto;order:0;max-width:none;padding:0 6vw 16px;text-align:center;text-shadow:0 2px 20px #0004}
#intro .cinema-title .eyebrow{font-size:8px;letter-spacing:.24em;color:#e1e6e8;margin-bottom:18px}
#intro .cinema-title h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,7.5vw,52px);font-weight:400;letter-spacing:-.04em;line-height:1.08}
#intro .cinema-stage>.slot{position:relative;inset:auto;order:1;height:auto;aspect-ratio:16/9;width:100%;background:transparent;overflow:visible;mask-image:linear-gradient(transparent,#000 13%,#000 88%,transparent)}
#intro .cinema-stage>.has-media video,#intro .cinema-stage>.has-media img{object-fit:contain;object-position:center}
#intro .cinema-stage>.has-media:before,#intro .cinema-stage>.has-media:after{display:none}
#intro .scene-bottom{position:relative;inset:auto;order:2;display:block;padding:18px 7vw 0;margin:0}
#intro .scene-bottom>span{display:none}
#intro .hero-discover{display:flex;justify-content:space-between;align-items:center;background:#f3f1eb;color:#18232b;padding:19px 22px;font-size:10px;letter-spacing:.13em;text-shadow:none}
#intro .hero-discover:after{content:'↗';font-size:17px;line-height:1}
}
/* Галерея раскрывается горизонтально по мере прокрутки. */
#gallery.gallery-motion{padding:0;position:relative}
.gallery-motion-stage{width:100%}
.gallery-motion .gallery-motion-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:95px 0 25px}
.gallery-motion .section-heading{padding:0 7vw;margin-bottom:30px}
.gallery-motion .section-heading h2{font-size:clamp(30px,4vw,58px)}
.gallery-motion .gallery-grid{display:flex;gap:3vw;padding:0 7vw;width:max-content;will-change:transform}
.gallery-motion .gallery-item{flex:0 0 auto;width:min(68vw,1050px)}
.gallery-motion .gallery-item .slot{aspect-ratio:16/9;max-height:57svh}
@media(max-width:700px){.gallery-motion .gallery-motion-stage{padding-top:100px;height:85svh}.gallery-motion .section-heading>p{display:none}.gallery-motion .gallery-item{width:86vw}.gallery-motion .gallery-grid{gap:5vw}.gallery-motion .section-heading h2{font-size:34px}.gallery-motion .section-heading .eyebrow{margin-bottom:12px}}
@media(max-width:700px){.gallery-motion .gallery-motion-stage{height:auto;padding-bottom:35px}}
/* Story chapters: subtle photographic motion and a quiet archive. */
.story-still{transform:scale(calc(1 + var(--p,0)*.045));will-change:transform}
.story-rail article{transition:opacity .5s ease;opacity:.55}
.story-rail article.in-view{opacity:1}
.gallery-archive{margin:0;padding:35px 7vw;border-top:1px solid #17201e25}
.gallery-archive>summary{font-size:15px;letter-spacing:.08em;display:flex;justify-content:space-between;padding:18px 0}
.gallery-archive .gallery{padding:45px 0}
#evening,#interior{--screens:2!important}
#evening .cinema-title,#interior .cinema-title{max-width:650px}
.story-scene .pinned-visual video{object-fit:contain}
@media(max-width:700px){.story-scene .pinned-visual{height:auto;aspect-ratio:16/9;background:#17201e}.story-scene .cinema-stage{display:flex;align-items:center}.story-scene .cinema-stage>.slot{height:100%;}.story-scene .cinema-stage>.slot img{object-fit:contain}.story-rail article{opacity:1}.story-scene .visual-caption{background:#10141388;padding:6px;bottom:8px}.story-scene .cinema-title h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.story-still{transform:none;will-change:auto}.story-rail article{opacity:1;transition:none}#evening,#interior{height:100svh}}
@media(max-width:700px){.story-scene .pinned-visual{top:70px}.story-scene{scroll-margin-top:0}.story-scene .cinema-stage{height:78svh}.story-scene.cinema{height:150svh}}
@media(prefers-reduced-motion:reduce){.story-scene.cinema{height:auto}.story-scene .pinned-visual{position:relative;top:auto}}

/* One continuous rear-to-front transition, with a short final-frame hold. */
#evening.continuous-transition{position:relative;height:400svh;--screens:4!important}
.scene-anchor{position:absolute;top:0;left:0}
@media(max-width:700px){#evening.continuous-transition{height:320svh}#evening.continuous-transition .cinema-stage{height:100svh}#evening.continuous-transition video{object-fit:contain}}
@media(prefers-reduced-motion:reduce){#evening.continuous-transition{height:100svh}}