/* v526 · Gin Fundamentals visual teaching pass
   Chapter 02 image aligned to paragraph depth.
   Chapter 03 shows juniper on plant -> dried material.
   Chapter 05 uses a pot still with rectifying columns. */

/* Chapter 02: keep the column still technically legible without letting the portrait asset run below the copy. */
#base .gf-rectification-column{
  max-width:520px;
  justify-self:end;
  align-self:start;
}
#base .gf-rectification-column img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}

/* Chapter 03: raw material progression — growing juniper and the dried distilling material. */
.gf-juniper-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:1040px;
  margin:34px auto 0;
  align-items:start;
}
.gf-juniper-pair .media-card{
  width:100%;
  max-width:none;
  margin:0;
}
.gf-juniper-pair .media-card img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}
.gf-juniper-pair .media-card figcaption{
  font-size:14px;
  line-height:1.48;
}

/* Chapter 05: show the complete pot + rectifying-column system as the production lesson. */
#distillation .gf-hybrid-still img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
}

@media(max-width:1000px){
  #base .gf-rectification-column{max-width:none;justify-self:stretch}
}
@media(max-width:680px){
  .gf-juniper-pair{grid-template-columns:1fr;gap:20px;margin-top:26px}
}