.category-tiles{padding:80px 0;background:var(--cream)}@media(max-width:720px){.category-tiles{padding:56px 0}}.category-tiles__head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;flex-wrap:wrap}.category-tiles__eyebrow{color:var(--signal);margin-bottom:10px;display:inline-block}.category-tiles__title{font-size:clamp(28px,3.4vw,40px);line-height:1.05;letter-spacing:-.03em;font-weight:600;color:var(--ink);max-width:600px}.category-tiles__title-hl{color:var(--royal);font-weight:500}.category-tiles__lede{font-size:14.5px;line-height:1.55;color:var(--silt);max-width:380px}@media(max-width:720px){.category-tiles__lede{max-width:none}}.category-tiles__grid{display:grid;gap:16px}.category-tiles__grid--compact,.category-tiles__grid--graphic{grid-template-columns:repeat(6,1fr)}@media(max-width:1024px){.category-tiles__grid--compact,.category-tiles__grid--graphic{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.category-tiles__grid--compact,.category-tiles__grid--graphic{grid-template-columns:repeat(2,1fr)}}.cat-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);text-align:left;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;color:var(--ink)}.cat-tile:hover{background:var(--ink);border-color:var(--ink);color:var(--cream);transform:translateY(-2px)}.cat-tile--compact{padding:20px 18px;display:flex;flex-direction:column;gap:16px;min-height:180px}.cat-tile--compact .cat-tile__icon{width:44px;height:44px;border-radius:10px;background:var(--cream);display:grid;place-items:center;color:var(--royal);transition:background .25s ease,color .25s ease}.cat-tile--compact:hover .cat-tile__icon{background:var(--signal);color:var(--cream)}.category-icon__img{width:24px;height:24px;object-fit:contain}.cat-tile--compact .cat-tile__body{margin-top:auto}.cat-tile--compact .cat-tile__arrow{position:absolute;top:20px;right:18px;color:var(--silt);transition:color .25s ease,transform .25s ease}.cat-tile--graphic{display:flex;flex-direction:column;padding:0;min-height:0;box-shadow:0 0 0 transparent}.cat-tile--graphic:hover{box-shadow:0 20px 40px -20px #0c11182e}.cat-tile__media{aspect-ratio:16 / 9;background:linear-gradient(180deg,var(--paper) 0%,var(--bone) 100%);overflow:hidden;position:relative}.cat-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .4s cubic-bezier(.4,0,.2,1)}.cat-tile--graphic:hover .cat-tile__img{transform:scale(1.04)}.cat-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(12,17,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(12,17,24,.04) 1px,transparent 1px);background-size:24px 24px;display:flex;align-items:center;justify-content:center}.cat-tile__placeholder-tag{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--silt);background:#ffffffb3;padding:5px 10px;border-radius:999px}.cat-tile--graphic .cat-tile__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.cat-tile--graphic .cat-tile__arrow{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-items:center;z-index:2;transition:background .25s ease,color .25s ease}.cat-tile--graphic:hover .cat-tile__arrow{background:var(--signal);color:var(--cream)}.cat-tile__name{font-size:15px;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.cat-tile__count{font-family:var(--f-mono);font-size:11px;color:var(--silt);letter-spacing:.04em}.cat-tile:hover .cat-tile__count{color:#fbf9f3b3}.cat-tile--compact:hover .cat-tile__arrow{color:var(--signal);transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/56/assets/sec-category-tiles.css.map */