/* A photographic opening composed independently of the second-screen brand film. */
.hero{max-height:none}
.hero h1{font-size:clamp(76px,7.4vw,116px);line-height:1.02;letter-spacing:-.06em;max-width:820px;width:65%;margin-bottom:28px}
.hero-title-rotation{height:1.08em}
.hero-title-insurance{line-height:1.05}
.hero-content{padding-bottom:30px;translate:0 var(--hero-copy-y,0px)}
.content-preserved .hero-content>.eyebrow{font-size:15px;line-height:1.5;font-weight:450;letter-spacing:0;text-transform:none;color:#fff;margin-bottom:28px;opacity:.82}
.content-preserved .hero-content>.eyebrow:before{display:none}
.hero-broker-assurance{max-width:380px;width:380px}
.hero-wash{background:linear-gradient(90deg,#111111dd 0%,#1111119e 30%,#1111110a 70%),linear-gradient(0deg,#111111e3 0%,#11111118 43%,transparent 80%)}
.hero-fleet-viewport{transform:translate3d(0,var(--hero-scroll-y,0px),0);will-change:transform,clip-path}
.hero-fleet-slide{opacity:0;z-index:0;transition:opacity .5s ease}
.hero-fleet-slide[data-leaving="true"]{opacity:1;z-index:1}
.hero-fleet-slide[data-active="true"]{opacity:1;z-index:2}
.motion-enabled .hero[data-transitioned="true"] .hero-fleet-slide[data-active="true"]{animation:hero-scene-reveal 1.6s cubic-bezier(.76,0,.18,1) both}
.hero-fleet-gallery[data-motion="true"] .hero-fleet-slide[data-active="true"] .hero-fleet-image{animation:hero-photographic-travel var(--scene-duration,6800ms) linear both}
.hero-fleet-gallery .hero-fleet-slide[data-leaving="true"] .hero-fleet-image{animation:none;transform:var(--held-transform,none)}
.hero-fleet-gallery[data-motion="true"][data-playing="false"] .hero-fleet-slide[data-active="true"] .hero-fleet-image{animation-play-state:paused}
.hero-fleet-controls{display:flex;align-items:center;justify-content:space-between;gap:32px;width:430px!important;max-width:430px!important;padding-bottom:0!important;bottom:32px}
.hero-scene-position{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fff}
.hero-scene-tracks{display:flex;gap:6px}
.hero-scene-tracks>span{position:relative;display:block;width:22px;height:2px;background:#ffffff38;overflow:hidden}
.hero-scene-tracks i{display:block;width:100%;height:100%;background:#ffd84f;transform:scaleX(0);transform-origin:left}
.hero-scene-tracks>span[data-active="true"] i{animation:hero-scene-time var(--scene-duration,5800ms) linear forwards}
.hero-fleet-gallery[data-playing="false"] .hero-scene-tracks i{animation-play-state:paused}
.hero-scene-total{opacity:.45}
.hero-scene-navigation{position:static;inset:auto;display:flex;gap:6px;flex:none}
.hero-scene-navigation button{width:36px;height:36px}
.hero-scene-navigation svg{width:17px;height:17px;stroke-width:1.35}
.motion-enabled .hero:not([data-ready="true"]) .hero-content>*{opacity:0}
.motion-enabled .hero:not([data-ready="true"]) .hero-fleet-viewport{clip-path:inset(16% 3% 16% 43% round 4px)}
.motion-enabled .hero[data-ready="true"] .hero-fleet-viewport{animation:hero-picture-unfold 2.2s cubic-bezier(.22,1,.36,1) both}
.motion-enabled .hero[data-ready="true"] .hero-content>.eyebrow{animation:hero-copy-enter 1s .1s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .hero[data-ready="true"] .hero-title-line{animation:hero-heading-enter 1.5s .22s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .hero[data-ready="true"] .hero-title-insurance{animation:hero-heading-enter 1.5s .42s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .hero[data-ready="true"] .hero-broker-assurance{animation:hero-copy-enter 1.2s .72s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .hero[data-ready="true"] .hero-actions,.motion-enabled .hero[data-ready="true"] .hero-response{animation:hero-copy-enter 1.2s .87s cubic-bezier(.16,1,.3,1) both}
.motion-enabled .hero[data-ready="true"] .hero-fleet-controls{animation:hero-copy-enter 1s 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-picture-unfold{0%{clip-path:inset(16% 3% 16% 43% round 4px)}45%{clip-path:inset(6% 0 6% 28% round 2px)}100%{clip-path:inset(0 round 0px)}}
@keyframes hero-scene-reveal{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes hero-photographic-travel{from{transform:scale(1.1) translate3d(1.4%,0,0)}to{transform:scale(1.035) translate3d(-.5%,0,0)}}
@keyframes hero-heading-enter{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(42px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes hero-copy-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-scene-time{to{transform:scaleX(1)}}
@media(max-width:1100px) and (min-width:801px){.hero h1{font-size:80px;width:72%}.hero-fleet-controls{width:400px!important;max-width:400px!important}}
@media(max-width:800px){
 .hero h1{font-size:clamp(50px,10.6vw,72px);width:100%;max-width:600px;line-height:1.04;letter-spacing:-.055em;margin-bottom:24px}
 .hero-content{padding-bottom:0}
 .content-preserved .hero-content>.eyebrow{font-size:13px;margin-bottom:25px}
 .hero-broker-assurance{max-width:100%;width:330px}
 .hero-wash{background:linear-gradient(180deg,#111 0%,#111111f0 20%,#111111b8 39%,#11111100 69%),linear-gradient(0deg,#111111c9,transparent 30%)}
 .motion-enabled .hero[data-ready="true"] .hero-fleet-viewport{animation-name:hero-picture-unfold-mobile}
 .hero-fleet-controls{left:22px;right:22px;bottom:30px;width:auto!important;max-width:none!important;gap:12px}
 .hero-scene-position{gap:9px;font-size:9px}
 .hero-scene-tracks{gap:4px}
 .hero-scene-tracks>span{width:16px}
 .hero-scene-navigation{gap:1px}
 .hero-scene-navigation button{width:30px;height:36px}
}
@keyframes hero-picture-unfold-mobile{from{clip-path:inset(15% 8% 14% 8% round 3px)}to{clip-path:inset(0 round 0px)}}
html:not(.motion-enabled) .hero-fleet-viewport,html:not(.motion-enabled) .hero-fleet-slide{animation:none;clip-path:none}
@media(prefers-reduced-motion:reduce){.motion-enabled .hero-fleet-viewport,.motion-enabled .hero-fleet-slide,.motion-enabled .hero-content>*{animation:none!important;clip-path:none!important}.hero-scene-tracks i{animation:none!important}}
