@keyframes intro-down{0%{transform:translateY(-105%);opacity:0}}@keyframes intro-bar-up{0%{transform:translate3d(0,105%,0)}}@keyframes intro-sea{0%{opacity:0;scale:1.06}}@keyframes intro-rise{0%{opacity:0;translate:0 26px;filter:blur(6px)}}@keyframes intro-slide{0%{opacity:0;translate:0 34px}}@keyframes intro-fade{0%{opacity:0}}@keyframes intro-blob{0%{opacity:0;scale:.25;rotate:-28deg}55%{opacity:1}}@keyframes intro-ring{0%{opacity:0;scale:.55}}@keyframes intro-dish{0%{opacity:0;translate:0 -70px;scale:.82}50%{opacity:1;translate:0 10px;scale:1.025}72%{translate:0 -4px;scale:.995}to{translate:0 0;scale:1}}@keyframes intro-pop{0%{opacity:0;scale:.2}65%{opacity:1;scale:1.1}85%{scale:.97}}@keyframes intro-word{0%{opacity:0;transform:translateY(.8em) rotate(3deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes intro-sweep{0%{transform:translate(-130%) skew(-16deg)}to{transform:translate(330%) skew(-16deg)}}@keyframes intro-splash{0%{transform:translate(-50%,-50%) scale(.25);opacity:.75}to{transform:translate(-50%,-50%) scale(1.55);opacity:0}}@keyframes intro-bubble{0%{transform:translate(0) scale(.3);opacity:0}15%{opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}.intro-light,.intro-splash,.intro-bubbles{display:none}html.intro body.is-web .site-header{animation:intro-down .8s cubic-bezier(.2,.75,.2,1) both}html.intro body.is-web .tabbar{animation:intro-bar-up .7s .9s cubic-bezier(.2,.75,.2,1) both}html.intro body.is-web [data-ocean=full],html.intro body.is-web [data-ocean=lite]{animation:intro-sea 1.8s cubic-bezier(.25,.7,.25,1) both}html.intro body.is-web [data-intro]{animation:intro-rise .85s var(--intro-d, .3s) cubic-bezier(.2,.75,.2,1) both;animation-timeline:auto}html.intro body.is-web [data-intro=slide]{animation-name:intro-slide}html.intro body.is-web [data-intro=fade]{animation-name:intro-fade;animation-duration:1s}html.intro body.is-web [data-intro=pop]{animation:intro-pop .75s var(--intro-d, 1.5s) cubic-bezier(.3,1.3,.5,1) both;animation-timeline:auto}html.intro body.is-web .is-split .split-word{animation:intro-word .9s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:calc(var(--i) * 85ms + .35s)}html.intro body.is-web .draw-line path{animation-delay:1.45s}html.intro body.is-web .intro-blob{animation:intro-blob 1.3s .15s cubic-bezier(.34,1.45,.55,1) both}html.intro body.is-web .hero-ring{animation:spin 60s linear infinite,intro-ring 1.1s .4s cubic-bezier(.2,.75,.2,1) both}html.intro body.is-web [data-intro-dish]{animation:intro-dish 1.25s .5s cubic-bezier(.3,.9,.4,1) both,float-soft 7s 1.75s ease-in-out infinite}html.intro body.is-web .season-hero{animation:intro-fade 1s 1.35s ease both}html.intro body.is-web .intro-splash{display:block;position:absolute;left:50%;top:58%;width:78%;aspect-ratio:1;border-radius:9999px;pointer-events:none;z-index:5;border:2px solid color-mix(in srgb,var(--accent) 70%,#fff);opacity:0;animation:intro-splash 1.3s 1.1s cubic-bezier(.15,.6,.3,1) both}html.intro body.is-web .intro-splash+.intro-splash{border-color:color-mix(in srgb,var(--brand) 55%,#fff);animation-delay:1.3s;animation-duration:1.5s}html.intro body.is-web .intro-bubbles{display:block;position:absolute;inset:0;pointer-events:none;z-index:25}.intro-bubble{position:absolute;border-radius:9999px;opacity:0;background:radial-gradient(circle at 32% 30%,#fffffff2 0 18%,color-mix(in srgb,var(--brand) 22%,rgb(255 255 255 / .35)) 45%,color-mix(in srgb,var(--brand) 12%,transparent) 75%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand) 45%,rgb(255 255 255 / .6)),0 2px 6px -2px color-mix(in srgb,var(--brand) 40%,transparent);animation:intro-bubble var(--t, 1.6s) var(--d, 1.2s) cubic-bezier(.25,.6,.35,1) both}html.intro body.is-web .intro-light{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}html.intro body.is-web .intro-light:before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 16%,rgb(255 255 255 / .55)) 50%,transparent);filter:blur(18px);opacity:.8;animation:intro-sweep 2.1s .35s cubic-bezier(.45,.1,.3,1) both}html.intro[data-theme=dark] body.is-web .intro-light:before{opacity:.35}@media(prefers-reduced-motion:reduce){html.intro body.is-web *,html.intro body.is-web *:before{animation-delay:0s!important;animation-duration:0s!important}}html[data-theme=dark] .intro-bubble{background:radial-gradient(circle at 32% 30%,#ffffffe6 0 18%,#fff3 50%,#ffffff0a 75%);box-shadow:inset 0 0 0 1px #ffffff80}
