/* Final protected surgical pass. All original image files remain byte-identical. */
/* Photograph 01 is an authentic slightly oblique photograph. Level its display
   very gently, keeping the whole photographic rectangle inside a generous mat.
   No perspective distortion, image replacement, pixel editing or cropping. */
.page-photographs .photo-card:first-child .photo-open {
  padding:clamp(15px,2vw,24px); background:#d8d7d3; overflow:visible;
  border:1px solid #b9aa92;
}
.page-photographs .photo-card:first-child .photo-open img[src$="physical-front-studio.png"] {
  width:100% !important; height:auto !important; margin:12px auto !important;
  transform:rotate(181.5deg) !important; transform-origin:center center;
  object-fit:contain !important; aspect-ratio:auto !important;
}
.page-artist .artist-work-study {
  padding:clamp(18px,2vw,26px) !important;
  background:#d8d7d3 !important;
  border:1px solid #b9aa92;
}
.page-artist .artist-work-study img[src$="physical-front-studio.png"] {
  width:100% !important; height:auto !important; margin:12px auto 16px !important;
  transform:rotate(181.5deg) !important; transform-origin:center center;
  object-fit:contain !important; aspect-ratio:auto !important;
}
.page-artist .artist-work-study figcaption {margin:12px auto 0;max-width:95%}
/* Keep Photograph 01 consistently leveled in the existing enlarged viewer
   and the existing saved-view rendering; no other images are affected. */
.page-photographs #lightbox img[src$="physical-front-studio.png"],
#savedViews img[src$="physical-front-studio.png"] {
  transform:rotate(181.5deg) !important;
  object-fit:contain !important;
}
/* Remove collision between the large UO and the small artist identification. */
.page-artist .artist-layout .artist-mark {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:clamp(13px,2vw,24px); padding:22px 15px; isolation:isolate;
}
.page-artist .artist-layout .artist-initial {
  font-size:clamp(72px,9vw,116px); line-height:1; flex:none;
}
.page-artist .artist-layout .artist-mark span,
.page-artist .artist-layout .artist-mark > span span {
  position:static !important;bottom:auto !important;left:auto !important;
  display:block;max-width:100%;padding:0;line-height:1.55;
}
.page-artist .artist-layout .artist-mark > span {
  font-size:clamp(9px,1vw,12px);letter-spacing:.11em;text-align:center;
}
/* The entrance is a foyer with three purposeful, distinct ways to proceed. */
.page-entrance .entrance-paths {
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:10px 26px;max-width:700px;margin:8px auto 24px;
  position:relative;z-index:2;
}
.page-entrance .entrance-paths a {
  display:inline-flex;gap:8px;align-items:center;justify-content:center;
  min-height:44px;padding:9px 6px;border-bottom:1px solid #c7ad7c;
  color:#eedfc4;font-size:.86rem;line-height:1.4;
  text-decoration:none;text-underline-offset:5px;
}
.page-entrance .entrance-paths a:hover,.page-entrance .entrance-paths a:focus-visible {
  color:#fff;border-color:#fff;
}
@media(max-width:600px){
  .page-artist .artist-layout .artist-mark{width:180px;height:200px;gap:11px;padding:17px 12px}
  .page-artist .artist-layout .artist-initial{font-size:76px}
  .page-artist .artist-layout .artist-mark > span{font-size:9px;letter-spacing:.065em}
  .page-entrance .entrance-paths{flex-direction:column;gap:4px;margin:12px auto 24px}
  .page-entrance .entrance-paths a{width:100%;max-width:290px}
}
@media(prefers-reduced-motion:reduce){.page-photographs .photo-card:first-child .photo-open img,.page-artist .artist-work-study img{transition:none!important}}
