/* V1 · Cinematic Original: centred bottle in a water crown, giant italic word behind it. */
:root { --bh: 74vh; }
.v1-hero { display: grid; place-items: center; }
.v1-crown { position: absolute; left: 50%; top: 50%; width: min(92vh, 88vw); transform: translate(-50%, -50%); mix-blend-mode: screen; z-index: 1; pointer-events: none; }
.v1-mega {
  position: absolute; z-index: 1; left: 0; right: 0; top: 50%; transform: translateY(-58%) rotate(-6deg);
  font-style: italic; font-weight: 900; font-size: clamp(5rem, 19vw, 21rem); line-height: .82; letter-spacing: -0.045em;
  text-align: center; white-space: nowrap; color: #fff; text-shadow: 0 30px 60px rgba(0,0,0,.12);
}
.v1-mascot { position: absolute; z-index: 3; right: clamp(8px, 10vw, 200px); bottom: 20vh; width: clamp(140px, 15vw, 260px); filter: drop-shadow(0 26px 30px rgba(0,0,0,.28)); transform-origin: 50% 100%; }
.v1-pick { position: absolute; z-index: 3; left: 0; right: 0; bottom: clamp(26px, 6vh, 64px); display: grid; justify-items: center; gap: 18px; padding-inline: var(--gutter); }
.v1-pick .switch { justify-content: center; }
.v1-line { font-size: clamp(1rem, 1.3vw, 1.3rem); text-align: center; }
.v1-line strong { font-weight: 700; }
.spheres__title { left: 52%; max-width: 13ch; }
@media (max-width: 760px) {
  :root { --bh: 52vh; }
  .v1-mega { top: 96px; font-size: 21vw; line-height: .86; transform: rotate(-6deg); white-space: normal; }
  .v1-crown { top: 57%; }
  .v1-mascot { width: 118px; right: 6px; bottom: 33vh; }
  .v1-pick .switch { gap: 8px; }
  .v1-pick .cap { padding: 10px 14px; font-size: .9rem; }
  .spheres__title { left: var(--gutter); }
}