.article-card{width:100%;height:100%;display:flex;flex-direction:column;border:var(--global-stroke-width) solid var(--background-stroke)}.article-card .card-content{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--card-gap-lg);padding:var(--card-pad-xl);flex-grow:1;color:var(--heading-fill)}.article-card .card-heading{margin-bottom:0;font-family:var(--global-title-lg-font-family);font-size:var(--global-title-lg-font-size);font-style:var(--global-title-lg-font-style);font-weight:var(--global-title-lg-font-weight);letter-spacing:var(--global-title-lg-letter-spacing);line-height:var(--global-title-lg-line-height);gap:var(--global-title-lg-paragraph-spacing);text-transform:var(--global-title-lg-text-transform);text-transform:uppercase;color:var(--heading-fill)}.article-card .card-heading--link{order:2;text-decoration:none;color:var(--card-title-text-fill)}.article-card__img-container{height:100%;aspect-ratio:5/3;width:100%;background-color:var(--card-image-bg-fill);border-bottom:var(--global-stroke-width) solid var(--background-stroke)}.article-card__img-container img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out}.article-card__img-container--link{width:100%;height:-moz-fit-content;height:fit-content}.article-card__img-container--link:hover img{transform:scale(1.05)}.article-card .tags-date-container{order:1;display:flex;gap:var(--sizing-8)}.article-card .card-tags-container .article-date,.article-card .card-tags-container .card-tag{text-decoration:none;transition:-webkit-text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out;transition:text-decoration .3s ease-in-out,-webkit-text-decoration .3s ease-in-out}.article-card .card-tags-container span.pipe{display:inline-block;transform:translateY(-.1rem)}.article-card .article-date{font-family:var(--global-body-sm-font-family);font-size:var(--global-body-sm-font-size);font-style:var(--global-body-sm-font-style);font-weight:var(--global-body-sm-font-weight);letter-spacing:var(--global-body-sm-letter-spacing);line-height:var(--global-body-sm-line-height);gap:var(--global-body-sm-paragraph-spacing);text-transform:var(--global-body-sm-text-transform);flex:1 0 auto;text-align:left;color:var(--body-fill)}.article-card .card-tag{font-family:var(--tag-sm-font-family);font-size:var(--tag-sm-font-size);font-style:var(--tag-sm-font-style);font-weight:var(--tag-sm-font-weight);letter-spacing:var(--tag-sm-letter-spacing);line-height:var(--tag-sm-line-height);gap:var(--tag-sm-paragraph-spacing);text-transform:var(--tag-sm-text-transform);text-transform:uppercase;border:var(--global-stroke-width) solid var(--tag-bg-stroke-hover)}.card-copy{order:3;color:var(--body-fill);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-copy p{font-family:var(--global-body-lg-font-family);font-size:var(--global-body-lg-font-size);font-style:var(--global-body-lg-font-style);font-weight:var(--global-body-lg-font-weight);letter-spacing:var(--global-body-lg-letter-spacing);line-height:var(--global-body-lg-line-height);gap:var(--global-body-lg-paragraph-spacing);text-transform:var(--global-body-lg-text-transform)}.card-copy p:first-of-type{margin-top:0}.card-copy p:last-of-type{margin-bottom:0}.read-time{order:4;font-family:var(--global-body-sm-font-family);font-size:var(--global-body-sm-font-size);font-style:var(--global-body-sm-font-style);font-weight:var(--global-body-sm-font-weight);letter-spacing:var(--global-body-sm-letter-spacing);line-height:var(--global-body-sm-line-height);gap:var(--global-body-sm-paragraph-spacing);text-transform:var(--global-body-sm-text-transform)}.read-now-btn{order:5;--button-border-rad:var(--button-secondary-md-border-rad);--button-border-width:var(--button-secondary-md-border-width-default);--button-gap:var(--button-secondary-md-icon-gap);--button-pad:var(--button-secondary-md-pad-y) var(--button-secondary-md-pad-x);--button-font-family:var(--button-primary-md-font-family);--button-font-size:var(--button-primary-md-font-size);--button-font-style:var(--button-primary-md-font-style);--button-font-weight:var(--button-primary-md-font-weight);--button-letter-spacing:var(--button-primary-md-letter-spacing);--button-line-height:var(--button-primary-md-line-height);--button-text-transform:var(--button-primary-md-text-transform);--button-icon-size:var(--button-secondary-md-icon-size);--button-height:var(--button-secondary-md-height);--button-bg-fill-default:var(--button-secondary-bg-fill-default);--button-bg-fill-disabled:var(--button-secondary-bg-fill-disabled);--button-bg-fill-focused:var(--button-secondary-bg-fill-focused);--button-bg-fill-hover:var(--button-secondary-bg-fill-hover);--button-bg-fill-pressed:var(--button-secondary-bg-fill-pressed);--button-bg-stroke-default:var(--button-secondary-bg-stroke-default);--button-bg-stroke-disabled:var(--button-secondary-bg-stroke-disabled);--button-bg-stroke-focused:var(--button-secondary-bg-stroke-focused);--button-bg-stroke-hover:var(--button-secondary-bg-stroke-hover);--button-bg-stroke-pressed:var(--button-secondary-bg-stroke-pressed);--button-icon-fill-default:var(--button-secondary-icon-fill-default);--button-icon-fill-disabled:var(--button-secondary-icon-fill-disabled);--button-icon-fill-focused:var(--button-secondary-icon-fill-focused);--button-icon-fill-hover:var(--button-secondary-icon-fill-hover);--button-icon-fill-pressed:var(--button-secondary-icon-fill-pressed);--button-text-fill-default:var(--button-secondary-text-fill-default);--button-text-fill-disabled:var(--button-secondary-text-fill-disabled);--button-text-fill-focused:var(--button-secondary-text-fill-focused);--button-text-fill-hover:var(--button-secondary-text-fill-hover);--button-text-fill-pressed:var(--button-secondary-text-fill-pressed);color:var(--heading-fill)}.read-now-btn .icon-button-arrow{color:var(--heading-fill)}.button{flex-grow:1;max-height:-moz-fit-content;max-height:fit-content;margin-top:auto}.article-cards-container__minimised{display:grid;gap:var(--global-grid-gap);grid-template-columns:repeat(auto-fill,minmax(max((100% / 3) - (var(--global-grid-gap) * ((3 - 1) / 3)),min(300px,100%)),1fr))}.article-cards-container__grid,.article-cards-container__grid--scroll-sm,.article-cards-container__grid--stack-sm{display:grid;gap:var(--global-grid-gap);grid-template-columns:repeat(auto-fill,minmax(max((100% / 3) - (var(--global-grid-gap) * ((3 - 1) / 3)),min(50%,100%)),1fr))}@media screen and (max-width:768px){.article-cards-container__grid--scroll-sm{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-snap-align:start;gap:var(--global-col-gap-sm);padding-right:var(--global-col-gap-sm);padding-bottom:var(--global-item-gap);margin-bottom:calc(var(--global-item-gap) * -1)}.article-cards-container__grid--scroll-sm .article-card{flex:0 0 80%;scroll-snap-align:start}.article-cards-container__grid--scroll-sm .article-card:last-of-type{margin-right:var(--global-grid-gap)}}@media screen and (max-width:768px){.article-cards-container__grid--scroll-sm.incl-view-all-btn{padding-bottom:var(--global-col-gap-lg);margin-bottom:var(--global-col-gap-lg)}}.article-cards-container__grid,.article-cards-container__grid--scroll-sm{display:grid;gap:var(--global-grid-gap);grid-template-columns:repeat(auto-fill,minmax(max((100% / 3) - (var(--global-grid-gap) * ((3 - 1) / 3)),min(300px,100%)),1fr))}@media screen and (max-width:768px){.article-cards-container__grid--scroll-sm{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-snap-align:start;gap:var(--global-grid-gap);padding-right:var(--global-grid-gap)}.article-cards-container__grid--scroll-sm .article-card{flex:0 0 80%;scroll-snap-align:start}.article-cards-container__grid--scroll-sm .article-card:last-of-type{margin-right:var(--global-grid-gap)}}.article-cards-container__stacked .article-card{flex-direction:row;align-items:center;gap:var(--global-col-gap-sm);margin-bottom:var(--global-item-gap)}@media screen and (max-width:989px){.article-cards-container__stacked .article-card{flex-direction:column}}.article-cards-container__stacked .article-card:last-of-type{margin-bottom:0}.article-cards-container__stacked .article-card__img-container{display:block;width:100%;padding-bottom:100%;margin-bottom:0}.article-cards-container__stacked .article-card__img-container--outer{flex:0 0 35%}@media screen and (max-width:989px){.article-cards-container__stacked .article-card__img-container--outer{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article-card.css.map */