:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;min-height:100vh;background:#fff!important;background-color:#fff!important}html.dark body,html.dark #root{background:#0a0a0a!important;background-color:#0a0a0a!important}@keyframes tg-float-1{0%,to{transform:translateZ(0)}50%{transform:translate3d(2px,-7px,0)}}@keyframes tg-float-2{0%,to{transform:translateZ(0)}50%{transform:translate3d(-2px,-6px,0)}}.tg-float-1,.tg-float-2{animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}.tg-float-1{animation-name:tg-float-1}.tg-float-2{animation-name:tg-float-2}@keyframes p5-slam-left{0%{opacity:0;transform:translate3d(-120%,20px,0) rotate(-8deg) skew(-6deg)}60%{opacity:1;transform:translate3d(12px,-2px,0) rotate(1.5deg) skew(1deg)}80%{transform:translate3d(-4px,1px,0) rotate(-.5deg) skew(0)}to{opacity:1;transform:translateZ(0) rotate(0) skew(0)}}@keyframes p5-slam-right{0%{opacity:0;transform:translate3d(120%,20px,0) rotate(8deg) skew(6deg)}60%{opacity:1;transform:translate3d(-12px,-2px,0) rotate(-1.5deg) skew(-1deg)}80%{transform:translate3d(4px,1px,0) rotate(.5deg) skew(0)}to{opacity:1;transform:translateZ(0) rotate(0) skew(0)}}@keyframes p5-drop{0%{opacity:0;transform:translate3d(0,-60px,0) scaleY(1.3);clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0% 0)}70%{transform:translate3d(0,6px,0) scaleY(.97)}to{opacity:1;transform:translateZ(0) scaleY(1);clip-path:inset(0 0 0% 0)}}@keyframes p5-wipe{0%{transform:translate(-110%) skew(-18deg)}40%{transform:translate(0) skew(-18deg)}70%{transform:translate(0) skew(-18deg)}to{transform:translate(110%) skew(-18deg)}}@keyframes p5-wipe-black{0%{transform:translate(-110%) skew(-18deg)}30%{transform:translate(0) skew(-18deg)}60%{transform:translate(0) skew(-18deg)}to{transform:translate(110%) skew(-18deg)}}@keyframes p5-dialog-in{0%{opacity:0;transform:translate3d(0,100%,0) rotate(3deg) scale(.85)}50%{opacity:1;transform:translate3d(0,-8px,0) rotate(-.5deg) scale(1.02)}to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@keyframes p5-backdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}30%{opacity:.8}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes p5-tab-pop{0%{transform:scale(.5) rotate(-4deg);opacity:0}70%{transform:scale(1.08) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.p5-reveal{opacity:0;will-change:transform,opacity}.p5-reveal.p5-visible-left{animation:p5-slam-left .45s cubic-bezier(.22,1,.36,1) forwards}.p5-reveal.p5-visible-right{animation:p5-slam-right .45s cubic-bezier(.22,1,.36,1) forwards}.p5-drop{animation:p5-drop .5s cubic-bezier(.22,1,.36,1) both}.p5-tab-pop{animation:p5-tab-pop .3s cubic-bezier(.22,1,.36,1) both}@keyframes p5-pick-out{0%{transform:scale(1) rotate(var(--rot, 0deg));opacity:1}25%{transform:scale(1.18) rotate(0);opacity:1}to{transform:scale(.2) translateY(-80px) rotate(-12deg);opacity:0}}@keyframes p5-land-in{0%{transform:scale(0) rotate(15deg);opacity:0}60%{transform:scale(1.2) rotate(-2deg);opacity:1}80%{transform:scale(.95) rotate(.5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes p5-eject{0%{transform:scale(1);opacity:1}to{transform:scale(0) rotate(-15deg);opacity:0}}@keyframes p5-return{0%{transform:scale(.2) translateY(-60px) rotate(10deg);opacity:0}50%{transform:scale(1.1) rotate(-1.5deg);opacity:1}75%{transform:scale(.97) rotate(.5deg)}to{transform:scale(1) rotate(var(--rot, 0deg));opacity:1}}.p5-pick-out{animation:p5-pick-out .4s cubic-bezier(.55,0,.1,1) forwards;pointer-events:none}.p5-land-in{animation:p5-land-in .35s cubic-bezier(.22,1,.36,1) both}.p5-eject{animation:p5-eject .25s cubic-bezier(.55,0,.1,1) forwards;pointer-events:none}.p5-return{animation:p5-return .45s cubic-bezier(.22,1,.36,1) both}@keyframes p5-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-6px) rotate(var(--rot, 0deg))}}.p5-float{animation:p5-float var(--float-dur, 3s) ease-in-out infinite;animation-delay:var(--float-del, 0s);will-change:transform}.p5-float:hover{animation-play-state:paused}@keyframes p5-collage-in{0%{opacity:0;transform:scale(.7) rotate(var(--slot-rot, 0deg))}to{opacity:1;transform:scale(1) rotate(var(--slot-rot, 0deg))}}@keyframes p5-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes p5-card-float-rot{0%,to{transform:translateY(0) rotate(var(--slot-rot, 0deg))}50%{transform:translateY(-4px) rotate(var(--slot-rot, 0deg))}}.p5-collage-card{animation:p5-collage-in .4s cubic-bezier(.22,1,.36,1) both,p5-card-float-rot 2.8s ease-in-out .6s infinite}.p5-card-float{animation:p5-card-float 2.8s ease-in-out infinite}.p5-card-float:hover,.p5-collage-card:hover{animation-play-state:paused}@keyframes pipe-rotate-fade{0%{opacity:0}to{opacity:1}}.pipe-rotate-slot{animation:pipe-rotate-fade .8s ease-in-out forwards}@keyframes pipe-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pipe-rotate-scroll{scrollbar-width:none;-ms-overflow-style:none}.pipe-rotate-content{animation:pipe-rotate-fade .4s ease-out}.pipe-rotate-scroll::-webkit-scrollbar{display:none}.pipe-hero-img{position:relative;overflow:hidden}.pipe-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 40%,transparent 60%,transparent 100%);background-size:200% 100%;animation:pipe-shimmer 4s ease-in-out infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.pipe-rotate-slot,.tg-float-1,.tg-float-2{animation:none!important}.p5-reveal,.p5-drop,.p5-tab-pop,.p5-float,.p5-pick-out,.p5-land-in,.p5-eject,.p5-return,.p5-collage-card,.p5-card-float{animation:none!important;opacity:1!important}.pipe-hero-img:after{animation:none!important;display:none!important}}