/* 02 — STATEMENT (V3): two pink cards, plates, identity gradient.
   Section Y-range 977..1545 (h 568). All positions minus 977. */
.s-statement { height: 571px; }

/* ---- left pink card ---- */
.s-statement .pink-card {
  position: absolute;
  left: 3px; top: 0;
  width: 996.25px; height: 296.73px;
  border-radius: 40px;
  background: var(--c-pink);
}
.s-statement .lead-line {
  position: absolute;
  left: 184px; top: 56px;
  margin: 0;
  font-family: "Marund3222";
  font-size: 25px;
  line-height: 0.983;
  text-transform: uppercase;
  color: #3f4618;
  white-space: nowrap;
}
.s-statement .pills-row {
  position: absolute;
  left: 175.6px; top: 120.8px;
  width: 502.75px; height: 49px;
}
.s-statement .pills-art {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}
/* pill windows in the 503px artwork (three joined pills):
   care 0..122 / intention 122..320 / feeling 320..503 */
.s-statement .pill-word {
  position: absolute;
  top: 0; height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Marund3222";
  font-size: 32px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3f4618;
  white-space: nowrap;
  pointer-events: none;
}
.s-statement .pw-care { left: 0; width: 122px; }
.s-statement .pw-intention { left: 122px; width: 198px; }
.s-statement .pw-feeling { left: 320px; width: 183px; }

.s-statement .pill-filled {
  position: absolute;
  left: 175px; top: 191.1px;
  width: 256px; height: 48.73px;
  border-radius: 40.28px;
  background: #3f4618;
  display: flex; align-items: center; justify-content: center;
  transform-origin: left center;
}
.s-statement .pill-filled span {
  font-family: "Marund3222";
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--c-pink);
}

/* ---- right pink card ---- */
.s-statement .partner-card {
  position: absolute;
  left: 1004px; top: 0;
  width: 914px; height: 183px;
  border-radius: 40px;
  background: var(--c-pink);
}
.s-statement .partner-copy {
  position: absolute;
  left: 78px; top: 44px;
  margin: 0;
  font-family: "Marund3222";
  font-weight: 400;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -0.96px;
  text-transform: uppercase;
  color: #3f4618;
}

/* ---- category plates ---- */
.s-statement .cat-block {
  position: absolute;
  left: 3px; top: 299px;
  width: 996.25px; height: 268.73px;
}
.s-statement .cat-plates {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}
.s-statement .cat-plate {
  position: absolute;
  top: 0; height: 100%;
  width: 328px;
}
.s-statement .plate-health { left: 0; }
.s-statement .plate-sex { left: 334px; }
.s-statement .plate-beauty { left: 668px; }
.s-statement .cat-title {
  position: absolute;
  bottom: 26px;
  transform: translateX(-50%);
  width: 100%;
  margin: 0;
  font-family: "Marund3222";
  font-weight: 400;
  font-size: 32px;
  line-height: 1.12;
  text-align: center;
  text-transform: uppercase;
  color: #3f4618;
}
.s-statement .plate-health .cat-title { left: 164.7px; }
.s-statement .plate-sex .cat-title { left: 165px; }
.s-statement .plate-beauty .cat-title { left: 163.5px; }
.s-statement .flower-pos {
  position: absolute;
  top: 30px;
}
/* each flower at its NATURAL aspect (viewBox), centered in its plate */
.s-statement .plate-health .flower-pos { left: 104.6px; width: 118.7px; height: 122.4px; }
.s-statement .plate-sex .flower-pos { left: 98.5px; width: 131px; height: 125.9px; top: 28px; }
.s-statement .plate-beauty .flower-pos { left: 97.4px; width: 133.2px; height: 122.7px; }
.s-statement .flower-spin {
  width: 100%; height: 100%;
  display: block;
  transition: transform 0.8s var(--ease-gp);
}
.s-statement .cat-plate:hover .flower-spin { transform: rotate(90deg); }

/* ---- identity gradient card ---- */
.s-statement .identity-card {
  position: absolute;
  left: 1004px; top: 186px;
  width: 914px; height: 381.84px;
  border-radius: 40px;
  overflow: hidden;
  /* rose core glowing out to citron edges (per reference) */
  background: radial-gradient(62% 88% at 47% 54%,
    #ffeef5 0%, #ffdce9 26%, #f7cdd6 46%, #e9d0a8 72%, #d6d675 92%, #c9d363 100%);
}
.s-statement .identity-copy {
  position: absolute;
  left: 76px; top: 50%;
  transform: translateY(-50%);
  width: 768px;
}
.s-statement .identity-copy p {
  margin: 0 0 27px;
  font-family: "Marund3222";
  font-size: 25px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #3f4618;
}
.s-statement .identity-copy p:last-child { margin-bottom: 0; }

/* ---- mobile ---- */