.article-card{--article-card-justify: flex-start;--article-meta-justify: var(--article-card-justify);--article-tags-justify: var(--article-card-justify);position:relative;display:flex;flex-direction:column;gap:var(--article-card-media-gap, 1.6rem);height:100%;min-width:0;padding:var(--article-card-padding, 0);overflow:var(--article-card-overflow, visible);text-align:var(--article-card-align, left);background:var(--article-card-background, none);border:var(--article-card-border, none);border-radius:var(--article-card-radius, 0);box-shadow:var(--article-card-shadow, none)}.article-card--align-center{--article-card-align: center;--article-card-justify: center}.article-card--align-right{--article-card-align: right;--article-card-justify: flex-end}.article-card--style-card{--article-card-background: var(--palette-surface, rgba(var(--color-foreground), .04));--article-card-border: var(--content-container-border, none);--article-card-radius: var(--blog-card-radius, 0);--article-card-shadow: var(--content-container-shadow, none);--article-card-overflow: hidden;--article-card-content-padding: 0 1.6rem 2rem;--article-card-media-radius: 0}.article-card.gradient{background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:scroll}.article-card__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:var(--article-card-justify);gap:var(--article-card-gap, .8rem);min-width:0;padding:var(--article-card-content-padding, 0)}.article-card__content>*{max-width:100%}.article-card__content>.article-card__more{margin-top:auto}.article-card__content>.article-card__more:not(:first-child){padding-top:.4rem}.article-card--side{display:grid;grid-template-columns:minmax(0,var(--article-card-media-width, 40%)) minmax(0,1fr);grid-template-rows:auto;grid-auto-rows:1fr;container-type:inline-size}.article-card--side.article-card--media-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--article-card-media-width, 40%))}.article-card--side.article-card--media-right>.article-card__media{grid-column:2;grid-row:1}.article-card--side>.article-card__media{display:flex;flex-direction:column}.article-card--side>.article-card__media>.article-card__media-link{flex:1 0 auto}.article-card--side>.article-card__content{min-width:0;justify-content:var(--article-card-content-justify, center)}@container (max-width: 26rem){.article-card--side>.article-card__media,.article-card--side.article-card--media-right>.article-card__media,.article-card--side>.article-card__content{grid-column:1 / -1;grid-row:auto}.article-card--side>.article-card__content{justify-content:flex-start}}.article-card--side>.article-card__content>.article-card__more{margin-top:0}.article-card--overlay{--article-card-overflow: hidden;--article-card-radius: var(--media-container-radius, 0);display:grid;gap:0;isolation:isolate}.article-card--overlay>*{grid-area:1 / 1}.article-card--overlay>.article-card__media{--article-card-media-radius: 0;height:100%}.article-card--overlay .article-card__media-link{height:100%}.article-card--overlay .article-card__media-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--article-card-overlay, .5)) 0%,rgba(0,0,0,calc(var(--article-card-overlay, .5) * .45)) 50%,transparent 85%)}.article-card--overlay>.article-card__content{--color-foreground: 255, 255, 255;--color-foreground-secondary: 255, 255, 255;position:relative;z-index:2;justify-content:var(--article-card-content-justify, flex-end);padding:var(--article-card-content-padding, 2.4rem);color:#fff;pointer-events:none}.article-card--overlay>.article-card__content :is(a,button){pointer-events:auto}.article-card--overlay>.article-card__content>.article-card__more{margin-top:0}.article-card--link .article-card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card :is(.article-card__tags,.article-card__more){position:relative;z-index:3}.article-card__media{position:relative;min-width:0;overflow:hidden;border-radius:var(--article-card-media-radius, var(--media-container-radius, 0));background:rgba(var(--color-foreground),.04)}.article-card__media-link.media{aspect-ratio:var(--article-card-ratio, 4 / 3);color:inherit}.article-card__media-link img{width:100%;height:100%;object-fit:var(--article-card-fit, cover)}.article-card__placeholder{width:100%;height:100%;fill:rgba(var(--color-foreground),.35)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.article-card__media--zoom .article-card__media-link img{transition:transform .8s cubic-bezier(.22,.61,.36,1)}.article-card:hover .article-card__media--zoom .article-card__media-link img{transform:scale(1.06)}}.article-card--hover-line .article-card__media:after{content:"";position:absolute;bottom:0;left:50%;z-index:2;width:0;height:2px;background:rgb(var(--color-accent-1));transform:translate(-50%);transition:width .3s ease}.article-card--hover-line:hover .article-card__media:after{width:100%}.article-card__badge{position:absolute;top:1.2rem;left:1.2rem;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 2.4rem);min-height:2.6rem;padding:.3rem 1rem;overflow:hidden;font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-radius:var(--buttons-radius, .4rem)}.article-card--align-center .article-card__badge{left:50%;transform:translate(-50%)}.article-card__title{margin:0;font-family:var(--article-card-title-font, var(--font-body-family));font-size:var(--article-card-title-size-mobile, var(--article-card-title-size, 1.8rem));font-style:var(--article-card-title-style, normal);font-weight:var(--article-card-title-weight, 500);line-height:1.3;letter-spacing:var(--article-card-title-spacing, normal);text-transform:var(--article-card-title-transform, none);color:var(--article-card-title-color, rgb(var(--color-foreground)));overflow-wrap:anywhere}@media screen and (min-width:750px){.article-card__title{font-size:var(--article-card-title-size, 1.8rem)}}.article-card__title--heading{--article-card-title-font: var(--font-heading-family);--article-card-title-style: var(--font-heading-style);--article-card-title-spacing: var(--font-heading-letter-spacing)}.article-card__title--uppercase{--article-card-title-transform: uppercase;--article-card-title-spacing: .04em}.article-card__title-link{color:inherit;text-decoration:none;transition:color .3s ease,opacity .3s ease}.article-card__title-text{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0% max(1px,.06em);background-position-y:min(100%,50% + .5lh - .07em);transition:background-size .4s ease}.article-card__title-link:focus-visible .article-card__title-text{background-size:100% max(1px,.06em)}.article-card__title--hover-color .article-card__title-link:focus-visible{color:var(--article-card-title-hover-color, rgb(var(--color-accent-1)))}.article-card__title--hover-opacity .article-card__title-link:focus-visible{opacity:.7}@media(hover:hover){.article-card--link:hover .article-card__title-text,.article-card__title-link:hover .article-card__title-text{background-size:100% max(1px,.06em)}.article-card--link:hover .article-card__title--hover-color .article-card__title-link,.article-card__title--hover-color .article-card__title-link:hover{color:var(--article-card-title-hover-color, rgb(var(--color-accent-1)))}.article-card--link:hover .article-card__title--hover-opacity .article-card__title-link,.article-card__title--hover-opacity .article-card__title-link:hover{opacity:.7}}@media(prefers-reduced-motion:reduce){.article-card__title-link,.article-card__title-text{transition:none}}.article-card__title-link:focus-visible{outline:none}.article-card--link:has(.article-card__title-link:focus-visible){outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.article-card__clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--article-card-lines);overflow:hidden}.article-card__excerpt{margin:0;font-size:var(--article-card-text-size-mobile, var(--article-card-text-size, 1.4rem));line-height:1.6;color:var(--article-card-text-color, rgba(var(--color-foreground-secondary), .85))}@media screen and (min-width:750px){.article-card__excerpt{font-size:var(--article-card-text-size, 1.4rem)}}.article-card__more{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}.article-card__more--link{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.35rem}.article-card__more svg{flex-shrink:0;width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:no-preference){.article-card__more svg{transition:transform .25s ease}.article-card:hover .article-card__more svg{transform:translate(.4rem)}}@media screen and (min-width:750px){.article-card--compact{--article-card-media-width: 38%;--article-card-gap: .4rem;flex-direction:row;align-items:center;height:auto}.article-card--compact>.article-card__media{flex:0 0 var(--article-card-media-width);width:var(--article-card-media-width)}.article-card--compact .article-card__title{font-size:calc(var(--article-card-title-size, 1.8rem) * .85)}.article-card--compact .article-card__excerpt{-webkit-line-clamp:2}.article-card--compact .article-card__content>.article-card__more{margin-top:0}}@media screen and (min-width:750px){.list--layout-bento .list__track>.article-card:not(.article-card--overlay){display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);container-type:normal}.list--layout-bento .list__track>.article-card:not(.article-card--overlay)>.article-card__media{grid-column:1 / -1;grid-row:1 / -2;min-height:0;align-self:stretch}.list--layout-bento .list__track>.article-card:not(.article-card--overlay)>.article-card__content{grid-column:1 / -1;grid-row:-2 / -1;justify-content:flex-start;min-width:0}.list--layout-bento .article-card>.article-card__media .article-card__media-link.media{height:100%;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-article-card.css.map */