.collections-page {
  width: min(100% - 96px, 1280px);
  margin-inline: auto;
  padding-block: 76px 112px;
}

.collections-intro {
  display: grid;
  grid-template-columns: 1fr 0.72fr;
  gap: 9%;
  align-items: end;
  padding-bottom: 66px;
}

.collections-intro .eyebrow { margin-bottom: 20px; }
.collections-intro h1 { font-size: clamp(48px, 6.2vw, 82px); }
.collections-subtitle { margin-top: 20px; color: var(--clay); font: italic clamp(21px, 2.1vw, 28px)/1.4 var(--serif); }
.collections-intro-copy { max-width: 420px; padding-bottom: 5px; }
.collections-intro-copy p { font-size: 14px; line-height: 1.85; }
.collections-intro-copy .more-colours { margin-top: 16px; color: var(--muted); font: italic 16px/1.5 var(--serif); }

.series-category { margin-top: 36px; }
.series-category + .series-category { margin-top: 100px; }
.series-category-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding-bottom: 23px;
  margin-bottom: 33px;
  border-bottom: 1px solid var(--line);
}
.series-category-heading .eyebrow { margin-bottom: 7px; }
.series-category-heading h2 { font-size: clamp(32px, 3vw, 43px); }
.series-category-heading > p { max-width: 370px; color: var(--muted); font-size: 12px; line-height: 1.7; }

.series-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 58px 30px;
  align-items: start;
}

.series-card { min-width: 0; }
.series-card[open] { grid-column: 1 / -1; }
.series-card > summary {
  display: block;
  cursor: pointer;
  list-style: none;
}
.series-card > summary::-webkit-details-marker { display: none; }
.series-card > summary::marker { content: ''; }
.series-cover {
  aspect-ratio: 4 / 5;
  background: var(--paper);
  overflow: hidden;
}
.series-cover img,
.variation-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.series-copy { padding-top: 17px; }
.series-name { font: 27px/1.25 var(--serif); letter-spacing: -.025em; }
.series-bag-type { margin-top: 4px; color: var(--muted); font-size: 11px; letter-spacing: .035em; }
.series-card-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  color: var(--clay);
  font: italic 14px/1.5 var(--serif);
}
.series-open-label {
  color: var(--ink);
  font: 10px/1.5 var(--sans);
  letter-spacing: .04em;
  white-space: nowrap;
}
.series-open-label::after { content: ' ↓'; }
.series-card[open] .series-open-label::after { content: ' ↑'; }

.series-card[open] > summary {
  display: grid;
  grid-template-columns: minmax(190px, 0.72fr) 1fr;
  gap: clamp(24px, 5vw, 68px);
  align-items: center;
  padding: 0 0 34px;
  border-bottom: 1px solid var(--line);
}
.series-card[open] .series-cover { max-width: 350px; }
.series-card[open] .series-name { font-size: clamp(32px, 4vw, 48px); }
.series-card[open] .series-card-note { justify-content: flex-start; }
.series-card[open] .series-open-label { display: block; margin-top: 24px; }

.series-details { padding-top: 32px; }
.series-details-heading { margin-bottom: 22px; }
.series-details-heading h3 { font: 25px/1.3 var(--serif); }
.series-details-heading p { margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.variation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 218px), 1fr));
  gap: 36px 22px;
}
.variation-card { min-width: 0; }
.variation-image { aspect-ratio: 4 / 5; background: var(--paper); }
.variation-copy { padding-top: 14px; }
.variation-name { font: 20px/1.3 var(--serif); }
.variation-ref,
.variation-availability { color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.variation-ref { margin-top: 8px; }
.variation-availability { margin-top: 5px; letter-spacing: .035em; text-transform: none; }
.variation-description { margin-top: 9px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.variation-enquiry { display: inline-flex; gap: 12px; margin-top: 12px; padding-bottom: 3px; border-bottom: 1px solid var(--line); font-size: 10px; letter-spacing: .025em; }
.variation-enquiry:hover { color: var(--clay); border-color: var(--clay); }
.display-image-label { margin-top: 9px; color: var(--muted); font: italic 13px/1.45 var(--serif); }
.variation-disclaimer {
  max-width: 790px;
  margin-top: 34px;
  color: var(--muted);
  font: italic 15px/1.8 var(--serif);
}
.series-enquiries {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 26px;
  margin-top: 25px;
}
.series-enquiries .button { margin-top: 0; }
.series-whatsapp { color: var(--muted); font-size: 10px; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.series-whatsapp:hover { color: var(--clay); }
.collections-error { padding: 60px 0; color: var(--muted); }

@media (max-width: 850px) {
  .collections-page { width: calc(100% - 64px); padding-block: 58px 84px; }
  .collections-intro { gap: 6%; padding-bottom: 50px; }
  .series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 22px; }
  .series-card[open] > summary { grid-template-columns: minmax(160px, .7fr) 1fr; }
  .variation-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: 30px 18px; }
}

@media (max-width: 600px) {
  .collections-page { width: calc(100% - 36px); padding-block: 43px 66px; }
  .collections-intro { grid-template-columns: 1fr; gap: 25px; padding-bottom: 43px; }
  .collections-intro h1 { font-size: clamp(44px, 12vw, 58px); }
  .collections-subtitle { margin-top: 12px; font-size: 21px; }
  .collections-intro-copy p { font-size: 13px; }
  .collections-intro-copy .more-colours { margin-top: 10px; }
  .series-category { margin-top: 25px; }
  .series-category + .series-category { margin-top: 67px; }
  .series-category-heading { display: block; padding-bottom: 17px; margin-bottom: 23px; }
  .series-category-heading h2 { font-size: 31px; }
  .series-category-heading > p { margin-top: 12px; font-size: 11px; }
  .series-grid { grid-template-columns: 1fr; gap: 37px; }
  .series-name { font-size: 25px; }
  .series-card[open] > summary { grid-template-columns: 96px minmax(0, 1fr); gap: 18px; padding-bottom: 23px; }
  .series-card[open] .series-cover { width: 96px; }
  .series-card[open] .series-copy { padding-top: 0; }
  .series-card[open] .series-name { font-size: 25px; }
  .series-card[open] .series-bag-type { line-height: 1.55; }
  .series-card[open] .series-card-note { display: block; margin-top: 8px; font-size: 13px; }
  .series-card[open] .series-open-label { margin-top: 9px; }
  .series-details { padding-top: 24px; }
  .series-details-heading h3 { font-size: 22px; }
  .variation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 12px; }
  .variation-copy { padding-top: 10px; }
  .variation-name { font-size: 17px; }
  .variation-description { font-size: 10px; }
  .variation-disclaimer { margin-top: 25px; font-size: 14px; }
  .series-enquiries { gap: 16px; margin-top: 20px; }
  .series-enquiries .button { width: 100%; }
}