.loop-cards{gap:1.8125rem}.loop-cards .card-item{margin-block-end:1.8125rem}.loop-cards .card-inner{border:var(--card-border, 1px solid var(--border-soft));border-radius:var(--card-radius, var(--radius-card));background:var(--card-bg, var(--surface-card));box-shadow:var(--card-shadow, var(--shadow-card));height:100%;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--motion), border-color var(--motion)}.loop-cards .card-inner:hover{border-color:color-mix(in oklch, var(--color-primary) 30%, var(--color-border));box-shadow:var(--card-shadow-hover, var(--shadow-card-hover))}.loop-cards .card-image{display:block;aspect-ratio:16 / 9;overflow:hidden}.loop-cards .card-image img{width:100%;height:100%;object-fit:cover;display:block}.loop-cards .card-inner > .block-single{flex:1;display:flex;flex-direction:column;padding:var(--card-pad)}.loop-cards .card-title a{text-decoration:none;color:var(--color-headline-links)}.loop-cards .card-title a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}.loop-cards .card-excerpt{line-height:1.6;flex:1}.loop-cards .card-inner .byline:first-child{margin-block-end:0.625rem}.loop-cards .card-inner .byline:first-child .byline-item a{font-size:0.8em;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.04em;color:var(--color-primary);border-bottom:none}.loop-cards .card-inner .byline:last-child{margin-block-start:auto;padding-block-start:0.625rem;border-top:1px solid var(--border-soft)}.loop-cards .card-inner .byline:last-child .byline-item{font-size:0.85em}.loop-cards .card-inner .byline-author .avatar{border-radius:50%;vertical-align:middle}.search .loop-cards .card-inner > .block-single{gap:var(--space-xs)}.search .loop-cards .card-inner .byline:first-child{margin-block-end:0}.search .loop-cards .card-inner .byline:first-child .byline-item a{background:var(--surface-active);border-radius:var(--radius-full);display:inline-flex;padding:0.25rem 0.625rem}.search .loop-cards .card-excerpt{margin-block-end:0}.search .loop-cards .card-inner .byline:last-child{border-top:0;color:var(--color-text-sec);padding-block-start:0}.loop-card-flat .loop-cards .card-image{border-radius:var(--radius-card)}.loop-card-flat .loop-cards .card-inner > .block-single{padding:0.9375rem 0 0}.loop-card-overlay .loop-cards .has-post-thumbnail .card-inner{aspect-ratio:var(--loop-ratio, 4 / 3);border:0;isolation:isolate;justify-content:flex-end;position:relative}.loop-card-overlay .loop-cards .has-post-thumbnail .card-image{aspect-ratio:auto;inset:0;position:absolute;z-index:-1}.loop-card-overlay .loop-cards .has-post-thumbnail .card-inner > .block-single{background:var(--card-scrim);flex:none;padding-block-start:3.625rem}.loop-card-overlay .loop-cards .has-post-thumbnail :is(.card-excerpt, .byline){color:oklch(98% 0.004 260 / 0.84);flex:none}.loop-card-overlay .loop-cards .has-post-thumbnail .card-inner :is(.card-title, .byline) a{color:oklch(98% 0.004 260)}.loop-card-overlay .loop-cards .has-post-thumbnail .card-inner .byline:last-child{border-top-color:oklch(98% 0.004 260 / 0.24)}[class*="loop-ratio-"] .loop-cards .card-image{aspect-ratio:var(--loop-ratio)}
[data-theme="dark"] .deal-filter-link.is-active{background:color-mix(in srgb, var(--color-button), #000 35%);border-color:color-mix(in srgb, var(--color-button), #fff 20%)}@media (max-width: 960px){.loop-deals{gap:0.9375rem}.loop-deals .deal-card{padding:0.625rem}}@media (max-width: 640px){.deal-filter-nav{padding:0.625rem}.deal-filter-list{gap:0.3125rem}.deal-filter-link{width:100%;text-align:center}}.loop-card-bordered{--card-border: 1px solid var(--color-border);--card-radius: var(--radius-card);--card-shadow: none;--card-shadow-hover: none}.loop-card-flat{--card-bg: none;--card-border: 0;--card-radius: 0;--card-shadow: none;--card-shadow-hover: none}.loop-card-bezel{--card-bezel: 0 0 0 0.3125rem color-mix(in oklch, var(--color-text) 5%, var(--color-bg)), 0 0 0 0.375rem color-mix(in oklch, var(--color-text) 11%, var(--color-bg));--card-bg: var(--surface-card);--card-border: 0;--card-radius: var(--radius-xl);--card-shadow: var(--card-bezel);--card-shadow-hover: var(--card-bezel), var(--shadow-card-hover)}.loop-card-overlay{--card-scrim: linear-gradient(to top, oklch(16% 0.01 260 / 0.9), oklch(16% 0.01 260 / 0.78) calc(100% - 3.625rem), transparent)}.loop-ratio-16-9{--loop-ratio: 16 / 9}.loop-ratio-3-2{--loop-ratio: 3 / 2}.loop-ratio-4-3{--loop-ratio: 4 / 3}.loop-ratio-1-1{--loop-ratio: 1}