.collection-grid-codex{--grid-codex-surface: var(--color-background);--grid-codex-heading: var(--color-foreground-heading);--grid-codex-text: var(--color-foreground);--grid-codex-primary-bg: var(--color-primary-button-background);--grid-codex-primary-text: var(--color-primary-button-text);--grid-codex-primary-border: var(--color-primary-button-border);--grid-codex-primary-hover-bg: var(--color-primary-button-hover-background);--grid-codex-primary-hover-text: var(--color-primary-button-hover-text);--grid-codex-primary-hover-border: var(--color-primary-button-hover-border);--grid-codex-secondary-bg: var(--color-secondary-button-background);--grid-codex-secondary-text: var(--color-secondary-button-text);--grid-codex-secondary-border: var(--color-secondary-button-border);--grid-codex-secondary-hover-bg: var(--color-secondary-button-hover-background);--grid-codex-secondary-hover-text: var(--color-secondary-button-hover-text);--grid-codex-secondary-hover-border: var(--color-secondary-button-hover-border);padding-block:min(32px,var(--grid-codex-padding-top)) min(32px,var(--grid-codex-padding-bottom))}.collection-grid-codex__inner{min-width:0}.collection-grid-codex.section--full-width>.collection-grid-codex__inner{margin-inline:var(--page-margin)}.collection-grid-codex__header{margin-bottom:clamp(24px,3vw,40px);text-align:var(--grid-codex-alignment)}.collection-grid-codex__heading,.collection-grid-codex__title{margin:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);color:var(--color-foreground-heading);letter-spacing:-.02em;line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}.collection-grid-codex__heading{font-size:clamp(1.75rem,3vw,3rem)}.collection-grid-codex__intro,.collection-grid-codex__description{margin:12px 0 0;font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight);color:var(--color-foreground);font-size:1rem;line-height:1.6;overflow-wrap:anywhere;text-wrap:pretty}.collection-grid-codex__intro{max-width:50rem}.collection-grid-codex--centered .collection-grid-codex__intro{margin-inline:auto}.collection-grid-codex__grid{display:grid;grid-template-columns:repeat(var(--grid-codex-mobile-columns),minmax(0,1fr));gap:var(--grid-codex-mobile-gap);margin:0;padding:0;list-style:none}.collection-grid-codex__item{min-width:0;container-type:inline-size}.collection-grid-codex__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;height:100%;min-width:0;text-decoration:none;color:var(--color-foreground);isolation:isolate}.collection-grid-codex__media{grid-area:1 / 1;align-self:start;width:100%;aspect-ratio:var(--grid-codex-mobile-ratio);overflow:hidden;background:rgb(var(--color-foreground-rgb) / 4%)}.collection-grid-codex__media picture{display:block;width:100%;height:100%}.collection-grid-codex__image,.collection-grid-codex__placeholder{display:block;width:100%;height:100%;object-fit:cover}.collection-grid-codex__image{object-position:var(--grid-codex-mobile-position)!important}.collection-grid-codex__placeholder{fill:rgb(var(--color-foreground-rgb) / 30%)}.collection-grid-codex__content{grid-area:2 / 1;display:flex;flex-direction:column;min-width:0;padding-top:20px;text-align:var(--grid-codex-alignment)}.collection-grid-codex__title{font-size:clamp(1.25rem,5cqi,2.25rem)}.collection-grid-codex__action{padding-top:24px;margin-top:auto}.collection-grid-codex__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 24px;font-family:var(--font-body--family);font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.collection-grid-codex__text-link{padding-inline:0;color:var(--color-foreground);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.collection-grid-codex--overlay .collection-grid-codex__card--with-copy{grid-template-rows:1fr}.collection-grid-codex--overlay.collection-grid-codex--adapt .collection-grid-codex__item{align-self:start}.collection-grid-codex--overlay .collection-grid-codex__card--with-copy .collection-grid-codex__media{align-self:stretch;height:100%}.collection-grid-codex--overlay .collection-grid-codex__card--with-copy:after{content:"";grid-area:1 / 1;z-index:1;background:linear-gradient(180deg,transparent 20%,rgb(0 0 0 / var(--grid-codex-overlay)) 100%);pointer-events:none}.collection-grid-codex--overlay .collection-grid-codex__content{grid-area:1 / 1;align-self:end;z-index:2;padding:clamp(20px,6cqi,48px);background:transparent}.collection-grid-codex__card:focus-visible{outline:3px solid var(--grid-codex-text);outline-offset:4px}@media screen and not (min-width:750px){.collection-grid-codex--overlay.collection-grid-codex--mobile-below .collection-grid-codex__card--with-copy{grid-template-rows:auto 1fr}.collection-grid-codex--overlay.collection-grid-codex--mobile-below .collection-grid-codex__media{align-self:start;height:auto}.collection-grid-codex--mobile-below .collection-grid-codex__card--with-copy:after{display:none}.collection-grid-codex--overlay.collection-grid-codex--mobile-below .collection-grid-codex__content{--color-background: var(--grid-codex-surface);--color-foreground-heading: var(--grid-codex-heading);--color-foreground: var(--grid-codex-text);--color-primary-button-background: var(--grid-codex-primary-bg);--color-primary-button-text: var(--grid-codex-primary-text);--color-primary-button-border: var(--grid-codex-primary-border);--color-primary-button-hover-background: var(--grid-codex-primary-hover-bg);--color-primary-button-hover-text: var(--grid-codex-primary-hover-text);--color-primary-button-hover-border: var(--grid-codex-primary-hover-border);--color-secondary-button-background: var(--grid-codex-secondary-bg);--color-secondary-button-text: var(--grid-codex-secondary-text);--color-secondary-button-border: var(--grid-codex-secondary-border);--color-secondary-button-hover-background: var(--grid-codex-secondary-hover-bg);--color-secondary-button-hover-text: var(--grid-codex-secondary-hover-text);--color-secondary-button-hover-border: var(--grid-codex-secondary-hover-border);grid-area:2 / 1;align-self:stretch;padding:20px 0 0;background:var(--grid-codex-surface)}}@media screen and (min-width:750px){.collection-grid-codex{padding-block:var(--grid-codex-padding-top) var(--grid-codex-padding-bottom)}.collection-grid-codex__grid{grid-template-columns:repeat(var(--grid-codex-tablet-columns),minmax(0,1fr));gap:var(--grid-codex-row-gap) var(--grid-codex-gap)}.collection-grid-codex__media{aspect-ratio:var(--grid-codex-desktop-ratio)}.collection-grid-codex__image{object-position:var(--grid-codex-desktop-position)!important}.collection-grid-codex__content{padding-top:24px}}@media screen and (min-width:1100px){.collection-grid-codex__grid{grid-template-columns:repeat(var(--grid-codex-columns),minmax(0,1fr))}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.collection-grid-codex__image{transition:transform .45s cubic-bezier(.22,1,.36,1)}a.collection-grid-codex__card:hover .collection-grid-codex__image{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.collection-grid-codex__button{transition:none}}.collection-grid-codex__empty{padding:40px 24px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-grid-codex.css.map */