html,body{margin:0;min-height:100%;background:#fffdfc;color:#1b1b1b;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px;box-sizing:border-box;text-align:center}
img{max-width:100%;max-height:68vh;width:auto;height:auto;display:block}
.btn{display:inline-block;padding:12px 40px;border:3px solid #1b1b1b;border-radius:999px;color:#1b1b1b;text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.btn:hover,.btn:focus{background:#1b1b1b;color:#fffdfc}
footer{font-size:15px}
footer a{color:#1b1b1b}
h1{font-size:clamp(32px,8vw,64px);margin:0}

/* Water cooler bubbles: sized from the logo's own proportions (1330x1603), clipped to the main water chamber */
.logo{position:relative;width:min(100%,calc(68vh * 1330 / 1603));aspect-ratio:1330/1603}
.logo img{width:100%;height:100%;max-height:none}
.jug{position:absolute;left:75.9%;top:25.3%;width:7.7%;height:4.5%;overflow:hidden;pointer-events:none}
.jug i{position:absolute;bottom:-10%;width:22%;aspect-ratio:1;border:1.5px solid #1b1b1b;border-radius:50%;background:#fffdfc;opacity:0;animation:rise 3.2s ease-in infinite}
.jug i:nth-child(1){left:20%}
.jug i:nth-child(2){left:52%;animation-delay:1.1s}
.jug i:nth-child(3){left:36%;animation-delay:2.1s;width:16%}
@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(-700%);opacity:0}}
@media (prefers-reduced-motion:reduce){.jug{display:none}}