/* Michael Cuno Photography v0.12v: balanced photograph presence.
   CSS targets galleries and story detail views, never original image pixels. */

/* No photograph inventory numerals or little triangles in galleries. The
   full-frame viewer's functional previous/next image counter is retained. */
.ph figcaption .edge, .ed-flow .gn, .flow .gn,
.card .lab .code, .shelf .lab .code,
.strip-head .n, .music-tile .music-tile-number,
.series-head .meta .code, .story-nav-heading .code,
.music-section-n {display:none!important}
.ph figcaption:empty {display:none!important}
/* Keep archive/series headlines aligned after removal of numeric markers. */
.strip-head{gap:clamp(12px,1.7vw,25px)}

/* Editorial: the deliberately smaller solos now have roughly 70% stage height
   rather than 54%-57%. Openers still take more space; no forced crops. */
body[data-page="editorial"] #view .ed-solo-l,
body[data-page="editorial"] #view .ed-solo-r {padding-inline:0!important;justify-content:center!important}
body[data-page="editorial"] #view .ed-solo-l .ph,
body[data-page="editorial"] #view .ed-solo-r .ph {
  width:min(100%,calc(70svh * var(--r)),910px)!important;
}
body[data-page="editorial"] #view .ed-solo-c .ph {
  width:min(100%,calc(72svh * var(--r)),950px)!important;
}
body[data-page="editorial"] #view .ed-solo-L .ph,
body[data-page="editorial"] #view .ed-solo-R .ph {
  width:min(100%,calc(80svh * var(--r)),1060px)!important;
}
/* Pair formats retain slight rhythm, but not a tiny 34% photo versus 51%.
   Physical image aspect ratio remains the sizing authority. */
body[data-page="editorial"] #view .ed-duo {
  align-items:center;gap:clamp(16px,2.5vw,38px)
}
body[data-page="editorial"] #view .ed-duo .ph,
body[data-page="editorial"] #view .ed-duo .ph:first-child,
body[data-page="editorial"] #view .ed-duo .ph:last-child {
  width:min(45%,calc(69svh * var(--r)))!important;
  margin:0!important;
}
body[data-page="editorial"] #view .ed-duo-1 .ph:first-child,
body[data-page="editorial"] #view .ed-duo-2 .ph:last-child,
body[data-page="editorial"] #view .ed-duo-3 .ph:last-child {
  width:min(47%,calc(73svh * var(--r)))!important;
}
body[data-page="editorial"] #view .ed-duo-1 .ph:last-child,
body[data-page="editorial"] #view .ed-duo-2 .ph:first-child,
body[data-page="editorial"] #view .ed-duo-3 .ph:first-child {
  width:min(42%,calc(66svh * var(--r)))!important;
}
/* The four-cut GUYS paper mounts: two equal-height neighbors with the entire
   photographic print and paper outline visible. */
@media(min-width:761px){
 body[data-page="editorial"] #view .ed-flow[data-story="guys-2026"] .ed-duo {
   gap:clamp(16px,2.4vw,35px);justify-content:center
 }
 body[data-page="editorial"] #view .ed-flow[data-story="guys-2026"] .ed-duo .ph,
 body[data-page="editorial"] #view .ed-flow[data-story="guys-2026"] .ed-duo .ph:first-child,
 body[data-page="editorial"] #view .ed-flow[data-story="guys-2026"] .ed-duo .ph:last-child {
   width:min(46%,calc(70svh * var(--r)))!important;
   margin:0!important
 }
}
/* Other stories (advertising) keep the stagger but eliminate extreme dwarfs. */
body[data-page="advertising"] #view .flow .sc.k-small .ph {
  --h:min(69svh,850px)!important;
  max-width:min(100%,880px)!important
}
body[data-page="advertising"] #view .flow .sc.k-page .ph {--h:min(77svh,900px)!important}
@media(min-width:761px){
 body[data-page="advertising"] #view .counter .ph:first-child {
   max-width:52%;
 }
 body[data-page="advertising"] #view .counter .ph:last-child {
   --hh:calc(min(var(--h),calc((100vw - 2*var(--gut) - var(--g))/var(--rs))) * .83)!important;
   max-width:44%;margin-top:clamp(12px,2.3vw,32px)!important
 }
 body[data-page="advertising"] #view .counter.stagger .ph:last-child {margin-top:0!important}
}
/* Music, actors, travel and personal work: moderately sized counterparts. */
@media(min-width:761px){
 body[data-page="music"] .music-project-images:not(.is-tracy-eight) .music-project-photo:not(.is-feature) img {
  max-height:min(70svh,850px)!important;
 }
 body[data-page="travel"] .strip {--H:clamp(245px,46svh,510px)}
}
/* Personal Work: the first train is a true large solo, never an isolated tiny
   thumbnail, still preserving the entire original paper border. */
body[data-page="personal"] .personal-piece.personal-train {
 width:min(100%,730px)!important;align-self:center
}
/* Preserve full frames, including analog mounts, on paired works. */
body[data-page="personal"] .personal-pair .ph img,
body[data-page="editorial"] .ed-flow .ph img,
body[data-page="advertising"] .flow .pair .ph img {object-fit:contain!important}

@media(max-width:760px){
 body[data-page="editorial"] #view .ed-solo-l .ph,
 body[data-page="editorial"] #view .ed-solo-r .ph,
 body[data-page="editorial"] #view .ed-solo-c .ph {
  width:min(100%,calc(73svh * var(--r)))!important;
 }
 body[data-page="editorial"] #view .ed-duo {
  flex-direction:column;align-items:center!important;
  gap:clamp(34px,5.5svh,62px);
 }
 body[data-page="editorial"] #view .ed-duo .ph,
 body[data-page="editorial"] #view .ed-duo .ph:first-child,
 body[data-page="editorial"] #view .ed-duo .ph:last-child {
  width:min(100%,calc(73svh * var(--r)))!important;
  margin:0!important;
 }
 body[data-page="advertising"] #view .flow .sc.k-small .ph {--h:min(69svh,790px)!important}
 body[data-page="personal"] .personal-piece.personal-train {width:100%!important}
}