.card:not(.card--horizontal){height:100%}.theme-page__dark .card:not([class*=bg-]) .card__title,.theme-page__dark .card:not([class*=bg-]) .card__content{color:var(--white)}.card--resource{max-width:72rem;border-radius:1.5rem;overflow:hidden;position:relative;color:#000;display:block;transition:.25s ease-in-out box-shadow}.card--resource .card__image{display:block;border-radius:1.5rem}.card--resource .card__eyebrow{font-family:NBI Pro Mono,Arial,sans-serif;text-transform:uppercase;font-size:1.2rem;font-weight:400;color:var(--fiord);padding-right:10px;margin-bottom:16px;display:block}.card--resource .card__time{border-radius:2.2rem;background:var(--purple-10);color:var(--purple);font-size:1.4rem;padding:.6rem 1.2rem .45rem;line-height:1;font-weight:500;font-family:TT Commons,Arial,sans-serif;pointer-events:none;position:absolute}.card--resource.bg-optimizely-blue .card__swoop path{fill:var(--optimizely-blue)}.card--resource.bg-dark-blue .card__swoop path{fill:var(--dark-blue)}.card--resource.bg-green .card__swoop path{fill:var(--green)}.card--resource.bg-light-blue .card__swoop path{fill:var(--light-blue)}.card--resource.bg-cyan .card__swoop path{fill:var(--light-blue)}.card--resource.bg-orange .card__swoop path{fill:var(--orange)}.card--resource.bg-purple .card__swoop path{fill:var(--purple)}.card--resource.bg-red .card__swoop path{fill:var(--red)}.card--resource.bg-yellow .card__swoop path{fill:var(--yellow)}.card--resource.bg-fiord .card__swoop path{fill:var(--fiord)}.card--resource.bg-slate-gray .card__swoop path{fill:var(--slate-gray)}.card--resource.bg-heather .card__swoop path{fill:var(--heather)}.card--resource.bg-athens-gray .card__swoop path{fill:var(--athens-gray)}.card--resource.bg-porcelain .card__swoop path{fill:var(--porcelain)}.card--resource.bg-wild-sand .card__swoop path{fill:var(--wild-sand)}.card--resource.bg-white .card__swoop path{fill:var(--white)}.card--resource[class*=bg-] .card__image{border-radius:0}.card--resource.card--vertical .card__image{position:absolute;object-fit:cover;width:100%;height:100%}.card--resource.card--vertical .card__image-wrapper{padding-bottom:52.3333333333%;overflow:hidden}.card--resource.card--vertical .card__time{right:1.6rem;top:1.6rem}.card--resource.card--vertical .card__swoop{width:100%}.card--resource.card--vertical .card__content-wrapper{padding:1.3rem 0rem 2.5rem}@media (min-width: 768px){.card--resource.card--vertical .card__content-wrapper{padding:3.2rem 0rem 5rem}}.card--resource.card--vertical[class*=bg-] .card__content-wrapper{padding:1.3rem 2rem 2.5rem}@media (min-width: 768px){.card--resource.card--vertical[class*=bg-] .card__content-wrapper{padding:3.2rem 4rem 5rem}}.card--resource.card--horizontal{max-width:72rem}@media (min-width: 576px){.card--resource.card--horizontal{display:grid;grid-template-areas:"picture content";grid-template-columns:19.6rem 1fr}.card--resource.card--horizontal .card__image-wrapper{max-width:19.6rem}}.card--resource.card--horizontal .card__image{max-width:100%}.card--resource.card--horizontal .card__content-wrapper{padding:0 0 0 2.4rem}.card--resource.card--horizontal[class*=bg-] .card__image{object-fit:cover;width:100%;height:100%}.card--resource.card--horizontal[class*=bg-] .card__content-wrapper{padding:3.2rem 2.4rem}.card--resource.card--horizontal[class*=bg-] .card__content{margin-bottom:0}.card--resource.card--horizontal .card__swoop{right:-2.4rem;bottom:0;height:100%;display:none}@media (min-width: 576px){.card--resource.card--horizontal .card__swoop{display:block}}.card--resource.card--horizontal .card__time{top:1.6rem;right:1.6rem}.card--resource .card__content{font-size:1.8rem;font-family:TT Commons,Arial,sans-serif;font-weight:400;line-height:1.5;margin-bottom:3.6rem}.card--resource .card__image-wrapper{position:relative}.card--resource .card__swoop{position:absolute;bottom:-1px;max-width:100%;height:auto}.card--resource .card__content-wrapper{padding:1.3rem 2rem 2.5rem}.card--resource .card__content-wrapper>*:last-child{margin-bottom:0}@media (min-width: 768px){.card--resource .card__content-wrapper{padding:3.2rem 4rem 5rem}}.card--resource .card__title{font-size:2.5rem;font-weight:600;line-height:1.12;font-family:TT Commons,Arial,sans-serif;margin-bottom:16px;transition:.25s ease-in-out color}.card--resource.bg-dark-blue,.card--resource.bg-optimizely-blue,.card--resource.bg-purple,.card--resource.bg-fiord,.card--resource.bg-dark-blue .card__eyebrow,.card--resource.bg-optimizely-blue .card__eyebrow,.card--resource.bg-purple .card__eyebrow,.card--resource.bg-fiord .card__eyebrow,.card--resource.bg-dark-blue .card__content,.card--resource.bg-optimizely-blue .card__content,.card--resource.bg-purple .card__content,.card--resource.bg-fiord .card__content{color:#fff}a.card--resource:hover[class*=bg-],a.card--resource:focus[class*=bg-],a.card--resource:active[class*=bg-],a.card--resource:focus-within[class*=bg-]{box-shadow:0 6px 12px 2px #08073633}a.card--resource:hover .card__content,a.card--resource:focus .card__content,a.card--resource:active .card__content,a.card--resource:focus-within .card__content{color:#000}a.card--resource:hover.bg-dark-blue .card__content,a.card--resource:hover.bg-optimizely-blue .card__content,a.card--resource:hover.bg-purple .card__content,a.card--resource:hover.bg-fiord .card__content,a.card--resource:focus.bg-dark-blue .card__content,a.card--resource:focus.bg-optimizely-blue .card__content,a.card--resource:focus.bg-purple .card__content,a.card--resource:focus.bg-fiord .card__content,a.card--resource:active.bg-dark-blue .card__content,a.card--resource:active.bg-optimizely-blue .card__content,a.card--resource:active.bg-purple .card__content,a.card--resource:active.bg-fiord .card__content,a.card--resource:focus-within.bg-dark-blue .card__content,a.card--resource:focus-within.bg-optimizely-blue .card__content,a.card--resource:focus-within.bg-purple .card__content,a.card--resource:focus-within.bg-fiord .card__content{color:#fff}a.card--resource:hover:not([class*=bg-]) .card__title,a.card--resource:focus:not([class*=bg-]) .card__title,a.card--resource:active:not([class*=bg-]) .card__title,a.card--resource:focus-within:not([class*=bg-]) .card__title{color:var(--optimizely-blue);text-decoration:underline}a.card--resource[class*=bg-]:focus,a.card--resource[class*=bg-]:focus-within{outline:1px solid var(--optimizely-blue)}