.ocean-cinema{z-index:-1;pointer-events:none;contain:strict;background:#043d5c;position:fixed;inset:0;overflow:hidden}.ocean-cinema__image{background:linear-gradient(#00667b08,#032c491a),url(/assets/giadi-ocean-cinema.webp) 70%/cover no-repeat;animation:38s cubic-bezier(.77,0,.175,1) infinite alternate giadi-ocean-camera;position:absolute;inset:-3%;transform:scale(1.045)}.ocean-cinema__canvas,.ocean-cinema__canvas2d{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ocean-cinema[data-renderer=webgl] .ocean-cinema__canvas,.ocean-cinema[data-renderer=canvas2d] .ocean-cinema__canvas2d{opacity:1}.ocean-cinema[data-renderer=webgl] .ocean-cinema__image,.ocean-cinema[data-renderer=canvas2d] .ocean-cinema__image{animation:none}.ocean-cinema__sunlight{transform-origin:50% 0;opacity:.7;background:conic-gradient(from 153deg at 53% 0,#0000 0deg,#d0fff510 6deg,#0000 11deg 18deg,#bdfff920 22deg,#0000 27deg 37deg,#c5fff917 41deg,#0000 48deg);width:180%;height:170%;animation:23s cubic-bezier(.77,0,.175,1) infinite alternate giadi-ocean-light;position:absolute;top:-65%;left:-40%}.ocean-cinema__depth{background:linear-gradient(90deg,#04334a32 0%,#0000 19% 78%,#032e4b28),linear-gradient(#04465c10 0%,#033b541a 25%,#0332482b 65%,#02304955 100%);position:absolute;inset:0}.ocean-cinema__vignette{background:radial-gradient(at 45% 38%,#0000 20%,#00263d17 70%,#002a424a 100%);position:absolute;inset:0}.ocean-cinema__bubbles{position:absolute;inset:0;overflow:hidden}.ocean-cinema__bubble{opacity:0;background:radial-gradient(circle at 30% 22%,#e4fffc35 0%,#0000 24% 62%,#d4ffff16 90%,#0000);border:1px solid #d3ffff66;border-radius:50%;animation:linear infinite giadi-ocean-bubble;position:absolute;bottom:-70px;box-shadow:inset 2px 2px 5px #ecfffa22,inset -2px -2px 4px #03779828,0 0 5px #b4fff80a}.ocean-cinema__bubble:after{content:"";background:#e3ffffa6;border-radius:50%;width:21%;height:12%;position:absolute;top:16%;left:24%;transform:rotate(-35deg)}.ocean-cinema__bubble--far{filter:blur(.3px);border-color:#c7f8fb42}.ocean-cinema__bubble--near{filter:blur(1px);border-width:1.5px}.ocean-cinema__dolphin{color:#77c2d1;opacity:.17;filter:blur(.7px);width:270px;animation:57s linear infinite giadi-dolphin-swim;position:absolute;left:-360px}.ocean-cinema__dolphin>svg{width:100%;height:auto;animation:3.8s cubic-bezier(.77,0,.175,1) infinite alternate giadi-dolphin-undulate;display:block}.ocean-cinema__dolphin--far{opacity:.12;filter:blur(1.1px);width:150px;animation-duration:80s;animation-delay:-29s;top:31%}.ocean-cinema__dolphin--near{opacity:.14;width:310px;animation-duration:61s;animation-delay:-47s;top:72%}.ocean-cinema--paused *{animation-play-state:paused!important}@keyframes giadi-ocean-camera{0%{transform:scale(1.045)translate(-.5%)}to{transform:scale(1.075)translate(.5%,-.5%)}}@keyframes giadi-ocean-light{0%{opacity:.45;transform:rotate(-5deg)}to{opacity:.8;transform:rotate(7deg)}}@keyframes giadi-ocean-bubble{0%{opacity:0;transform:translate(0,0)scale(.85)}8%{opacity:.66}45%{transform:translate3d(var(--bubble-drift),-50vh,0) scale(.95);opacity:.53}92%{opacity:.45}to{opacity:0;transform:translateY(calc(-110vh - 80px))scale(1.05)}}@keyframes giadi-dolphin-swim{0%{transform:translateY(20px)rotate(-7deg)}to{transform:translate(calc(100vw + 740px),-110px)rotate(-7deg)}}@keyframes giadi-dolphin-undulate{0%{transform:translateY(-4px)rotate(-3deg)}to{transform:translateY(6px)rotate(2deg)}}@media (max-width:760px){.ocean-cinema__image{background-position:70%}.ocean-cinema__depth{background:linear-gradient(#02395326,#04374e30 46%,#03324950),linear-gradient(90deg,#02374e5c,#0000 78%)}.ocean-cinema__dolphin--near{width:210px}.ocean-cinema__sunlight{width:220%;height:150%;top:-45%;left:-65%}.ocean-cinema__bubble--near{filter:blur(.6px)}}@media (prefers-reduced-motion:reduce){.ocean-cinema *{animation:none!important}.ocean-cinema__image{transform:scale(1.045)}.ocean-cinema__sunlight{opacity:.5}.ocean-cinema__bubble{bottom:auto;top:var(--bubble-static-y);opacity:.25;transform:none}.ocean-cinema__dolphin--far{top:35%;left:76%;transform:rotate(-7deg)}.ocean-cinema__dolphin--near{opacity:.08;top:80%;left:6%;transform:rotate(-7deg)}}@media print{.ocean-cinema{display:none!important}}