.ab-scene{isolation:isolate;border-radius:28px;position:relative;overflow:hidden}.ab-scene .ab-layer{object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.ab-cam{transform-origin:50% 45%;will-change:transform;animation:40s ease-in-out infinite alternate ab-push;position:absolute;inset:0}@keyframes ab-push{0%{transform:scale(1)}to{transform:scale(1.06)}}.ab-clouds{will-change:transform;width:300%;display:flex;position:absolute;inset:-10% 0 35%}.ab-clouds>i{background-repeat:repeat-x;flex:1}.ab-c1{opacity:.45;filter:blur(14px);animation:90s linear infinite ab-drift}.ab-c2{opacity:.4;filter:blur(18px);animation:55s linear infinite ab-drift;top:6%}.ab-c3{opacity:.3;filter:blur(24px);animation:34s linear infinite ab-drift;top:14%}.ab-c1>i{background-image:radial-gradient(60px 26px at 12% 30%,#fff 40%,#0000 70%),radial-gradient(90px 34px at 20% 34%,#fff 35%,#0000 70%),radial-gradient(70px 24px at 55% 22%,#fff 40%,#0000 70%),radial-gradient(110px 40px at 78% 40%,#fff 30%,#0000 70%);background-size:33.34% 100%}.ab-c2>i{background-image:radial-gradient(120px 40px at 30%,#fff 30%,#0000 70%),radial-gradient(80px 28px at 70% 30%,#fff 35%,#0000 70%);background-size:33.34% 100%}.ab-c3>i{background-image:radial-gradient(160px 50px at 45% 60%,#fff 25%,#0000 70%),radial-gradient(130px 40px at 90% 20%,#fff 25%,#0000 70%);background-size:33.34% 100%}@keyframes ab-drift{0%{transform:translate(0)}to{transform:translate(-33.333%)}}[dir=rtl] .ab-clouds{direction:ltr}.ab-tint{mix-blend-mode:soft-light;background:linear-gradient(oklch(78% .12 70/.55),oklch(85% .1 60/.25) 60%,#0000);animation:30s ease-in-out infinite ab-tint}@keyframes ab-tint{0%,to{opacity:0}50%{opacity:1}}.ab-sun{background:radial-gradient(40% 50% at var(--sx,20%) 10%, oklch(95% .1 85/.55), transparent 70%);mix-blend-mode:screen;animation:26s ease-in-out infinite ab-sun}@keyframes ab-sun{0%,to{--sx:15%;opacity:.5}50%{--sx:85%;opacity:1}}@property --sx{syntax:"<percentage>";inherits:false;initial-value:20%}.ab-rays{background:repeating-conic-gradient(from 200deg at 10% -10%,oklch(100% 0 0/.14) 0deg 3deg,#0000 3deg 12deg);animation:12s ease-in-out infinite ab-rays;-webkit-mask:linear-gradient(#000,#0000 60%);mask:linear-gradient(#000,#0000 60%)}@keyframes ab-rays{0%,to{opacity:0}40%,60%{opacity:.8}}.ab-bird{width:18px;height:8px;top:var(--t);animation:ab-bird var(--d) linear infinite;animation-delay:var(--dl);opacity:0;position:absolute}.ab-bird:before,.ab-bird:after{content:"";border-top:2px solid oklch(25% .05 260/.7);border-radius:50% 50% 0 0;width:50%;height:100%;animation:.5s ease-in-out infinite alternate ab-flap;position:absolute;top:0}.ab-bird:before{transform-origin:100%;left:0}.ab-bird:after{transform-origin:0;right:0}@keyframes ab-flap{to{transform:scaleY(.4)rotate(8deg)}}@keyframes ab-bird{0%{opacity:0;left:100%;transform:translate(110%)}5%{opacity:1}45%{opacity:1}50%{opacity:0;left:-10%;transform:translateY(-30px)}to{opacity:0;left:-10%}}.ab-sweep{mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 35%,oklch(100% .03 85/.28) 50%,#0000 65%) 0 0/250% 100%;animation:8s ease-in-out infinite ab-sweep}@keyframes ab-sweep{0%{background-position:150% 0}45%,to{background-position:-100% 0}}.ab-glint{border-radius:4px;width:46%;height:5%;position:absolute;top:33%;left:25%;overflow:hidden}.ab-glint:after{content:"";mix-blend-mode:screen;background:linear-gradient(100deg,#0000,oklch(90% .14 85/.85),#0000);width:30%;animation:6s ease-in-out infinite ab-glint;position:absolute;inset:0}@keyframes ab-glint{0%,60%{transform:translate(-120%)}to{transform:translate(400%)}}.ab-dot{width:var(--s);height:var(--s);background:var(--gold-light,#e6c27a);box-shadow:0 0 8px var(--gold);bottom:-10px;left:var(--x);animation:ab-rise var(--d) linear infinite;animation-delay:var(--dl);opacity:0;border-radius:999px;position:absolute}@keyframes ab-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-420px)translate(30px)}}.ab-petal{top:-20px;left:var(--x);background:linear-gradient(135deg, var(--gold-light,#e6c27a), var(--gold));opacity:.7;width:12px;height:18px;animation:ab-fall var(--d) linear infinite;animation-delay:var(--dl);border-radius:100% 0;position:absolute}@keyframes ab-fall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.7}to{opacity:0;transform:translate(-60px,620px)rotate(360deg)}}.ab-frame{border-radius:30px;padding:2px;position:relative}.ab-frame:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ab-a), var(--gold), transparent 30%, var(--blue) 50%, transparent 70%, var(--gold));z-index:0;animation:8s linear infinite ab-spin;position:absolute;inset:0}.ab-frame>*{z-index:1;position:relative}@property --ab-a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ab-spin{to{--ab-a:360deg}}.ab-pulse{animation:2.2s ease-out infinite ab-pulse}@keyframes ab-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--gold) 60%, transparent)}to{box-shadow:0 0 0 18px #0000}}.ab-spin-slow{animation:60s linear infinite ab-spin-r}@keyframes ab-spin-r{to{transform:rotate(360deg)}}.ab-mesh{background:radial-gradient(40% 50% at 15% 20%, color-mix(in oklab, var(--blue) 12%, transparent), transparent 70%), radial-gradient(40% 50% at 85% 80%, color-mix(in oklab, var(--gold) 14%, transparent), transparent 70%);background-size:160% 160%;animation:18s ease-in-out infinite alternate ab-mesh}@keyframes ab-mesh{to{background-position:100% 100%}}.ab-underline{background:linear-gradient(90deg, var(--gold), var(--gold-light,#e6c27a)) no-repeat 0 100% / 0% 2px;transition:background-size 1s}.ab-underline.on{background-size:100% 2px}.ab-shine{position:relative;overflow:hidden}.ab-shine:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,oklch(100% 0 0/.45) 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.ab-shine:hover:after{transform:translate(120%)}.ab-sunrise{background:radial-gradient(60% 80% at 50% 110%, color-mix(in oklab, var(--gold) 45%, transparent), transparent 70%);animation:6s ease-in-out infinite alternate ab-rise-sun}@keyframes ab-rise-sun{0%{opacity:.6;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.ab-blink{animation:4s ease-in-out infinite ab-blink}@keyframes ab-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.ab-beat{animation:1.4s ease-in-out infinite ab-beat}@keyframes ab-beat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.ab-wave{transform-origin:20% 90%;animation:2s ease-in-out infinite ab-wave}@keyframes ab-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-12deg)skew(-6deg)}}.ab-paused *{animation-play-state:paused!important}html.calm .ab-scene *,html.calm .ab-root *{animation:none!important}@media (prefers-reduced-motion:reduce){.ab-scene *,.ab-root *{animation:none!important}}.ab-scene{container-type:size}.ab-plate{aspect-ratio:1600/1065;width:max(100cqw,150.235cqh);position:absolute;top:38%;left:50%;transform:translate(-50%,-38%)}.ab-plate>.ab-img{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.ab-sky{position:absolute;inset:-4%}.ab-ring{place-items:center;display:grid;position:relative}.ab-ring>svg{animation:16s linear infinite ab-ringspin;position:absolute;inset:0}@keyframes ab-ringspin{to{transform:rotate(360deg)}}.ab-vline{transform-origin:top}html.calm .ab-ring>svg{animation:none!important}@media (prefers-reduced-motion:reduce){.ab-ring>svg{animation:none!important}}
