.art-studio-collection{--lime:#ff7438}
.art-studio-collection .collection-hero__image img{object-position:50% 48%}
.art-studio-collection .collection-hero__veil{background:linear-gradient(90deg,rgba(13,8,5,.74),rgba(13,8,5,.08) 67%),linear-gradient(0deg,rgba(13,8,5,.5),transparent 48%)}
.art-studio-collection .collection-hero__copy{top:48%}
.art-studio-collection .collection-hero h1{font-size:clamp(68px,9.6vw,150px);line-height:.74}
.art-studio-collection .collection-hero h1 em{color:#ff7438;margin-left:clamp(18px,5vw,78px)}

.studio-gallery{padding-top:clamp(120px,14vw,215px);padding-bottom:clamp(165px,20vw,310px)}
.studio-marker{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;margin:0 clamp(0px,5vw,75px) clamp(80px,9vw,140px);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.studio-marker span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(23,23,20,.48);border-radius:50%;font-variant-numeric:tabular-nums}
.studio-marker p,.studio-marker i{margin:0;font-style:normal}.studio-marker i{color:#66685f}
.studio-marker--second,.studio-marker--third{margin-top:clamp(110px,14vw,220px)}

.studio-wide{margin-top:clamp(90px,12vw,185px);margin-bottom:clamp(90px,12vw,185px)}
.studio-wide--right{width:min(87%,1380px);margin-left:auto;margin-right:0}
.studio-wide--left{width:min(83%,1310px);margin-left:0;margin-right:auto}
.studio-wide--full{width:100%;margin-left:0;margin-right:0}
.studio-wide--final{width:min(90%,1430px);margin-left:auto;margin-right:auto;margin-bottom:0}
.studio-portrait{width:min(43vw,640px);margin-top:clamp(115px,15vw,235px);margin-bottom:clamp(115px,15vw,235px)}
.studio-portrait--left{margin-left:clamp(0px,7vw,110px);margin-right:auto}
.studio-portrait--right{margin-left:auto;margin-right:clamp(0px,8vw,125px)}
.studio-detail{width:min(72%,1090px);margin-top:clamp(95px,13vw,200px);margin-bottom:clamp(95px,13vw,200px)}
.studio-detail--left{margin-left:clamp(0px,4vw,64px);margin-right:auto}
.studio-wide .photo-meta,.studio-portrait .photo-meta,.studio-detail .photo-meta{margin-top:14px}

.studio-interlude{text-align:left;padding:clamp(65px,8vw,125px) clamp(0px,7vw,110px) clamp(110px,14vw,220px)}
.studio-interlude h2{font-size:clamp(60px,8.2vw,128px);line-height:.8}
.studio-interlude h2 em{color:#78766e;margin-left:clamp(22px,7vw,110px)}
.studio-interlude{padding-bottom:clamp(80px,10vw,155px)}
.studio-interlude + .studio-wide{margin-top:0}
.studio-outro{background:#d5d0c7}
.studio-outro .eyebrow{color:#b64520}
.studio-outro blockquote{max-width:900px}

@media(max-width:760px){
  .art-studio-collection .collection-hero__image img{object-position:52% center}
  .art-studio-collection .collection-hero__copy{top:auto}
  .art-studio-collection .collection-hero h1{font-size:17vw}
  .art-studio-collection .collection-hero h1 em{margin-left:0}
  .studio-gallery{padding-top:72px;padding-bottom:100px}
  .studio-marker{grid-template-columns:40px 1fr;margin-left:6px;margin-bottom:52px}
  .studio-marker i{grid-column:2}.studio-marker--second,.studio-marker--third{margin-top:64px}
  .studio-wide,.studio-wide--right,.studio-wide--left,.studio-wide--full,.studio-wide--final,.studio-detail,.studio-detail--left{width:100%;margin:52px 0}
  .studio-portrait,.studio-portrait--left,.studio-portrait--right{width:82%;margin:60px auto}
  .studio-wide--final{margin-bottom:0}
  .studio-interlude{padding:46px 4px 56px}
  .studio-interlude h2{font-size:16.5vw}.studio-interlude h2 em{margin-left:0}
}

@media(min-width:761px){
  .studio-marker--second,.studio-marker--third{margin-top:clamp(75px,9vw,145px)}
  .studio-wide{margin-top:clamp(60px,8vw,125px);margin-bottom:clamp(60px,8vw,125px)}
  .studio-wide--final{margin-bottom:0}
  .studio-portrait{margin-top:clamp(75px,10vw,155px);margin-bottom:clamp(75px,10vw,155px)}
  .studio-detail{margin-top:clamp(65px,9vw,135px);margin-bottom:clamp(65px,9vw,135px)}
  .studio-interlude{padding-top:clamp(45px,6vw,90px);padding-bottom:clamp(75px,10vw,155px)}
}