.sunday-research-capsule {
  --research-ink: #f7f7ed;
  --research-pointer-x: 0px;
  --research-pointer-y: 0px;
  --research-tilt-x: 0deg;
  --research-tilt-y: 0deg;
  --research-product-scale: 1;
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: clamp(620px, 37.5vw, 768px);
  aspect-ratio: 8 / 3;
  padding: clamp(34px, 3.2vw, 64px) max(24px, calc((100vw - 1540px) / 2));
  box-sizing: border-box;
  display: grid;
  place-items: center;
  overflow: hidden;
  background-color: #7b9a62;
  background-image: var(--sunday-research-capsule-art);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: background-size 1.2s cubic-bezier(.16, 1, .3, 1),
              background-position .9s cubic-bezier(.16, 1, .3, 1);
}

/* The original builder row remains in the DOM for compatibility, but the
   reference composition is the only visible version. */
.sunday-research-premium[aria-hidden="true"] {
  display: none !important;
}

.sunday-research-capsule::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: transparent;
}

.sunday-research-capsule__glass {
  position: relative;
  z-index: 2;
  width: min(1280px, 100%);
  height: clamp(520px, 30.5vw, 620px);
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(480px, 1.12fr);
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: clamp(26px, 2.2vw, 38px);
  overflow: hidden;
  background: rgba(47, 67, 49, .66);
  box-shadow: 0 28px 80px rgba(22, 44, 25, .22), inset 0 1px 0 rgba(255, 255, 255, .28);
  -webkit-backdrop-filter: blur(18px) saturate(112%);
  backdrop-filter: blur(18px) saturate(112%);
  transform: perspective(1120px) rotateX(var(--research-tilt-x)) rotateY(var(--research-tilt-y));
  transform-style: preserve-3d;
  will-change: transform;
  transition: opacity .7s ease,
              box-shadow .7s cubic-bezier(.16, 1, .3, 1),
              border-color .7s ease;
}

.sunday-research-capsule__product-stage {
  position: absolute;
  z-index: 4;
  top: 50%;
  right: auto;
  left: calc(50% + min(13vw, 260px));
  width: auto;
  height: min(88%, 590px);
  pointer-events: auto;
  cursor: pointer;
  transform-origin: center center;
  transform: translate(-50%, -50%) scale(var(--research-product-scale));
  transition: transform .62s cubic-bezier(.22, 1, .36, 1), opacity .9s ease;
}

.sunday-research-capsule__product {
  position: absolute;
  inset: 0;
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: none;
  transform: none;
  transition: transform .56s cubic-bezier(.22, 1, .36, 1);
  animation: none;
}

.sunday-research-capsule__product--body {
  position: relative;
  z-index: 2;
  clip-path: inset(27.5% 0 0);
}

.sunday-research-capsule__product--cap {
  z-index: 1;
  clip-path: inset(0 0 72.5% 0);
  transform: translateY(10%) rotate(0deg);
  transform-origin: 50% 16.5%;
  will-change: transform;
}

/* Laptop desktop range: keep the vial aligned with the right-hand diagram.
   On very wide displays the original fluid position remains authoritative. */
@media (min-width: 1001px) and (max-width: 1700px) {
  .sunday-research-capsule__product-stage {
    left: calc(50% + clamp(205px, 15vw, 250px));
  }
}

.sunday-research-capsule__copy {
  position: relative;
  z-index: 2;
  padding: clamp(34px, 3.4vw, 64px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--research-ink);
}

.sunday-research-capsule__copy > * {
  transition: opacity .65s ease,
              color .4s ease;
}

.sunday-research-capsule__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  font: 700 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sunday-research-capsule__eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8f6a0;
  box-shadow: 0 0 0 5px rgba(216, 246, 160, .12);
}

.sunday-research-capsule__copy h2 {
  max-width: 590px;
  margin: 0;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif !important;
  font-size: clamp(46px, 4.35vw, 72px);
  font-weight: 430;
  line-height: .98;
  letter-spacing: 0;
}

.sunday-research-capsule__copy > p {
  max-width: 520px;
  margin: 28px 0 0;
  color: rgba(250, 251, 242, .82);
  font: 450 clamp(15px, 1.05vw, 17px)/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sunday-research-capsule__metric {
  width: min(100%, 490px);
  margin-top: 34px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 18px;
  background: rgba(246, 248, 239, .08);
  overflow: hidden;
  transition: transform .65s cubic-bezier(.16, 1, .3, 1),
              background-color .55s ease,
              border-color .55s ease,
              box-shadow .65s cubic-bezier(.16, 1, .3, 1);
}

.sunday-research-capsule__metric:hover {
  border-color: rgba(255, 255, 255, .46);
  background: rgba(246, 248, 239, .135);
  box-shadow: 0 18px 38px rgba(20, 38, 22, .16);
}

.sunday-research-capsule__metric:hover strong {
  transform: translateX(-3px) scale(1.035);
}

.sunday-research-capsule__metric span {
  display: grid;
  gap: 4px;
  color: rgba(249, 250, 242, .74);
  font: 500 13px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sunday-research-capsule__metric b {
  color: var(--research-ink);
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.sunday-research-capsule__metric strong {
  white-space: nowrap;
  color: var(--research-ink);
  font: 500 37px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  transform-origin: right center;
  transition: transform .65s cubic-bezier(.16, 1, .3, 1);
}

.sunday-research-capsule__metric small {
  font-size: 13px;
  letter-spacing: 0;
}

.sunday-research-capsule__copy > a {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  color: var(--research-ink);
  border-bottom: 1px solid rgba(255, 255, 255, .55);
  padding-bottom: 5px;
  font: 700 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  transition: border-color .35s ease;
}

.sunday-research-capsule__copy > a:hover,
.sunday-research-capsule__copy > a:focus-visible {
  border-color: #fff;
}

.sunday-research-capsule__diagram {
  position: relative;
  min-height: 100%;
}

.sunday-research-capsule__note {
  position: absolute;
  width: 190px;
  color: rgba(255, 255, 248, .78);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transition: opacity .65s ease;
}

.sunday-research-capsule__note::before {
  content: "";
  position: absolute;
  top: 8px;
  width: 70px;
  border-top: 1px dashed rgba(255, 255, 255, .62);
}

.sunday-research-capsule__note span {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sunday-research-capsule__note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.42;
}

.sunday-research-capsule__note--top {
  top: 16%;
  left: 3%;
}

.sunday-research-capsule__note--top::before {
  left: 100%;
  margin-left: 14px;
}

.sunday-research-capsule__note--bottom {
  right: 3%;
  bottom: 13%;
  left: auto;
}

.sunday-research-capsule__note--bottom::before {
  right: 100%;
  left: auto;
  margin-right: 14px;
  margin-left: 0;
}

@keyframes sunday-research-product-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.008); }
}

@media (hover: hover) and (pointer: fine) {
  .sunday-research-capsule__product-stage:hover {
    --research-product-scale: 1.025;
    transition-delay: 0ms !important;
  }

  .sunday-research-capsule__product-stage:hover .sunday-research-capsule__product--cap {
    transform: translateY(0) rotate(8deg);
  }
}

.sunday-research-capsule__product-stage.is-cap-open .sunday-research-capsule__product--cap {
  transform: translateY(0) rotate(8deg);
}

.sunday-research-capsule__product-stage.is-cap-open {
  --research-product-scale: 1.025;
  z-index: 7;
  transition-delay: 0ms !important;
}

@keyframes sunday-research-product-float-hover {
  0%, 100% { transform: translateY(0) scale(1.045); }
  50% { transform: translateY(-9px) scale(1.06); }
}

.sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__glass {
  opacity: 0;
  transform: perspective(1500px) translateY(34px) scale(.975);
}

.sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__copy > * {
  opacity: 0;
}

.sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__product-stage {
  opacity: 0;
  transform: translate3d(-50%, calc(-50% + 28px), 70px) scale(.88);
}

.sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__note {
  opacity: 0;
}

.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__copy > :nth-child(1) { transition-delay: 120ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__copy > :nth-child(2) { transition-delay: 190ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__copy > :nth-child(3) { transition-delay: 260ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__copy > :nth-child(4) { transition-delay: 330ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__copy > :nth-child(5) { transition-delay: 400ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__product-stage { transition-delay: 210ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__note--top { transition-delay: 420ms; }
.sunday-research-capsule.is-motion-ready.is-in-view .sunday-research-capsule__note--bottom { transition-delay: 500ms; }

@media (max-width: 1000px) {
  .sunday-research-capsule {
    min-height: 780px;
    aspect-ratio: auto;
    background-position: center;
    background-size: 100% 100%;
  }

  .sunday-research-capsule__glass {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 730px;
  }

  .sunday-research-capsule__copy {
    padding-bottom: 280px;
    background: transparent;
  }

  .sunday-research-capsule__diagram {
    position: absolute;
    inset: auto 0 0;
    height: 330px;
    min-height: 0;
  }

  .sunday-research-capsule__product-stage {
    top: auto;
    right: 50%;
    left: auto;
    bottom: 18px;
    height: 360px;
    transform: translateX(50%) scale(var(--research-product-scale));
  }

  .sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__product-stage {
    transform: translate3d(50%, 24px, 0) scale(.9);
  }

  .sunday-research-capsule__note--top {
    top: 6%;
    left: 6%;
  }

  .sunday-research-capsule__note--bottom {
    left: auto;
    right: 6%;
    bottom: 9%;
  }

  .sunday-research-capsule__note--bottom::before {
    right: 100%;
    left: auto;
    margin-right: 14px;
    margin-left: 0;
  }
}

@media (max-width: 640px) {
  .sunday-research-capsule {
    min-height: auto;
    padding: 24px 16px;
    background-position: center;
    background-size: 100% 100%;
  }

  .sunday-research-capsule__glass {
    min-height: 740px;
    border-radius: 26px;
  }

  .sunday-research-capsule__copy {
    padding: 34px 25px 350px;
  }

  .sunday-research-capsule__copy h2 {
    font-size: clamp(42px, 13vw, 56px);
  }

  .sunday-research-capsule__copy > p {
    margin-top: 20px;
  }

  .sunday-research-capsule__metric {
    margin-top: 24px;
    padding: 15px;
  }

  .sunday-research-capsule__metric strong {
    font-size: 30px;
  }

  .sunday-research-capsule__product-stage {
    right: calc(50% + 58px);
    height: 410px;
    --research-product-scale: 1.04 !important;
  }

  /* Touch layouts have no reliable hover state, so present the vial open. */
  .sunday-research-capsule__product--cap,
  .sunday-research-capsule__product-stage.is-cap-open .sunday-research-capsule__product--cap {
    transform: translateY(0) rotate(8deg);
  }

  .sunday-research-capsule__note {
    width: 125px;
  }

  .sunday-research-capsule__note--top {
    top: 4%;
    left: 18px;
  }

  .sunday-research-capsule__note--bottom {
    right: 12px;
    bottom: 5%;
  }

  .sunday-research-capsule__note::before {
    width: 30px;
  }

  .sunday-research-capsule__note p {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sunday-research-capsule,
  .sunday-research-capsule *,
  .sunday-research-capsule *::before,
  .sunday-research-capsule *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }

  .sunday-research-capsule__product-stage:hover .sunday-research-capsule__product--cap,
  .sunday-research-capsule__product-stage.is-cap-open .sunday-research-capsule__product--cap {
    transform: translateY(10%) rotate(0deg) !important;
  }

  .sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__glass,
  .sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__copy > *,
  .sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__product-stage,
  .sunday-research-capsule.is-motion-ready:not(.is-in-view) .sunday-research-capsule__note {
    opacity: 1;
  }

  .sunday-research-capsule__product-stage {
    --research-product-scale: 1 !important;
  }
}