/* Resource pages share the 460px desktop hero used by Blog and Resources. */
.resource-page-hero{box-sizing:border-box;min-height:460px;display:flex;align-items:center;position:relative;overflow:hidden;padding:60px 0!important;background:linear-gradient(120deg,#c5dcf6 0%,#d5e6fa 60%,#bedcf3 100%);border-bottom:1px solid #adcbed}
.resource-page-hero::before{content:"";position:absolute;width:170px;height:170px;background:#14b8a6;border-radius:50%;right:-65px;top:-80px;opacity:.75;pointer-events:none}
.resource-page-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:56px;align-items:center;width:calc(100% - 48px);max-width:1168px;margin-inline:auto}
.resource-page-hero .resource-hero-copy{min-width:0;position:relative;z-index:1}
.resource-page-hero h1{font-size:clamp(34px,3.7vw,50px)!important;line-height:1.12;max-width:850px;margin:0 0 22px;color:#104180}
.resource-page-hero .content-lead,.resource-page-hero .resource-hero-copy>p:last-child{font-size:20px;line-height:1.55;max-width:780px;margin:0}
.resource-page-hero .home-kicker,.resource-page-hero .eyebrow{margin:0 0 16px}
.resource-hero-art{display:block;width:220px;height:215px;justify-self:center}
@media(max-width:700px){
 .resource-page-hero{min-height:340px;padding:40px 0!important}
 .resource-page-hero>.wrap{grid-template-columns:minmax(0,1fr);gap:0}
 .resource-hero-art{display:none}
 .resource-page-hero .content-lead,.resource-page-hero .resource-hero-copy>p:last-child{font-size:19px}
}

/* Owl scenes share the established hero height and stay clear of the copy. */
.resource-owl-hero>.wrap{grid-template-columns:minmax(0,1fr) 320px}
.resource-hero-art.resource-hero-owl{width:320px;height:320px;object-fit:contain}
@media(max-width:900px) and (min-width:701px){.resource-owl-hero>.wrap{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.resource-hero-art.resource-hero-owl{width:250px;height:280px}}
@media(max-width:700px){.resource-owl-hero>.wrap{grid-template-columns:minmax(0,1fr)}}

/* Keep the owl scenes visible beneath the hero copy on phones. */
@media(max-width:700px){
 .resource-page-hero.resource-owl-hero>.wrap{grid-template-columns:minmax(0,1fr);gap:20px}
 .resource-page-hero.resource-owl-hero .resource-hero-art.resource-hero-owl{display:block;width:min(220px,100%);height:auto;max-height:220px;object-fit:contain;justify-self:center}
 .guide-pages .resource-page-hero.resource-owl-hero .resource-hero-art.resource-hero-owl{width:min(280px,100%);height:auto;max-height:210px}
}