@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%)}.section-muted .card_wrap.theme-light{background:var(--background)}.card_platform-logo{padding:var(--_padding) var(--_padding) 0;align-items:center;height:6rem;display:flex}.card_platform-logo img{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:3rem}.card_wrap{--_padding:clamp(1.5rem, 2.5vw, 2.25rem);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border-radius:var(--radius-main);border:var(--border-width) solid var(--border);width:100%;transition:border-color var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);flex-direction:column;display:flex;position:relative;overflow:clip}.card_wrap:has(a):is(:hover,:focus-within){border-color:color-mix(in srgb, var(--text) 45%, transparent);box-shadow:0 .75rem 2rem #123b350a}.card_wrap.cover{min-height:var(--_min-height)}.card_wrap.stacked{background-color:#0000;overflow:visible}.card_symbol{color:#1b4942;background:#e1ebe4;border-radius:.65rem;flex-direction:column;justify-content:space-between;align-items:start;gap:2rem;min-height:12rem;margin:.65rem .65rem 0;padding:1.75rem;display:flex}.card_symbol.compact{min-height:auto;padding:var(--_padding) var(--_padding) 0;background:0 0;margin:0}.card_symbol.compact .card_glyph{width:2.75rem;height:2.75rem}.card_symbol.compact .card_annotation{display:none}.card_glyph{width:4rem;height:4rem;mask:var(--_icon) center / contain no-repeat;background:currentColor;display:block}.card_annotation{letter-spacing:.02em;font-size:.75rem}.card_wrap:has(.card_symbol){gap:0}.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_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: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}}}
