/* Larger spatial studies with generous space between photography and copy. */
@media(min-width:768px){
 html body #homeGallery .g-row{
  height:clamp(740px,62vw,980px)!important;min-height:0!important;
  padding:0 clamp(40px,5vw,96px)!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(10,minmax(0,1fr))!important;
 }
 html body #homeGallery .g-row:first-child .g-space,
 html body #homeGallery .g-row:first-child .g-thesis{top:0!important;}
 html body #homeGallery .g-row:first-child .g-a{
  grid-column:1 / 7!important;grid-row:1 / -1!important;
  width:100%!important;max-width:600px!important;
  align-self:center!important;justify-self:start!important;
 }
 html body #homeGallery .g-row:first-child .g-a a,
 html body #homeGallery .g-row.g-flip .g-a a{height:auto!important;}
 html body #homeGallery .g-row .g-a img{
  width:100%!important;height:auto!important;object-fit:contain!important;
 }
 html body #homeGallery .g-row:first-child .g-text{
  grid-column:8 / 12!important;grid-row:3 / 6!important;
  align-self:start!important;max-width:400px!important;
 }
 html body #homeGallery .g-row:first-child .g-b{
  grid-column:7 / 11!important;grid-row:7 / 11!important;
  width:100%!important;max-width:300px!important;
  align-self:center!important;justify-self:start!important;
 }
 html body #homeGallery .g-row.g-flip .g-a{
  grid-column:7 / 13!important;grid-row:1 / -1!important;
  width:100%!important;max-width:600px!important;
  align-self:center!important;justify-self:end!important;
 }
 html body #homeGallery .g-row.g-flip .g-text{
  grid-column:2 / 5!important;grid-row:1 / -1!important;
  align-self:center!important;max-width:352px!important;
 }
 /* Keep the diagonal material composition; images occupy five columns. */
 html body #stEdit .charcoal-page-two{
  /* Preserve the vertical stagger even when the browser window is short. */
  height:max(calc(100svh - 78px),calc(clamp(487.5px,42.5vw,712.5px) + clamp(280px,23vw,360px)))!important;
  padding-left:clamp(40px,5vw,96px)!important;
  padding-right:clamp(40px,5vw,96px)!important;
 }
 html body #stEdit .charcoal-kiri .charcoal-image{
  grid-column:8 / 13!important;grid-row:1 / 8!important;
  width:100%!important;max-width:clamp(360px,32vw,540px)!important;
  justify-self:end!important;align-self:start!important;
 }
 html body #stEdit .charcoal-kiri .charcoal-copy{
  grid-column:5 / 8!important;grid-row:2 / 6!important;
  max-width:240px!important;justify-self:end!important;
 }
 html body #stEdit .charcoal-kozo .charcoal-image{
  grid-column:1 / 6!important;grid-row:5 / 13!important;
  width:100%!important;max-width:clamp(390px,34vw,570px)!important;
  justify-self:start!important;align-self:end!important;
 }
 html body #stEdit .charcoal-kozo .charcoal-copy{
  grid-column:6 / 9!important;grid-row:7 / 11!important;
  max-width:240px!important;justify-self:start!important;
  transform:translateY(10px)!important;
 }
 html body #stEdit .charcoal-page-two .charcoal-copy p{max-width:240px!important;}
}
@media(min-width:1200px){
 html body #stEdit .charcoal-kiri .charcoal-copy{
  grid-column:6 / 9!important;width:calc(100% - 60px)!important;
  justify-self:start!important;
 }
}
@media(max-width:767px){
 html body #homeGallery .g-row:first-child .g-a,
 html body #homeGallery .g-row.g-flip .g-a{
  width:100%!important;max-width:none!important;
 }
 html body #homeGallery .g-row:first-child .g-b{
  grid-column:1 / -1!important;width:70%!important;
  max-width:320px!important;justify-self:end!important;
 }
 html body #stEdit .charcoal-page-two{
  display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:0!important;
  gap:72px!important;padding:64px 24px 0!important;overflow:hidden!important;
 }
 html body #stEdit .charcoal-material{
  display:flex!important;flex-direction:column!important;
  gap:24px!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;transform:none!important;
 }
 html body #stEdit .charcoal-material .charcoal-image{
  height:auto!important;max-width:none!important;margin:0!important;
  transform:none!important;
 }
 html body #stEdit .charcoal-kiri .charcoal-image{
  width:92%!important;aspect-ratio:1 / 1!important;align-self:flex-end!important;order:0;
 }
 html body #stEdit .charcoal-kozo .charcoal-image{
  width:100%!important;aspect-ratio:4 / 5!important;align-self:flex-start!important;order:1;
 }
 html body #stEdit .charcoal-material .charcoal-copy{
  width:100%!important;max-width:300px!important;
  margin:0!important;padding:0!important;position:static!important;transform:none!important;
 }
 html body #stEdit .charcoal-kiri .charcoal-copy{align-self:flex-end!important;order:1;}
 html body #stEdit .charcoal-kozo .charcoal-copy{align-self:flex-start!important;order:0;}
 html body #stEdit .charcoal-material .charcoal-copy .cap{margin:0 0 12px!important;}
 html body #stEdit .charcoal-material .charcoal-copy p{
  max-width:none!important;font-size:13px!important;line-height:1.6!important;
 }
}

/* Pair the Kiri copy with the photograph: matching top edge and right-aligned type. */
html body #stEdit .charcoal-kiri .charcoal-copy,
html body #stEdit .charcoal-kiri .charcoal-copy p,
html body #stEdit .charcoal-kiri .charcoal-copy .cap {
  text-align:right!important;
}
@media(min-width:768px) {
  html body #stEdit .charcoal-kiri .charcoal-image,
  html body #stEdit .charcoal-kiri .charcoal-copy {
    transform:translateY(-24px)!important;
  }
  html body #stEdit .charcoal-kiri .charcoal-copy {
    grid-row:1 / 4!important;
    align-self:start!important;
  }
}
@media(max-width:767px) {
  html body #stEdit .charcoal-kiri {
    transform:translateY(-24px)!important;
  }
  html body #stEdit .charcoal-kiri .charcoal-copy {
    align-self:flex-end!important;
  }
}


/* The second spatial study mirrors the first: room, words, material. */
html body #homeGallery .g-flip .g-material a{height:auto!important;}
html body #homeGallery .g-flip .g-material img{
 width:100%!important;height:auto!important;object-fit:contain!important;
}
@media(min-width:768px){
 html body #homeGallery .g-row.g-flip .g-text{
  grid-row:2 / 6!important;align-self:start!important;
 }
 html body #homeGallery .g-row.g-flip .g-material{
  grid-column:3 / 7!important;grid-row:7 / 11!important;
  width:100%!important;max-width:300px!important;
  align-self:center!important;justify-self:end!important;margin:0!important;
 }
}
@media(min-width:768px) and (max-width:1100px){
 html body #homeGallery .g-row.g-flip .g-text{
  grid-column:1 / 6!important;grid-row:1 / 7!important;
 }
 html body #homeGallery .g-row.g-flip .g-material{
  grid-column:2 / 7!important;width:80%!important;
 }
}
@media(max-width:767px){
 html body #homeGallery{padding-inline:0!important;}
 html body #homeGallery .g-row{row-gap:32px!important;}
 html body #homeGallery .g-row.g-flip .g-material{
  grid-column:1 / -1!important;grid-row:3!important;
  width:70%!important;max-width:320px!important;
  align-self:start!important;justify-self:start!important;margin:0!important;
 }
 html body #homeGallery .g-row .g-text h3{margin-top:0!important;}
}

/* Short, calm arrivals work with native touch scrolling and never replay on exit. */
html.rv-on body #homeGallery [data-rv]{
 opacity:0!important;transform:translateY(5px)!important;
 transition-property:opacity,transform!important;
 transition-duration:780ms!important;
 transition-timing-function:var(--tm-ease)!important;
 transition-delay:0ms!important;
}
html.rv-on body #homeGallery [data-rv].in{opacity:1!important;transform:none!important;}
html.rv-on body #homeGallery .g-fig[data-rv]{transform:none!important;}
html.rv-on body #homeGallery .g-fig[data-rv]>a,
html.rv-on body #homeGallery .g-fig[data-rv]>figcaption{
 transform:translateY(6px);
 transition:transform 900ms var(--tm-ease);
}
html.rv-on body #homeGallery .g-fig[data-rv].in>a,
html.rv-on body #homeGallery .g-fig[data-rv].in>figcaption{transform:none;}
@media(hover:none){
 html body #homeGallery .g-fig a:hover img{opacity:1;}
}
@media(max-width:767px){
 html.rv-on body #homeGallery [data-rv]{transition-duration:650ms!important;}
 html.rv-on body #homeGallery .g-fig[data-rv]>a,
 html.rv-on body #homeGallery .g-fig[data-rv]>figcaption{
  transform:translateY(6px);transition-duration:760ms;
 }
 html.rv-on body #homeGallery .g-fig[data-rv].in>a,
 html.rv-on body #homeGallery .g-fig[data-rv].in>figcaption{transform:none;}
}
@media(prefers-reduced-motion:reduce){
 html.rv-on body #homeGallery [data-rv],
 html.rv-on body #homeGallery .g-fig[data-rv]>a,
 html.rv-on body #homeGallery .g-fig[data-rv]>figcaption{
  opacity:1!important;transform:none!important;transition:none!important;
 }
}


/* Keep each smaller material study beside its room, including the mobile reading order. */
@media(max-width:767px){
 html body #homeGallery .g-row{row-gap:24px!important;}
 html body #homeGallery .g-row:first-child .g-b,
 html body #homeGallery .g-row.g-flip .g-material{
  grid-row:2!important;width:58%!important;max-width:260px!important;
 }
 html body #homeGallery .g-row:first-child .g-text,
 html body #homeGallery .g-row.g-flip .g-text{grid-row:3!important;}
}

/* Small material copy needs steady contrast and breathing room. */
html body #stEdit .charcoal-page-two .charcoal-copy p{color:rgba(255,255,255,.80)!important;line-height:1.72!important;}
html body #stEdit .charcoal-material .charcoal-copy .cap{color:rgba(255,255,255,.66)!important;}