/* Site-wide adjustments to ChatGPT's stylesheet (index-*.css is left untouched). */

/* Home hero, phones and tablets: the gold "Field note" card was pinned at a fixed distance from the top
   (top: 382px on phones, bottom: 54% on tablets), guessing where the photo ends. The photo's height varies
   with screen width, so on many phones the card landed on "Art & photography by Stuart Clifford".
   Here the card shares the photo's grid cell and hangs off the photo's bottom edge, wherever that is:
   half of it overlaps into the text panel's top padding (70–85px), which is taller than half the card
   (~48px), so it can never reach the words. Desktop (over 900px) is unchanged. */
@media (width <= 900px) {
  .hero .hero-photo { grid-row: 1; grid-column: 1; }
  .hero .hero-copy { grid-row: 2; grid-column: 1; }
  .hero .field-note {
    position: relative; z-index: 2;
    grid-row: 1; grid-column: 1; align-self: end; justify-self: end;
    top: auto; bottom: auto; left: auto; right: auto;
    margin-right: 18px;
    transform: translateY(50%);
  }
}
@media (width <= 560px) {
  .hero .field-note { min-width: 0; }
}