/* All photographs remain side by side in the artist's numbered order. */
.photography-main{padding:100px 4vw 32px;min-height:100svh}
.photography-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.photography-heading h1{font-size:clamp(42px,4.7vw,66px);letter-spacing:-.04em}
.photography-heading h1>span{color:#9478a9}
.photography-heading p{font-size:13px;line-height:1.6}
.photo-carousel{width:100%}
.authorial-projects{margin-top:clamp(64px,8vw,120px);padding-top:32px;border-top:1px solid var(--line)}
.authorial-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.authorial-heading h2{font-size:clamp(36px,4.7vw,66px);line-height:1.08;letter-spacing:-.04em}
.authorial-heading p{font-size:13px;line-height:1.6}
.carousel-stage{--photo-height:max(494px,calc((100svh - 270px)*1.3));height:var(--photo-height);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.carousel-stage::-webkit-scrollbar{display:none}
.carousel-stage:focus-visible{outline-offset:6px}
.carousel-track{display:flex;gap:22px;width:max-content;height:100%}
.carousel-slide{display:block;flex:0 0 auto;width:calc(var(--photo-height)*var(--photo-ratio));max-width:92vw;height:100%;padding:0;scroll-snap-align:start;cursor:zoom-in}
.carousel-slide:focus-visible{outline-offset:-3px}
.carousel-slide img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none}
.carousel-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:18px;min-height:48px}
.carousel-count{font-size:14px;font-variant-numeric:tabular-nums;word-spacing:5px}
.carousel-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 14px;font-size:14px}
.carousel-toggle svg{width:16px;height:16px}
.carousel-arrows{display:flex;justify-content:end;gap:12px}
.carousel-arrows button{display:grid;place-items:center;width:48px;height:48px;padding:0}
.carousel-toggle:hover,.carousel-arrows button:hover{background:var(--violet)}
.carousel-help{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}
.carousel-error{padding:20px 0;text-align:center}
.carousel-error p{font-size:14px}
.carousel-error .line-link{margin-top:10px;min-height:44px;font-size:14px}
.carousel-error[hidden]{display:none}
.photography-page #viewer::backdrop{backdrop-filter:none}
@media(max-width:560px){
  .photography-main{padding:92px 5vw 24px}
  .photography-heading{margin-bottom:22px}
  .photography-heading h1{font-size:43px}
  .photography-heading p{display:none}
  .carousel-stage{--photo-height:clamp(300px,52svh,440px)}
  .carousel-track{gap:14px}
  .carousel-slide{max-width:82vw}
  .carousel-controls{gap:10px;margin-top:14px}
  .carousel-arrows{gap:2px}
  .carousel-count{font-size:13px;word-spacing:1px}
  .carousel-toggle{font-size:13px;padding:0 8px;gap:7px}
  .authorial-projects{padding-top:24px}
  .authorial-heading{display:block;margin-bottom:22px}
  .authorial-heading h2{font-size:36px}
  .authorial-heading p{margin-top:12px}
}