.premium-experience-section {
  --premium-experience-rose-deep: #a8505f;
  --premium-experience-gold: #c99b54;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
  color: #5c3b38;
  background:
    radial-gradient(circle at 10% 12%, rgba(247, 217, 217, .78), transparent 29%),
    radial-gradient(circle at 91% 80%, rgba(230, 217, 239, .68), transparent 33%),
    linear-gradient(145deg, #fffaf5 0%, #fff4ef 50%, #fffaf3 100%);
}

.premium-experience-section::before,
.premium-experience-section::after {
  position: absolute;
  z-index: -1;
  width: 12rem;
  height: 12rem;
  content: "";
  opacity: .3;
  background-image: radial-gradient(circle, rgba(201, 155, 84, .75) 1.1px, transparent 1.5px);
  background-size: 22px 22px;
  mask-image: radial-gradient(circle, #000 20%, transparent 72%);
}

.premium-experience-section::before { top: 1rem; right: -3rem; }
.premium-experience-section::after { bottom: 1rem; left: -4rem; }
.premium-experience-wrap { position: relative; z-index: 1; }

.premium-experience-intro {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(24rem, 1.1fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.premium-experience-copy { max-width: 40rem; }

.premium-experience-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .75rem;
  color: var(--premium-experience-rose-deep);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.premium-experience-title {
  max-width: 15ch;
  margin: 0;
  color: var(--premium-experience-rose-deep);
  font-family: var(--serif);
  font-size: clamp(2.45rem, 4.3vw, 4.25rem);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.premium-experience-headline {
  margin: 1.15rem 0 .45rem;
  color: #6f4441;
  font-family: "Fredoka", "DM Sans", sans-serif;
  font-size: clamp(1.18rem, 2vw, 1.55rem);
  font-weight: 600;
  line-height: 1.25;
}

.premium-experience-description {
  max-width: 39rem;
  margin: 0;
  color: #765b56;
  font-size: clamp(.95rem, 1.2vw, 1.04rem);
  line-height: 1.6;
}

.premium-experience-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .9rem;
  margin: 1.25rem 0 1rem;
  padding: 0;
  list-style: none;
}

.premium-experience-benefit {
  position: relative;
  padding-left: 1.5rem;
  color: #6e4d49;
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.35;
}

.premium-experience-benefit::before {
  position: absolute;
  top: .02rem;
  left: 0;
  display: grid;
  width: 1.05rem;
  height: 1.05rem;
  place-items: center;
  border-radius: 50%;
  color: var(--premium-experience-rose-deep);
  content: "✓";
  background: #f7dfe1;
  font-size: .68rem;
  font-weight: 900;
}

.premium-experience-final {
  margin: 0;
  color: #6e403e;
  font-family: "Fredoka", "DM Sans", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
}

.premium-experience-copy-actions { display: flex; margin-top: 1.25rem; }
.premium-experience-button { min-width: min(100%, 19rem); text-align: center; box-shadow: 0 12px 28px rgba(168, 80, 95, .2); }

.premium-experience-visual {
  position: relative;
  width: 100%;
  max-width: 43rem;
  justify-self: end;
}

.premium-experience-art {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  margin: 0;
  border: 1px solid rgba(201, 155, 84, .42);
  border-radius: clamp(1.35rem, 2.5vw, 2.1rem);
  background: #f9e3e7;
  box-shadow: 0 28px 70px rgba(109, 57, 68, .2), 0 0 0 6px rgba(255,255,255,.6);
  transform: rotate(1deg);
}

.premium-experience-art img { display: block; width: 100%; height: 100%; object-fit: cover; }

.premium-experience-spark {
  position: absolute;
  z-index: 3;
  color: var(--premium-experience-gold);
  filter: drop-shadow(0 0 9px rgba(201, 155, 84, .45));
  animation: premium-experience-twinkle 3.8s ease-in-out infinite;
}

.premium-experience-spark-one { top: -1rem; right: -1rem; font-size: 2rem; }
.premium-experience-spark-two { bottom: -1rem; left: -1rem; font-size: 1.5rem; animation-delay: -1.7s; }
.premium-experience-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.premium-experience-orb-one { top: 18%; left: -9rem; width: 21rem; height: 21rem; background: rgba(247,217,217,.42); }
.premium-experience-orb-two { right: -8rem; bottom: 9%; width: 19rem; height: 19rem; background: rgba(230,217,239,.42); }

[data-premium-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.65,.3,1); }
[data-premium-reveal].premium-experience-visible { opacity: 1; transform: translateY(0); }

@keyframes premium-experience-twinkle {
  0%, 100% { opacity: .45; transform: scale(.82) rotate(-8deg); }
  50% { opacity: 1; transform: scale(1.15) rotate(8deg); }
}

@media (max-width: 1024px) {
  .premium-experience-intro { grid-template-columns: minmax(0, .95fr) minmax(21rem, 1.05fr); gap: 2.25rem; }
  .premium-experience-title { font-size: clamp(2.35rem, 4.8vw, 3.45rem); }
}

@media (max-width: 767px) {
  .premium-experience-section { padding: 3.5rem 0; }
  .premium-experience-intro { grid-template-columns: 1fr; gap: 1.75rem; }
  .premium-experience-visual { grid-row: 1; max-width: 34rem; margin: 0 auto; justify-self: center; }
  .premium-experience-copy { text-align: center; }
  .premium-experience-eyebrow { justify-content: center; }
  .premium-experience-title, .premium-experience-description { margin-right: auto; margin-left: auto; }
  .premium-experience-title { max-width: 16ch; font-size: clamp(2.1rem, 9vw, 3.1rem); }
  .premium-experience-headline { margin-top: .9rem; }
  .premium-experience-benefits { max-width: 31rem; margin-right: auto; margin-left: auto; text-align: left; }
  .premium-experience-copy-actions { justify-content: center; }
  .premium-experience-button { width: min(100%, 23rem); }
}

@media (max-width: 430px) {
  .premium-experience-section { padding: 2rem 0; }
  .premium-experience-intro { gap: 1rem; }
  .premium-experience-visual { max-width: 21.5rem; }
  .premium-experience-art { border-radius: 1.2rem; }
  .premium-experience-eyebrow { margin-bottom: .55rem; }
  .premium-experience-title { font-size: 1.95rem; }
  .premium-experience-headline { margin: .65rem 0 .3rem; font-size: 1.08rem; }
  .premium-experience-description { font-size: .86rem; line-height: 1.45; }
  .premium-experience-benefits { grid-template-columns: 1fr; gap: .25rem; margin: .65rem 0 .6rem; }
  .premium-experience-benefit { font-size: .8rem; }
  .premium-experience-final { font-size: .93rem; }
  .premium-experience-copy-actions { margin-top: .8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-experience-spark { animation: none; }
  [data-premium-reveal] { opacity: 1; transform: none; transition: none; }
}