@layer components{.hero-mesh{position:absolute;inset:0;overflow:hidden}.hero-blob{mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.hero-blob-1{background:radial-gradient(closest-side, var(--color-azure-600) 0%, color-mix(in srgb, var(--color-azure-600) 55%, transparent) 42%, transparent 78%);block-size:max(780px,58vw);inline-size:max(780px,58vw);animation:18s ease-in-out infinite alternate hero-drift-1;inset-block-start:-28vw;inset-inline-start:-12vw}.hero-blob-2{background:radial-gradient(closest-side, var(--color-azure-500) 0%, color-mix(in srgb, var(--color-azure-500) 55%, transparent) 42%, transparent 78%);block-size:max(640px,46vw);inline-size:max(640px,46vw);animation:22s ease-in-out infinite alternate hero-drift-2;inset-block-start:-20vw;inset-inline-start:34%}.hero-blob-3{background:radial-gradient(closest-side, var(--color-azure-800) 0%, color-mix(in srgb, var(--color-azure-800) 55%, transparent) 42%, transparent 78%);block-size:max(720px,54vw);inline-size:max(720px,54vw);animation:26s ease-in-out infinite alternate hero-drift-3;inset-block-start:-14vw;inset-inline-end:-14vw}.hero-blob-4{background:radial-gradient(closest-side, var(--color-azure-300) 0%, color-mix(in srgb, var(--color-azure-300) 55%, transparent) 42%, transparent 78%);opacity:.55;block-size:max(520px,38vw);inline-size:max(520px,38vw);animation:30s ease-in-out infinite alternate-reverse hero-drift-2;inset-block-start:8vw;inset-inline-end:20%}@keyframes hero-drift-1{to{transform:translate(120px,90px)scale(1.15)}}@keyframes hero-drift-2{to{transform:translate(-140px,70px)scale(1.22)}}@keyframes hero-drift-3{to{transform:translate(90px,130px)scale(1.08)}}.hero-fan{perspective:1900px;perspective-origin:50% 40%;gap:1rem;display:flex}.hero-slat{border-radius:var(--radius-lg);block-size:min(400px,34vh);min-inline-size:0;transform-style:preserve-3d;box-shadow:var(--lift-slat);transition:flex-grow var(--duration-slow,.7s) var(--ease-out), transform var(--duration-slow,.7s) var(--ease-out), box-shadow var(--duration-slow,.7s) var(--ease-out);flex:1 1 0;position:relative;overflow:hidden;transform:rotateY(9deg)}.hero-fan:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hero-slat{transform:rotateY(-9deg)}.hero-slat img{filter:saturate(.72)brightness(.72);transition:transform .9s var(--ease-out), filter var(--duration-slow,.7s) var(--ease-out);transform:scale(1.16)}.hero-veil{transition:background var(--duration-slow,.7s) var(--ease-out);background:linear-gradient(#29abe229,#05091c38 48%,#05091ceb 96%);position:absolute;inset:0}.hero-rim{border-radius:var(--radius-lg);transition:border-color var(--duration-slow,.7s) var(--ease-out);border:1px solid #7fd4ff38;position:absolute;inset:0}.hero-sub{opacity:0;max-block-size:0;transition:max-block-size var(--duration-slow,.7s) var(--ease-out), opacity .5s var(--ease-out);overflow:hidden}.hero-slat[data-open=true]{flex-grow:3.6;transform:rotateY(0)translateZ(60px)}.hero-fan:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hero-slat[data-open=true]{transform:rotateY(0)translateZ(60px)}.hero-slat[data-open=true] img{filter:saturate()brightness(.95);transform:scale(1.02)}.hero-slat[data-open=true] .hero-veil{background:linear-gradient(#29abe21a,#05091c1a 42%,#05091ce6 98%)}.hero-slat[data-open=true] .hero-rim{border-color:#7fd4ff8c}.hero-slat[data-open=true] .hero-sub{opacity:1;max-block-size:2.75rem}.hero-fan:hover .hero-slat{box-shadow:var(--lift-slat);flex-grow:.62;transform:rotateY(9deg)}.hero-fan:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):hover .hero-slat{transform:rotateY(-9deg)}.hero-fan:hover .hero-slat img{filter:saturate(.72)brightness(.66);transform:scale(1.16)}.hero-fan:hover .hero-slat .hero-veil{background:linear-gradient(#29abe224,#05091c4d 48%,#05091cf0 96%)}.hero-fan:hover .hero-slat .hero-rim{border-color:#7fd4ff2e}.hero-fan:hover .hero-slat .hero-sub{opacity:0;max-block-size:0}.hero-fan:hover .hero-slat:hover,.hero-fan:focus-within .hero-slat:focus-visible{box-shadow:var(--lift-open);flex-grow:4.4;transform:rotateY(0)translateZ(80px)}.hero-fan:hover .hero-slat:hover img{filter:saturate(1.05)brightness();transform:scale(1.02)}.hero-fan:hover .hero-slat:hover .hero-veil{background:linear-gradient(#29abe214,#05091c0f 40%,#05091ce0 98%)}.hero-fan:hover .hero-slat:hover .hero-rim{border-color:#7fd4ffb3}.hero-fan:hover .hero-slat:hover .hero-sub{opacity:1;max-block-size:2.75rem}.hero-ttl{-webkit-mask-image:linear-gradient(90deg,#000 68%,#0000 100%);mask-image:linear-gradient(90deg,#000 68%,#0000 100%)}.hero-slat:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hero-ttl{-webkit-mask-image:linear-gradient(270deg,#000 68%,#0000 100%);mask-image:linear-gradient(270deg,#000 68%,#0000 100%)}.hero-slat[data-open=true] .hero-ttl,.hero-fan:hover .hero-slat:hover .hero-ttl{-webkit-mask-image:none;mask-image:none}@media not (min-width:64rem){.hero-fan{perspective:none;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overflow-x:auto}.hero-fan::-webkit-scrollbar{display:none}.hero-slat{scroll-snap-align:center}.hero-slat,.hero-fan:hover .hero-slat,.hero-slat[data-open=true]{opacity:.5;box-shadow:none;flex:0 0 64%;transform:scale(.9)}.hero-slat[data-active=true],.hero-fan:hover .hero-slat[data-active=true]{opacity:1;box-shadow:var(--lift-open);transform:scale(1)}.hero-slat .hero-sub,.hero-fan:hover .hero-slat .hero-sub{opacity:0;max-block-size:0}.hero-slat[data-active=true] .hero-sub,.hero-fan:hover .hero-slat[data-active=true] .hero-sub{opacity:1;max-block-size:2.75rem}.hero-slat img,.hero-fan:hover .hero-slat img{filter:grayscale(.35)brightness(.72);transform:scale(1.04)}.hero-slat[data-active=true] img,.hero-fan:hover .hero-slat[data-active=true] img{filter:none;transform:scale(1.02)}.hero-slat .hero-veil,.hero-fan:hover .hero-slat .hero-veil{background:linear-gradient(#090c146b 0%,#090c14c7 100%)}.hero-slat[data-active=true] .hero-veil,.hero-fan:hover .hero-slat[data-active=true] .hero-veil{background:linear-gradient(#0000 30%,#05091c0d 54%,#05091ce0 100%)}.hero-slat[data-active=true] .hero-rim{border-color:#7fd4ffb3}.hero-ttl{-webkit-mask-image:none;mask-image:none}.hero-slat:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .hero-ttl{-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.hero-blob{animation:none}.hero-slat,.hero-slat img,.hero-veil,.hero-rim,.hero-sub{transition-duration:.01ms}}}