/* AIO discovery hero: based on the service deck cover. */
.hero{background:#f8fafc;color:var(--navy);border-bottom:1px solid var(--line)}
.hero-layout{grid-template-columns:48% 52%;min-height:620px}
.hero-copy{padding-top:86px;padding-bottom:52px}
.hero .eyebrow{color:#405970;display:flex;font-weight:650}
.hero h1{color:var(--navy);font-size:clamp(38px,3.65vw,58px)}
.hero h1 em{color:#ec6b20}
.hero .lead{color:#4e6374}
.hero .text-link{color:var(--navy);border-color:#bdcad4}
.hero-price{color:#61717d}.hero-price strong{color:var(--navy)}
.hero-image{min-height:620px;background:#fff;display:flex;align-items:center;justify-content:center;padding:22px 20px 46px}
.hero-image>img{position:static;width:100%;height:100%;max-height:575px;object-fit:contain;object-position:center}
.hero-image:after{display:none}
.hero-image figcaption{position:absolute;bottom:17px;left:22px;right:22px;font-size:11px;line-height:1.7;text-align:center;color:#6e7d89}
.hero-bottom{border-top:1px solid #dce4eb;color:#556b7d}
.hero-bottom>span,.hero-bottom a{color:var(--navy)}
@media(max-width:1100px){.hero-copy{padding-top:64px}.hero h1{font-size:40px}.hero-image{padding:16px 6px 54px;min-height:600px}}
@media(max-width:800px){.hero h1{font-size:33px}.hero-copy{padding-top:48px}.hero-image{min-height:590px}}
@media(max-width:650px){.hero-layout{min-height:0}.hero-copy{padding:34px 24px 26px}.hero h1{font-size:clamp(34px,8.8vw,48px)}.hero-image{min-height:0;height:auto;padding:0 14px 46px}.hero-image>img{height:auto;max-height:400px;width:100%}.hero-image figcaption{font-size:10px;bottom:12px;left:20px;right:20px}.hero-bottom{padding:18px 24px}}