/* Homepage introductions inherit the approved homepage palette and controls. */
.home-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--control-size);
    padding-block-start: var(--control-size);
    border-block-start: 1px solid var(--line);
}
.home-feature-copy > p:not(.kicker) {
    color: var(--muted);
    margin-block: calc(var(--control-gap) * 3);
    line-height: 1.9;
}
.home-feature-copy > .home-feature-course {
    color: var(--purple);
    font-weight: 600;
}
.home-feature-points {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--control-gap) * 2);
    list-style: none;
    padding: 0;
    margin-block: calc(var(--control-gap) * 3);
    color: var(--muted);
}
.home-feature-points li {
    border-inline-start: 2px solid var(--purple);
    padding-inline-start: var(--control-gap);
}
.home-feature-copy > .home-feature-note {
    font-size: smaller;
    margin-block-end: 0;
}
.home-feature-art {
    overflow: hidden;
    border-radius: calc(var(--control-radius) * 2);
}
.home-feature-art img {
    inline-size: 100%;
    block-size: auto;
}
.home-feature-art-book {
    display: grid;
    place-items: center;
    background: var(--lavender);
    padding: calc(var(--control-gap) * 4);
}
.home-feature-art-book img {
    inline-size: min(100%, calc(var(--control-size) * 6));
}
@media (max-width: 850px) {
    .home-feature {
        grid-template-columns: 1fr;
        gap: calc(var(--control-gap) * 4);
    }
    .home-feature-art-book img {
        inline-size: min(100%, calc(var(--control-size) * 5));
    }
}