@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.editorial{--_padding:1.6rem;background:#f7fafc;border:.0625rem solid #dfe4ee;border-top:.2rem solid #7031f5;border-radius:.75rem}.card_preview{background:#f1ecff;border-bottom:.0625rem solid #e6ddfa;padding:1.1rem 1.2rem 0}.card_preview_top{color:#654a96;letter-spacing:.04em;justify-content:space-between;padding-bottom:1rem;font:.5rem monospace;display:flex}.card_preview_sheet{background:#fff;border:.0625rem solid #dfd5f5;border-bottom:0;border-radius:.5rem .5rem 0 0;max-width:14rem;margin:auto;padding:1.2rem}.card_preview_sheet svg{color:#7031f5;width:1.8rem;height:1.8rem;margin-bottom:.5rem}.card_preview_line{background:#edf2f7;width:90%;height:.3rem;margin-block:.5rem;display:block}.card_preview_line.short{width:60%}.card_preview_status{color:#4a5568;margin-top:1rem;font-size:.6rem;display:block}.card_wrap.experiment{background:#fff;border:.0625rem solid #dfe4ee;border-radius:.9rem;gap:0;transition:border-color .18s,box-shadow .18s}.card_wrap.experiment:hover{border-color:#b89af2;box-shadow:0 .8rem 2rem #0b21350a}.card_wrap.experiment{--_padding:1.5rem}.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_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(.experiment,.editorial):has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:not(.experiment,.editorial):has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:not(.experiment,.editorial):has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:not(.experiment,.editorial):has(.button_wrap):hover .image{scale:1.04}}}