/* A cesta apresentada pelos personagens, com espaço para descobrir cada detalhe. */
.basket-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  grid-template-areas: "heading art" "copy art";
  column-gap: clamp(32px, 4vw, 64px);
  row-gap: 25px;
  padding-block: clamp(72px, 7vw, 108px);
}
.basket-intro .intro-heading { grid-area: heading; align-self: end; }
.basket-intro .eyebrow { color: var(--orange); }
.basket-intro h2 {
  margin-top: 18px;
  font-size: clamp(36px, 3.6vw, 51px);
  line-height: 1.12;
  letter-spacing: -.045em;
}
.basket-intro .intro-copy {
  grid-area: copy;
  align-self: start;
  max-width: 560px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
}
.basket-intro .intro-copy p + p { margin-top: 17px; }
.basket-intro .intro-copy strong { color: var(--wine); font-weight: 600; }
.basket-intro .intro-copy .intro-moment {
  margin-top: 24px;
  padding-left: 18px;
  border-left: 2px solid var(--orange);
  font-family: var(--serif);
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: -.02em;
  color: var(--wine);
}
.basket-intro .intro-copy .intro-experience { font-size: 13px; line-height: 1.7; }
.basket-intro .intro-art {
  grid-area: art;
  align-self: center;
  min-width: 0;
}
.basket-intro .intro-art img { width: 100%; height: auto; }
@media (max-width: 999px) {
  .basket-intro {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "art" "copy";
    max-width: 680px;
    row-gap: 30px;
    padding-block: 65px;
  }
  .basket-intro h2 { font-size: clamp(34px, 5.6vw, 47px); }
  .basket-intro .intro-art { width: min(100%, 500px); justify-self: center; }
  .basket-intro .intro-copy { max-width: none; font-size: 16px; line-height: 1.75; }
}
@media (max-width: 480px) {
  .basket-intro { padding-block: 50px 55px; row-gap: 26px; }
  .basket-intro .eyebrow { font-size: 9px; letter-spacing: .15em; }
  .basket-intro h2 { font-size: clamp(31px, 8.5vw, 39px); margin-top: 15px; }
  .basket-intro .intro-copy { font-size: 15px; }
  .basket-intro .intro-copy p + p { margin-top: 16px; }
}