.fog-box{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fog-layer{will-change:transform;background-size:1100px 1100px;width:calc(100% + 1100px);height:100%;animation:150s linear infinite fog-drift;position:absolute;top:0;left:0}.fog-layer--back{background-image:url(/brand/fog-a.webp)}.fog-layer--front{background-image:url(/brand/fog-b.webp);animation-duration:80s;animation-direction:reverse}@keyframes fog-drift{to{transform:translate(-1100px)}}.fog-grain{pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url(/brand/grain.webp);background-size:128px 128px;position:absolute;inset:0}.sea-depth{background:linear-gradient(to bottom, var(--sea-800) 0, var(--sea-800) 660px, var(--sea-900) 100%)}.splash{display:none}.splash[data-state]{--splash-hold:1.9s;--splash-fade:1.1s;z-index:70;animation:splash-out var(--splash-fade) cubic-bezier(.4, 0, .6, 1) var(--splash-hold) forwards;background:linear-gradient(#c3cce8 0%,#b5c0de 12%,#a5b3d3 25%,#98a6c8 38%,#8897bc 48%,#7a8aae 55%,#7685a9 58%,#7785aa 60%,#7f8daf 62%,#7f8eaf 64%,#7584a5 66%,#697899 68%,#536281 72%,#3c4c66 78%,#29374d 86%,#192537 100%);display:block;position:fixed;inset:0;overflow:hidden}.splash[data-state=leaving]{pointer-events:none}.splash__scene{transform-origin:50% 59%;animation:splash-push calc(var(--splash-hold) + var(--splash-fade)) linear both;position:absolute;inset:0}.splash__photo{background:url(/brand/island.jpg) 50% 59%/cover no-repeat;position:absolute;inset:0}@media (min-aspect-ratio:1){.splash__photo{background-image:url(/brand/island-wide.webp)}}.splash__shade{background:linear-gradient(to bottom, transparent 58%, #1c25339e 76%, var(--sea-700) 100%);position:absolute;inset:0}.splash__veil{background:linear-gradient(#c3cce8,#8897bc 55%,#536281);animation:1.5s ease-out both splash-clear;position:absolute;inset:0}.splash__frame{max-width:480px;height:100%;padding-top:env(safe-area-inset-top);margin:0 auto;position:relative}.splash__copy{left:1.25rem;right:1.25rem;bottom:calc(14% + env(safe-area-inset-bottom));animation:1s ease-out .45s both splash-copy;position:absolute}@keyframes splash-out{to{opacity:0;visibility:hidden}}@keyframes splash-push{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes splash-clear{0%{opacity:.92}to{opacity:0}}@keyframes splash-copy{0%{opacity:0}to{opacity:1}}.fog-pass{pointer-events:none;animation:fog-pass var(--fog-pass) ease-in-out both;background:linear-gradient(#a9b7d4,#8897bc 55%,#5d6d8f);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000 98%);mask-image:linear-gradient(#000 78%,#0000 98%)}.banner-caption{transition:opacity .7s var(--ease-out-quart)}[data-fog=true] .banner-caption{opacity:0}.fog-pass>.fog-box{animation:fog-pass-drift var(--fog-pass) linear both}@keyframes fog-pass{0%{opacity:0}42%,58%{opacity:1}to{opacity:0}}@keyframes fog-pass-drift{0%{transform:translate(3%)scale(1.08)}to{transform:translate(-3%)scale(1.08)}}.banner-push{animation:banner-push var(--banner-push,10s) linear both}[data-playing=false] .banner-push{animation-play-state:paused}@keyframes banner-push{0%{transform:scale(1)}to{transform:scale(1.05)}}.celeb-tile{opacity:0;animation:celeb-tile-in .9s var(--ease-out-quart,ease-out) both}@keyframes celeb-tile-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.celeb-tile{opacity:1;animation:none}}