/* Wave-label specimens bridge the two hero panels. */
.atlas-home .atlas-hero { position: relative; }
.poseidon-hero-vials { position: absolute; z-index: 3; left: calc(44% + 35px); bottom: 30px; width: 290px; height: 330px; transform: translateX(-40%); pointer-events: none; }
.poseidon-hero-vials__item { position: absolute; bottom: 5px; width: 152px; transform-origin: 50% 95%; filter: drop-shadow(0 14px 13px #00202a88); }
.poseidon-hero-vials__item .vial-art { display: block; width: 100%; height: auto; }
.poseidon-hero-vials__item--1 { left: 0; bottom: 9px; width: 130px; transform: rotate(-10deg); z-index: 1; }
.poseidon-hero-vials__item--2 { left: 73px; width: 167px; bottom: 12px; z-index: 3; }
.poseidon-hero-vials__item--3 { right: -9px; width: 135px; transform: rotate(10deg); bottom: 5px; z-index: 2; }
.poseidon-hero-vials__shadow { position: absolute; bottom: -2px; left: 6%; width: 92%; height: 24px; border-radius: 50%; background: #00253260; filter: blur(10px); z-index: 0; }
@media(max-width:1160px) and (min-width:851px) { .poseidon-hero-vials { left: calc(48% + 45px); transform: translateX(-30%); width: 235px; height: 265px; bottom: 30px; } .poseidon-hero-vials__item--1 { width: 105px; } .poseidon-hero-vials__item--2 { left: 57px; width: 137px; } .poseidon-hero-vials__item--3 { width: 110px; } }
@media(max-width:850px) { .poseidon-hero-vials { left: 25%; bottom: 40px; transform: translateX(-40%); width: 245px; height: 280px; } .poseidon-hero-vials__item--1 { width: 112px; } .poseidon-hero-vials__item--2 { left: 62px; width: 145px; } .poseidon-hero-vials__item--3 { width: 115px; } }
@media(max-width:600px) { .poseidon-hero-vials { left: 25%; bottom: 38px; width: 178px; height: 205px; } .poseidon-hero-vials__item--1 { width: 80px; } .poseidon-hero-vials__item--2 { left: 45px; width: 105px; } .poseidon-hero-vials__item--3 { width: 84px; right: -3px; } }
/* Independent vertical drift keeps the existing vial angles and size. */
.poseidon-hero-vials__item .vial-art { animation: poseidon-vial-float 5.6s ease-in-out infinite; }
.poseidon-hero-vials__item--1 .vial-art { animation-duration: 6.2s; animation-delay: -1.8s; }
.poseidon-hero-vials__item--2 .vial-art { animation-delay: -.5s; }
.poseidon-hero-vials__item--3 .vial-art { animation-duration: 6.7s; animation-delay: -3.4s; }
@keyframes poseidon-vial-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@media(max-width:600px) { @keyframes poseidon-vial-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } } }
@media(prefers-reduced-motion:reduce) { .poseidon-hero-vials__item .vial-art { animation: none; transform: none; } }
.atlas-hero.is-floating .poseidon-hero-vials__item .vial-art { animation-name: poseidon-vial-float !important; animation-duration: 5.6s !important; animation-iteration-count: infinite !important; animation-play-state: running !important; }
.atlas-hero.is-floating .poseidon-hero-vials__item--1 .vial-art { animation-duration: 6.2s !important; }
.atlas-hero.is-floating .poseidon-hero-vials__item--3 .vial-art { animation-duration: 6.7s !important; }