/* STUDIOFENCE v34 — Editorial left-to-right reading: information left, photograph right. 
   A restrained first-load fade; no autoplay or image manipulation. */
.sf34-project.sf31-project{max-width:1680px}
.sf34-project .sf31-layout{padding-top:clamp(24px,3.6vw,50px)}
.sf34-project .sf31-editorial-overline{border-top-color:var(--sf31-rule);padding-top:13px}
.sf34-project .sf31-view.sf34-view{
  display:grid;
  grid-template-columns:minmax(250px,.86fr) minmax(0,2.18fr);
  grid-template-areas:"heading photo" "statement photo" "details photo";
  grid-template-rows:auto auto minmax(0,1fr);
  column-gap:clamp(36px,4.8vw,86px);
  row-gap:0;
  align-items:start;
  padding:clamp(23px,2.8vw,42px) 0 clamp(30px,3.6vw,55px);
  border-bottom:1px solid var(--sf31-rule);
}
.sf34-project .sf31-view.sf34-view > .sf31-masthead{
  grid-area:heading;display:block;padding:0 0 14px;border:0;
  margin:0;min-width:0;
}
.sf34-project .sf31-view.sf34-view .sf31-title{
  font-size:clamp(34px,3.3vw,55px);
  line-height:1.095;letter-spacing:-.058em;max-width:none;
}
.sf34-project .sf31-view.sf34-view .sf31-location{
  text-align:left;margin:16px 0 0;line-height:1.65;font-size:10px;
}
.sf34-project .sf31-view.sf34-view .sf31-side-left{
  grid-area:statement;min-height:0;padding:0 0 22px;display:block;
}
.sf34-project .sf31-view.sf34-view .sf31-intro-quote{
  margin:15px 0 15px;max-width:380px;
  font-size:clamp(20px,1.62vw,26px);line-height:1.44;
}
.sf34-project .sf31-view.sf34-view .sf31-rail-bottom{
  font-size:9px;letter-spacing:.13em;padding-top:11px;
}
.sf34-project .sf31-view.sf34-view .sf31-side-right{
  grid-area:details;border-top:1px solid var(--sf31-rule);
  padding:18px 0 0;min-width:0;
}
.sf34-project .sf31-view.sf34-view .sf31-side-right .sf31-mini-header{
  margin-bottom:12px;
}
.sf34-project .sf31-view.sf34-view .sf31-credits{margin:0 0 8px}
.sf34-project .sf31-view.sf34-view .sf31-credits>div{margin-bottom:12px}
.sf34-project .sf31-view.sf34-view .sf31-credits dd{font-size:11px}
.sf34-project .sf31-view.sf34-view .sf32-credit-name{font-size:14px}
.sf34-project .sf31-view.sf34-view .sf32-recognition-header,
.sf34-project .sf31-view.sf34-view .sf33-recognition-heading{margin-top:15px;padding-top:14px}
.sf34-project .sf31-view.sf34-view .sf31-award-name{font-size:13px;line-height:1.48}
.sf34-project .sf31-view.sf34-view .sf31-award-item{margin-bottom:10px;padding-bottom:12px}
.sf34-project .sf31-view.sf34-view .sf31-photo-center{
  grid-area:photo;display:block;min-width:0;width:100%;align-self:start;padding-top:3px;
}
.sf34-project .sf31-view.sf34-view .sf31-photo-center .sf30-stage{
  height:clamp(430px,calc(100svh - 242px),790px);
}
.sf34-project .sf31-view.sf34-view .sf30-stage-row{
  grid-template-columns:clamp(25px,2.5vw,36px) minmax(0,1fr) clamp(25px,2.5vw,36px);
  gap:clamp(2px,.6vw,12px);
}
.sf34-project .sf31-view.sf34-view .sf30-top{padding-top:0;margin-bottom:15px}
.sf34-project .sf31-reading{display:grid;grid-template-columns:minmax(230px,.86fr) minmax(0,2.18fr);
  gap:clamp(36px,4.8vw,86px);padding:clamp(30px,4.2vw,63px) 0 clamp(60px,7vw,108px)}
.sf34-project .sf31-reading-copy{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,65px)}
.sf34-project .sf31-reading-intro{grid-column:1}
/* Tablet: retain reading order, avoid a cramped side rail. */
@media(max-width:1080px){
 .sf34-project .sf31-view.sf34-view{
   grid-template-columns:1fr 1fr;
   grid-template-areas:"heading heading" "photo photo" "statement details";
   gap:0 34px;
 }
 .sf34-project .sf31-view.sf34-view > .sf31-masthead{padding-bottom:22px}
 .sf34-project .sf31-view.sf34-view .sf31-photo-center{padding-top:0;padding-bottom:28px}
 .sf34-project .sf31-view.sf34-view .sf31-photo-center .sf30-stage{height:clamp(380px,calc(100svh - 295px),740px)}
 .sf34-project .sf31-view.sf34-view .sf31-side-left{padding:12px 0}
 .sf34-project .sf31-view.sf34-view .sf31-side-right{padding-top:13px}
 .sf34-project .sf31-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:25px}
 .sf34-project .sf31-reading-copy{grid-column:2}
}
@media(max-width:620px){
 .sf34-project .sf31-layout{padding-top:23px}
 .sf34-project .sf31-view.sf34-view{
   grid-template-areas:"heading" "photo" "statement" "details";
   grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px;
 }
 .sf34-project .sf31-view.sf34-view .sf31-title{font-size:clamp(34px,9vw,50px)}
 .sf34-project .sf31-view.sf34-view .sf31-location{margin-top:11px}
 .sf34-project .sf31-view.sf34-view > .sf31-masthead{padding-bottom:21px}
 .sf34-project .sf31-view.sf34-view .sf31-photo-center{padding:0 0 16px}
 .sf34-project .sf31-view.sf34-view .sf31-photo-center .sf30-stage{height:clamp(280px,58svh,530px)}
 .sf34-project .sf31-view.sf34-view .sf31-side-left{padding:22px 0 24px}
 .sf34-project .sf31-view.sf34-view .sf31-intro-quote{font-size:clamp(22px,6vw,28px);margin:12px 0 15px}
 .sf34-project .sf31-view.sf34-view .sf31-side-right{padding:19px 0 0}
 .sf34-project .sf31-reading{display:block;padding:30px 0 50px}
 .sf34-project .sf31-reading-intro{padding-bottom:22px}
 .sf34-project .sf31-reading-copy{display:block}
}
/* Fade on entering the page, not on each frame. Animate opacity and a minimal translation only. */
@media(prefers-reduced-motion:no-preference){
 body.sf34-page .site-header{animation:sf34-fade .74s cubic-bezier(.2,.7,.2,1) both}
 .sf34-project .sf31-editorial-overline{animation:sf34-fade .78s cubic-bezier(.2,.7,.2,1) .04s both}
 .sf34-project .sf31-view.sf34-view > .sf31-masthead{animation:sf34-rise .82s cubic-bezier(.2,.7,.2,1) .08s both}
 .sf34-project .sf31-view.sf34-view .sf31-side-left{animation:sf34-rise .88s cubic-bezier(.2,.7,.2,1) .13s both}
 .sf34-project .sf31-view.sf34-view .sf31-side-right{animation:sf34-rise .91s cubic-bezier(.2,.7,.2,1) .18s both}
 .sf34-project .sf31-view.sf34-view .sf31-photo-center{animation:sf34-fade 1s cubic-bezier(.2,.7,.2,1) .2s both}
 .sf34-project .sf31-reading{animation:sf34-fade 1s cubic-bezier(.2,.7,.2,1) .27s both}
 .sf34-project > .page-end{animation:sf34-fade 1s cubic-bezier(.2,.7,.2,1) .3s both}
 @keyframes sf34-fade{from{opacity:0}to{opacity:1}}
 @keyframes sf34-rise{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
 body.sf34-page .site-header,
 .sf34-project .sf31-editorial-overline,
 .sf34-project .sf31-view.sf34-view > .sf31-masthead,
 .sf34-project .sf31-view.sf34-view .sf31-side-left,
 .sf34-project .sf31-view.sf34-view .sf31-side-right,
 .sf34-project .sf31-view.sf34-view .sf31-photo-center,
 .sf34-project .sf31-reading,
 .sf34-project > .page-end{animation:none!important;opacity:1!important;transform:none!important}
}