.category-header{background:linear-gradient(#1b1b1b,#111)}.categories-page .nav{height:76px}.category-search{margin-left:auto;display:flex;align-items:center;gap:6px}.category-search input{width:165px;background:#202020;border:1px solid #333;border-radius:6px;color:#fff;padding:9px 12px;font-size:12px}.category-search button{display:grid;place-items:center;width:34px;height:34px;background:none;border:0}.categories-main{padding-top:28px;padding-bottom:22px}.categories-main section+section{margin-top:35px}.categories-main h2{font-size:19px;letter-spacing:-.35px;margin:0 0 22px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.category-tile{position:relative;display:block;isolation:isolate;aspect-ratio:1;border-radius:13px;padding:20px;overflow:hidden;background:#242424;transition:filter .2s}.category-tile h3{font-size:16px;line-height:1.2;letter-spacing:-.25px;margin:0 0 4px;position:relative;z-index:2;overflow-wrap:anywhere}.category-tile p{margin:0;color:#b6b3b3;font-size:13px;position:relative;z-index:2}.category-tile img{position:absolute;width:77%;height:105%;right:-22%;top:35%;object-fit:cover;transform:rotate(25deg);border-radius:11px;z-index:0;transition:transform .25s,top .25s;filter:brightness(.85)}.category-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0001,transparent 50%,#0001);z-index:1}.category-tile:hover img{top:30%;transform:rotate(20deg);filter:brightness(1)}.category-tile:focus-visible{outline:2px solid white;outline-offset:4px}.category-symbol{position:absolute;font-size:120px;right:0;bottom:-20px;opacity:.15}.tone-0{background:#252525}.tone-1{background:#2c1515}.tone-2{background:#292230}.tone-3{background:#2c1710}.tone-4{background:#2a281a}.tone-5{background:#30232b}.tone-6{background:#162733}.tone-7{background:#1c2926}
@media(max-width:1400px){.category-grid{gap:16px}.category-tile{padding:16px}.category-tile h3{font-size:15px}.category-tile p{font-size:12px}}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-search input{width:125px}.categories-page .nav{gap:25px}}
@media(max-width:760px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-search input{display:none}.categories-page .nav-links{gap:15px;font-size:12px}.categories-page .nav{gap:20px}}
@media(max-width:560px){.categories-page .nav{height:auto;min-height:96px;flex-wrap:wrap;gap:15px;padding-block:16px}.categories-page .nav-links{display:flex;order:3;width:100%;gap:25px}.category-search{margin-left:auto}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category-tile{padding:16px}.categories-main{padding-top:18px}.categories-main h2{font-size:18px;margin-bottom:17px}.categories-main section+section{margin-top:30px}.category-tile img{width:80%;right:-23%;top:39%}}
@media(prefers-reduced-motion:reduce){.category-tile,.category-tile img{transition:none}}
.categories-page .nav-links a[aria-current="page"]{outline:1px solid #8a8a8a;outline-offset:9px;border-radius:3px;color:#fff}
@media(max-width:760px){.category-search input{display:block;width:clamp(72px,22vw,115px);min-width:0;padding:8px;font-size:11px}}