@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))}.card_wrap{--_padding:var(--space-5);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);width:100%;transition:border-color var(--hover-duration) var(--hover-ease);flex-direction:column;display:flex;position:relative;overflow:clip}.card_wrap.cover{min-height:var(--_min-height);border:0}.card_wrap.quote{--_padding:var(--space-4)}.card_wrap.stacked{--_visual-ratio:16 / 10;gap:var(--space-3);background-color:#0000;border:0;overflow:visible}@media (hover:hover){.card_wrap:not(.cover,.stacked):has(.button_wrap):hover{border-color:var(--text)}}.card_visual{border-radius:inherit;flex:none;width:100%;position:relative;overflow:clip}.stacked>.card_visual{aspect-ratio:var(--_visual-ratio)}.stacked>.card_visual>:is(.image,.video){position:absolute;inset:0}.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{margin-top:auto;padding-top:1.75rem}.card_tags{flex-wrap:wrap;gap:.375rem;margin-top:1.65rem;display:flex}.card_content>.heading:not(:first-child){margin-top:1.375rem}.card_content>.heading{margin-bottom:var(--space-4)}.card_wrap:not(.stacked,.quote)>:is(.card_content>.heading){--_mw:18ch}.stacked>:is(.card_content>.heading){margin-bottom:.9rem}.card_content>.text{color:var(--text-2)}.card_wrap:not(.stacked,.quote)>:is(.card_content>.text){--_mw:48ch}.stacked>:is(.card_content>.text){font-family:var(--secondary-family);font-size:var(--secondary-main)}.quote>:is(.card_content>.text){color:var(--text)}.card_wrap:not(.stacked) .card_content>.button-wrapper{align-self:stretch}.card_wrap:not(.stacked) .card_content>.button-wrapper>.button_wrap{--button-background-hover:var(--button-background);--button-border-hover:var(--button-border);--button-text-hover:var(--button-text);flex:1}.card_chip{inset-inline-start:var(--space-3);bottom:var(--space-3);min-height:0;font-family:var(--secondary-family);font-size:var(--secondary-small);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease), translate var(--hover-duration) var(--hover-ease);padding:.6em .9em;position:absolute;translate:0 .25rem}.card_wrap:is(:hover,:focus-within) .card_chip{opacity:1;translate:0}.card_author{align-items:center;gap:var(--space-2);padding-top:var(--space-6);margin-top:auto;display:flex}.card_author>.image{border-radius:var(--radius-small);flex:none;width:2rem;height:2rem}.card_author .heading{font-weight:var(--primary-medium);margin:0}.card_author .eyebrow_wrap{color:var(--text-2)}.card_author .eyebrow_text{font-size:var(--secondary-main);letter-spacing:var(--letter-spacing-normal)}.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:0}.card_wrap:has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:has(.button_wrap):hover .image{scale:1.04}}}
