@font-face{font-family:geistSans;src:url(../media/GeistVF-s.p.0e569l9b0bre8.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_47a3c9f1-module__2HyNMa__className{font-family:geistSans,geistSans Fallback}.geistsans_47a3c9f1-module__2HyNMa__variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.p.1lv5tp2fpjxdz.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.geistmono_cfbefb1d-module__tUxLBG__className{font-family:geistMono,geistMono Fallback}.geistmono_cfbefb1d-module__tUxLBG__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.mx-\[0\.8vw\]{margin-inline:.8vw}.mt-\[-2\.8vw\]{margin-top:-2.8vw}.mt-auto{margin-top:auto}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.h-\[18px\]{height:18px}.h-\[clamp\(72px\,8vw\,150px\)\]{height:clamp(72px,8vw,150px)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-\[18px\]{width:18px}.w-\[clamp\(72px\,8vw\,150px\)\]{width:clamp(72px,8vw,150px)}.w-full{width:100%}.w-max{width:max-content}.max-w-\[320px\]{max-width:320px}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-\[rotate\(-4deg\)_scaleX\(1\.15\)_translateY\(0\)\]{transform:rotate(-4deg)scaleX(1.15)translateY(0)}.transform-\[rotate\(3deg\)_scaleX\(1\.15\)_translateY\(0\)\]{transform:rotate(3deg)scaleX(1.15)translateY(0)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded-\[6px\]{border-radius:6px}.border{border-style:var(--tw-border-style);border-width:1px}.border-y-\[5px\]{border-block-style:var(--tw-border-style);border-block-width:5px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#5b0a12\]{border-color:#5b0a12}.border-\[\#5b493f\]{border-color:#5b493f}.bg-\[\#2a160f\]{background-color:#2a160f}.bg-\[\#fd5231\]{background-color:#fd5231}.px-\[1\.2vw\]{padding-inline:1.2vw}.py-\[1\.2vw\]{padding-block:1.2vw}.pt-\[34vh\]{padding-top:34vh}.text-center{text-align:center}.text-\[14px\]{font-size:14px}.text-\[clamp\(16px\,1\.8vw\,16px\)\]{font-size:clamp(16px,1.8vw,16px)}.text-\[clamp\(72px\,11vw\,220px\)\]{font-size:clamp(72px,11vw,220px)}.leading-\[0\.84\]{--tw-leading:.84;line-height:.84}.leading-\[1\.18\]{--tw-leading:1.18;line-height:1.18}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.text-\[\#2d1b0d\]{color:#2d1b0d}.text-\[\#5b0a12\]{color:#5b0a12}.text-\[\#fff7e0\]{color:#fff7e0}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.will-change-transform{will-change:transform}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}}.active\:scale-\[0\.98\]:active{scale:.98}:root{--background:#000;--foreground:#171717;overflow-x:hidden}@layer base{:root{--background:0 0% 100%;--foreground:20 14.3% 4.1%;--card:0 0% 100%;--card-foreground:20 14.3% 4.1%;--popover:0 0% 100%;--popover-foreground:20 14.3% 4.1%;--primary:24 9.8% 10%;--primary-foreground:60 9.1% 97.8%;--secondary:60 4.8% 95.9%;--secondary-foreground:24 9.8% 10%;--muted:60 4.8% 95.9%;--muted-foreground:25 5.3% 44.7%;--accent:60 4.8% 95.9%;--accent-foreground:24 9.8% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:60 9.1% 97.8%;--border:20 5.9% 90%;--input:20 5.9% 90%;--ring:20 14.3% 4.1%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:.5rem}.dark{--background:20 14.3% 4.1%;--foreground:60 9.1% 97.8%;--card:20 14.3% 4.1%;--card-foreground:60 9.1% 97.8%;--popover:20 14.3% 4.1%;--popover-foreground:60 9.1% 97.8%;--primary:60 9.1% 97.8%;--primary-foreground:24 9.8% 10%;--secondary:12 6.5% 15.1%;--secondary-foreground:60 9.1% 97.8%;--muted:12 6.5% 15.1%;--muted-foreground:24 5.4% 63.9%;--accent:12 6.5% 15.1%;--accent-foreground:60 9.1% 97.8%;--destructive:0 62.8% 30.6%;--destructive-foreground:60 9.1% 97.8%;--border:12 6.5% 15.1%;--input:12 6.5% 15.1%;--ring:24 5.7% 82.9%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*,:before,:after{border-color:hsl(var(--border))}html{background-color:hsl(var(--background));overflow-x:hidden}body{min-height:100vh;color:hsl(var(--foreground));background-color:hsl(var(--background));will-change:auto;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;outline:none;text-decoration:none;transition:color .1s,border-color .1s}a:hover,a:focus-visible{color:var(--color-link-hover);border-color:#0000;outline:none}button,input,textarea,select{font:inherit}}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#e4e1db}}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}@keyframes fly-by{0%{translate:-100% -50%}to{translate:var(--distance) -50%}}@layer utilities{.text-balance{text-wrap:balance}}body{background:var(--background);will-change:auto;font-family:Arial,Helvetica,sans-serif}header{justify-content:space-between;align-items:center;padding:0 5vw;display:flex}header svg{fill:#fff;height:20px}a{outline:none;text-decoration:none;transition:border-color .1s}a:hover,a:focus{color:var(--color-link-hover);border-color:#0000;outline:none}::-webkit-scrollbar{width:6px}::selection{color:#000;text-shadow:none;background:#fd5231}::-webkit-scrollbar-track{background:#5b0a12}::-webkit-scrollbar-thumb{background:#fd5231}.bg-orange{background-color:#fd5231}.bg-neutral{background-color:#e4e1db}.text-neutral{color:#e4e1db}.WebGLImage{aspect-ratio:16/10;will-change:auto;outline:2px dashed #40e0d0;flex-direction:row;justify-content:space-between;align-items:center;width:80vw;margin:10vw;display:flex}.Marquee{white-space:nowrap;padding:0;overflow:hidden}.Marquee>div{will-change:transform}.Marquee h2{margin:0;font-size:10vw;line-height:1}.VerticalParallax{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.VerticalParallax h2{white-space:nowrap;writing-mode:vertical-lr;text-transform:uppercase;will-change:auto;margin:0;font-size:10vw;display:block}.Image{width:90vh;height:50vh}.ViewportScrollScene:after{content:"ViewportScrollScene"}.story-content{grid-column:5/span 8}.title{margin:0 0 1rem;font-size:1rem;font-weight:400}.links{display:inline}.demo--current,.demo--current:hover{border-color:#0000}.text--menu{border:none;margin:1rem 0}.credits a{color:currentColor}.menu{min-height:70vh;display:grid}.menu__item{cursor:pointer;border:none;transition:none;position:relative}.menu__text{fill:#fd5231;pointer-events:none;position:absolute}.menu__text text{transform-origin:50%}.menu__text text:nth-child(2){opacity:0}.hidden{opacity:0;pointer-events:none;z-index:-1;position:absolute}.btn-service{letter-spacing:.25px;cursor:pointer;color:#fff;outline-offset:.25rem;background:#000;border:2px solid #000;border-radius:8px;outline-color:#fffbfa;height:48px;padding:0;font-weight:80;display:grid;position:relative;scale:2}.btn-service:is(:hover,:focus-visible){--active:1}.btn-service:active{--pressed:1}.btn-service>span:first-of-type{scale:calc(1 - (var(--pressed,0) * .05));border-radius:8px;transition:scale .1s;position:absolute;inset:0}.btn-service:is(:hover,:focus-visible) .container-btn{width:100%}.container-btn{--mask-image:url(/chev-mask_1.webp);--spread:24px;--size:28px;background:#fd5231;border-radius:6px;width:4rem;height:100%;transition:width .25s;position:absolute;left:0;box-shadow:0 10px 10px -5px #00000080;container-type:inline-size}.primary{content:"";z-index:2;-webkit-mask:var(--mask-image) 50% 50% / var(--size) var(--size) no-repeat;-webkit-mask:var(--mask-image) 50% 50% / var(--size) var(--size) no-repeat;-webkit-mask:var(--mask-image) 50% 50% / var(--size) var(--size) no-repeat;mask:var(--mask-image) 50% 50% / var(--size) var(--size) no-repeat;background:#00000026;position:absolute;inset:0;container-type:inline-size}:where(.primary,.complimentary):after{content:"";height:calc(var(--size) * 4);aspect-ratio:1;animation:fly-by calc((2 - var(--active,0)) * 1s) infinite linear;background:radial-gradient(#000,#0000);position:absolute}.complimentary{content:"";opacity:var(--active,0);-webkit-mask:var(--mask-image) calc(50% - (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat;-webkit-mask:var(--mask-image) calc(50% - (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat;-webkit-mask:var(--mask-image) calc(50% - (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat;mask:var(--mask-image) calc(50% - (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% - (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 1)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 2)) 50% / var(--size) var(--size) no-repeat, var(--mask-image) calc(50% + (var(--spread) * 3)) 50% / var(--size) var(--size) no-repeat;background:#00000026;transition:opacity .25s;position:absolute;inset:0}button>span:nth-of-type(2){place-items:center;padding:0 1.1rem 0 calc(58px + 1.1rem);display:grid}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}