/* Category indexes share the existing shell and retain native product artwork. */
@font-face { font-family: "Manrope"; src: url("fonts/manrope-variable.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }
.collection-page { --v3-body: "Manrope", sans-serif; --v3-bone: #edf0ed; --v3-ash: #bbc4c6; --v3-rule: rgb(237 240 237 / 14%); background: #101416; }
.collection-page .v3-header { background: rgb(16 20 22 / 96%); }
.collection-page .v3-brand span { font-family: "Manrope", sans-serif; font-weight: 500; font-size: 11px; letter-spacing: .1em; }
.collection-page .v3-links a { color: #dce3e3; }
.collection-page .v3-links a[aria-current="page"] { color: #fff; font-weight: 600; }
.collection-intro { padding-top: calc(var(--v3-header) + 76px); padding-bottom: 72px; }
.collection-intro h1 { font-family: "Manrope", sans-serif; font-size: clamp(54px, 7vw, 100px); line-height: 1.1; font-weight: 300; letter-spacing: -.035em; }
.collection-intro > p { max-width: 59ch; margin-top: 28px; font-size: 17px; line-height: 1.8; color: #bbc4c6; }
.collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px 40px; padding-bottom: 88px; }
.collection-product { min-width: 0; }
.collection-product-link { display: block; height: 100%; color: inherit; text-decoration: none; }
.collection-media { display: flex; align-items: center; min-width: 0; overflow: hidden; }
.collection-media img { display: block; width: 100%; height: auto; }
.collection-copy { padding-top: 28px; }
.collection-type { color: #bbc4c6; font-size: 12px; }
.collection-copy h2 { margin-top: 10px; font-family: "Manrope", sans-serif; font-size: clamp(28px, 3vw, 44px); font-weight: 300; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
.collection-copy .collection-status { margin-top: 16px; color: #f0c38b; font-size: 12px; line-height: 1.7; }
.collection-copy .collection-description { margin-top: 18px; max-width: 49ch; color: #bbc4c6; font-size: 14px; line-height: 1.8; }
.collection-copy .collection-formats { margin-top: 20px; color: #edf0ed; font-size: 12px; line-height: 1.6; }
.collection-action { display: inline-block; padding-block: 16px 5px; margin-top: 12px; font-size: 13px; border-bottom: 1px solid rgb(237 240 237 / 44%); }
.collection-action > span { display: inline-block; margin-left: 18px; transition: transform 160ms cubic-bezier(.23,1,.32,1); }
.collection-product:last-child:nth-child(odd) { grid-column: 1 / -1; padding-top: 40px; border-top: 1px solid var(--v3-rule); }
.collection-product:last-child:nth-child(odd) .collection-product-link { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.collection-product:last-child:nth-child(odd) .collection-copy { padding-top: 0; }
.collection-other { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding-block: 32px 64px; }
.collection-other p { color: #bbc4c6; font-size: 16px; }
.collection-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 28px; }
.collection-footer > a { font-size: 15px; text-decoration: none; }
.collection-footer nav { display: flex; flex-wrap: wrap; gap: 18px 28px; }
.collection-footer nav a { font-size: 12px; color: #bbc4c6; text-decoration: none; }
.collection-page :is(a, button):focus-visible { outline: 2px solid #edf0ed; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  .collection-product-link:hover .collection-action > span { transform: translate(3px, -3px); }
  .collection-footer nav a:hover { color: #fff; }
}
@media (max-width: 760px) {
  .collection-intro { padding-top: calc(var(--v3-header) + 40px); padding-bottom: 44px; }
  .collection-intro > p { margin-top: 22px; font-size: 14px; }
  .collection-grid { grid-template-columns: 1fr; gap: 48px; padding-bottom: 48px; }
  .collection-copy { padding-top: 22px; }
  .collection-copy h2 { font-size: 30px; }
  .collection-product:last-child:nth-child(odd) { grid-column: auto; padding-top: 0; border-top: 0; }
  .collection-product:last-child:nth-child(odd) .collection-product-link { display: block; }
  .collection-product:last-child:nth-child(odd) .collection-copy { padding-top: 22px; }
  .collection-other { display: block; padding-bottom: 48px; }
  .collection-other a { display: inline-block; margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) { .collection-action > span { transition: none; } }
html:not(.js) .collection-page .v3-header { position: relative; height: auto; }
html:not(.js) .collection-page .v3-nav { min-height: 64px; flex-wrap: wrap; padding-block: 16px; }
html:not(.js) .collection-page .v3-menu { display: none; }
html:not(.js) .collection-page .v3-links { position: static; display: flex; flex-direction: row; flex-wrap: wrap; height: auto; overflow: visible; visibility: visible; opacity: 1; transform: none; padding: 0; background: transparent; }
html:not(.js) .collection-page .collection-intro { padding-top: 40px; }