.hero[data-astro-cid-lcdefpme] {
  display: grid;
  min-height: min(48rem, 100vh - 5.5rem);
  grid-template-columns: minmax(24rem, .9fr) minmax(0, 1.35fr);
}

.hero-copy[data-astro-cid-lcdefpme] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 7vw, 7.5rem)
      max(2rem, calc((100vw - var(--container)) / 2));
  padding-right: clamp(2rem, 5vw, 5.5rem);
}

.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme] {
  max-width: 11ch;
  margin-bottom: 1.5rem;
  color: var(--ultramar);
  font-size: clamp(3.3rem, 4.8vw, 5.25rem);
  line-height: 1;
}

.hero-copy[data-astro-cid-lcdefpme] > p[data-astro-cid-lcdefpme]:not(.eyebrow) {
  max-width: 35rem;
  margin-bottom: 2rem;
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
}

.invitation-entry[data-astro-cid-lcdefpme] {
  width: min(100%, 30rem);
}

.invitation-entry[data-astro-cid-lcdefpme] label[data-astro-cid-lcdefpme] {
  display: block;
  margin-bottom: .45rem;
  color: var(--ultramar);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.code-field[data-astro-cid-lcdefpme] {
  border-bottom: 2px solid var(--ultramar);
}

.code-field[data-astro-cid-lcdefpme] input[data-astro-cid-lcdefpme] {
  min-width: 0;
  border: 0;
  border-radius: 0;
  padding: .8rem 0;
  color: var(--tinta);
  background: none;
  font-size: 1rem;
  outline: 0;
}

.code-field[data-astro-cid-lcdefpme] input[data-astro-cid-lcdefpme]::placeholder {
  color: color-mix(in srgb, var(--tinta), transparent 45%);
}

.code-field[data-astro-cid-lcdefpme]:focus-within {
  border-bottom-color: var(--coral);
}

.continue-button[data-astro-cid-lcdefpme] {
  width: 100%;
  min-height: 3.75rem;
  margin-top: 1rem;
  border: 0;
  color: #fff;
  background: var(--coral);
  cursor: pointer;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-image[data-astro-cid-lcdefpme] {
  position: relative;
  min-height: 38rem;
  overflow: hidden;
  background: var(--piscina);
}

.hero-collage[data-astro-cid-lcdefpme] {
  position: absolute;
  inset: 0;
  display: grid;
  padding: clamp(.3rem, .5vw, .5rem);
  gap: clamp(.3rem, .5vw, .5rem);
  background: var(--blanco-calido);
  grid-template-columns: minmax(0, 1.65fr) minmax(11rem, .72fr);
  grid-template-rows: minmax(0, 1fr) minmax(8rem, .38fr);
}

.collage-piece[data-astro-cid-lcdefpme] {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--piscina);
}

.collage-piece[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collage-store[data-astro-cid-lcdefpme] {
  grid-column: 1;
  grid-row: 1;
}

.collage-store[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  object-position: 56% center;
}

.collage-side[data-astro-cid-lcdefpme] {
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: inherit;
  grid-column: 2;
  grid-row: 1;
  grid-template-rows: minmax(0, 1.15fr) minmax(0, .9fr) minmax(2.25rem, .22fr);
}

.collage-woman[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  object-position: center 42%;
}

.collage-bag[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  object-position: center;
}

.collage-details[data-astro-cid-lcdefpme] {
  display: grid;
  min-width: 0;
  min-height: 0;
  gap: inherit;
  grid-column: 1 / -1;
  grid-row: 2;
  grid-template-columns: 1.08fr 1fr 1fr .92fr;
}

.collage-details[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
  object-position: center;
}

.tile-strip[data-astro-cid-lcdefpme] {
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 0;
  width: clamp(1rem, 3vw, 3.5rem);
  background-color: var(--ultramar);
  background-image: linear-gradient(#ffffff4d 1px, #0000 1px), linear-gradient(90deg, #ffffff4d 1px, #0000 1px);
  background-size: 2rem 2rem;
}

@media (width <= 52rem) {
  .hero[data-astro-cid-lcdefpme] {
    grid-template-columns: 1fr;
  }

  .hero-copy[data-astro-cid-lcdefpme] {
    padding: var(--space-5) 1.25rem;
  }

  .hero-image[data-astro-cid-lcdefpme] {
    min-height: clamp(31rem, 128vw, 38rem);
    order: -1;
  }

  .hero-collage[data-astro-cid-lcdefpme] {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(15rem, 1.3fr) minmax(10rem, .82fr) minmax(6rem, .48fr);
  }

  .collage-store[data-astro-cid-lcdefpme] {
    grid-column: 1;
    grid-row: 1;
  }

  .collage-store[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme] {
    object-position: 48% center;
  }

  .collage-side[data-astro-cid-lcdefpme] {
    grid-column: 1;
    grid-row: 2;
    grid-template-columns: 1.15fr .85fr;
    grid-template-rows: minmax(0, 1fr) minmax(2rem, .2fr);
  }

  .collage-woman[data-astro-cid-lcdefpme] {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  .collage-bag[data-astro-cid-lcdefpme] {
    grid-column: 2;
    grid-row: 1;
  }

  .collage-woven[data-astro-cid-lcdefpme] {
    grid-column: 2;
    grid-row: 2;
  }

  .collage-details[data-astro-cid-lcdefpme] {
    grid-column: 1;
    grid-row: 3;
  }
}