.hero-grid {
    width: min(1260px,calc(100% - 48px));
    grid-template-columns: minmax(0,1.02fr) minmax(440px,.98fr);
}

.hero-copy {
    max-width: 700px;
    margin-left: -18px;
}

.hero h1 {
    max-width: 690px;
    font-family: var(--body);
    font-size: clamp(62px,6.35vw,91px);
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1;
}

.hero h1 em {
    color: var(--coral);
    font-family: inherit;
    font-weight: inherit;
    font-style: normal;
}

.hero-lead {
    max-width: 590px;
    font-family: var(--body);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7;
}

.hero-actions .btn {
    font-family: var(--body);
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .hero-copy { margin-left: 0; }
}

@media (max-width: 900px) {
    .hero-grid { width: min(100% - 40px,900px); }
    .hero h1 { font-size: clamp(52px,7vw,68px); }
    .hero-lead { font-size: 17px; }
}

@media (max-width: 800px) {
    .hero-copy { margin-inline: auto; }
}

@media (max-width: 560px) {
    .hero-grid { width: calc(100% - 32px); }
    .hero h1 { font-size: clamp(45px,13vw,58px); }
    .hero-lead { font-size: 16px; }
}