.gc-teacher-hero {
    --gc-hero-height: 510px;
    height: var(--gc-hero-height);
    background: #f9edea;
    color: #491d31;
}
.gc-teacher-hero .gc-teacher-grid {
    display: grid;
    grid-template-columns: minmax(0, .90fr) minmax(0, 1.10fr);
    height: 100%;
}
.gc-teacher-hero .gc-teacher-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px clamp(30px, 5vw, 90px) 24px clamp(40px, max(6vw, calc((100vw - 1170px) / 2)), 280px);
    background: radial-gradient(ellipse at 0 100%, #f2d6db, transparent 68%), #f9edea;
}
.gc-teacher-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 700 12px/1.2 system-ui, sans-serif;
    letter-spacing: .15em;
    color: #842944;
}
.gc-teacher-kicker::before {
    content: "";
    width: 24px;
    height: 1px;
    background: currentColor;
}
.gc-teacher-hero .gc-teacher-title,
.gc-teacher-card .gc-teacher-card-title {
    margin: 15px 0 12px;
    font: 700 clamp(38px, 4.35vw, 72px)/1.02 Georgia, "Times New Roman", serif;
    letter-spacing: -.045em;
    text-transform: none;
    color: inherit;
}
.gc-teacher-hero .gc-teacher-title em {
    display: block;
    font-weight: 400;
    color: #9a3457;
}
.gc-teacher-hero .gc-teacher-copy p,
.gc-teacher-card .gc-teacher-card-copy p {
    max-width: 35ch;
    margin: 0;
    font: 400 clamp(14px, 1.3vw, 19px)/1.55 system-ui, sans-serif;
    color: inherit;
}
.gc-teacher-hero .gc-teacher-art,
.gc-teacher-card .gc-teacher-art {
    display: block;
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}
.gc-teacher-hero .gc-teacher-art { background: #b76865; }
.gc-teacher-card .gc-teacher-art { background: #d1a275; }
.gc-teacher-hero .gc-teacher-art img,
.gc-teacher-card .gc-teacher-art img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.gc-teacher-card {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    min-height: clamp(275px, 32vw, 440px);
    overflow: hidden;
    border-radius: 10px;
    background: #294339;
    color: #fff6e7;
}
.gc-teacher-card .gc-teacher-card-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: clamp(25px, 4vw, 64px);
    background: radial-gradient(ellipse at 100% 100%, #365646, transparent 80%), #294339;
}
.gc-teacher-card .gc-teacher-kicker { color: #ffcc9d; }
.gc-teacher-card .gc-teacher-card-title { font-size: clamp(34px, 4.2vw, 59px); }
.gc-teacher-card .gc-teacher-card-copy p { color: #f8e8d6; }
@media (max-width: 991.98px) {
    .gc-teacher-hero { --gc-hero-height: 400px; }
    .gc-teacher-hero .gc-teacher-copy { padding-inline: clamp(18px, 4vw, 46px); }
}
@media (max-width: 767.98px) {
    .gc-teacher-hero { --gc-hero-height: 370px; }
    .gc-teacher-hero .gc-teacher-title { font-size: clamp(29px, 5.6vw, 44px); }
}
@media (max-width: 575.98px) {
    .gc-teacher-hero .gc-teacher-grid,
    .gc-teacher-card { grid-template-columns: minmax(0, 1fr); }
    .gc-teacher-hero .gc-teacher-grid { grid-template-rows: minmax(175px, auto) minmax(0, 1fr); }
    .gc-teacher-hero .gc-teacher-copy { padding: 14px 20px; align-items: center; text-align: center; }
    .gc-teacher-hero .gc-teacher-title { margin: 8px 0 6px; }
    .gc-teacher-hero .gc-teacher-copy p { max-width: 38ch; }
    .gc-teacher-card .gc-teacher-art { aspect-ratio: 3 / 2; }
    .gc-teacher-card .gc-teacher-card-copy { padding: 23px 22px 27px; }
    .gc-teacher-card .gc-teacher-card-title { margin: 10px 0; }
}