.designer-main { padding-top: 6rem; }
.designer-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; padding-block: var(--space-2); font-size: var(--step--1); color: var(--grey); }
.designer-breadcrumb a { border-bottom: 1px solid var(--hairline); }
.designer-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); align-items: center; padding-top: var(--space-3); padding-bottom: var(--space-4); }
.designer-heading { min-width: 0; }
.designer-heading h1 { margin-top: var(--space-2); }
.designer-intro { margin-top: var(--space-3); max-width: 36em; line-height: 1.8; }
.designer-hero-image { min-width: 0; }
.designer-hero-image img { width: 100%; height: auto; }
.designer-hero-image figcaption { margin-top: .75rem; font-size: var(--step--1); color: var(--grey); display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; align-items: baseline; }
.designer-view, .designer-explore { text-transform: uppercase; letter-spacing: .12em; border-bottom: 1px solid var(--hairline); }
.designer-explore { display: inline-block; margin-top: var(--space-3); }
.designer-collection { scroll-margin-top: 80px; }
.designer-toolbar { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-4); margin-bottom: var(--space-2); }
.designer-toolbar .grid-count { margin: 0; }
.designer-filter > summary { cursor: pointer; list-style: none; min-height: 44px; display: inline-flex; align-items: center; text-transform: uppercase; letter-spacing: .12em; border-bottom: 1px solid var(--hairline); }
.designer-filter > summary::-webkit-details-marker { display: none; }
.designer-filter > summary::after { content: " ▾"; }
.designer-filter[open] > summary::after { content: " ▴"; }
.designer-zero { color: var(--grey); margin: var(--space-3) 0; }
.designer-biography { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-4); }
.designer-biography-copy { max-width: 48em; line-height: 1.8; }
.designer-biography-copy p + p { margin-top: var(--space-2); }
.designer-source-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.designer-source-links a, .designer-reading a { border-bottom: 1px solid var(--hairline); }
.designer-collection-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-3); }
.designer-collection .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.designer-reading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-4); background: var(--paper-dim); }
.designer-reading h2 { margin-top: var(--space-2); }
.designer-reading-link { display: inline-block; margin-top: var(--space-2); }
@media (max-width: 900px) {
  .designer-hero { gap: var(--space-3); }
  .designer-collection .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .designer-main { padding-top: 5rem; }
  .designer-hero, .designer-biography, .designer-reading { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .designer-hero { padding-top: var(--space-2); }
  .designer-hero-image { width: 100%; }
  .designer-biography, .designer-reading, .designer-collection { padding-block: var(--space-4); }
  .designer-heading h1 { font-size: var(--step-3); }
  .designer-collection-head { display: block; }
  .designer-collection-head > a { display: inline-block; margin-top: var(--space-2); }
}
.designer-collection .filters-v2 { margin-top: var(--space-3); margin-bottom: 0; }
.nb { white-space: nowrap; }   /* WO238: a Chinese brand name never breaks inside itself */
.designer-others { padding-block: var(--space-3) var(--space-4); text-transform: uppercase; letter-spacing: .12em; color: var(--grey); }
.designer-others a { border-bottom: 1px solid var(--hairline); color: inherit; }
/* WO276: the /designers hub (XS layout): one column on a phone, two on a wide screen, no photographs */
.designers-hub-head { padding-top: var(--space-3); padding-bottom: var(--space-3); }
.designers-hub { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding-bottom: var(--space-5); }
.designers-hub-block { border-top: 1px solid var(--hairline); padding-top: var(--space-3); min-width: 0; }
.designers-hub-block h2 { margin-top: var(--space-1); }
.designers-hub-block h2 a { border-bottom: 0; }
.designers-hub-where { margin-top: var(--space-1); color: var(--grey); }
.designers-hub-block .body-copy { margin-top: var(--space-2); max-width: 36em; line-height: 1.8; }
.designers-hub-link { display: inline-block; margin-top: var(--space-2); border-bottom: 1px solid var(--hairline); }
.designers-hub-block--editions { font-size: var(--step--1); }
@media (min-width: 900px) { .designers-hub { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .designers-hub-block--editions { grid-column: 1 / -1; } }
/* WO306: SCOPE — the page's own grid, the filter groups and the count give way to the site-wide component (hidden is honoured over the display rules above) */
.designer-collection [hidden], .designer-filter [hidden] { display: none !important; }
.designer-all { margin-top: var(--space-2); }
.designer-all .shop-filterbar { margin-bottom: var(--space-1); }