/* MK Categories v1.0 — editorial category navigation.
   No generic tile wall: one large category, two compact neighbours, one wide follow-up. */
.mk-categories,
.mk-categories *{box-sizing:border-box}

.mk-categories{
  --mk-cat-stage:#f6f6f6;
  --mk-cat-ink:#1f252b;
  --mk-cat-muted:#747d85;
  margin:24px auto 24px;
  max-width:1992px;
  padding:0;
  width:100%;
}
.mk-categories__heading{
  color:var(--mk-cat-muted);
  font-family:"GothamProRegular","Gotham Pro Regular",Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  letter-spacing:1.55px;
  line-height:1.2;
  margin:0 0 16px;
  text-transform:uppercase;
}
.mk-categories__grid{
  display:grid;
  gap:16px;
  grid-auto-flow:dense;
  grid-template-columns:repeat(12,minmax(0,1fr));
}
.mk-categories__item{min-width:0}
.mk-categories__item--feature{grid-column:span 6;grid-row:span 2;min-height:548px}
.mk-categories__item--regular{grid-column:span 3;min-height:266px}
.mk-categories__item--wide{grid-column:span 6;min-height:266px}

.mk-categories__link{
  background:var(--mk-cat-stage);
  color:var(--mk-cat-ink);
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:inherit;
  overflow:hidden;
  position:relative;
  text-decoration:none;
}
.mk-categories__link:hover,
.mk-categories__link:focus{color:var(--mk-cat-ink);text-decoration:none}
.mk-categories__copy{
  display:block;
  flex:0 0 auto;
  padding:25px 28px 0;
  position:relative;
  z-index:2;
}
.mk-categories__name{
  display:block;
  font-family:"GothamProMedium","Gotham Pro Medium",Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:.05px;
  line-height:1.05;
  text-transform:uppercase;
}
.mk-categories__cta{
  color:var(--mk-cat-muted);
  display:inline-flex;
  font-family:"GothamProRegular","Gotham Pro Regular",Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  gap:8px;
  letter-spacing:1.15px;
  line-height:1;
  margin-top:14px;
  text-transform:uppercase;
}
.mk-categories__cta b{
  color:var(--mk-cat-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:.55;
  transition:transform .2s ease;
}
.mk-categories__link:hover .mk-categories__cta b{transform:translateX(4px)}
.mk-categories__visual{
  align-items:center;
  display:flex;
  flex:1 1 auto;
  justify-content:center;
  min-height:0;
  overflow:hidden;
  padding:18px 28px 28px;
}
.mk-categories__visual picture{display:block;height:100%;max-width:100%;width:100%}
.mk-categories__image{display:block;height:100%;max-width:none;transition:transform .35s cubic-bezier(.22,.61,.36,1);width:100%}
.mk-categories__image--contain{object-fit:contain;object-position:center center}
.mk-categories__image--cover{object-fit:cover;object-position:center center}
.mk-categories__link:hover .mk-categories__image{transform:scale(1.025)}
.mk-categories__visual--empty:after{
  border:1px solid rgba(31,37,43,.13);
  content:"";
  display:block;
  height:58%;
  max-height:240px;
  max-width:340px;
  opacity:.45;
  width:66%;
}

/* Big card carries the visual lead but still stays clean: black type, object, air. */
.mk-categories__item--feature .mk-categories__copy{padding:36px 40px 0}
.mk-categories__item--feature .mk-categories__name{font-size:38px;letter-spacing:-.85px}
.mk-categories__item--feature .mk-categories__cta{font-size:11px;margin-top:18px}
.mk-categories__item--feature .mk-categories__visual{padding:20px 44px 42px}

/* Wide card is a quiet horizontal counterweight. */
.mk-categories__item--wide .mk-categories__link{flex-direction:row}
.mk-categories__item--wide .mk-categories__copy{align-self:stretch;display:flex;flex:0 0 36%;flex-direction:column;justify-content:flex-end;padding:28px 32px 30px}
.mk-categories__item--wide .mk-categories__visual{padding:18px 32px 18px 8px}
.mk-categories__item--wide .mk-categories__name{font-size:25px;letter-spacing:-.35px}

@media(max-width:1560px){
  .mk-categories{padding:0}
  .mk-categories__item--feature{min-height:500px}
  .mk-categories__item--regular,.mk-categories__item--wide{min-height:242px}
  .mk-categories__item--feature .mk-categories__name{font-size:34px}
  .mk-categories__name{font-size:20px}
}
@media(max-width:1220px){
  .mk-categories{margin:44px auto 54px;padding:0 16px}
  .mk-categories__grid{gap:12px}
  .mk-categories__item--feature{grid-column:span 6;min-height:442px}
  .mk-categories__item--regular{grid-column:span 3;min-height:215px}
  .mk-categories__item--wide{grid-column:span 6;min-height:215px}
  .mk-categories__copy{padding:20px 20px 0}
  .mk-categories__item--feature .mk-categories__copy{padding:28px 30px 0}
  .mk-categories__item--feature .mk-categories__visual{padding:16px 30px 30px}
  .mk-categories__name{font-size:18px}
  .mk-categories__item--feature .mk-categories__name{font-size:30px}
  .mk-categories__item--wide .mk-categories__copy{padding:20px 24px 22px}
}
@media(max-width:760px){
  .mk-categories{margin:34px auto 10px;padding:0 0px}
  .mk-categories__heading{font-size:10px;margin:0 0 12px}
  .mk-categories__grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-categories__item--feature{grid-column:span 2;grid-row:auto;min-height:316px}
  .mk-categories__item--regular{grid-column:span 1;min-height:220px}
  .mk-categories__item--wide{grid-column:span 2;min-height:206px}
  .mk-categories__copy{padding:16px 15px 0}
  .mk-categories__name{font-size:16px;letter-spacing:-.25px}
  .mk-categories__cta{font-size:8px;gap:5px;letter-spacing:.88px;margin-top:9px}
  .mk-categories__cta b{font-size:12px}
  .mk-categories__visual{padding:10px 12px 15px}
  .mk-categories__item--feature .mk-categories__copy{padding:23px 22px 0}
  .mk-categories__item--feature .mk-categories__name{font-size:28px;letter-spacing:-.72px}
  .mk-categories__item--feature .mk-categories__cta{font-size:9px;margin-top:11px}
  .mk-categories__item--feature .mk-categories__visual{padding:12px 24px 20px}
  .mk-categories__item--wide .mk-categories__copy{flex-basis:44%;padding:18px 18px 18px}
  .mk-categories__item--wide .mk-categories__name{font-size:19px}
  .mk-categories__item--wide .mk-categories__visual{padding:10px 14px 10px 0}
}
@media(max-width:390px){
  .mk-categories__item--feature{min-height:288px}
  .mk-categories__item--regular{min-height:196px}
  .mk-categories__item--wide{min-height:190px}
  .mk-categories__item--feature .mk-categories__name{font-size:25px}
  .mk-categories__name{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.mk-categories__image,.mk-categories__cta b{transition:none}}