.arcade-category-tiles{position:relative;overflow:hidden;background:linear-gradient(180deg,#8b1e1824,#0b0b0f00),var(--arcade-bg)}.arcade-category-tiles:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(248,244,239,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(248,244,239,.04) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.arcade-category-tiles .page-width{position:relative;z-index:1}.arcade-category-tiles__header{max-width:78rem;margin-bottom:2.4rem}.arcade-category-tiles__kicker{margin:0 0 .8rem;color:var(--arcade-red);font-size:1.2rem;font-weight:800;letter-spacing:.12rem;text-transform:uppercase}.arcade-category-tiles__title{margin:0;color:var(--arcade-text);text-transform:uppercase}.arcade-category-tiles__text{max-width:58rem;margin-top:1rem;color:var(--arcade-muted)}.arcade-category-tiles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.arcade-category-tile{position:relative;display:flex;min-height:13rem;overflow:hidden;padding:1.6rem;flex-direction:column;justify-content:flex-end;color:var(--arcade-text);text-decoration:none;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--tile-accent),transparent 58%),transparent 30%),linear-gradient(145deg,#f8f4ef14,#f8f4ef05),#151217;border:1px solid rgba(248,244,239,.12);border-radius:.8rem;box-shadow:0 18px 40px #00000047;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.arcade-category-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,transparent 0 47%,rgba(248,244,239,.06) 48% 52%,transparent 53%),linear-gradient(180deg,transparent 0 47%,rgba(248,244,239,.05) 48% 52%,transparent 53%);background-size:18px 18px;opacity:.18;pointer-events:none}.arcade-category-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.arcade-category-tile__img{width:100%;height:100%;object-fit:cover;opacity:1;filter:none;transition:transform .18s ease}.arcade-category-tile__content{position:relative;z-index:2;max-width:92%;padding:1rem;background:#05050a94;border:1px solid rgba(248,244,239,.12);border-radius:.7rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.arcade-category-tile__eyebrow{margin-bottom:.8rem;color:color-mix(in srgb,var(--tile-accent),#ffffff 18%);font-size:1.1rem;font-weight:800;text-transform:uppercase}.arcade-category-tile__title{display:block;color:var(--arcade-text);font-family:var(--font-heading-family);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.05;text-transform:uppercase}.arcade-category-tile__text{display:block;margin-top:.6rem;color:var(--arcade-muted);font-size:1.3rem}.arcade-category-tile__arrow{position:absolute;top:1.3rem;right:1.3rem;z-index:2;display:grid;width:3.6rem;height:3.6rem;place-items:center;color:var(--arcade-text);background:#e6392e2e;border:1px solid color-mix(in srgb,var(--tile-accent),transparent 35%);border-radius:50%}.arcade-category-tile__arrow .icon{width:1.5rem;transform:rotate(-35deg)}@media screen and (min-width:750px){.arcade-category-tiles__grid{gap:1.4rem}.arcade-category-tiles__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-category-tiles__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.arcade-category-tiles__grid--5,.arcade-category-tiles__grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-category-tile{min-height:16rem}}@media screen and (min-width:990px){.arcade-category-tiles__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.arcade-category-tiles__grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.arcade-category-tile:hover{transform:translateY(-.4rem);border-color:color-mix(in srgb,var(--tile-accent),transparent 25%);box-shadow:0 22px 48px #00000057,0 0 24px color-mix(in srgb,var(--tile-accent),transparent 68%)}.arcade-category-tile:hover .arcade-category-tile__img{transform:scale(1.05)}}@media screen and (max-width:389px){.arcade-category-tiles__grid{grid-template-columns:1fr}.arcade-category-tile{min-height:11.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-arcade-category-tiles.css.map */