/* Collections page — designed from the existing NAGARA visual language. */
.collections-page{background:#f3f1ec;color:#11100f}
.collections-main{overflow:clip;background:#f3f1ec}
.collections-page .footer_wrap{position:relative}

.collections-hero{
  position:relative;
  min-height:100svh;
  background:#080706;
  color:#f8f8f8;
  overflow:hidden;
}
.collections-hero__media{position:absolute;inset:0;overflow:hidden}
.collections-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.56;transform:scale(1.07)}
.collections-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.72) 100%)}
.collections-hero__contain{
  position:relative;z-index:2;min-height:100svh;
  padding-top:9rem!important;padding-bottom:2.7rem!important;
  display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;
  align-items:end;
}
.collections-hero__kicker{grid-column:1/5;align-self:start;font-size:.72rem;letter-spacing:.08em;color:rgba(248,248,248,.65)}
.collections-hero__title{
  grid-column:1/12;align-self:end;margin:0;
  font-family:var(--font--primary-family);font-weight:300;text-transform:uppercase;
  letter-spacing:var(--letter-spacing--0-03em);line-height:.79;
  font-size:clamp(6rem,14.7vw,15.5rem);
}
.collections-hero__meta{grid-column:9/13;align-self:end;display:flex;justify-content:space-between;gap:1.5rem;padding-bottom:.5rem;font-size:.65rem;letter-spacing:.055em;color:rgba(248,248,248,.62)}

.collections-intro{background:#f3f1ec;color:#11100f}
.collections-intro__contain{min-height:72vh;padding-top:8rem!important;padding-bottom:8rem!important;display:grid;grid-template-columns:repeat(12,1fr);align-items:center}
.collections-intro__eyebrow{grid-column:1/3;align-self:start;font-size:.7rem;letter-spacing:.07em}
.collections-intro__statement{grid-column:4/11;margin:0;font-family:var(--font--primary-family);font-size:clamp(3.3rem,6.8vw,7.8rem);letter-spacing:var(--letter-spacing--0-03em);line-height:.88;text-transform:uppercase}
.collections-intro__count{grid-column:12/13;justify-self:end;align-self:end;font-size:.68rem}

.collection-panel{position:relative;min-height:100svh;overflow:hidden}
.collection-panel.is-dark{background:#080706;color:#f8f8f8}
.collection-panel.is-light{background:#ece8e1;color:#11100f}
.collection-panel__backdrop{position:absolute;inset:0;overflow:hidden}
.collection-panel__backdrop::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.68)}
.collection-panel__backdrop img{width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.08)}
.collection-panel__contain{
  position:relative;z-index:2;min-height:100svh;
  padding-top:8.5rem!important;padding-bottom:3rem!important;
  display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;
  gap:1rem;align-items:center;
}
.collection-panel__index{grid-column:1/3;grid-row:1;font-size:.68rem;letter-spacing:.06em;align-self:start;opacity:.65}
.collection-panel__copy{grid-column:1/7;grid-row:2;z-index:5;align-self:center}
.collection-panel__eyebrow{font-size:.68rem;letter-spacing:.07em;margin-bottom:1.3rem;opacity:.62}
.collection-panel__copy h2{margin:0;font-family:var(--font--primary-family);font-size:clamp(5.5rem,10.5vw,12rem);font-weight:300;line-height:.78;letter-spacing:var(--letter-spacing--0-03em);text-transform:uppercase}
.collection-panel__copy p{margin:2rem 0 0;max-width:34ch;font-size:.9rem;line-height:1.45;letter-spacing:.015em}
.collection-panel__visual{margin:0;overflow:hidden;background:#0c0b0a}
.collection-panel__visual img{width:100%;height:100%;object-fit:cover;display:block}
.collection-panel.is-dark .collection-panel__visual.is-main{grid-column:7/11;grid-row:2;width:100%;aspect-ratio:4/5;justify-self:center;z-index:3;transform:translateY(2vh)}
.collection-panel.is-dark .collection-panel__visual.is-detail{grid-column:10/13;grid-row:2;width:100%;aspect-ratio:4/3;align-self:end;z-index:4;transform:translateY(12vh)}
.collection-panel__link{grid-column:10/13;grid-row:3;align-self:end;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid currentColor;padding-top:.75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.035em;opacity:.75;transition:opacity .3s ease,color .3s ease}
.collection-panel__link:hover{opacity:1;color:#ab8d61}

.collection-panel.is-light .collection-panel__copy{grid-column:1/6}
.collection-panel__visual-stage{grid-column:6/13;grid-row:1/4;align-self:stretch;position:relative;min-height:76vh;margin-top:1rem;margin-bottom:1rem;background:#080706;overflow:hidden}
.collection-panel__stage-bg{position:absolute;inset:0;opacity:.42}
.collection-panel__stage-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.28),rgba(8,7,6,.62))}
.collection-panel__stage-bg img{width:100%;height:100%;object-fit:cover}
.collection-panel.is-light .collection-panel__visual.is-main{position:absolute;left:9%;top:15%;width:45%;aspect-ratio:4/5;z-index:3}
.collection-panel.is-light .collection-panel__visual.is-detail{position:absolute;right:7%;bottom:10%;width:38%;aspect-ratio:4/3;z-index:4}
.collection-panel.is-light .collection-panel__link{grid-column:1/5;color:#11100f}

.collections-ending{background:#f3f1ec;color:#11100f}
.collections-ending__contain{min-height:78vh;padding-top:8rem!important;padding-bottom:8rem!important;display:grid;grid-template-columns:repeat(12,1fr);align-content:center}
.collections-ending__eyebrow{grid-column:1/4;font-size:.68rem;letter-spacing:.07em;align-self:start}
.collections-ending h2{grid-column:3/12;margin:0;font-family:var(--font--primary-family);font-size:clamp(5rem,11.2vw,13rem);font-weight:300;line-height:.8;letter-spacing:var(--letter-spacing--0-03em);text-transform:uppercase}
.collections-ending__link{grid-column:9/12;margin-top:3rem;display:flex;border-top:1px solid rgba(17,16,15,.35);padding-top:.75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.035em;transition:color .3s ease,border-color .3s ease}
.collections-ending__link:hover{color:#ab8d61;border-color:#ab8d61}

@media(max-width:991px){
  .collections-hero__kicker{grid-column:1/6}.collections-hero__title{grid-column:1/13}.collections-hero__meta{grid-column:8/13}
  .collections-intro__statement{grid-column:3/12}
  .collection-panel__copy{grid-column:1/8}.collection-panel.is-dark .collection-panel__visual.is-main{grid-column:7/12}.collection-panel.is-dark .collection-panel__visual.is-detail{grid-column:9/13}
  .collection-panel.is-light .collection-panel__copy{grid-column:1/6}.collection-panel__visual-stage{grid-column:6/13}
  .collections-ending h2{grid-column:2/13}
}
@media(max-width:767px){
  .collections-hero__contain{padding-top:7rem!important;grid-template-rows:auto 1fr auto}.collections-hero__kicker{grid-column:1/9}.collections-hero__title{font-size:20vw}.collections-hero__meta{grid-column:1/13;justify-content:flex-start;gap:2.5rem}
  .collections-intro__contain{min-height:auto;padding-top:6rem!important;padding-bottom:6rem!important;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.collections-intro__statement{font-size:13vw}.collections-intro__count{align-self:flex-end}
  .collection-panel__contain{min-height:100svh;padding-top:7rem!important;padding-bottom:2rem!important;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2.5rem}.collection-panel__index{position:absolute;top:7rem;right:var(--padding-horizontal--main)}.collection-panel__copy{order:1;width:100%}.collection-panel__copy h2{font-size:17vw}.collection-panel__copy p{margin-top:1.25rem}.collection-panel.is-dark .collection-panel__visual.is-main{order:2;width:58vw;aspect-ratio:4/5;align-self:center;transform:none}.collection-panel.is-dark .collection-panel__visual.is-detail{position:absolute;right:3rem;bottom:7rem;width:32vw;transform:none}.collection-panel__link{order:3;width:45%;align-self:flex-end}
  .collection-panel__visual-stage{order:2;width:100%;min-height:52vh;margin:0}.collection-panel.is-light .collection-panel__visual.is-main{width:48%;left:8%;top:11%}.collection-panel.is-light .collection-panel__visual.is-detail{width:41%;right:7%;bottom:9%}.collection-panel.is-light .collection-panel__link{order:3;width:45%;align-self:flex-end}
  .collections-ending__contain{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem}.collections-ending h2{font-size:18vw}.collections-ending__link{align-self:flex-end;width:55%;margin-top:1rem}
}
@media(max-width:479px){
  .collections-hero__title{font-size:22vw}.collections-hero__media img{object-position:58% center}
  .collection-panel.is-dark .collection-panel__visual.is-main{width:66vw}.collection-panel.is-dark .collection-panel__visual.is-detail{right:1.5rem;width:36vw}
  .collection-panel__link,.collection-panel.is-light .collection-panel__link{width:58%}
}


/* v10 refinements */
.collections-intro__contain{column-gap:1.5rem;row-gap:2rem;align-content:center}
.collections-intro__statement{grid-column:4/10;max-width:8.6ch}
.collections-intro__aside{grid-column:10/13;align-self:center;max-width:20rem}
.collections-intro__aside p{margin:0;font-size:.86rem;line-height:1.6;letter-spacing:.015em;color:rgba(17,16,15,.78)}
.collections-intro__list{grid-column:4/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:1.25rem 0 0}
.collections-intro__list li{border-top:1px solid rgba(17,16,15,.18);padding-top:.75rem}
.collections-intro__list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:.045em;font-size:.72rem;transition:color .28s ease,border-color .28s ease,opacity .28s ease;opacity:.82}
.collections-intro__list a:hover{color:#ab8d61;opacity:1}
.collections-intro__list-index{opacity:.55}
.collections-intro__list-title{font-size:.74rem}
.collection-panel__copy{padding-right:4vw}
.collection-panel__copy h2{font-size:clamp(4.75rem,8.6vw,9.8rem);max-width:4.8ch}
.collection-panel__copy p{max-width:28ch}
.collection-panel.is-dark .collection-panel__copy{grid-column:1/6}
.collection-panel.is-dark .collection-panel__visual.is-main{grid-column:8/12;transform:translateY(1vh)}
.collection-panel.is-dark .collection-panel__visual.is-detail{grid-column:10/13;width:88%;justify-self:end;transform:translateY(11vh)}
.collection-panel.is-light .collection-panel__copy{grid-column:1/5;padding-right:3vw}
.collection-panel__link{max-width:18rem}
.collections-ending__contain{row-gap:1.25rem}
.collections-ending h2{grid-column:3/11;max-width:8.2ch}
.collections-ending__link{grid-column:9/13}

@media(max-width:991px){
  .collections-intro__statement{grid-column:3/10;max-width:none}
  .collections-intro__aside{grid-column:10/13;max-width:none}
  .collections-intro__list{grid-column:3/13}
  .collection-panel.is-dark .collection-panel__copy{grid-column:1/6}
  .collection-panel.is-dark .collection-panel__visual.is-main{grid-column:8/12}
  .collection-panel__copy h2{font-size:clamp(4.2rem,8vw,8.5rem)}
}
@media(max-width:767px){
  .collections-intro__contain{padding-top:7.5rem!important;gap:1.5rem}
  .collections-intro__statement{font-size:11.6vw;max-width:9ch}
  .collections-intro__aside{max-width:30rem}
  .collections-intro__list{width:100%;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}
  .collection-panel__copy{padding-right:0}
  .collection-panel__copy h2{font-size:15vw;max-width:none}
  .collection-panel.is-dark .collection-panel__visual.is-main{width:54vw}
  .collection-panel.is-dark .collection-panel__visual.is-detail{right:2rem;bottom:6rem;width:30vw}
  .collections-ending h2{font-size:16vw;max-width:10ch}
  .collections-ending__link{width:62%}
}
@media(max-width:479px){
  .collections-intro__contain{padding-top:8rem!important}
  .collections-intro__statement{font-size:12.5vw}
}

/* v14 overview collection click affordance */
.collection-panel__title-link{color:inherit;text-decoration:none;display:inline-block}
.collection-panel__explore{display:inline-flex;margin-top:1.25rem;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase;opacity:.72;transition:opacity .25s ease,color .25s ease}
.collection-panel__title-link:hover,.collection-panel__explore:hover{color:#ab8d61;opacity:1}