.christmas-home-teaser {
  position: relative;
  overflow: hidden;
  background: linear-gradient(115deg, #071a22 0%, #0d2a26 52%, #38171b 100%);
  border-top: 1px solid rgba(214, 184, 119, .28);
  border-bottom: 1px solid rgba(214, 184, 119, .28);
  color: #f8f3e8;
}

.christmas-home-teaser::before {
  content: "✦  ·  ✧  ·  ✦";
  position: absolute;
  right: clamp(24px, 6vw, 90px);
  top: 20px;
  font-family: Georgia, serif;
  font-size: clamp(2.4rem, 5vw, 5rem);
  letter-spacing: .22em;
  color: rgba(239, 198, 109, .12);
  white-space: nowrap;
  pointer-events: none;
}

.christmas-home-teaser__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 42px;
  align-items: center;
  padding: 34px 0;
}

.christmas-home-teaser__eyebrow {
  margin: 0 0 5px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #efc66d;
}

.christmas-home-teaser h2 {
  margin: 0 0 8px;
  font-family: var(--serif);
  font-size: clamp(2rem, 3.2vw, 3.4rem);
  line-height: 1;
  color: #fff;
  font-weight: 600;
}

.christmas-home-teaser p {
  margin: 0;
  max-width: 760px;
  color: #dfe8e7;
  line-height: 1.55;
}

.christmas-home-teaser .btn {
  white-space: nowrap;
  border-color: #efc66d;
  background: #efc66d;
  color: #10202a;
  font-weight: 800;
}

.christmas-home-teaser .btn:hover {
  filter: brightness(1.04);
}

@media (max-width: 780px) {
  .christmas-home-teaser__inner {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 28px 0;
  }

  .christmas-home-teaser .btn {
    justify-self: start;
  }

  .christmas-home-teaser::before {
    right: -30px;
    top: 18px;
  }
}