/* Photographic product presentation; effects use the same square coordinate space. */
[hidden]{display:none!important}
.hero{grid-template-columns:.9fr 1.1fr;gap:28px;padding-top:42px;padding-bottom:70px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#041018 10%,#041018ee 42%,#0410189c),url('assets/pepslabs-lab-environment.jpg') center/cover;opacity:.48}
.hero h1{font-family:var(--sans);font-size:clamp(56px,5.9vw,88px);font-weight:800;letter-spacing:-4px;line-height:1.03}
.lab-scene{height:auto;aspect-ratio:1;align-self:center;background:#041018;border:1px solid #1a4458;border-radius:10px;box-shadow:0 20px 80px #0008,0 0 50px #00cfff0a}
.hero-photograph{display:block;position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.photo-effects{inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}
.photo-effects .falling-drop{animation-name:photo-drop-fall}
.photo-effects .impact-ripple{transform-origin:505px 374px}
.photo-effects .photo-glow-bloom{mix-blend-mode:screen}
.dna-helix{opacity:.91;filter:drop-shadow(0 0 2.5px #37cfff7a)}
.scene-heading{top:15px;left:15px;right:15px;font-size:7px;letter-spacing:1px;filter:drop-shadow(0 1px 3px #000);color:#d0f7ff}
.scene-heading>span{background:#03121ba8;padding:6px 8px;border:1px solid #6adfff25;backdrop-filter:blur(8px)}
.scene-footer{left:14px;right:14px;bottom:12px;padding:8px 10px;border:1px solid #528ba15c;border-radius:4px;background:#02121ddc;backdrop-filter:blur(10px)}
.scene-footer>span{color:#b7e7f5}
.product-photograph{display:block;width:88%;height:315px;object-fit:contain;filter:drop-shadow(0 15px 23px #0008)}
.product-image{background:radial-gradient(ellipse at 50% 72%,#075b7580,transparent 65%),#071a27;overflow:hidden}
.product-card{border-radius:9px;overflow:hidden;min-height:380px}
.product-image .micro-label{z-index:1}
@keyframes photo-drop-fall{0%,12%{transform:translateY(0);opacity:0}17%{opacity:.95}59%{transform:translateY(179px);opacity:.9}60%,100%{transform:translateY(179px);opacity:0}}
@media(min-width:1500px){.lab-scene{height:auto}.hero{min-height:760px}}
@media(max-width:1050px){.hero{gap:24px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:65px;letter-spacing:-3px}.lab-scene{height:auto}.scene-footer>span{font-size:6px}.scene-footer{left:9px;right:9px;bottom:9px}.product-photograph{height:300px}}
@media(max-width:700px){.hero{padding-top:33px;gap:0}.hero::before{background:linear-gradient(#041018e8,#041018f5),url('assets/pepslabs-lab-environment.jpg') center/cover;opacity:.7}.hero h1{font-size:58px;letter-spacing:-2.8px;line-height:1.03}.lab-scene{height:auto;aspect-ratio:1;border-radius:7px;margin-top:17px;box-shadow:0 15px 45px #0006}.scene-heading{top:9px;left:9px;right:9px;font-size:6px;letter-spacing:.7px}.scene-heading>span{padding:5px 6px}.scene-footer{left:9px;right:9px;bottom:9px;padding:5px 7px}.scene-footer>span{font-size:5px}.scene-footer button{font-size:7px}.product-card{min-height:315px}.product-photograph{height:290px;width:100%}}
@media(prefers-reduced-motion:reduce){.photo-effects .falling-drop{animation:none!important;opacity:0}.photo-effects .impact-glow{animation:none!important;opacity:.16}.photo-effects .impact-ripple,.photo-effects .impact-splash{opacity:0}}