.card-group {
    list-style: none;
    /* margin-top: 0; */
    padding: 0;
}

.card-group, .stacked-card-group {
    /* list-style: none; */
    /* padding: 0; */
}

.card-group--grid {
    box-sizing: border-box;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(.3125rem, 1fr));
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 600px) {
    .card-group--grid {
        -moz-column-gap: .9375rem;
        column-gap: .9375rem;
        grid-template-columns: repeat(12, minmax(.3125rem, 1fr));
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (min-width: 1024px) {
    .card-group--grid {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (min-width: 1441px) {
    .card-group--grid {
        -moz-column-gap: 1.6875rem;
        column-gap: 1.6875rem;
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

@media (min-width: 600px) {
    .card-group--grid {
        /* margin-bottom: -.9375rem; */
    }
}

.card-group--grid {
    margin-bottom: -1.5rem;
}

.card--aggregations {
    border: none;
    border-radius: 0;
    grid-column-end: span 4;
    list-style: none;
    overflow: visible;
    padding-inline: 0;
    padding-top: 0;
    position: relative;
    z-index: 0;
}

@media (min-width: 600px) {
    .card--aggregations {
        grid-column-end: span 1;
    }
}

@media (min-width: 1024px) {
    .card--aggregations {
        grid-column-end: span 3;
    }
}

.card-overflow-group__item {
    display: flex;
    flex-shrink: 0;
    margin-top: 0;
}

@media (min-width: 600px) {
    .card-overflow-group-container {
        overflow-x: auto;
    }
}

@media (min-width: 600px) {
    .card-overflow-group {
        margin-bottom: 0;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .card-overflow-group {
        grid-auto-columns: calc(50% - .46875rem);
        grid-auto-flow: column;
        grid-template-columns: none;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .card-overflow-group:after {
        content: "";
        width: 1.0625rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .card-overflow-group {
        grid-auto-columns: calc(33.33333% - .625rem);
        grid-auto-flow: column;
        grid-template-columns: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .card-overflow-group:after {
        content: "";
        width: 1.0625rem;
    }
}

.card--aggregations, .card--highlight, .card--tools, .card--video, .card-tool, .card__highlight--default, .card__highlight--featured {
    margin-bottom: 1.5rem;
}

@media (min-width: 600px) {
    .card--aggregations, .card--highlight, .card--tools, .card--video, .card-tool, .card__highlight--default, .card__highlight--featured {
        margin-bottom: .9375rem;
    }
}

@media (min-width: 1441px) {
    .card--aggregations, .card--highlight, .card--tools, .card--video, .card-tool, .card__highlight--default, .card__highlight--featured {
        margin-bottom: 1.6875rem;
    }
}

*, :after, :before {
    box-sizing: inherit;
}

.card--aggregations .card__inner {
    background-color: #fff;
    border: .0625rem solid #eee;
    border-radius: .5rem;
    overflow: hidden;
    overflow: visible;
    padding-top: 0;
    width: 100%;
}

.card--aggregations .card__inner, .card--highlight .card__link, .card--strip .card__link, .card--strip-inline .card__link, .card--tools, .card--video, .card-tool .card-tool__link, .card__highlight--default .card__link, .card__highlight--featured .card__link {
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
}

.card--aggregations .card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.card--aggregations .card__body {
    flex: 1 1 auto;
    padding: 0;
}

@media (min-width: 600px) {
    .card--aggregations .card__body {
        margin-bottom: 2rem;
    }
}

.card--aggregations .card__title {
    margin: 0 0 1.5rem;
}

@media (min-width: 600px) {
    .card--aggregations .card__title {
        margin: .5rem 0;
    }
}

.card--aggregations .card__description {
    color: #3c4043;
    display: none;
}

.card--aggregations .card__description, .card--tools .card__description, .homepage-header__subtitle {
    font-size: .875rem;
    letter-spacing: .00563rem;
    line-height: 1.25rem;
}

@media (min-width: 600px) {
    .card--aggregations .card__description {
        display: block;
        margin-top: .25rem;
    }
}

.article-content__description, .card--aggregations .card__description, .card--highlight-default .card__title, .card--highlight-featured .card__title, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title, .card--tools .card__description, .card--video .card__title, .card-tool__title, .card__highlight--default .card__title, .card__highlight--featured .card__title, .homepage-header__subtitle {
    color: #212121;
    font-family: Roboto, arial, sans-serif;
    font-weight: 400;
}

.card--aggregations .card__insights {
    align-items: center;
    color: #757575;
    display: flex;
}

.card--aggregations .card__insights-icon {
    fill: #bdbdbd;
    color: #bdbdbd;
    height: 1.44rem;
    margin-right: .375rem;
    width: 1.44rem;
}

.card--aggregations::after,
.card--aggregations::before {
    border-radius: .1875rem;
    bottom: 0;
    content: " ";
    display: block;
    height: .625rem;
    left: 50%;
    position: absolute;
    z-index: -1;
}

.card--aggregations::after {
    background-color: #f5f5f5;
    transform: translate(-50%, .1875rem);
    width: calc(100% - 1rem);
}

.card--aggregations::before {
    background-color: #e0e0e0;
    margin: 0 auto;
    transform: translate(-50%, .375rem);
    width: calc(100% - 1.625rem);
}

.card-group--tools {
    margin-top: 1.125rem;
}

.card-group.card-group--tools {
    margin-top: 1.125rem;
}

.card--tools {
    background-color: #fff;
    border: .0625rem solid #eee;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    grid-column-end: span 4;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    width: 100%;
}

@media (min-width: 600px) {
    .card--tools {
        flex-direction: column;
        grid-column-end: span 1;
    }
}

@media (min-width: 1024px) {
    .card--tools {
        grid-column-end: span 3;
    }
}

.card--tools .card__text {
    flex: 66.66667%;
    order: 2;
    padding: 1rem 1rem 1.5rem 0;
}

@media (min-width: 600px) {
    .card--tools .card__text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 1rem;
    }
}

.card--tools .card__title {
    color: #3c4043;
    margin: 0;
}

.card--tools .card__description {
    color: #3c4043;
    margin: .5rem 0;
}

@media (min-width: 600px) {
    .card--tools .card__description {
        height: 100%;
    }
}

.card--tools .card__link {
    display: flex;
}

@media (min-width: 600px) {
    .card--tools .card__link {
        display: inline-block;
    }
}

.card--tools .card__footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media (min-width: 600px) {
    .card--tools .card__footer {
        margin-top: .5rem;
    }
}

.card--tools .card__footer .external-link-icon {
    pointer-events: none;
    vertical-align: middle;
}

.card--tools .card__media {
    border-radius: 50%;
    display: block;
    flex: initial;
    height: 4.5rem;
    margin: 1rem;
    min-height: auto;
    min-width: auto;
    order: 1;
    width: 4.5rem;
}

@media (min-width: 600px) {
    .card--tools .card__media {
        border-radius: .5rem .5rem 0 0;
        height: auto;
        margin: 0;
        padding-bottom: 56.25%;
        width: auto;
    }
}

.card--tools .card__media::before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}

.homepage-header__container {
    background: linear-gradient(180deg, #fafafa, #fff);
}

.homepage-header__content {
    grid-column-end: span 4;
    padding: 7.25rem 0 3rem;
    text-align: center;
}

@media (min-width: 600px) {
    .homepage-header__content {
        grid-column-end: span 12;
        padding-top: 10.5rem;
    }
}

.homepage-header__title {
    margin: 0;
}

.homepage-header__title {
    font-family: Roboto, arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
}

@media (min-width: 600px) {
    .homepage-header__title {
        font-size: 3rem;
        line-height: 3.25rem;
    }
}

.homepage-header__subtitle {
    color: #3c4043;
    margin: 1rem auto 0;
    max-width: 75%;
}

.homepage-header__subtitle {
    font-family: Roboto, arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

@media (min-width: 600px) {
    .homepage-header__subtitle {
        font-size: 1.25rem;
    }
}

@media (min-width: 600px) {
    .homepage-header__subtitle {
        max-width: none;
    }
}

.article-content__text {
    grid-column-end: span 4;
}

@media (min-width: 600px) {
    .article-content__text {
        grid-column-end: span 10;
    }
}

@media (min-width: 768px) {
    .article-content__text {
        align-self: center;
        display: none;
        grid-column-end: span 5;
    }
}

@media (min-width: 768px) {
    .article-content__text.article-content__text--is-desktop-hidden {
        display: block;
    }
}

.article-content__text--is-desktop-hidden {
    display: none;
}

.article-content__eyebrow {
    color: rgb(33, 33, 33);
    margin-bottom: 0.5rem;
    margin-top: 0px;
}

.article-content__eyebrow, .card--video .card__counter, .card--video .card__meta-label, .geographic-label {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    line-height: 1rem;
    text-transform: uppercase;
}

.article-content__text-wrapper {
    display: block;
}

.article-content__title {
    margin: 0;
}

@media (min-width: 1024px) {
    .article-content__title, .article-content__title .cjk-title-wrap, .article-content__title .cjk-title-wrap-ko-kr, .article-content__title>span {
        -webkit-text-decoration: underline #fff;
        text-decoration: underline #fff;
        transition: text-decoration-color .2s;
    }
}

@media (min-width: 1024px) {
    .article-content__title {
        margin: 0 0 1.25rem;
    }
}

.spotlight__empty-column {
    display: none;
}

@media (min-width: 1024px) {
    .spotlight__empty-column {
        display: block;
        grid-column-end: span 1;
    }
}

.spotlight__media {
    padding-bottom: 66.6667%;
    width: 100%;
    border-radius: 0.75rem;
}

@media (min-width: 768px) {
    .spotlight__media {
        border-radius: .875rem;
        min-height: 26.125rem;
        padding-bottom: 0;
        z-index: 0;
    }
}

.spotlight__media-anchor {
    grid-column-end: span 4;
    margin-bottom: 1.5625rem;
}

@media (min-width: 600px) {
    .spotlight__media-anchor {
        grid-column-end: span 12;
    }
}

@media (min-width: 768px) {
    .spotlight__media-anchor {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .spotlight__media-anchor {
        grid-column-end: span 7;
    }
}

@media (min-width: 1024px) {
    .spotlight__media-anchor {
        grid-column-end: span 6;
    }
}

.spotlight__media>img, .spotlight__media>video {
    transition: transform .2s;
}

.card--highlight-default .card__body-editorial-type, .card--highlight-default .card__image, .card__highlight--default .card__body-editorial-type, .card__highlight--default .card__image {
    display: none;
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__body-editorial-type, .card--inspiration .card__body-editorial-type {
        display: block;
    }
}

@media (min-width: 600px) {
    .card--highlight-default .card__body-editorial-type, .card__highlight--default .card__body-editorial-type {
        display: block;
    }
}

@media (min-width: 600px) {
    .card--highlight-default .card__image, .card__highlight--default .card__image {
        display: block;
        padding-bottom: 56.25%;
    }
}

.card--aggregations .card__insights, .card--feed .card__body-editorial-type, .card--feed .card__header-editorial-type, .card--highlight .card__body-editorial-type, .card--highlight .card__header-editorial-type, .card--loading-placeholder .card__body-editorial-type, .card--strip .card__body-editorial-type, .card--strip-inline .card__body-editorial-type, .card__highlight--default .card__body-editorial-type, .card__highlight--default .card__header-editorial-type, .card__highlight--featured .card__body-editorial-type, .card__highlight--featured .card__header-editorial-type {
    font-size: .75rem;
    letter-spacing: .01875rem;
    line-height: 1rem;
}

*, :after, :before {
    box-sizing: inherit;
}

.card--highlight .card__link, .card__highlight--default .card__link, .card__highlight--featured .card__link {
    color: #757575;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    width: 100%;
}

.card-group {
    list-style: none;
    margin-top: 0;
    padding: 0;
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__image, .card--inspiration .card__image {
        display: block;
        padding-bottom: 56.25%;
    }
}

.card--highlight .card__image, .card__highlight--default .card__image, .card__highlight--featured .card__image {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.card--feed .card__image, .card--highlight .card__image, .card--loading-placeholder .card__image-container, .card--related-content .card__image, .card--related-content-inspiration .card__image, .card--related-content-leaderboard .card__image, .card--related-content-video .card__image, .card--strip .card__image, .card--strip-inline .card__image, .card--video .card__image, .card__highlight--default .card__image, .card__highlight--featured .card__image {
    background-position: 50%;
    background-size: cover;
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__title, .card--inspiration .card__title {
        margin-top: .5rem;
    }
}

.card--highlight-default .card__title, .card__highlight--default .card__title {
    margin: 0;
}

.card--highlight .card__title, .card__highlight--default .card__title, .card__highlight--featured .card__title {
    margin: 0;
}

@media (min-width: 600px) {
    .card--highlight-default .card__title, .card__highlight--default .card__title {
        margin-top: .5rem;
    }
}

.card--highlight-default .card__title, .card--highlight-featured .card__title, .card--video .card__title, .card__highlight--default .card__title, .card__highlight--featured .card__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__text, .card--inspiration .card__text {
        margin-top: .5rem;
    }
}

@media (min-width: 600px) {
    .card--highlight-default .card__text, .card__highlight--default .card__text {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: space-between;
        padding: .5rem 1rem 1.5rem;
    }
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__header, .card--inspiration .card__header {
        position: absolute;
    }
}

.card--highlight .card__header, .card__highlight--default .card__header, .card__highlight--featured .card__header {
    left: .0625rem;
    /* position: relative; */
    top: .0625rem;
    z-index: 1;
}

@media (min-width: 600px) {
    .card--highlight .card__header {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .card--highlight-default .card__header, .card__highlight--default .card__header {
        position: absolute;
    }
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__header-editorial-type, .card--inspiration .card__header-editorial-type {
        display: none;
    }
}

.card--highlight-default .card__header-editorial-type, .card__highlight--default .card__header-editorial-type {
    color: #757575;
    position: relative;
    top: -.25rem;
}

@media (min-width: 600px) {
    .card--highlight-default .card__header-editorial-type, .card__highlight--default .card__header-editorial-type {
        display: none;
    }
}

.article-content__description {
    display: none;
}

@media (min-width: 1024px) {
    .article-content__description {
        color: #3c4043;
        display: block;
    }
}

.article-content__description, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title {
    letter-spacing: 0.00625rem;
    line-height: 1.5rem;
}

@media (min-width: 600px) {
    .article-content__description, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title {
        font-size: 1rem;
    }
}

.article-content__description, .card--highlight-default .card__title, .card--highlight-featured .card__title, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title, .card--video .card__title, .card__highlight--default .card__title, .card__highlight--featured .card__title {
    letter-spacing: 0px;
}

@media (max-width: 375px) {
    .article-content__description, .card--related-content .card__title, .card--related-content-inspiration .card__title, .card--related-content-leaderboard .card__title, .card--related-content-video .card__title {
        letter-spacing: 0.00625rem;
        line-height: 1.5rem;
    }
}

@media (max-width: 599px) {
    .card--highlight-default:first-child .card__link, .card--inspiration .card__link {
        border-top: none;
        padding-top: 0;
    }
}

.card--highlight-default .card__link, .card__highlight--default .card__link {
    padding-top: 1.5rem;
    border-top: 0.0625rem solid rgb(224, 224, 224);
}

@media (min-width: 600px) {
    .card--highlight-default .card__link, .card__highlight--default .card__link {
        border: .0625rem solid #eee;
        border-radius: .5rem;
        overflow: hidden;
        padding-top: 0;
    }
}

.card--highlight .card__link, .card--strip .card__link, .card--strip-inline .card__link, .card--video .card__video-button, .card-tool .card-tool__link, .card__highlight--default .card__link, .card__highlight--featured .card__link {
    transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
}

.card--highlight {
    display: flex;
    grid-column-end: span 4;
}

.card--highlight-default, .card__highlight--default {
    overflow: visible;
}

@media (min-width: 600px) {
    .card--highlight-default {
        /* grid-column-end: span 6; */
    }
}

@media (min-width: 767px) and (max-width: 767px) {
    .card--highlight-default {
        grid-column-end: span 6;
    }
}

@media (min-width: 768px) {
    .card--highlight-default {
        grid-column-end: span 4;
    }
}

@media (min-width: 1024px) {
    .card--highlight-default {
        grid-column-end: span 3;
    }
}

.card--highlight, .card__highlight--default, .card__highlight--featured {
    position: relative;
}

.card-group__container--grid {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 90rem;
    position: relative;
    width: 100%;
}