*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;display:block}a{color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--m-ease:cubic-bezier(.19, 1, .22, 1);--m-ease-soft:cubic-bezier(.33, 1, .68, 1)}.m-on [data-r]{transition:opacity .9s var(--m-ease-soft) var(--d,0s), transform 1.1s var(--m-ease) var(--d,0s), clip-path 1.3s var(--m-ease) var(--d,0s)}.m-on [data-r=up]:not([data-in]){opacity:0;transform:translateY(32px)}.m-on [data-r=fade]:not([data-in]){opacity:0}.m-on [data-r=left]:not([data-in]){opacity:0;transform:translate(-40px)}.m-on [data-r=clip]:not([data-in]){clip-path:inset(100% 0 0)}.m-on [data-r=clip-x]:not([data-in]){clip-path:inset(0 100% 0 0)}.m-on [data-r=clip-c]:not([data-in]){clip-path:inset(18% round 24px);opacity:0}.m-on [data-r^=clip] img{transition:transform 1.8s var(--m-ease) var(--d,0s)}.m-on [data-r^=clip]:not([data-in]) img{transform:scale(1.18)}.m-on [data-r=line]{transform-origin:0}.m-on [data-r=line]:not([data-in]){transform:scaleX(0)}.w{vertical-align:top;margin:-.06em -.02em -.12em;padding:.06em .02em .12em;display:inline-block;overflow:hidden}.w>span{display:inline-block}.m-on [data-r=words] .w>span{transition:transform 1.15s var(--m-ease), opacity .8s var(--m-ease-soft);transition-delay:calc(var(--d,0s) + var(--i,0) * 70ms)}.m-on [data-r=words]:not([data-in]) .w>span{opacity:0;transform:translateY(112%)rotate(4deg)}.m-on [data-r=stagger]>*{transition:opacity .8s var(--m-ease-soft), transform 1s var(--m-ease);transition-delay:calc(var(--d,0s) + var(--i,0) * 80ms)}.m-on [data-r=stagger]:not([data-in])>*{opacity:0;transform:translateY(26px)}.marquee{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden}.marquee-track{justify-content:space-around;gap:var(--mq-gap,3rem);min-width:100%;padding-right:var(--mq-gap,3rem);animation:m-marquee var(--mq-speed,32s) linear infinite;flex-shrink:0;display:flex}.marquee[data-reverse] .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes m-marquee{to{transform:translate(-100%)}}.hp-float{z-index:40;pointer-events:none;width:var(--hp-w,260px);aspect-ratio:4/5;border-radius:var(--hp-r,6px);opacity:0;transition:opacity .35s var(--m-ease-soft), transform .5s var(--m-ease);position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)scale(.85);box-shadow:0 30px 60px -20px #00000073}.hp-float.on{opacity:1}.hp-float img{object-fit:cover;width:100%;height:100%}@supports (animation-timeline:view()){.m-on [data-par]{animation:linear both m-par;animation-timeline:view();animation-range:cover}@keyframes m-par{0%{transform:translateY(calc(var(--par,6) * -1%)) scale(1.16)}to{transform:translateY(calc(var(--par,6) * 1%)) scale(1.16)}}.m-on [data-exit]{animation:linear both m-exit;animation-timeline:view();animation-range:exit}@keyframes m-exit{to{opacity:.35;transform:translateY(18%)scale(1.06)}}.m-on [data-draw] path,.m-on [data-draw] line,.m-on [data-draw] rect,.m-on [data-draw] circle,.m-on [data-draw] polyline{stroke-dasharray:1;stroke-dashoffset:1px;animation:linear both m-draw;animation-timeline:--draw;animation-range:entry 20% contain 60%}.m-on [data-draw]{view-timeline-name:--draw}@keyframes m-draw{to{stroke-dashoffset:0}}.m-on [data-progress]{transform-origin:0;animation:linear both m-prog;animation-timeline:scroll(root)}@keyframes m-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.hp-float{display:none}}