.atl-journey-feature-suite {
    padding: 60px 0;
    background: #172600;
    color: var(--text-secondary, #fff);
}

.atl-journey-feature-suite h2,
.atl-journey-feature-suite h3,
.atl-journey-feature-suite p,
.atl-journey-feature-suite dt,
.atl-journey-feature-suite dd { color: inherit; }

.atl-journey-feature-suite__intro,
.atl-journey-feature-suite__feature {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.atl-journey-feature-suite__intro { margin-bottom: 55px; }

.atl-journey-feature-suite__intro h2,
.atl-journey-feature-suite__content h3 {
    margin: 0;
    font: 400 44px/1.05 "League Gothic", sans-serif;
    text-transform: uppercase;
}

.atl-journey-feature-suite__intro > div:first-child > p {
    max-width: 310px;
    margin: 22px 0 0;
    font: 400 13px/1.7 "Mallory", sans-serif;
}

.atl-journey-feature-suite__overview {
    max-width: 580px;
    font: 400 17px/1.75 "Mallory", sans-serif;
}

.atl-journey-feature-suite__media { min-height: 360px; }
.atl-journey-feature-suite__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.atl-journey-feature-suite__content { padding: 5px 30px 5px 0; }
.atl-journey-feature-suite__description { margin: 16px 0 22px; font: 400 13px/1.7 "Mallory", sans-serif; }

.atl-journey-feature-suite__details { margin: 0 0 22px; border-top: 1px solid rgba(255, 255, 255, .16); }
.atl-journey-feature-suite__details > div { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 18px; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.atl-journey-feature-suite__details dt { font: 700 13px/1.35 "Mallory", sans-serif; }
.atl-journey-feature-suite__details dd { margin: 0; font: 400 12px/1.45 "Mallory", sans-serif; }

@media (max-width: 991px) {
    .atl-journey-feature-suite__intro,
    .atl-journey-feature-suite__feature { grid-template-columns: 1fr; gap: 25px; }
    .atl-journey-feature-suite__intro { margin-bottom: 35px; }
    .atl-journey-feature-suite__intro > div:first-child > p,
    .atl-journey-feature-suite__overview { max-width: none; }
    .atl-journey-feature-suite__content { padding: 0; }
}

@media (max-width: 768px) {
    .atl-journey-feature-suite { padding: 45px 0; }
    .atl-journey-feature-suite__intro h2,
    .atl-journey-feature-suite__content h3 { font-size: 36px; }
    .atl-journey-feature-suite__overview { font-size: 16px; }
    .atl-journey-feature-suite__media { min-height: 270px; }
}

@media (max-width: 480px) {
    .atl-journey-feature-suite__details > div { grid-template-columns: 1fr; gap: 4px; }
}
