.product-categories { background:#172124; color:#fff; padding-top:100px; padding-bottom:110px; }
.category-section-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:end; margin-bottom:50px; }
.category-section-heading h2 { font-size:clamp(36px,3.3vw,60px); line-height:1.08; max-width:650px; margin:0; }
.category-section-heading>div:last-child { max-width:430px; justify-self:end; }
.category-section-heading p:not(.eyebrow) { color:#c4cccd; font-size:16px; line-height:1.65; margin:0 0 22px; }
.product-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.product-category-card { display:flex; flex-direction:column; background:#fff; color:var(--ink); }
.category-photo { position:relative; aspect-ratio:1.35; overflow:hidden; background:#263032; }
.category-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.category-arrow { position:absolute; right:0; bottom:0; display:grid; place-items:center; width:54px; height:54px; font-size:25px; color:#fff; background:var(--yellow); }
.category-copy { display:flex; flex-direction:column; padding:30px; flex:1; }
.category-kicker { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); font-weight:600; }
.category-copy h3 { font-size:clamp(23px,1.8vw,32px); line-height:1.15; margin:16px 0; text-transform:uppercase; }
.category-copy p { color:var(--muted); font-size:15px; line-height:1.6; margin:0 0 28px; }
.category-link { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:20px; margin-top:auto; text-transform:uppercase; font-size:11px; font-weight:600; }
.product-category-card:hover .category-photo img { transform:scale(1.04); }
.product-category-card:hover .category-link { color:var(--yellow); }
.product-category-card:focus-visible { outline:3px solid var(--yellow); outline-offset:6px; }
@media(max-width:1100px) { .category-section-heading { gap:35px; } .category-copy { padding:24px; } .product-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } }
@media(max-width:767px) { .product-categories { padding-top:65px; padding-bottom:65px; } .category-section-heading { grid-template-columns:1fr; gap:25px; } .category-section-heading>div:last-child { justify-self:start; } .category-photo { aspect-ratio:1.65; } }
@media(max-width:599px) { .product-category-grid { grid-template-columns:1fr; gap:24px; } }
@media(prefers-reduced-motion:reduce) { .category-photo img { transition:none; } .product-category-card:hover .category-photo img { transform:none; } }