.card-grid-section{width:100%}.card-grid-section__header{margin-bottom:1.6rem;display:flex;flex-direction:column;gap:.4rem}.card-grid-section__title{margin:0;font-family:"PP Neue Montreal",var(--display)!important;font-style:normal!important;font-size:clamp(2.7rem,3vw,4.1rem);font-weight:650!important;letter-spacing:-.01em;line-height:1.05;text-align:center}.card-grid-section__subtitle{margin:0;color:rgba(var(--color-foreground),.65);font-size:1.4rem;text-align:center}@media screen and (min-width:750px){.card-grid-section__title{font-size:clamp(2.7rem,3vw,4.1rem)}}.card-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;gap:var(--card-grid-gap, 12px)}:is(html[dir=rtl],html.locale--rtl,body.locale--rtl) .card-grid{direction:rtl}:is(html[dir=rtl],html.locale--rtl,body.locale--rtl) .card-grid__card{direction:ltr}.card-grid__card{position:relative;display:block;grid-column:span 2;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:var(--card-bg);color:var(--card-text);text-decoration:none;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}.card-grid__card:hover,.card-grid__card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #00000014;text-decoration:none}.card-grid__card--size-half{grid-column:span 1;aspect-ratio:8 / 9}.card-grid__card--size-wide{grid-column:span 4;aspect-ratio:32 / 9}.card-grid__card--size-tall{grid-column:span 2;grid-row:span 2;aspect-ratio:8 / 9}.card-grid__card--size-featured,.card-grid__card--featured{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}.card-grid__card--view-more{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--card-bg);color:var(--card-text);border:1px solid rgba(var(--color-foreground),.08)}.card-grid__view-more-text{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;padding:12px 18px;color:var(--card-text)}.card-grid__card--spacer{background:transparent;border:1px dashed rgba(var(--color-foreground),.12);pointer-events:none}.card-grid__card--spacer:hover{transform:none;box-shadow:none}.card-grid__blob{position:absolute;top:-22%;right:-18%;width:70%;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--card-blob) 0%,rgba(255,255,255,0) 70%);filter:blur(2px);z-index:0;pointer-events:none}.card-grid__card--featured .card-grid__blob{top:-8%;right:-8%;width:50%;filter:blur(4px)}.card-grid__badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;background:#fff;border-radius:999px;font-size:1.2rem;font-weight:600;color:var(--card-badge-text);z-index:2;white-space:nowrap}.card-grid__card--featured .card-grid__badge{top:20px;left:20px;padding:8px 14px 8px 12px;font-size:1.3rem}.card-grid__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--card-dot);flex-shrink:0}.card-grid__arrow{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--card-arrow-bg);color:var(--card-arrow-color);display:inline-flex;align-items:center;justify-content:center;z-index:2;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:transform .2s ease,background .2s ease}.card-grid__arrow svg{width:18px;height:18px;display:block}.card-grid__card--featured .card-grid__arrow{top:22px;right:22px;width:44px;height:44px}.card-grid__card--featured .card-grid__arrow svg{width:22px;height:22px}.card-grid__card:hover .card-grid__arrow,.card-grid__card:focus-visible .card-grid__arrow{transform:translate(2px)}.card-grid__title{position:absolute;left:18px;bottom:16px;margin:0;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:.96;z-index:1;color:var(--card-text)}.card-grid__title-line{display:block}.card-grid__card--size-featured .card-grid__title,.card-grid__card--featured .card-grid__title{left:28px;bottom:28px;font-size:5.6rem;font-weight:800}.card-grid__card--size-half .card-grid__title{left:12px;bottom:12px;font-size:1.8rem}.card-grid__card--size-half .card-grid__badge{top:10px;left:10px;padding:4px 8px 4px 7px;font-size:1rem}.card-grid__card--size-half .card-grid__arrow{top:10px;right:10px;width:26px;height:26px}.card-grid__card--size-half .card-grid__arrow svg{width:13px;height:13px}.card-grid__card--view-more.card-grid__card--size-half .card-grid__view-more-text{font-size:1.5rem;padding:8px 10px}@media screen and (max-width:989px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card-grid__card{grid-column:span 2}.card-grid__card--size-half{grid-column:span 1}.card-grid__card--size-wide{grid-column:span 3}.card-grid__card--size-tall{grid-column:span 2}.card-grid__card--size-featured,.card-grid__card--featured{grid-column:span 4;grid-row:span 2}.card-grid__card--size-featured .card-grid__title,.card-grid__card--featured .card-grid__title{font-size:4.4rem}.card-grid__title{font-size:2.7rem}}@media screen and (max-width:749px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row}.card-grid__card{grid-column:span 1;grid-row:span 1;aspect-ratio:16 / 11;border-radius:20px}.card-grid__title{font-size:2.3rem}.card-grid__card--size-half,.card-grid__card--size-wide,.card-grid__card--size-tall{grid-column:span 1;grid-row:span 1;aspect-ratio:16 / 11}.card-grid__card--size-featured,.card-grid__card--featured{grid-column:span 2;grid-row:span 1;aspect-ratio:16 / 9}.card-grid>*:nth-child(n+7):not(:last-child){display:none}.card-grid__title{font-size:2rem;left:16px;bottom:14px}.card-grid__card--size-featured .card-grid__title,.card-grid__card--featured .card-grid__title{font-size:3.2rem;left:22px;bottom:22px}.card-grid__view-more-text{font-size:1.8rem}.card-grid__badge{top:12px;left:12px;padding:5px 10px 5px 8px;font-size:1.1rem}.card-grid__arrow{top:12px;right:12px;width:32px;height:32px}.card-grid__arrow svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-card-grid.css.map */