.accent-resource-hero-block{position:relative;padding:48px 0 76px 0;box-sizing:border-box}

/* backdrop: extends up behind the header, rounded bottom corners, optional background image */
.accent-resource-hero-block .resource-hero-backdrop{margin-top:-180px;position:absolute;height:calc(100% + 180px);width:100%;top:0;z-index:-1}
.accent-resource-hero-block .resource-hero-backdrop-inner{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1660px;height:100%;border-bottom-left-radius:60px;border-bottom-right-radius:60px;background-size:cover;background-position:center;background-repeat:no-repeat}

.accent-resource-hero-block .resource-back{display:block;width:fit-content;margin-bottom:64px;font-family:'Rubik', sans-serif;font-size:1.6rem;font-weight:500;color:#1b75bc;text-decoration:none}
.accent-resource-hero-block .resource-back:hover{color:#094268}

.accent-resource-hero-block .resource-hero-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.accent-resource-hero-block .resource-hero-copy{flex:0 1 700px;min-width:0;position:sticky;top:120px;align-self:flex-start}

.accent-resource-hero-block h1.resource-tag{display:inline-block;margin:0;border:3px solid #a5ce38;color:#a5ce38;padding:7px 16px;border-radius:5px}

.accent-resource-hero-block h2.resource-title{display:block;margin:20px 0 28px 0;padding:0;border:0;}
.accent-resource-hero-block h2.resource-title,.accent-resource-hero-block h2.resource-title *{font-family:'Rubik', sans-serif;font-size:6.2rem;color:#094268;line-height:6.4rem;font-weight:800;letter-spacing:normal;text-transform:none}
@media (max-width: 1150px){.accent-resource-hero-block h2.resource-title,.accent-resource-hero-block h2.resource-title *{font-size:5.2rem;line-height:5.4rem}}
@media (max-width: 768px){.accent-resource-hero-block h2.resource-title,.accent-resource-hero-block h2.resource-title *{font-size:4.3rem;line-height:4.5rem}}

.accent-resource-hero-block .resource-description{max-width:700px;margin:0 0 32px 0}

.accent-resource-hero-block .resource-hero-image{flex:1 1 0;max-width:620px;min-width:0}
.accent-resource-hero-block .resource-hero-image img{display:block;width:100%;height:auto}

@media (max-width: 1380px){.accent-resource-hero-block .inner-container{padding-left:20px;padding-right:20px}}

/* no image: text takes the full width and scales up */
.accent-resource-hero-block.no-image .resource-hero-copy{flex:1 1 100%;max-width:1000px;position:static}
.accent-resource-hero-block.no-image .resource-description{max-width:820px;font-size:2.4rem;line-height:3.4rem}
@media (max-width: 768px){.accent-resource-hero-block.no-image .resource-description{font-size:1.8rem;line-height:2.5rem}}

/* small screens: image drops under the text */
@media (max-width: 768px){
  .accent-resource-hero-block{padding-bottom:48px}
  .accent-resource-hero-block .resource-hero-grid{flex-direction:column;align-items:flex-start;gap:32px}
  .accent-resource-hero-block .resource-hero-copy{max-width:100%;position:static}
  .accent-resource-hero-block .resource-hero-image{flex:none;width:100%;max-width:420px}
}