:root{color-scheme:dark;background:#000;color:#eee;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0;background:#000}a{color:inherit;-webkit-tap-highlight-color:transparent}
.category-portal{width:min(calc(100% - 40px),1040px);margin:0 auto;padding:28px 0 max(92px,env(safe-area-inset-bottom));animation:category-arrive .4s ease both}
.category-heading{padding:0 0 30px;text-align:center}
.category-heading h1{font-size:16px;letter-spacing:.1em;font-weight:400;margin:0;color:#ddd;line-height:1.5}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-card{display:block;min-width:0;overflow:hidden;border:1px solid #34343b;border-radius:12px;background:linear-gradient(145deg,#151519,#08080a);text-decoration:none;touch-action:manipulation;transition:transform .18s,border-color .18s}
.category-art{display:block;aspect-ratio:3/4;overflow:hidden;background:#101014}
.category-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.category-label{display:block;text-align:center;padding:16px 8px;color:#e2e3e9;font-size:11px;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.category-card:focus-visible,.category-parent:focus-visible{outline:2px solid #ddd;outline-offset:4px}
@media(hover:hover){.category-card:hover{transform:translateY(-3px);border-color:#777784}.category-card:hover img{transform:scale(1.025)}}
.category-card:active{transform:scale(.985)}
.site-header:has(.category-parent){display:flex;flex-direction:column;gap:8px;padding:24px 0 28px}
.category-parent{color:#92949e;text-decoration:none;font-size:10px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
@keyframes category-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.category-portal{width:calc(100% - 32px);padding-top:24px}.category-heading{padding-bottom:26px}.category-heading h1{font-size:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-label{padding:13px 6px;font-size:10px}.category-card{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.category-portal{animation:none}.category-card,.category-art img{transition:none}}