.category-tiles{padding-block:var(--category-tiles-pt, 96px) var(--category-tiles-pb, 96px);max-inline-size:var(--max-content-width);margin-inline:auto}.category-tiles__header{padding-inline:var(--gutter-mobile);margin-block-end:var(--space-5);display:grid;gap:var(--space-2)}.category-tiles__eyebrow{margin:0;font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--amber-on-light)}.category-tiles__heading{margin:0;max-inline-size:10ch;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:var(--fs-section);letter-spacing:var(--ls-display);line-height:.95;color:var(--espresso)}.category-tiles__subcopy{margin:0;max-inline-size:46ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}@media(min-width:750px){.category-tiles__header{padding-inline:var(--gutter-desktop);grid-template-columns:minmax(220px,.52fr) minmax(320px,.48fr);align-items:end;column-gap:var(--space-7)}.category-tiles__eyebrow{grid-column:1 / -1}.category-tiles__subcopy{justify-self:end}}.category-tiles__rail{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--gutter-mobile);padding-inline:var(--gutter-mobile);-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tiles__rail::-webkit-scrollbar{display:none}.category-tiles__tile{flex:0 0 78%;scroll-snap-align:start;margin:0}@media(min-width:750px){.category-tiles__rail{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:var(--space-3);overflow:visible;scroll-snap-type:none;padding-inline:var(--gutter-desktop);scroll-padding-inline-start:0}.category-tiles__tile{flex:initial}}.category-tiles__link{display:block;position:relative;text-decoration:none;color:var(--linen)}.category-tiles__media{margin:0;position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-card);background-color:var(--sand)}.category-tiles__media--fallback{background:radial-gradient(circle at 70% 18%,color-mix(in oklch,var(--bone) 34%,transparent) 0 12%,transparent 30%),linear-gradient(150deg,color-mix(in oklch,var(--oxblood) 28%,var(--ivory)),var(--mahogany))}.category-tiles__tile:nth-child(2) .category-tiles__media--fallback{background:radial-gradient(circle at 74% 14%,color-mix(in oklch,var(--ivory) 42%,transparent) 0 11%,transparent 32%),linear-gradient(150deg,var(--obsidian),var(--oxblood))}.category-tiles__tile:nth-child(3) .category-tiles__media--fallback{background:radial-gradient(circle at 70% 18%,color-mix(in oklch,var(--bone) 40%,transparent) 0 12%,transparent 30%),linear-gradient(150deg,color-mix(in oklch,var(--ivory) 78%,var(--oxblood)),color-mix(in oklch,var(--oxblood) 44%,var(--mahogany)))}.category-tiles__fallback-form,.category-tiles__fallback-line{position:absolute;display:block}.category-tiles__fallback-form{inset-inline:28%;inset-block:18% 22%;border:1px solid color-mix(in oklch,var(--bone) 34%,transparent);border-radius:24px 24px 6px 6px;background:linear-gradient(105deg,color-mix(in oklch,var(--bone) 42%,transparent) 0 10%,transparent 24%),color-mix(in oklch,var(--obsidian) 18%,transparent);box-shadow:0 26px 50px #170a0838}.category-tiles__fallback-form:before{content:"";position:absolute;inset-inline:34% 34%;inset-block-start:-17%;block-size:17%;background:color-mix(in oklch,var(--obsidian) 76%,var(--oxblood));border-radius:2px 2px 0 0}.category-tiles__fallback-line{inline-size:42%;block-size:1px;background:color-mix(in oklch,var(--bone) 44%,transparent);transform-origin:left center}.category-tiles__fallback-line--one{inset-inline-start:44%;inset-block-start:26%;transform:rotate(-18deg)}.category-tiles__fallback-line--two{inset-inline-start:20%;inset-block-end:21%;transform:rotate(10deg)}.category-tiles__media img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;transition:transform var(--duration-reveal) var(--ease-standard)}.category-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b282326;background:linear-gradient(to bottom,#2b28230d 0% 45%,#2b2823b3);transition:background var(--duration-reveal) var(--ease-standard);pointer-events:none}@media(hover:hover)and (pointer:fine){.category-tiles__link:hover .category-tiles__media img,.category-tiles__link:focus-visible .category-tiles__media img{transform:scale(1.04)}.category-tiles__link:hover .category-tiles__overlay,.category-tiles__link:focus-visible .category-tiles__overlay{background:linear-gradient(to bottom,#2b282326 0% 45%,#2b2823cc)}}@media(prefers-reduced-motion:reduce){.category-tiles__media img,.category-tiles__overlay{transition:none}.category-tiles__link:hover .category-tiles__media img,.category-tiles__link:focus-visible .category-tiles__media img{transform:none}}.category-tiles__label{position:absolute;inset-inline-start:var(--space-3);inset-block-end:var(--space-3);margin:0;font-family:var(--font-display);font-weight:var(--font-weight-regular);font-size:clamp(20px,2.4vw,28px);letter-spacing:var(--ls-display);line-height:1.1;color:var(--linen);text-shadow:0 1px 3px rgb(24 17 14 / .62),0 2px 8px rgb(24 17 14 / .44)}.category-tiles__link:focus-visible .category-tiles__media{outline:2px solid var(--amber);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-category-tiles.css.map */