@layer components{.categories-grid{padding:30px 18px;background:var(--color-bg)}@media(min-width:1024px){.categories-grid{padding:90px 56px}}.categories-grid__inner{max-width:var(--container-max);margin-inline:auto;display:flex;flex-direction:column}.categories-grid__header{display:contents}.categories-grid__heading{order:1;margin-bottom:18px}@media(min-width:1024px){.categories-grid__inner{display:block}.categories-grid__header{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px}.categories-grid__heading{margin-bottom:0}}.categories-grid__eyebrow{font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:2px;color:var(--color-accent);text-transform:uppercase;margin-bottom:6px}@media(min-width:1024px){.categories-grid__eyebrow{font-size:11px;margin-bottom:10px}}.categories-grid__title{font-family:var(--font-serif-display);font-size:28px;line-height:1;letter-spacing:-.6px;font-weight:400;margin:0;color:var(--color-ink)}.categories-grid__title em,.categories-grid__title i{font-style:italic}.categories-grid__title>p{margin:0;line-height:inherit}@media(min-width:1024px){.categories-grid__title{font-size:64px;letter-spacing:-1.6px}}.categories-grid__cta{order:3;align-self:center;margin-top:18px;display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;font-family:var(--font-serif-text);font-style:italic;font-size:13px;color:var(--color-ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color var(--t-fast) var(--ease)}@media(min-width:1024px){.categories-grid__cta{align-self:auto;margin-top:0}}.categories-grid__cta:hover{color:var(--color-accent)}.categories-grid__list{order:2;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:768px){.categories-grid__list{gap:14px}}@media(min-width:1024px){.categories-grid__list{grid-template-columns:repeat(3,1fr);gap:18px}}@media(min-width:1024px){.categories-grid__item--featured{grid-column:span 2}}.categories-grid__item[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay, 0ms)}.categories-grid__item[data-revealed]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.categories-grid__item[data-reveal]{opacity:1;transform:none;transition:none}}.categories-grid__empty{padding:40px 0;text-align:center;font-family:var(--font-serif-text);font-style:italic;color:var(--color-ink-muted)}.category-tile{display:block;position:relative;aspect-ratio:3 / 4;background:var(--color-bg-alt);overflow:hidden;cursor:pointer;color:#fff;text-decoration:none;isolation:isolate}.category-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.category-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.category-tile__image,.category-tile__media>img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1);transition:transform 1.4s cubic-bezier(.2,.8,.2,1);will-change:transform;display:block}.category-tile__image--fallback{background:linear-gradient(135deg,var(--color-bg-alt) 0%,rgba(176,74,42,.12) 100%)}.category-tile:hover .category-tile__image,.category-tile:hover .category-tile__media>img,.category-tile:focus-visible .category-tile__image,.category-tile:focus-visible .category-tile__media>img{transform:scale(1.08)}.category-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent 60%,#000000a6);transition:background .5s ease}.category-tile:hover .category-tile__overlay,.category-tile:focus-visible .category-tile__overlay{background:linear-gradient(transparent 30%,#000000d9)}.category-tile__kanji{position:absolute;top:14px;right:14px;z-index:2;font-family:var(--font-serif-display);font-style:italic;font-size:28px;line-height:1;color:#ffffffeb;text-shadow:0 2px 12px rgba(0,0,0,.4);pointer-events:none}@media(min-width:1024px){.category-tile__kanji{top:18px;right:18px;font-size:36px}}.category-tile__content{position:absolute;inset:auto 0 0 0;z-index:2;padding:14px;color:#fff}@media(min-width:768px){.category-tile__content{padding:18px}}.category-tile__title{font-family:var(--font-serif-display);font-size:18px;font-style:italic;line-height:1;letter-spacing:-.3px;font-weight:400}@media(min-width:768px){.category-tile__title{font-size:22px}}.category-tile__subtitle{font-family:var(--font-sans);font-size:11px;opacity:.85;margin-top:6px;letter-spacing:1px;text-transform:uppercase}.category-tile__cta{margin-top:14px;display:inline-flex;align-items:center;gap:10px;background:var(--color-accent, #b04a2a);color:#fff;padding:10px 16px;font-family:var(--font-sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,background .2s ease;border-radius:1px;box-shadow:0 4px 12px #00000040}@media(min-width:768px){.category-tile__cta{font-size:12px;padding:12px 18px}}.category-tile:hover .category-tile__cta,.category-tile:focus-visible .category-tile__cta{opacity:1;transform:translateY(0);background:var(--color-accent, #b04a2a)}@media(hover:none){.category-tile__cta{opacity:1;transform:translateY(0)}}.category-tile__arrow{display:inline-block;transform:translate(0);transition:transform .4s}.category-tile:hover .category-tile__arrow,.category-tile:focus-visible .category-tile__arrow{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.category-tile__image,.category-tile__media>img,.category-tile__overlay,.category-tile__cta,.category-tile__arrow{transition:none!important}.category-tile:hover .category-tile__image,.category-tile:hover .category-tile__media>img{transform:none}}}.category-tile__media>img,.category-tile__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-categories-grid.css.map */