.article-highlights{--article-highlights-gutter: var(--space-20);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "content" "button";gap:var(--space-24);padding-inline:var(--article-highlights-gutter);color:var(--color-foreground)}.article-highlights__heading{grid-area:heading;margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-heading-3);line-height:round(nearest,calc(var(--line-height-96) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0);text-wrap:wrap}.article-highlights__button{grid-area:button;font-family:var(--font-family-primary);white-space:nowrap}.article-highlights__button--desktop{display:none}.article-highlights__button--desktop,.article-highlights__button--desktop:hover{--button-color: var(--text-1);--button-background-color: transparent;--button-border-color: var(--stroke-1);--button-border-width: var(--stroke-width-1);--button-focus-outline-color: var(--stroke-4)}.article-highlights__button--mobile,.article-highlights__button--mobile:hover{--button-color: var(--text-2);--button-background-color: var(--button-3);--button-border-color: var(--button-3);--button-focus-outline-color: var(--stroke-4)}.article-highlights__button--mobile{inline-size:auto}.article-highlights__content{display:flex;grid-area:content;flex-direction:column;gap:var(--space-16);min-inline-size:0}.article-highlights__list{display:flex;gap:var(--space-16);margin-inline:calc(var(--article-highlights-gutter) * -1);padding-inline:var(--article-highlights-gutter);scroll-padding-inline:var(--article-highlights-gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.article-highlights__list::-webkit-scrollbar{display:none}.article-highlights__list[data-dragging]{scroll-snap-type:none;cursor:grabbing}.article-badge{padding:var(--space-4) var(--space-4) calc(var(--space-4) - var(--stroke-width-1));border-radius:var(--radius-4);background-color:var(--surface-3);color:var(--text-2);font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-5);line-height:var(--line-height-100);text-transform:uppercase;white-space:nowrap}.article-card{display:flex;flex:0 0 20rem;flex-direction:column;overflow:hidden;border-radius:var(--radius-16);background-color:var(--surface-5);color:var(--text-1);text-decoration:none;scroll-snap-align:start}.article-card__media{position:relative;flex:none;aspect-ratio:1;overflow:hidden}.article-card__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.article-card__body{display:flex;flex:1;align-items:flex-end;gap:var(--space-16);min-inline-size:0;padding:var(--space-24) var(--space-16)}.article-card__text{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--space-8);min-inline-size:0}.article-card__title{block-size:2.5rem;max-inline-size:100%;margin:0;overflow:hidden;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-heading-6);line-height:round(nearest,calc(var(--line-height-112) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0);text-overflow:ellipsis;white-space:nowrap}.article-card__excerpt{max-inline-size:100%;font-optical-sizing:auto;margin:0;overflow:hidden;font-weight:var(--font-weight-primary-regular);font-size:var(--font-size-text-4);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem);text-overflow:ellipsis;white-space:nowrap}.article-card__arrow{display:flex;flex:none;justify-content:center;align-items:center;inline-size:calc(var(--space-40) + var(--space-2));block-size:calc(var(--space-40) + var(--space-2));border-radius:var(--radius-pill);background-color:var(--button-3);color:var(--text-2);transition:box-shadow var(--motion-dissolve-duration) var(--motion-dissolve-easing)}.article-card__arrow svg{inline-size:var(--space-24);block-size:var(--space-24)}.article-feature{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-block-size:25rem;padding:var(--space-24) var(--space-16);overflow:hidden;border-radius:var(--radius-16);background-color:var(--surface-5);color:var(--text-2)}.article-feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 25%,color-mix(in srgb,var(--primary-jet-black) 70%,transparent) 74.966%)}.article-feature__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 100%}.article-feature__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-16)}.article-feature__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12)}.article-feature__title{margin:0;color:inherit;font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-heading-4);line-height:round(nearest,calc(var(--line-height-104) * 1em),.0625rem);letter-spacing:var(--letter-spacing-0);text-wrap:pretty}.article-feature__excerpt{max-inline-size:18.0625rem;margin:0;font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-1);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem)}.article-feature__button,.article-feature__button:hover{--button-color: var(--text-2);--button-background-color: transparent;--button-border-color: var(--stroke-3);--button-border-width: var(--stroke-width-1);--button-focus-outline-color: var(--stroke-4)}.article-feature__button{min-block-size:var(--space-32);padding-block:0;padding-inline:var(--space-20);font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-4);line-height:var(--line-height-100);white-space:nowrap}@media(hover:hover){.article-highlights__button--desktop:hover{--button-background-color: var(--surface-1);box-shadow:inset 0 0 0 var(--stroke-width-1) var(--stroke-1),var(--effect-red-glow)}.article-highlights__button--mobile:hover,.article-card:hover .article-card__arrow{box-shadow:var(--effect-red-glow)}.article-feature__button:hover{--button-color: var(--text-1);--button-background-color: var(--surface-1);box-shadow:inset 0 0 0 var(--stroke-width-1) var(--stroke-3),var(--effect-red-glow)}}@media(prefers-reduced-motion:reduce){.article-card__arrow{transition:none}}@media screen and (min-width:750px){.article-highlights{--article-highlights-gutter: max(var(--space-56), (100% - var(--page-content-width) + var(--space-112)) / 2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading button" "content content";align-items:center;gap:var(--space-40) var(--space-16)}.article-highlights__button--desktop{display:grid}.article-highlights__button--mobile{display:none}.article-highlights__list{flex-direction:column;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.article-card{flex:none;flex-direction:row;block-size:13rem}.article-card__media{inline-size:13rem}.article-card__body{align-items:flex-start;gap:var(--space-24);padding:var(--space-32) var(--space-24)}.article-card .article-badge{margin-block-end:var(--space-8)}.article-card__title{display:-webkit-box;block-size:auto;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-feature{min-block-size:41rem;padding:var(--space-40)}.article-feature__content{max-inline-size:22.4375rem;gap:var(--space-32)}.article-feature__text{gap:var(--space-16)}.article-feature__button{min-block-size:var(--space-48);padding-inline:var(--space-32);font-size:var(--font-size-utility-3)}}@media screen and (min-width:1200px){.article-highlights__content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.article-highlights__list{grid-row:1;grid-column:1}.article-feature{grid-row:1;grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/article-highlights.css.map */