html,body{width:100%;overflow-x:hidden}
.photo-topbar{gap:14px}.photo-brand{flex:0 0 auto}.photo-brand img{display:block}
.photo-topbar nav{min-width:0;flex:0 1 auto}.photo-topbar nav a{white-space:nowrap}
.photo-gallery-modal{min-height:0}.photo-gallery-frame{min-height:0;overflow:hidden}
.photo-stage{width:min(100%,540px);height:auto;aspect-ratio:4/5;min-height:0;max-height:none;margin:0 auto}
.photo-stage>img{aspect-ratio:4/5;object-fit:cover}.photo-caption{display:none}.thumb{aspect-ratio:4/5;height:auto}
@media(max-width:700px){
  .photo-topbar{padding-left:12px;padding-right:12px;gap:8px}
  .photo-brand img{max-width:145px;height:36px}
  .photo-topbar nav a.photo-login{padding:8px 9px;font-size:.61rem}
  .photo-hero h1{font-size:clamp(2rem,10vw,3.2rem)}
  .photo-hero p:last-child{font-size:.78rem;line-height:1.5}
  .photo-stage{width:100%;height:auto;aspect-ratio:4/5;min-height:0;max-height:none}
  .photo-stage>img{object-position:center center}
  .photo-thumbs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}