@layer components{.grid{--_cols:var(--_cols-xs);--_cols-xs:1;--_cols-sm:var(--_cols-xs);--_cols-md:var(--_cols-sm);--_cols-lg:var(--_cols-md);--_gap-size:var(--site-gutter);grid-column-gap:var(--_gap-size);grid-row-gap:var(--_gap-size);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));width:100%;display:grid}@media (min-width:30rem){.grid{--_cols:var(--_cols-sm)}}@media (min-width:48rem){.grid{--_cols:var(--_cols-md)}}@media (min-width:64rem){.grid{--_cols:var(--_cols-lg)}}.grid:is(.autofit,.autofill){--_max-cols:12;--_min-col-width:12;--_fit:(100% - (var(--_max-cols) - 1) * var(--_gap-size)) / var(--_max-cols);--_track:min(max(calc(var(--_min-col-width) * 1rem), var(--_fit)), 100%)}.grid.autofit{grid-template-columns:repeat(auto-fit, minmax(var(--_track), 1fr))}.grid.autofill{grid-template-columns:repeat(auto-fill, minmax(var(--_track), 1fr))}.eyebrow_wrap{align-items:center;justify-content:var(--_alignment,start);gap:var(--space-2);display:inline-flex}.eyebrow_wrap.tag{background-color:var(--text);color:var(--background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small)}.eyebrow_wrap .eyebrow_marker{width:var(--border-width);background-color:currentColor;flex:none;height:.75rem}.overlay{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 80%), transparent);width:100%;height:100%;position:absolute;inset:0}.overlay.gradient{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 60%), transparent);background-image:linear-gradient(to bottom, transparent, color-mix(in srgb, black calc(var(--_strength,50) / 100 * 62%), transparent) 84%)}.card_wrap{--_padding:var(--space-6);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border-radius:var(--radius-main);flex-direction:column;width:100%;display:flex;position:relative;overflow:clip}.card_wrap.cover{min-height:var(--_min-height)}.card_wrap.stacked{background-color:#0000;overflow:visible}.card_visual{border-radius:inherit;flex:none;width:100%;position:relative;overflow:clip}.stacked>.card_visual{aspect-ratio:var(--_visual-ratio)}.cover>.card_visual{pointer-events:none;height:100%;position:absolute;inset:0}.card_visual>:is(.image,.video){width:100%;height:100%}.card_visual>:is(.image,.video){width:100%;height:100%}.card_content>.button-wrapper:last-child{padding-top:var(--space-6);margin-top:auto}.card_wrap.editorial{background:0 0;border-radius:0;gap:1.25rem}.card_wrap.editorial-feature{gap:1.5rem}.card_wrap.editorial-compact{border-top:.0625rem solid var(--gi-border);grid-template-columns:8rem minmax(0,1fr);align-items:start;gap:1.5rem;padding-block:1.75rem;display:grid}.editorial-compact .heading{margin-bottom:0;font-size:1.375rem;line-height:1.3}.editorial-compact .card_content>.button-wrapper:last-child{padding-top:1rem}@media not (min-width:48rem){.card_wrap.editorial-compact{grid-template-columns:6rem minmax(0,1fr);gap:1rem}.card_wrap.editorial-compact .heading{font-size:1.125rem}}.editorial .card_visual{aspect-ratio:4/3;min-height:0}.editorial-feature .card_visual{aspect-ratio:16/9}.editorial-compact .card_visual{aspect-ratio:1}.editorial .card_visual a{width:100%;height:100%;display:block;position:absolute;inset:0}.editorial .card_visual .image{object-fit:cover;width:100%;height:100%}.editorial .card_content{padding:0}.editorial .card_content>.button-wrapper:last-child{padding-top:1rem}.editorial .card_content .text{font-size:1rem;line-height:1.6}.editorial .card_content .eyebrow{color:var(--gi-terracotta)}.card_content{align-items:var(--_alignment,start);text-align:var(--_alignment,start);width:100%;max-width:100%;padding:var(--_padding);flex-direction:column;flex-grow:1;display:flex}.cover>.card_content{z-index:1}.stacked>.card_content{padding-inline:0;padding-top:0}.card_wrap:not(.editorial):has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:not(.editorial):has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:not(.editorial):has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:not(.editorial):has(.button_wrap):hover .image{scale:1.04}}}
