.detail-page{background:#f2eee7}
.study-presentation-secondary{border-top:1px solid rgba(21,21,21,.22);scroll-margin-top:30px}
.detail-header{height:90px;padding:0 3.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(21,21,21,.18);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.detail-header>a:last-child{justify-self:end}
.detail-hero{min-height:78vh;padding:9vh 5vw 6vh;display:flex;flex-direction:column;justify-content:space-between}
.detail-index{font-family:"DM Mono";font-size:10px;text-transform:uppercase;color:#c94d38}
.detail-hero h1{font-size:clamp(64px,10vw,150px);line-height:.83;letter-spacing:-.065em;font-weight:300;margin:8vh 0}
.detail-deck{display:grid;grid-template-columns:1.5fr 1fr;gap:12vw;border-top:1px solid rgba(21,21,21,.2);padding-top:24px}
.detail-deck p{max-width:650px;font-size:17px;line-height:1.65;margin:0}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-family:"DM Mono";font-size:9px;text-transform:uppercase}
.detail-facts span{display:block;color:#8c877f;margin-bottom:6px}
.detail-facts .detail-award{grid-column:1/-1;border-top:1px solid rgba(17,17,15,.25);padding-top:18px;color:#a6422f}
.detail-cover{height:min(82vh,900px);margin:0 3vw;overflow:hidden;background:#171717}
.detail-cover img{filter:saturate(.78)}
#chocoland .detail-cover{height:min(58vw,680px)}
#chocoland .detail-cover img{object-position:center 78%}
#pilates-studio .detail-cover{background:#b89a77}
#pilates-studio .detail-cover img{object-fit:contain;object-position:center}
#arise-gym .detail-gallery img{filter:sepia(.72) saturate(1.55) hue-rotate(342deg) contrast(1.08) brightness(.92)}
.detail-story{padding:130px 5vw;display:grid;grid-template-columns:1fr 2.2fr;gap:10vw}
.detail-story h2{font-family:"DM Mono";font-size:10px;text-transform:uppercase;font-weight:400}
.detail-story p{font-size:clamp(27px,3.4vw,51px);line-height:1.18;letter-spacing:-.035em;margin:0}
.detail-story p+p{font-family:Manrope;font-size:15px;line-height:1.8;letter-spacing:0;margin-top:45px;max-width:760px}
.detail-gallery{background:#171717;padding:7vw 5vw;display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:start}
.detail-gallery.single{grid-template-columns:minmax(0,1fr);padding-left:12vw;padding-right:12vw}
.detail-gallery.stacked{grid-template-columns:minmax(0,1fr);padding:9vw 10vw;gap:12vw}
.detail-gallery figure{margin:0}
.detail-gallery figure:nth-child(2){margin-top:14vw}
.detail-gallery figure:nth-child(3){grid-column:1/-1;margin-top:3vw}
.detail-gallery img{aspect-ratio:4/3}
.detail-gallery.single img{aspect-ratio:auto;max-height:88vh;object-fit:contain}
.detail-gallery.stacked figure:nth-child(2){margin-top:0}
.detail-gallery.stacked img{aspect-ratio:auto;width:100%;max-height:none;object-fit:contain}
.tower-study .detail-cover{height:auto;max-height:none;background:#d9c3ad}
.tower-study .detail-cover img{width:100%;height:auto;max-height:none;object-fit:contain;filter:saturate(.82)}
.detail-gallery.process-sequence{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:7vw;align-items:center;background:#ded7cd;padding:9vw 6vw}
.detail-gallery.process-sequence figure:nth-child(2){margin-top:11vw}
.detail-gallery.process-sequence img,.detail-gallery.process-sequence figure:nth-child(2) img{aspect-ratio:auto;width:100%;height:auto;max-height:none;object-fit:contain;box-shadow:0 24px 70px rgba(28,24,19,.12)}
.detail-gallery.process-sequence figcaption{color:#676158}
.detail-gallery.residence-sequence{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:5vw;align-items:start;padding:8vw 5vw}
.detail-gallery.residence-sequence figure:nth-child(1){grid-column:1/-1;width:90%;justify-self:center}
.detail-gallery.residence-sequence figure:nth-child(2){grid-column:1;margin-top:8vw}
.detail-gallery.residence-sequence figure:nth-child(3){grid-column:2;margin-top:18vw}
.detail-gallery.residence-sequence figure:nth-child(4){grid-column:1/-1;width:92%;justify-self:center;margin-top:4vw}
.detail-gallery.residence-sequence figure:nth-child(5){grid-column:1/-1;width:92%;justify-self:center;margin-top:4vw}
.detail-gallery.residence-sequence img,.detail-gallery.residence-sequence figure:nth-child(2) img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
.detail-gallery figure:nth-child(2) img{aspect-ratio:3/4}
.detail-gallery figcaption{color:#888;font-family:"DM Mono";font-size:9px;text-transform:uppercase;padding-top:12px}
.detail-next{padding:120px 5vw}
.detail-next p{font-family:"DM Mono";font-size:10px;text-transform:uppercase}
.detail-next a{font-size:clamp(48px,8vw,120px);line-height:.9;letter-spacing:-.055em;display:block;border-bottom:1px solid #151515;padding-bottom:35px}
@media(max-width:700px){
  .detail-header{height:72px;grid-template-columns:1fr auto}
  .detail-header>a:last-child{display:none}
  .detail-hero{min-height:72vh}
  .detail-hero h1{font-size:17vw}
  .detail-deck,.detail-story,.detail-gallery{grid-template-columns:1fr}
  .detail-facts{margin-top:25px}
  .detail-cover{height:55vh;margin:0}
  .detail-story{padding:85px 6vw;gap:45px}
  .detail-gallery,.detail-gallery.single{padding:70px 6vw}
  .detail-gallery figure:nth-child(2){margin-top:0}
  .detail-gallery figure:nth-child(3){grid-column:auto;margin-top:0}
  .detail-gallery.process-sequence{grid-template-columns:1fr;padding:70px 6vw;gap:45px}
  .detail-gallery.process-sequence figure:nth-child(2){margin-top:0}
  .detail-gallery.residence-sequence{grid-template-columns:1fr;padding:70px 6vw;gap:45px}
  .detail-gallery.residence-sequence figure:nth-child(n){grid-column:auto;width:100%;margin-top:0}
  .detail-next{padding:85px 6vw}
}