.atlas-plate__media { height: 4.375rem; }
.atlas-plate__photo { object-fit: cover; object-position: 75% 35%; }
.atlas-plate__title { line-height: 1.15; }
.atlas-plate__stat { width: 20rem; transform: rotate(-6deg); }
.atlas-plate__figure { font-size: 6rem; letter-spacing: -.03em; overflow-wrap: anywhere; }
.atlas-plate__caption { line-height: 1.25; }
@media (min-width: 768px) {
    .atlas-plate__media { height: 11rem; }
    .atlas-plate__media:has(.atlas-plate__stat), .atlas-plate__media:has(.atlas-plate__title + *) { height: 18rem; }
    .atlas-plate__stat { width: 15rem; padding: 1.25rem 1.5rem; }
    .atlas-plate__figure { font-size: 4rem; }
}
@media (min-width: 1024px) {
    .atlas-plate__media { height: 15rem; }
    .atlas-plate__media:has(.atlas-plate__stat), .atlas-plate__media:has(.atlas-plate__title + *) { height: 23.4375rem; }
    .atlas-plate__stat { width: 21rem; margin-right: 6rem; padding: 1.75rem 2rem; }
    .atlas-plate__figure { font-size: 7rem; }
}

/* bootstrap parity — sizes mirrored from the Tailwind utilities */
.atlas-plate__wrap.atlas-plate__wrap { max-width: 75rem; gap: 2rem; padding-inline: 0.625rem; }
@media (min-width: 1024px) { .atlas-plate__wrap.atlas-plate__wrap { padding-inline: 1rem; } }

.atlas-plate__inner.atlas-plate__inner { max-width: 38rem; }
@media (min-width: 1024px) { .atlas-plate__inner.atlas-plate__inner { padding-left: 0.875rem; } }

.atlas-plate__title.atlas-plate__title { font-size: 1.125rem; }
@media (min-width: 768px) { .atlas-plate__title.atlas-plate__title { font-size: 2.25rem; } }
@media (min-width: 1024px) { .atlas-plate__title.atlas-plate__title { font-size: 3rem; } }

.atlas-plate__lead.atlas-plate__lead { margin: 1.5rem 0 0; }
.atlas-plate__btn.atlas-plate__btn { margin-top: 2rem; padding: 0.75rem 1.25rem; }
.atlas-plate__stat.atlas-plate__stat { padding: 1.75rem 2rem; }
@media (min-width: 768px) { .atlas-plate__stat.atlas-plate__stat { padding: 1.25rem 1.5rem; } }
@media (min-width: 1024px) { .atlas-plate__stat.atlas-plate__stat { padding: 1.75rem 2rem; } }
.atlas-plate__caption.atlas-plate__caption { margin: 0.5rem 0 0; font-size: 1.25rem; }

.atlas-plate__row.atlas-plate__row { max-width: 75rem; padding: 0.75rem 0.625rem 0; }
.atlas-plate__cta.atlas-plate__cta { padding: 0.625rem 1.25rem; }

.atlas-story__title { line-height: 1.25; }
.atlas-story__photo-box { aspect-ratio: 280 / 264; }
.atlas-story__photo { object-fit: cover; object-position: center 20%; }
.atlas-story__lead { line-height: 1.7; }
.atlas-story__question { line-height: 1.4; }
.atlas-story__answer { line-height: 1.7; }
@media (max-width: 767.98px) { .atlas-story__photo-box { aspect-ratio: 4 / 3; } }

/* layout mirrors of the utility scale (identical values in both frameworks) */
.atlas-story.atlas-story {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.atlas-story__wrap.atlas-story__wrap {
    max-width: 75rem;
    padding-inline: 0.625rem;
}

.atlas-story__col.atlas-story__col {
    min-width: 0;
}

.atlas-story__title.atlas-story__title {
    font-size: 1.75rem;
}

.atlas-story__date.atlas-story__date {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.atlas-story__band.atlas-story__band {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin: 1.25rem 0 0;
}

.atlas-story__lead.atlas-story__lead {
    padding: 1.5rem 1.25rem;
    font-size: 1rem;
}

.atlas-story__qa.atlas-story__qa {
    margin-top: 2rem;
    gap: 1.5rem;
}

.atlas-story__question.atlas-story__question {
    font-size: 1.25rem;
}

.atlas-story__answer.atlas-story__answer {
    font-size: 1rem;
}

.atlas-story__closing-text.atlas-story__closing-text {
    margin: 0.75rem 0 0;
}

.atlas-story__closing.atlas-story__closing {
    margin-top: 2.5rem;
    padding: 1.75rem 1.25rem;
}

.atlas-story__back.atlas-story__back {
    margin-top: 2.5rem;
    gap: 0.75rem;
}

.atlas-story__chev.atlas-story__chev {
    font-size: 0.75rem;
    line-height: 1rem;
}

.atlas-story__sep.atlas-story__sep {
    width: 1px;
    height: 1rem;
}

.atlas-story__slot {
    display: none;
}

@media (min-width: 768px) {
    .atlas-story__band.atlas-story__band {
        grid-template-columns: 17.5rem minmax(0, 1fr);
    }

    .atlas-story__lead.atlas-story__lead {
        padding-inline: 1.75rem;
    }

    .atlas-story__closing.atlas-story__closing {
        padding-inline: 1.875rem;
    }
}

@media (min-width: 1024px) {
    .atlas-story.atlas-story {
        padding-top: 2rem;
        padding-bottom: 4rem;
    }

    .atlas-story__wrap.atlas-story__wrap {
        padding-inline: 1rem;
    }

    .atlas-story__grid.atlas-story__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 18.25rem;
        gap: 2rem;
    }

    .atlas-story__title.atlas-story__title {
        font-size: 2rem;
    }

    .atlas-story__band.atlas-story__band {
        margin-top: 1.5rem;
    }

    .atlas-story__qa.atlas-story__qa {
        margin-top: 2.5rem;
    }

    .atlas-story__question.atlas-story__question {
        font-size: 1.375rem;
    }

    .atlas-story__closing.atlas-story__closing {
        margin-top: 3.5rem;
    }

    .atlas-story__slot {
        display: block;
    }
}

.atlas-aside.atlas-aside { padding-top: 2rem; padding-bottom: 2.5rem; }
.atlas-aside__wrap.atlas-aside__wrap { max-width: 75rem; padding-inline: 0.625rem; }
.atlas-aside__list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.25rem; }
.atlas-aside__icon.atlas-aside__icon { font-size: 1.875rem; line-height: 2.25rem; }
.atlas-aside__btn.atlas-aside__btn { margin-top: 1rem; gap: 0.75rem; padding: 0.75rem 0.625rem; }
.atlas-aside__chev.atlas-aside__chev { font-size: 0.75rem; line-height: 1rem; }
.atlas-aside__diamond { position: absolute; }
@media (min-width: 768px) { .atlas-aside__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
    .atlas-aside__wrap.atlas-aside__wrap { padding-inline: 1rem; }
    .atlas-aside__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
}
.atlas-aside.atlas-aside.is-docked { padding-top: 0; padding-bottom: 0; }
.atlas-aside__card { min-height: 9rem; }
.atlas-aside__diamond { width: 9rem; height: 9rem; right: -2.5rem; bottom: -3.5rem; transform: rotate(45deg); }
.atlas-aside__title { padding-right: 2.5rem; }
[data-atlas-aside-slot].is-filled { position: relative; align-self: stretch; }
[data-atlas-aside-slot] .atlas-aside__list.atlas-aside__list { position: absolute; top: 0; left: 0; right: 0; z-index: 5; grid-template-columns: minmax(0, 1fr); gap: 1.875rem; }
[data-atlas-aside-slot] .atlas-aside__card { min-height: 11.4375rem; }
@media (min-width: 768px) { .atlas-aside__card { min-height: 11.4375rem; } }