#content .rev3-hero{--dw-hero-text-inset:8%}
#content#content>.rev3-hero .hero-copy{left:var(--dw-hero-text-inset)}
#content#content>.rev3-hero .hero-bottom>span{left:var(--dw-hero-text-inset)}
@media(max-width:767px){#content .rev3-hero{--dw-hero-text-inset:24px}#content#content>.rev3-hero .hero-copy{right:24px}}

#content#content>.rev3-hero::after{inset:auto auto 0 0;width:min(850px,65%);height:440px;pointer-events:none;background:radial-gradient(ellipse at left bottom,rgba(0,0,0,.65),rgba(0,0,0,.28) 45%,transparent 74%)}
#content#content>.rev3-hero .hero-copy{top:auto;bottom:86px;right:auto;transform:none;width:min(600px,calc(100% - 100px));max-width:600px;background:transparent;z-index:2}
#content#content>.rev3-hero .hero-copy h1{font-size:clamp(26px,2.2vw,36px)!important;margin:10px 0 14px}
#content#content>.rev3-hero .hero-copy>p:not(.eyebrow){white-space:normal;font-size:16px;line-height:1.6}
#content#content>.rev3-hero .hero-copy .text-link{margin-top:16px}
#content .rev3-hero>.dh-hero-outgoing{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none;animation:dh-hero-fade-out .8s ease both}
@keyframes dh-hero-fade-out{from{opacity:1}to{opacity:0}}
@media(max-width:767px){#content#content>.rev3-hero::after{width:100%;height:400px}#content#content>.rev3-hero .hero-copy{bottom:124px;width:calc(100% - 48px);right:24px}#content#content>.rev3-hero .hero-copy h1{font-size:26px!important}#content#content>.rev3-hero .hero-copy>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){#content .rev3-hero>.dh-hero-outgoing{animation:none;display:none}}
/* Keep the banner focused on its title and main message. */
#content#content>.rev3-hero .hero-copy>.eyebrow,#content#content>.rev3-hero .hero-bottom>span{display:none}
#content#content>.rev3-hero .hero-copy .text-link{font-size:13px;line-height:1.4;min-height:32px;padding:6px 0;margin-top:12px;gap:12px;font-weight:400}
#content#content>.rev3-hero .hero-copy .text-link svg{width:15px;height:15px}