body.product-rc1 {
  background:
    radial-gradient(circle at 50% 0, rgba(217, 180, 91, 0.08), transparent 34rem),
    var(--sz-color-ivory-50);
}

.product-rc1 main,
.product-rc1 .site-header,
.product-rc1 .site-footer {
  max-width: none;
}

.product-rc1 .primary-nav a[aria-current="page"] {
  color: var(--sz-color-gold-500);
}

.product-rc1 .primary-nav a[aria-current="page"]::after {
  inset-inline: 0;
}

.product-hero {
  position: relative;
  min-height: clamp(700px, 54vw, 930px);
  overflow: hidden;
  background: var(--sz-color-emerald-950);
  border-inline: 1px solid var(--sz-line-gold-soft);
}

.product-hero picture,
.product-hero > picture img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.product-hero > picture img {
  object-fit: cover;
  object-position: 39% center;
  filter: saturate(1.08) contrast(1.04);
}

.product-hero-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 42% 52%, rgba(217, 180, 91, 0.13), transparent 26rem),
    linear-gradient(90deg, rgba(0, 22, 16, 0.17), rgba(0, 22, 16, 0.18) 42%, rgba(0, 22, 16, 0.83));
}

.product-hero-copy {
  position: relative;
  z-index: 1;
  width: min(100% - 96px, var(--sz-container-wide));
  min-height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-inline: auto;
  padding-block: clamp(90px, 9vw, 150px);
  color: #fff2cf;
  text-align: right;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-bottom: clamp(22px, 3vw, 42px);
  color: rgba(246, 237, 220, 0.82);
  font-size: 0.88rem;
}

.breadcrumb a {
  color: #f6dfad;
}

.eyebrow,
.section-head span {
  display: block;
  color: var(--sz-color-gold-500);
  font-weight: 900;
}

.product-hero-copy .eyebrow {
  font-size: clamp(1.15rem, 1.55vw, 1.8rem);
}

.product-hero h1 {
  max-width: 760px;
  margin: 0.3rem 0 0;
  font-family: var(--sz-font-editorial);
  font-size: clamp(3.5rem, 6.2vw, 7.4rem);
  line-height: 1.12;
  text-shadow: 0 20px 52px rgba(0, 0, 0, 0.7);
}

.product-hero p {
  max-width: 580px;
  margin: 1.25rem 0 1.6rem;
  color: #f3dfb8;
  font-size: clamp(1.05rem, 1.22vw, 1.34rem);
}

.hero-actions,
.purchase-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.soft-link {
  color: #f6dfad;
  border-bottom: 1px solid rgba(240, 207, 131, 0.42);
  padding-bottom: 0.2rem;
  font-weight: 900;
}

.soft-link:hover,
.soft-link:focus-visible {
  color: var(--sz-color-gold-500);
}

.hero-dossier {
  position: absolute;
  z-index: 2;
  left: clamp(34px, 5vw, 84px);
  bottom: clamp(34px, 5vw, 78px);
  width: min(310px, calc(100% - 48px));
  padding: 1.15rem;
  color: #f8ecd0;
  background: rgba(0, 36, 27, 0.78);
  border: 1px solid var(--sz-line-gold-strong);
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-emerald);
  backdrop-filter: blur(10px);
}

.hero-dossier span,
.hero-dossier strong,
.hero-dossier small {
  display: block;
}

.hero-dossier strong {
  color: var(--sz-color-gold-500);
  font-family: var(--sz-font-editorial);
  font-size: 2rem;
}

.hero-dossier small {
  color: #d9c8a4;
}

.product-scene {
  padding: var(--sz-space-section) var(--sz-space-page-x);
  border-inline: 1px solid var(--sz-line-gold-soft);
}

.product-scene > * {
  max-width: var(--sz-container-wide);
  margin-inline: auto;
}

.product-origin {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(44px, 6vw, 116px);
  background: linear-gradient(180deg, #fff9eb, var(--sz-color-ivory-50));
}

.origin-copy,
.origin-principles {
  max-width: none;
}

.origin-copy h2,
.section-head h2,
.pairings h2,
.gift-experience h2,
.product-dossier h2,
.testimonials h2,
.purchase-panel h2 {
  margin: 0.2rem 0 0;
  color: var(--sz-color-ink-900);
  font-family: var(--sz-font-editorial);
  font-size: clamp(2.1rem, 3.4vw, 4.6rem);
  line-height: 1.24;
}

.origin-copy p,
.section-head p,
.gift-experience p,
.purchase-panel p {
  max-width: 760px;
  margin: 1rem 0 0;
  color: var(--sz-color-muted-700);
  font-size: clamp(1rem, 1.08vw, 1.18rem);
}

.origin-principles {
  display: grid;
  gap: 1px;
  overflow: hidden;
  background: var(--sz-line-gold-soft);
  border: 1px solid var(--sz-line-gold-soft);
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-soft);
}

.origin-principles article {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 0.35rem 1rem;
  padding: clamp(22px, 2.7vw, 38px);
  background: rgba(255, 251, 240, 0.86);
}

.origin-principles span {
  grid-row: 1 / span 2;
  color: rgba(127, 93, 43, 0.5);
  font-family: var(--sz-font-editorial);
  font-size: 1.55rem;
}

.origin-principles h3,
.ritual-grid-product h3,
.dossier-grid h3 {
  margin: 0;
  color: var(--sz-color-ink-900);
}

.origin-principles p,
.ritual-grid-product p,
.dossier-grid p {
  margin: 0;
  color: var(--sz-color-muted-700);
  font-size: 0.93rem;
}

.feel-product,
.product-dossier,
.related-product-world {
  background: var(--sz-color-ivory-50);
}

.section-head {
  text-align: center;
}

.feel-grid {
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: clamp(18px, 2vw, 32px);
}

.feel-grid figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-luxury);
}

.feel-grid img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.feel-large {
  grid-row: span 2;
}

.feel-large img {
  min-height: 760px;
}

.feel-grid figcaption,
.related-grid-product span {
  position: absolute;
  inset: auto 0 0;
  padding: 1rem 1.1rem;
  color: #ffe7ad;
  background: linear-gradient(180deg, transparent, rgba(0, 28, 20, 0.8));
  font-weight: 900;
}

.ritual {
  background: linear-gradient(180deg, #fff8e8, var(--sz-color-ivory-50));
}

.ritual-grid-product {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2vw, 32px);
}

.ritual-grid-product article {
  overflow: hidden;
  background: rgba(255, 252, 244, 0.72);
  border: 1px solid var(--sz-line-gold-soft);
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-soft);
}

.ritual-grid-product img {
  width: 100%;
  aspect-ratio: 1 / 1.04;
  object-fit: cover;
}

.ritual-grid-product h3,
.ritual-grid-product p,
.ritual-grid-product small {
  display: block;
  padding-inline: 1.15rem;
}

.ritual-grid-product h3 {
  padding-top: 1rem;
}

.ritual-grid-product small {
  padding-bottom: 1.25rem;
  color: #806638;
}

.pairings,
.gift-experience,
.purchase-chamber {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(38px, 5vw, 90px);
  align-items: center;
  background: var(--sz-color-ivory-50);
}

.pairings > *,
.gift-experience > *,
.purchase-chamber > * {
  max-width: none;
}

.pairings figure,
.gift-experience figure,
.purchase-chamber figure {
  margin: 0;
  overflow: hidden;
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-luxury);
}

.pairings img,
.gift-experience img,
.purchase-chamber img {
  width: 100%;
  aspect-ratio: 1.12 / 1;
  object-fit: cover;
}

.pairings ul {
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.8rem;
  color: var(--sz-color-muted-700);
}

.pairings li {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--sz-line-gold-soft);
}

.gift-experience {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.product-dossier {
  text-align: center;
}

.dossier-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 2rem;
  background: var(--sz-line-gold-soft);
  border: 1px solid var(--sz-line-gold-soft);
  border-radius: var(--sz-radius-md);
}

.dossier-grid article {
  padding: clamp(20px, 2.6vw, 38px);
  background: rgba(255, 251, 240, 0.82);
}

.testimonials {
  text-align: center;
  background:
    radial-gradient(circle at 50% 0, rgba(217, 180, 91, 0.14), transparent 30rem),
    var(--sz-color-emerald-950);
  color: #f6ead0;
}

.testimonials h2 {
  color: #fff3cd;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 2rem;
  background: rgba(217, 180, 91, 0.22);
  border: 1px solid var(--sz-line-gold-strong);
  border-radius: var(--sz-radius-md);
}

.testimonial-grid figure {
  margin: 0;
  padding: clamp(28px, 3.2vw, 48px);
  background: rgba(0, 36, 27, 0.78);
}

.testimonial-grid blockquote {
  margin: 0;
  color: #f6ead0;
  font-family: var(--sz-font-editorial);
  font-size: 1.25rem;
  line-height: 1.8;
}

.testimonial-grid figcaption {
  margin-top: 1rem;
  color: var(--sz-color-gold-500);
  font-size: 0.9rem;
}

.purchase-chamber {
  background: linear-gradient(180deg, #fff9eb, var(--sz-color-ivory-50));
}

.purchase-panel {
  padding: clamp(28px, 4vw, 62px);
  background: rgba(255, 251, 240, 0.88);
  border: 1px solid var(--sz-line-gold-soft);
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-soft);
}

.purchase-panel dl {
  display: grid;
  gap: 1px;
  overflow: hidden;
  margin: 1.8rem 0;
  background: var(--sz-line-gold-soft);
  border: 1px solid var(--sz-line-gold-soft);
}

.purchase-panel dl div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  background: #fffaf0;
}

.purchase-panel dt {
  color: #7c663f;
}

.purchase-panel dd {
  margin: 0;
  color: var(--sz-color-ink-900);
  font-weight: 900;
}

.purchase-panel button {
  cursor: pointer;
}

.related-grid-product {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2vw, 32px);
}

.related-grid-product a {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  border-radius: var(--sz-radius-md);
  box-shadow: var(--sz-shadow-luxury);
}

.related-grid-product img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.78) saturate(1.03);
  transition: transform var(--sz-motion-slow), filter var(--sz-motion-slow);
}

.related-grid-product a:hover img {
  transform: scale(1.035);
  filter: brightness(0.84) saturate(1.08);
}

@media (min-width: 501px) and (max-width: 900px) {
  .product-hero {
    min-height: 660px;
  }

  .product-hero-copy {
    width: min(100% - 56px, 760px);
  }

  .hero-dossier {
    left: 28px;
    bottom: 28px;
  }

  .product-origin,
  .pairings,
  .gift-experience,
  .purchase-chamber {
    grid-template-columns: 1fr;
  }

  .feel-grid {
    grid-template-columns: 1fr 1fr;
  }

  .feel-large {
    grid-column: 1 / -1;
  }

  .feel-large img {
    min-height: 520px;
  }

  .ritual-grid-product,
  .dossier-grid,
  .testimonial-grid,
  .related-grid-product {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 500px) {
  .product-rc1 main,
  .product-rc1 .site-header,
  .product-rc1 .site-footer {
    width: min(100% - 6px, 390px);
    margin-inline: auto;
  }

  .product-hero {
    min-height: 600px;
  }

  .product-hero > picture img {
    object-position: center;
    filter: brightness(0.82) saturate(1.05);
  }

  .product-hero-shade {
    background: linear-gradient(180deg, rgba(0, 36, 27, 0.02), rgba(0, 26, 18, 0.24) 38%, rgba(0, 26, 18, 0.9));
  }

  .product-hero-copy {
    width: auto;
    min-height: 600px;
    justify-content: flex-end;
    align-items: center;
    padding: 0 20px 130px;
    text-align: center;
  }

  .breadcrumb {
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 0.68rem;
  }

  .product-hero-copy .eyebrow {
    font-size: 0.95rem;
  }

  .product-hero h1 {
    font-size: 2.45rem;
  }

  .product-hero p {
    font-size: 0.86rem;
  }

  .hero-actions,
  .purchase-actions {
    justify-content: center;
  }

  .hero-dossier {
    left: 18px;
    right: 18px;
    bottom: 20px;
    width: auto;
    text-align: center;
  }

  .product-scene {
    padding: 52px 18px;
  }

  .product-origin,
  .pairings,
  .gift-experience,
  .purchase-chamber {
    grid-template-columns: 1fr;
  }

  .origin-copy h2,
  .section-head h2,
  .pairings h2,
  .gift-experience h2,
  .product-dossier h2,
  .testimonials h2,
  .purchase-panel h2 {
    font-size: 1.7rem;
  }

  .origin-copy p,
  .section-head p,
  .gift-experience p,
  .purchase-panel p {
    font-size: 0.9rem;
  }

  .origin-principles article {
    grid-template-columns: 42px 1fr;
    padding: 18px;
  }

  .feel-grid,
  .ritual-grid-product,
  .dossier-grid,
  .testimonial-grid,
  .related-grid-product {
    grid-template-columns: 1fr;
  }

  .feel-grid img,
  .feel-large img {
    min-height: 260px;
  }

  .pairings img,
  .gift-experience img,
  .purchase-chamber img {
    aspect-ratio: 1 / 1.08;
  }

  .purchase-panel {
    padding: 22px;
  }

  .purchase-panel dl div {
    display: grid;
    text-align: right;
  }

  .related-grid-product a {
    min-height: 190px;
  }
}