@font-face { font-family: "WF Editorial Roboto"; src: url("../../assets/fonts/roboto-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
.editorial-hero { padding: 64px 0 0; font-family: "WF Editorial Roboto", Arial, sans-serif; }
.editorial-hero__intro { display: grid; grid-template-columns: 1.35fr 1fr; gap: 12%; align-items: end; margin-bottom: 40px; }
.editorial-hero h1 { max-width: 900px; margin: 0; font-family: inherit; font-size: clamp(44px, 4.4vw, 76px); line-height: 1.04; letter-spacing: -.035em; white-space: pre-line; }
.editorial-hero__subtitle { margin: 22px 0 0; }
.editorial-hero__body p:last-child { margin-bottom: 0; }
.editorial-hero__media { display: block; }
.editorial-hero__media img { width: 100%; height: auto; aspect-ratio: 2.6; object-fit: cover; }
@media (max-width: 760px) { .editorial-hero { padding-top: 40px; } .editorial-hero__intro { grid-template-columns: 1fr; gap: 24px; } .editorial-hero h1 { font-size: clamp(36px, 9vw, 54px); white-space: normal; } .editorial-hero__media img { aspect-ratio: 1.5; } }

.editorial-hero ~ .instant-quote .section-heading { max-width: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8%; }
.editorial-hero ~ .instant-quote .section-heading > .eyebrow { display: none; }
.editorial-hero ~ .instant-quote .instant-quote__heading .button { margin-top: 24px; }
@media (max-width: 760px) { .editorial-hero ~ .instant-quote .section-heading { grid-template-columns: 1fr; gap: 24px; } }

.editorial-hero h1, .editorial-hero h2, .editorial-hero h3 { font-weight: 400; }

.editorial-hero:has(+ .editorial-grid--quotation) .editorial-hero__intro { align-items: start; }
@media (min-width: 761px) { .editorial-hero__body--right { text-align: right; } }

@media (min-width: 761px) and (max-width: 900px) {
 .editorial-hero__intro { grid-template-columns: 1fr; gap: 24px; }
 .editorial-hero__body--right { text-align: left; }
 .editorial-hero h1 { white-space: normal; }
}