/* The user's preferred photo-led hero. Scope changes to the hero and fleet imagery. */
.hero--cinematic{display:flex;align-items:center;min-height:calc(100svh - 88px);padding:80px var(--edge) 112px;isolation:isolate;overflow:hidden;gap:0;background:#121613}
.hero--cinematic .hero__bg{position:absolute;inset:0;z-index:-3;overflow:hidden}
.hero--cinematic .hero__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.6)}
.hero--cinematic .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,17,14,.96) 0%,rgba(12,17,14,.83) 29%,rgba(12,17,14,.24) 69%,rgba(12,17,14,.1)),linear-gradient(0deg,rgba(12,17,14,.63),transparent 40%)}
.hero--cinematic .hero-content{width:650px;max-width:100%;position:relative}
.hero--cinematic h1{font-size:clamp(68px,6.65vw,96px);line-height:1;letter-spacing:-.015em;margin:0 0 28px;text-wrap:initial}
.hero--cinematic h1 br{display:block}
.hero--cinematic h1 em{display:inline}
.hero--cinematic .hero-desc{font-size:16px;line-height:1.85;color:#dedfd5;margin-bottom:32px;max-width:520px}
.hero--cinematic .hero-actions{display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap}
.hero--cinematic .hero-bottom{display:flex;align-items:center;text-transform:uppercase;letter-spacing:.11em;font-size:11px;color:#d9dacf;bottom:24px}
.hero--cinematic .hero-bottom>a{font-size:11px}
.hero--cinematic .text-link{color:#f3f0e9}
.car-photo{background:transparent;height:230px}
.car-photo img,.car-card:last-child .car-photo img{object-fit:contain;mix-blend-mode:normal;padding:28px 12px 0}
.car-photo .tag{background:transparent;color:var(--gold);top:8px;left:14px;padding:5px 0}
.logo{font-size:32px;letter-spacing:0}
.logo small{font-size:13px;letter-spacing:0;margin-left:1px}
@media(max-width:1100px){.hero--cinematic{min-height:calc(100svh - 80px);padding-top:72px;padding-bottom:100px}.hero--cinematic .hero-content{width:580px}.hero--cinematic h1{font-size:80px}.hero--cinematic .hero__bg img{object-position:57% 50%}.hero--cinematic .hero-shade{background:linear-gradient(90deg,#101611ef 0%,#101611b0 47%,#10161128 100%),linear-gradient(0deg,#10161185,transparent 50%)}}
@media(max-width:760px){.hero--cinematic{min-height:calc(100svh - 72px);padding:60px 24px 100px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.hero--cinematic .hero-content{width:100%;flex:0 0 auto}.hero--cinematic h1{font-size:clamp(58px,15.5vw,76px);line-height:1.02;margin-bottom:24px}.hero--cinematic h1 br{display:block}.hero--cinematic h1 em{display:inline}.hero--cinematic .hero-desc{font-size:15px;line-height:1.8;margin-bottom:28px;max-width:340px}.hero--cinematic .hero-desc br{display:none}.hero--cinematic .hero-actions{gap:24px;align-items:center}.hero--cinematic .hero-actions .button{padding:14px 20px;min-width:174px}.hero--cinematic .hero-actions .text-link{font-size:13px}.hero--cinematic .hero__bg img{object-position:64% center}.hero--cinematic .hero-shade{background:linear-gradient(90deg,#101611e8,#1016118a 62%,#1016114a),linear-gradient(0deg,#101611a0,transparent 60%)}.hero--cinematic .hero-bottom{left:24px;right:24px;bottom:20px;font-size:9px}.hero--cinematic .hero-bottom>span{max-width:160px}.hero--cinematic .hero-bottom>a{font-size:10px;gap:8px;letter-spacing:0;text-transform:none}.car-photo{height:auto;aspect-ratio:1.65}.car-photo img,.car-card:last-child .car-photo img{padding:28px 12px 0}.header .logo{font-size:29px}.header .logo small{font-size:12px}footer .logo{font-size:29px}}
@media(max-width:380px){.hero--cinematic{padding-top:48px;padding-bottom:96px}.hero--cinematic h1{font-size:58px}.hero--cinematic .hero-actions{gap:18px}.hero--cinematic .hero-actions .button{min-width:150px;padding:13px 14px}.hero--cinematic .hero-actions .text-link{font-size:12px}.header .logo{font-size:26px}}
@media(max-width:760px){.hero--cinematic .hero-bottom{font-size:11px;letter-spacing:.06em}.hero--cinematic .hero-bottom>span{max-width:none}.hero--cinematic .hero-bottom>a{display:none;font-size:12px}}

/* The process illustration uses the same transparent catalogue image as the fleet. */
.process-cutout{background:transparent;aspect-ratio:1.5;overflow:visible}.process-photo.process-cutout img{object-fit:contain;padding:12px;mix-blend-mode:normal}@media(max-width:760px){.process-cutout{aspect-ratio:1.5}.process-photo.process-cutout img{padding:0}}