/* One past chapter, kept like an original fashion-film press sheet. */
.clothing-archive {
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  align-items:start;
  gap:26px 34px;
  margin:46px 0 42px;
  padding:30px 0 26px;
  border-top:2px solid var(--ink);
  border-bottom:1px solid #BCAF9B;
  color:var(--ink);
}
.clothing-story { min-width:0; }
.clothing-logo {
  display:block;
  width:100%;
  height:auto;
  max-height:172px;
  object-fit:contain;
  object-position:left center;
  margin:0 0 25px;
  mix-blend-mode:multiply;
}
.clothing-status {
  display:inline-block;
  max-width:100%;
  margin:0 0 17px;
  padding:6px 8px;
  border:1px solid currentColor;
  color:#A52F1A;
  font-size:9px;
  font-weight:750;
  line-height:1.45;
  letter-spacing:.12em;
}
.clothing-story h3 {
  max-width:16ch;
  margin:0 0 15px;
  font-family:var(--serif);
  font-size:clamp(29px,3.1vw,40px);
  font-weight:640;
  line-height:1.06;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.clothing-story > p:not(.clothing-status):not(.hand) {
  max-width:42ch;
  margin:0;
  color:var(--ink-soft);
  font-size:14px;
  line-height:1.65;
}
.clothing-story > .hand {
  max-width:30ch;
  margin:19px 0 0;
  color:#A52F1A;
  font-family:var(--hand);
  font-size:22px;
  line-height:1.15;
}
.clothing-campaign {
  min-width:0;
  width:100%;
  max-width:360px;
  justify-self:center;
  margin:0;
  padding:9px 9px 0;
  background:#211F1B;
  color:#FBF6EE;
  box-shadow:5px 7px 0 #D9CDBB;
}
.clothing-campaign > img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#141413;
}
.clothing-campaign > figcaption {
  margin:0;
  padding:12px 4px 14px;
  color:#FBF6EE;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.045em;
}
.clothing-contact-sheet {
  grid-column:1 / -1;
  min-width:0;
  border-top:1px dashed #BCAF9B;
}
.clothing-contact-sheet > summary {
  width:fit-content;
  max-width:100%;
  min-height:44px;
  padding:14px 0 9px;
  color:var(--ink);
  font-size:12px;
  font-weight:650;
  line-height:1.5;
  text-underline-offset:4px;
  cursor:pointer;
}
.clothing-contact-sheet > summary::marker { color:#A52F1A; }
.clothing-contact-sheet > summary:hover { text-decoration:underline; }
.clothing-contact-sheet > summary:focus-visible {
  outline:2px solid #A52F1A;
  outline-offset:4px;
}
.clothing-stills {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:10px;
  padding-bottom:4px;
  counter-reset:brand-frame;
}
.clothing-stills > figure {
  min-width:0;
  margin:0;
  counter-increment:brand-frame;
}
.clothing-stills img {
  display:block;
  width:100%;
  height:auto;
  border:5px solid #211F1B;
  background:#211F1B;
}
.clothing-stills figcaption {
  margin-top:7px;
  color:var(--ink-soft);
  font-size:10px;
  line-height:1.5;
}
.clothing-stills figcaption::before {
  content:counter(brand-frame,decimal-leading-zero) " / ";
  color:#A52F1A;
  font-variant-numeric:tabular-nums;
}
@media (max-width:680px) {
  .clothing-archive {
    grid-template-columns:minmax(0,1fr);
    gap:25px;
    margin:34px 0;
    padding-top:24px;
  }
  .clothing-logo { max-width:400px;margin-bottom:21px; }
  .clothing-story h3 { max-width:20ch;font-size:32px; }
  .clothing-story > p:not(.clothing-status):not(.hand) { max-width:48ch; }
  .clothing-campaign { width:calc(100% - 5px);margin-right:5px; }
  .clothing-stills { grid-template-columns:minmax(0,1fr);gap:22px; }
}