/* Bring the second gallery story toward its room photograph. */
html body #homeGallery .g-row.g-flip .g-text.g-text,
html body #homeGallery .g-row.g-flip .g-text.g-text h3,
html body #homeGallery .g-row.g-flip .g-text.g-text p,
html body #homeGallery .g-row.g-flip .g-text.g-text .g-col{text-align:right!important;}
html body #homeGallery .g-row.g-flip .g-text.g-text h3,
html body #homeGallery .g-row.g-flip .g-text.g-text p,
html body #homeGallery .g-row.g-flip .g-text.g-text .g-cta{margin-left:auto!important;margin-right:0!important;}
@media(min-width:1101px){
 html body #homeGallery .g-row.g-flip .g-text.g-text{grid-column:3 / 6!important;justify-self:end!important;}
}
@media(min-width:768px) and (max-width:1100px){
 html body #homeGallery .g-row.g-flip .g-text.g-text{grid-column:2 / 6!important;justify-self:end!important;}
}

/* A slightly wider measure and a gentler gap to the photograph. */
@media(min-width:768px){
 html body #homeGallery .g-row.g-flip .g-text.g-text{
  width:calc(100% + 30px)!important;max-width:382px!important;
  position:relative;left:20px;
 }
 html body #homeGallery .g-row.g-flip .g-text.g-text p{max-width:316px!important;}
}

/* Give the first material study a little more separation from the room. */
@media(min-width:768px){
 html body #homeGallery .g-row:first-child .g-b.g-b{left:20px!important;}
}

/* A more compact gallery rhythm with typography shared by the craft chapter. */
html body #homeGallery .g-row .g-text.g-text p{font-size:13px!important;line-height:1.72!important;}
html body #homeGallery .g-row .g-text.g-text h3{font-size:20px!important;line-height:1.3!important;}
@media(min-width:768px){
 html body #homeGallery .g-row.g-row{height:clamp(680px,56vw,900px)!important;}
 html body #homeGallery .g-row:first-child .g-a.g-a,
 html body #homeGallery .g-row.g-flip .g-a.g-a{width:94%!important;max-width:564px!important;}
 html body #homeGallery .g-row:first-child .g-a.g-a{justify-self:end!important;}
 html body #homeGallery .g-row.g-flip .g-a.g-a{justify-self:start!important;}
 html body #homeGallery .g-row:first-child .g-b.g-b,
 html body #homeGallery .g-row.g-flip .g-material.g-material{max-width:282px!important;}
}
@media(max-width:767px){
 html body #homeGallery .g-row.g-row{row-gap:20px!important;}
 html body #homeGallery .g-row:first-child .g-a.g-a,
 html body #homeGallery .g-row.g-flip .g-a.g-a{width:94%!important;}
 html body #homeGallery .g-row:first-child .g-a.g-a{justify-self:start!important;}
 html body #homeGallery .g-row.g-flip .g-a.g-a{justify-self:end!important;}
}