/* V1.4: presentation only. Original photographs remain unchanged. */
.fashion-spectral{min-height:540px}
.fashion-spectral .pentacle-imprint{right:-3%;top:0;width:54%;height:100%;object-fit:contain;object-position:right center;opacity:.44;mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 85%,transparent 100%)}
.fashion-spectral .meta>p{max-width:680px}
.index-polaroid:nth-child(3) .bodywork-tape{display:block;left:16%;width:49%;top:0;transform:translateY(-50%) rotate(-6deg)}
.archive-shot[data-full="about-chair"]::before{left:39%;top:0;width:clamp(85px,10vw,145px);transform:translateY(-50%) rotate(8deg);background-image:url('assets/attaches/scotch_carrossier_02.webp')}
.collaboration-note{display:block;margin-top:20px;font-size:13px;color:#9f2425;text-underline-offset:5px}
.project-note{font-size:12px;line-height:1.7;letter-spacing:.04em;color:#aaa69f;border-left:1px solid #8e2929;padding:0 0 0 16px;margin:28px 0;max-width:640px}
.project-note strong{font-weight:500;color:#d3cec5}
.catalogue-entry .work-image{cursor:zoom-in;position:relative;width:100%}
.catalogue-entry .work-image img{display:block}
.work-enquire{display:inline-block;min-height:44px;padding-top:12px}
[data-full]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #db625a;outline-offset:5px}
[data-full] .work-info{cursor:default}
@media(max-width:760px){
.fashion-spectral{min-height:620px;padding-bottom:210px}
.fashion-spectral .pentacle-imprint{right:-9%;top:auto;bottom:-18px;width:88%;height:390px;opacity:.38;object-position:right bottom;mask-image:linear-gradient(180deg,transparent 0%,#000 36%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 36%,#000 80%,transparent 100%)}
.fashion-spectral .meta{position:relative;z-index:1}
.project-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.fashion-spectral .pentacle-imprint{width:auto;max-width:58%;height:100%;aspect-ratio:1080/1079;right:0;mask-image:radial-gradient(ellipse at 80% 48%,#000 23%,rgba(0,0,0,.8) 48%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 80% 48%,#000 23%,rgba(0,0,0,.8) 48%,transparent 76%)}
@media(max-width:760px){.fashion-spectral .pentacle-imprint{max-width:none;width:390px;height:390px;right:-45px;mask-image:radial-gradient(ellipse at 68% 58%,#000 18%,rgba(0,0,0,.8) 43%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 68% 58%,#000 18%,rgba(0,0,0,.8) 43%,transparent 70%)}}
.catalogue-entry .work-image{margin:0;min-width:0}

/* The source artwork is square. Let its height scale with the column. */
.music-layout .cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* The narrow runway portrait and the landscape team photo keep their native ratios. */
.boss-pair {
  --boss-gap: clamp(36px, 5vw, 68px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--boss-gap);
  max-width: 920px;
  margin-inline: auto;
}
.boss-pair .model-shot + .model-shot::before {
  content: "";
  position: absolute;
  inset-block: 5%;
  inset-inline-start: calc(var(--boss-gap) / -2);
  border-inline-start: 1px solid var(--line);
  pointer-events: none;
}
@media (max-width: 760px) {
  .boss-pair {
    grid-template-columns: minmax(0, 1fr);
  }
  .boss-pair .model-shot:first-child {
    width: min(100%, 270px);
    justify-self: center;
  }
  .boss-pair .model-shot + .model-shot::before {
    inset: calc(var(--boss-gap) / -2) 12% auto;
    border-inline-start: 0;
    border-block-start: 1px solid var(--line);
  }
}