/* STUDIOFENCE v36 — tactile, non-cropping photographic transitions */
.sf22-gallery.sf36-gallery .sf36-stage {
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
  overscroll-behavior-x: contain;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  isolation: isolate;
}
.sf22-gallery.sf36-gallery .sf36-stage:active { cursor: grabbing; }
.sf22-gallery.sf36-gallery .sf36-stage .sf22-photo {
  position: absolute;
  inset: 0;
  margin: 0;
  display: flex;
  height: 100%;
  width: 100%;
  transform: translate3d(100%, 0, 0);
  transition-property: transform;
  transition-duration: 0ms;
  transition-timing-function: cubic-bezier(.22,1,.36,1);
  backface-visibility: hidden;
  will-change: transform;
  pointer-events: none;
}
.sf22-gallery.sf36-gallery .sf36-stage .sf22-photo img {
  pointer-events: none;
  -webkit-user-drag: none;
}
.sf22-gallery.sf36-gallery .sf30-active { view-transition-name: none!important; }
.sf22-gallery.sf36-gallery .sf30-arrow { transition: opacity .24s ease, transform .28s cubic-bezier(.22,1,.36,1); }
.sf36-project .sf31-side-left .sf31-rail-label{font-size:10px;letter-spacing:.14em;line-height:1.7}
.sf36-project .sf31-side-left{min-height:0}
.sf36-project .sf31-rail-bottom{margin-top:19px;border-top:0;padding:0;font-size:9px;color:#979893}
.sf36-project .sf31-side-left:not(:has(.sf36-collaboration)){padding-bottom:8px}
.sf36-collaboration { margin:clamp(22px,3vw,39px) 0 26px; padding:19px 0 23px; border-block:1px solid var(--sf31-rule); }
.sf36-collab-kicker { display:block; font-size:9px; letter-spacing:.15em; line-height:1.8; color:#777b76; text-transform:uppercase; }
.sf36-collab-pair { display:flex; flex-direction:column; gap:9px; align-items:flex-start; margin:19px 0 0; }
.sf36-collab-studio { font:400 clamp(17px,1.65vw,24px)/1.25 Georgia,'Times New Roman',serif; letter-spacing:-.04em; color:#242623; overflow-wrap:break-word; }
.sf36-collab-symbol {font:400 21px/1.1 Georgia,serif;color:#90938d;margin-left:3px}
.sf36-collaboration .sf36-collab-credit{color:#7c817d;letter-spacing:.06em;font-size:10px;line-height:1.65;margin:18px 0 0}
.sf36-project .sf31-masthead{margin-bottom:0}
@media(max-width:1080px){
  .sf36-collaboration{margin:16px 0 8px}
  .sf36-collab-pair{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
  .sf36-collab-symbol{margin:0}
}
@media(max-width:620px){
  .sf36-project .sf31-side-left{padding-top:15px}
  .sf36-collaboration{margin:18px 0 5px;padding-block:14px 16px}
  .sf36-collab-studio{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .sf22-gallery.sf36-gallery .sf36-stage .sf22-photo {transition-duration:0ms!important}
}