/* Homepage hero proportion correction: tighter artwork, larger guide, lighter rate card. */
@media (min-width: 821px) {
  .bc-hero__grid {
    grid-template-columns: minmax(0, 1.14fr) minmax(22rem, .76fr);
    gap: clamp(2.5rem, 5vw, 5.5rem);
  }

  .bc-hero__visual {
    width: min(100%, 29rem);
    min-height: 34rem;
    justify-self: end;
  }

  .bc-hero__postcard {
    width: min(100%, 27rem);
    height: 32rem;
    margin-right: 1.5rem;
  }

  .bc-hero__postcard img {
    bottom: -3.5rem;
    height: 105%;
  }

  .bc-rate-card {
    right: 0;
    bottom: .35rem;
    width: min(18.5rem, 68%);
    padding: 1rem;
    border-radius: 1.15rem;
  }

  .bc-rate-card__value { margin: .6rem 0 .2rem; }
  .bc-rate-card__value strong { font-size: 1.65rem; }
  .bc-rate-card a { padding: .66rem .7rem; font-size: .72rem; }
}

@media (min-width: 821px) and (max-width: 1100px) {
  .bc-hero__visual { width: min(100%, 27rem); }
  .bc-hero__postcard { width: min(100%, 25rem); margin-right: 1rem; }
  .bc-rate-card { width: min(17rem, 67%); }
}

@media (min-width: 821px) and (max-height: 780px) {
  .bc-hero__visual { min-height: min(32rem, 48vh); }
  .bc-hero__postcard { height: min(30rem, 43vh); }
}

@media (max-width: 820px) {
  .bc-hero__visual {
    width: min(100%, 29rem);
    min-height: 31rem;
    margin-inline: auto;
  }

  .bc-hero__postcard {
    width: min(92%, 25rem);
    height: 28rem;
    margin-inline: auto;
  }

  .bc-hero__postcard img { bottom: -3.2rem; height: 103%; }
  .bc-rate-card { right: .25rem; bottom: 0; width: min(17.5rem, 72%); padding: .95rem; }
  .bc-rate-card__value strong { font-size: 1.65rem; }
  .bc-rate-card a { padding: .65rem; font-size: .72rem; }
}

@media (max-width: 520px) {
  .bc-hero__visual { min-height: 28.5rem; }
  .bc-hero__postcard { height: 25.5rem; }
  .bc-rate-card { right: 0; bottom: -.25rem; width: min(16.5rem, 76%); padding: .85rem; }
  .bc-rate-card__top { font-size: .64rem; }
  .bc-rate-card__value strong { font-size: 1.5rem; }
}