body{isolation:isolate}
.ambient-bubbles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:layout paint}
.ambient-bubbles span{position:absolute;bottom:-96px;left:var(--left);width:var(--size);height:var(--size);border:1px solid rgba(22,78,74,.15);border-radius:50%;background:rgba(22,78,74,.018);opacity:0;animation:bubble-rise var(--duration) linear var(--delay) infinite;pointer-events:none}
.ambient-bubbles span:nth-child(1){--left:4%;--size:44px;--duration:72s;--delay:-18s;--drift:14px;--rest-top:72%}
.ambient-bubbles span:nth-child(2){--left:14%;--size:70px;--duration:86s;--delay:-64s;--drift:-12px;--rest-top:16%}
.ambient-bubbles span:nth-child(3){--left:34%;--size:30px;--duration:64s;--delay:-33s;--drift:10px;--rest-top:45%}
.ambient-bubbles span:nth-child(4){--left:69%;--size:54px;--duration:78s;--delay:-9s;--drift:-14px;--rest-top:81%}
.ambient-bubbles span:nth-child(5){--left:86%;--size:78px;--duration:88s;--delay:-53s;--drift:12px;--rest-top:32%}
.ambient-bubbles span:nth-child(6){--left:96%;--size:38px;--duration:66s;--delay:-39s;--drift:-10px;--rest-top:35%}
@keyframes bubble-rise{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.7}80%{opacity:.7}100%{transform:translate3d(var(--drift),calc(-100vh - 160px),0);opacity:0}}
@media(max-width:640px){.ambient-bubbles span:nth-child(n+5){display:none}.ambient-bubbles span:nth-child(1){--size:32px}.ambient-bubbles span:nth-child(2){--left:88%;--size:44px}.ambient-bubbles span:nth-child(3){--left:22%;--size:24px}.ambient-bubbles span:nth-child(4){--left:76%;--size:36px}}
@media(prefers-reduced-motion:reduce){.ambient-bubbles span{animation:none;bottom:auto;top:var(--rest-top);transform:none;opacity:.6}}
@media print{.ambient-bubbles{display:none}.ambient-bubbles span{animation:none}}