/* Overlay type for the fold wall — this site's dressing, not the library's.
   fold-wall.css carries geometry only; everything that has an opinion about
   typography or colour lives here, so the library file can be updated from the
   open-source copy without losing any of this. */

.fold-wall__eyebrow{position:absolute;left:0;right:0;top:clamp(18px,3vw,34px);margin:0;text-align:center;color:rgba(242,240,233,.72);font:700 clamp(9px,1vw,11px)/1 var(--sans);letter-spacing:.16em;text-shadow:0 1px 12px rgba(0,0,0,.72);pointer-events:none;z-index:3}

/* Difference blending so one set of labels stays legible over both the pale
   background and whatever photograph happens to be facing front. */
.fold-wall__legend{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:space-between;padding:0 clamp(16px,4vw,56px);transform:translateY(-50%);color:#fff;mix-blend-mode:difference;pointer-events:none;z-index:3}
.fold-wall__legend span{display:grid;font:700 clamp(9px,1.05vw,12px)/1.34 var(--sans);letter-spacing:.1em}
.fold-wall__legend span:nth-child(2){text-align:center}
.fold-wall__legend span:nth-child(3){text-align:right}
.fold-wall__legend i{font-style:normal}

.fold-wall__meta{position:absolute;left:clamp(16px,4vw,56px);right:clamp(16px,4vw,56px);bottom:clamp(14px,2.4vw,26px);display:flex;justify-content:space-between;gap:14px;color:rgba(242,240,233,.72);font:600 clamp(8px,.95vw,10px)/1 var(--sans);letter-spacing:.12em;text-shadow:0 1px 12px rgba(0,0,0,.72);pointer-events:none;z-index:3}
.fold-wall__meta span{opacity:.6;text-transform:uppercase}

@media(max-width:700px){
  .fold-wall__legend{padding:0 14px}
  .fold-wall__meta{left:14px;right:14px}
}