.hero.hero-five{height:595px;background:#203e69;overflow:hidden;position:relative}.hero-five:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#203e69 0%,#203e69 48%,transparent 72%);z-index:2}.hero-five .hero-copy{position:relative;z-index:3;max-width:1220px;margin:auto;padding:145px 15px;color:#fff;animation:heroIn .7s both}.hero-five .hero-line{display:block;width:65px;height:4px;background:#e4aa2e;margin-bottom:18px}.hero-five .hero-copy p{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.hero-five .hero-copy h1{font-size:53px;line-height:1.05;max-width:500px;margin:0 0 27px;white-space:pre-line}.hero-five .hero-cta{border:1px solid #fff;color:#fff;padding:12px 23px;font-size:12px;font-weight:bold;letter-spacing:1px}.hero-five .hero-cta:hover{background:#e4aa2e;border-color:#e4aa2e}.hero-image{position:absolute;right:-3%;top:0;height:100%;width:57%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#31567c,#8aa4b2);transition:transform .65s ease}.hero-image img{width:100%;height:100%;object-fit:cover;opacity:.82;mix-blend-mode:screen}.hero-thumbs{position:absolute;right:5.7%;bottom:25px;z-index:4;display:flex;gap:6px}.hero-thumbs button{width:110px;height:64px;padding:0;position:relative;border:2px solid transparent;background:#152d4acc;color:#fff;overflow:hidden;cursor:pointer}.hero-thumbs button.active{border-color:#e4aa2e}.hero-thumbs img{width:100%;height:100%;object-fit:cover;opacity:.55}.hero-thumbs span{position:absolute;left:5px;bottom:3px;font-size:8px;font-weight:bold;text-shadow:0 1px 2px #000}.hero-five[data-slide="1"] .hero-image{transform:scale(1.06)}.hero-five[data-slide="2"] .hero-image{transform:translateX(-2%)}.hero-five[data-slide="3"] .hero-image{transform:scale(1.04)}.hero-five[data-slide="4"] .hero-image{transform:translateX(-3%)}@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero-five .hero-copy,.hero-five .hero-image{animation:none;transition:none}}@media(max-width:800px){.hero.hero-five{height:500px}.hero-five:before{background:linear-gradient(90deg,#203e69ee,#203e6999)}.hero-five .hero-copy{padding:80px 26px}.hero-five .hero-copy h1{font-size:36px}.hero-image{width:100%;right:0;opacity:.48;clip-path:none}.hero-thumbs{right:15px;left:15px;bottom:15px;gap:4px}.hero-thumbs button{width:calc(20% - 3px);height:48px}.hero-thumbs span{display:none}.hero-five .hero-copy p{font-size:12px}.hero-five .hero-line{margin-bottom:12px}}

/* Restarted on each slide change: product heading flies down from above. */
.hero-five .hero-copy h1.hero-title-enter{animation:heroTitleFlyDown .95s cubic-bezier(.18,.78,.22,1) both;will-change:transform,opacity}
@keyframes heroTitleFlyDown{0%{opacity:0;transform:translateY(-125px)}65%{opacity:1}100%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-five .hero-copy h1.hero-title-enter{animation:none;will-change:auto}}