@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap");
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}html{font-family:Roboto,sans-serif;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}::-moz-selection{background:#fff7918f}::selection{background:#fff7918f}input[type=number],input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.bottom-0{bottom:0}.-left-3{left:-.75rem}.-top-6{top:-1.5rem}.-right-4{right:-1rem}.-bottom-4{bottom:-1rem}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.-bottom-6{bottom:-1.5rem}.-right-6{right:-1.5rem}.bottom-12{bottom:3rem}.-right-8{right:-2rem}.-top-20{top:-5rem}.-left-8{left:-2rem}.-bottom-20{bottom:-5rem}.-left-14{left:-3.5rem}.top-\[20px\]{top:20px}.left-auto{left:auto}.top-\[8px\]{top:8px}.top-\[26px\]{top:26px}.top-\[12px\]{top:12px}.-left-16{left:-4rem}.top-\[33px\]{top:33px}.top-\[10px\]{top:10px}.bottom-28{bottom:7rem}.left-16{left:4rem}.right-16{right:4rem}.top-\[9px\]{top:9px}.-top-\[94px\]{top:-94px}.bottom-10{bottom:2.5rem}.bottom-full{bottom:100%}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.-z-10{z-index:-10}.z-0{z-index:0}.z-\[9999\]{z-index:9999}.order-2{order:2}.order-1{order:1}.col-span-12{grid-column:span 12/span 12}.col-span-8{grid-column:span 8/span 8}.col-span-6{grid-column:span 6/span 6}.col-span-2{grid-column:span 2/span 2}.col-span-1{grid-column:span 1/span 1}.col-start-auto{grid-column-start:auto}.col-start-3{grid-column-start:3}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-7{grid-column-start:7}.col-start-6{grid-column-start:6}.row-start-1{grid-row-start:1}.m-4{margin:1rem}.m-5{margin:1.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-\[2rem\]{margin-top:2rem;margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-16{margin-top:4rem}.mb-16{margin-bottom:4rem}.mr-3{margin-right:.75rem}.mb-10{margin-bottom:2.5rem}.mt-\[40px\]{margin-top:40px}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mt-\[100px\]{margin-top:100px}.-mt-\[50px\]{margin-top:-50px}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mt-40{margin-top:10rem}.mb-6{margin-bottom:1.5rem}.ml-8{margin-left:2rem}.ml-10{margin-left:2.5rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.mb-3{margin-bottom:.75rem}.mt-24{margin-top:6rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.aspect-\[574\/169\]{aspect-ratio:574/169}.aspect-\[938\/397\]{aspect-ratio:938/397}.aspect-square{aspect-ratio:1/1}.aspect-\[16\/10\]{aspect-ratio:16/10}.h-full{height:100%}.h-\[45px\]{height:45px}.h-\[30px\]{height:30px}.h-\[24px\]{height:24px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[42px\]{height:42px}.h-\[32px\]{height:32px}.h-\[17px\]{height:17px}.h-\[36px\]{height:36px}.h-\[2rem\]{height:2rem}.h-\[1000px\]{height:1000px}.h-\[10000px\]{height:10000px}.h-auto{height:auto}.h-\[46px\]{height:46px}.h-24{height:6rem}.h-6{height:1.5rem}.h-2{height:.5rem}.h-0{height:0}.max-h-\[600px\]{max-height:600px}.max-h-\[800px\]{max-height:800px}.min-h-\[700px\]{min-height:700px}.min-h-\[17px\]{min-height:17px}.min-h-\[950px\]{min-height:950px}.min-h-\[10000px\]{min-height:10000px}.w-full{width:100%}.w-\[20vw\]{width:20vw}.w-\[30\%\]{width:30%}.w-\[70\%\]{width:70%}.w-\[24px\]{width:24px}.w-\[18px\]{width:18px}.w-\[30px\]{width:30px}.w-\[22px\]{width:22px}.w-\[42px\]{width:42px}.w-\[32px\]{width:32px}.w-\[calc\(100\%_\+_64\)\]{width:calc(100% + 64)}.w-\[17px\]{width:17px}.w-\[36px\]{width:36px}.w-\[2rem\]{width:2rem}.w-44{width:11rem}.min-w-\[200px\]{min-width:200px}.min-w-\[17px\]{min-width:17px}.max-w-\[100vw\]{max-width:100vw}.max-w-\[800px\]{max-width:800px}.max-w-\[50px\]{max-width:50px}.max-w-\[100px\]{max-width:100px}.max-w-\[calc\(100\%_-_25px\)\]{max-width:calc(100% - 25px)}.max-w-\[348px\]{max-width:348px}.max-w-md{max-width:28rem}.max-w-\[300px\]{max-width:300px}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.translate-y-full{--tw-translate-y:100%}.-translate-y-full,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-x-1\/2{--tw-translate-x:50%}.-translate-x-\[50\%\],.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[50\%\]{--tw-translate-x:-50%}.rotate-180{--tw-rotate:180deg}.-scale-x-100,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x:-1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.border{border-width:1px}.border-t-0{border-top-width:0}.border-r-2{border-right-width:2px}.border-dark{--tw-border-opacity:1;border-color:rgb(0 62 89/var(--tw-border-opacity))}.border-dark\/10{border-color:rgba(0,62,89,.1)}.border-orange{--tw-border-opacity:1;border-color:rgb(244 152 42/var(--tw-border-opacity))}.border-b-transparent{border-bottom-color:transparent}.border-r-\[\#222\]{--tw-border-opacity:1;border-right-color:rgb(34 34 34/var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-dark\/50{background-color:rgba(0,62,89,.5)}.bg-dark{--tw-bg-opacity:1;background-color:rgb(0 62 89/var(--tw-bg-opacity))}.bg-dark\/10{background-color:rgba(0,62,89,.1)}.bg-orange\/80{background-color:rgba(244,152,42,.8)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-orange{--tw-bg-opacity:1;background-color:rgb(244 152 42/var(--tw-bg-opacity))}.bg-orangeLight{--tw-bg-opacity:1;background-color:rgb(254 246 236/var(--tw-bg-opacity))}.bg-\[\#222\]{--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-10{padding:2.5rem}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-28{padding-top:7rem;padding-bottom:7rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-48{padding-top:12rem}.pb-3{padding-bottom:.75rem}.pt-16{padding-top:4rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.pt-\[50px\]{padding-top:50px}.pb-\[50px\]{padding-bottom:50px}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-8{padding-left:2rem}.pb-2{padding-bottom:.5rem}.pt-20{padding-top:5rem}.pb-10{padding-bottom:2.5rem}.pb-6{padding-bottom:1.5rem}.pr-2{padding-right:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-roboto{font-family:Roboto,sans-serif}.text-50\/60{font-size:3.125rem;line-height:1.2}.text-40\/47{font-size:2.5rem;line-height:1.175}.text-40\/40{font-size:2.5rem;line-height:1}.text-31\/37{font-size:1.9375rem;line-height:1.1935483870967742}.text-25\/30{font-size:1.5625rem;line-height:1.2}.text-20\/24{font-size:1.25rem;line-height:1.2}.text-16\/19{font-size:1rem;line-height:1.1875}.text-22\/30{font-size:1.375rem;line-height:1.3636363636363635}.text-18\/25{font-size:1.125rem;line-height:1.3888888888888888}.text-14\/20{font-size:.875rem;line-height:1.4285714285714286}.text-15\/21{font-size:.9375rem;line-height:1.4}.text-12\/16{font-size:.75rem;line-height:1.3333333333333333}.text-\[10px\]{font-size:10px}.font-bold{font-weight:700}.font-light{font-weight:300}.font-thin{font-weight:100}.font-normal{font-weight:400}.lowercase{text-transform:lowercase}.leading-none{line-height:1}.text-dark{--tw-text-opacity:1;color:rgb(0 62 89/var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgb(128 128 128/var(--tw-text-opacity))}.text-orange{--tw-text-opacity:1;color:rgb(244 152 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-dark\/40{color:rgba(0,62,89,.4)}.text-blue{--tw-text-opacity:1;color:rgb(0 137 207/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-\[\#fff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.container{width:100%;margin-left:auto;margin-right:auto;padding-right:1rem;padding-left:1rem;max-width:1800px}@media (min-width:768px){.container{padding-left:1.5rem;padding-right:1.5rem}}.image-drop-shadow{filter:drop-shadow(0 100px 80px rgba(0,0,0,.3))}.image-box-shadow{box-shadow:0 60px 120px rgba(0,0,0,.25)}.filter-grayscale-0{filter:grayscale(0)}.filter-grayscale-100{filter:grayscale(100%)}.select-content{width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height)}.masked-image{height:100%;width:100%;-webkit-mask-image:url('data:image/svg+xml,');mask-image:url('data:image/svg+xml,')}.image-shadow{box-shadow:0 2.767256498336792px 2.2138051986694336px 0 #00000007,0 6.650102138519287px 5.32008171081543px 0 #0000000a,0 12.521552085876465px 10.017241477966309px 0 #0000000d,0 22.3363094329834px 17.869047164916992px 0 #0000000f,0 41.777610778808594px 33.422088623046875px 0 #00000012,0 100px 80px 0 #0000001a}.animation-skeleton{position:relative;overflow:hidden}.trans-grad-top{position:absolute;height:50px;top:-50px}@media (min-width:768px){.trans-grad-top{height:100px;top:-100px}}.trans-grad-top{left:0;right:0;-webkit-mask-image:linear-gradient(0deg,transparent,#000);mask-image:linear-gradient(0deg,transparent,#000)}.trans-grad-bottom{position:absolute;height:100px;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000)}.animation-skeleton:before{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));animation:skeleton 2.5s infinite;content:""}@keyframes skeleton{to{transform:translateX(100%)}}.image-container:after,.image-container:before{z-index:-1;position:absolute;content:"";bottom:25px;left:10px;width:50%;top:80%;max-width:300px;background:#777;box-shadow:0 35px 20px #777;transform:rotate(-8deg)}.image-container:after{transform:rotate(8deg);right:10px;left:auto}.tiles{--tiles-height:52vw;height:140vh;position:relative;overflow:hidden}.tiles--columns-rotated{--tiles-height:180vmax}.tiles--columns{--tiles-height:140vh}.tiles--oneline{--tiles-height:50vh;min-height:400px;margin:10vh 0}.tiles--small{--tiles-height:100px;margin:10vh 0 0}.tiles--fixed{--tiles-height:65vw;margin-top:25vh}.tiles--perspective{overflow:visible;perspective:1000px;--tiles-height:500px}.tiles__wrap{width:150%;--tileswrap-height:var(--tiles-height);height:var(--tileswrap-height);position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.tiles--rotated .tiles__wrap{--tileswrap-height:calc(var(--tiles-height) * 1.8);transform:translate3d(-50%,-50%,0) rotate(-16.45deg)}.tiles--columns-rotated .tiles__wrap{width:150%;display:flex;transform:translate3d(-50%,-50%,0) rotate(16.45deg);left:50%;top:50%;align-items:center;justify-content:center}.tiles--columns .tiles__wrap{width:100%;display:flex;--tileswrap-height:calc(var(--tiles-height) * 1.4);transform:translate3d(0,-50%,0);left:0;top:50%}.tiles--perspective .tiles__wrap{width:200%;transform:translate3d(-50%,-50%,0) translateX(-25%) translateZ(-1200px) rotateX(75.5deg) rotate(12deg)}.tiles--fixed .tiles__wrap{width:100%}.tiles__line{display:flex}.tiles--columns .tiles__line{width:25%;padding:0;display:block}.tiles--columns-rotated .tiles__line{width:320px;flex:none;padding:0;display:block}.tiles--columns-rotated .tiles__line:nth-child(2n){margin-top:-160px}.tiles--oneline .tiles__line,.tiles--small .tiles__line{height:100%}.tiles__line-img{flex:none;height:calc(var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));margin:var(--tile-margin);background-size:cover;background-position:50% 50%}.tiles--perspective .tiles__line-img,.tiles__line-img{--tile-margin:0;width:calc(16.6666% - var(--tile-margin) * 2)}.tiles--perspective .tiles__line-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:1px solid transparent;height:calc(16.666vw * 1.3)}.tiles--oneline .tiles__line-img{--tile-margin:0;margin:0 var(--tile-margin);width:calc(25% - var(--tile-margin) * 2);height:100%}.tiles--small .tiles__line-img{--tile-margin:0;margin:0 var(--tile-margin);width:calc(12.5% - var(--tile-margin) * 2);height:100%}.tiles--rotated .tiles__line-img{--tile-margin:0;width:calc(16.6666% - var(--tile-margin) * 2);height:calc(var(--tileswrap-height) / 5 - (4 * var(--tile-margin) / 2))}.tiles--columns-rotated .tiles__line-img{--tile-margin:0;width:100%;height:400px}.tiles--columns .tiles__line-img{--tile-margin:0;width:100%;height:calc(25vw * 1.3)}.tiles--fixed .tiles__line-img{--tile-margin:0;-webkit-filter:brightness(.8);width:calc(16.6666% - var(--tile-margin) * 2);height:calc(var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2))}.tiles--darker .tiles__line-img{opacity:1}.tiles__title{position:absolute;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;font-size:10vw;padding:3rem;margin:0;line-height:.8;font-family:span,serif;font-weight:700;font-style:normal}.tiles__title--alt{font-size:9vw;font-size:clamp(2rem,9vw,7.25rem)}.tiles__title--intro{padding-top:10vh;align-items:flex-start;justify-content:flex-start}.tiles__title--right{justify-content:flex-end}.tiles__title--left{justify-content:flex-start}.tiles__title--full{height:100%}
/* ! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll
html.has-scroll-smooth {
overflow: hidden;
}
html.has-scroll-dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.has-scroll-smooth body {
overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
min-height: 100vh;
}
[data-scroll-direction='horizontal'] [data-scroll-container] {
height: 100vh;
display: inline-block;
white-space: nowrap;
}
[data-scroll-direction='horizontal'] [data-scroll-section] {
display: inline-block;
vertical-align: top;
white-space: nowrap;
height: 100%;
}
.c-scrollbar {
position: absolute;
right: 0;
top: 0;
width: 11px;
height: 100%;
transform-origin: center right;
transition: transform 0.3s, opacity 0.3s;
opacity: 0;
}
.c-scrollbar:hover {
transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
opacity: 1;
}
[data-scroll-direction='horizontal'] .c-scrollbar {
width: 100%;
height: 10px;
top: auto;
bottom: 0;
transform: scaleY(1);
}
[data-scroll-direction='horizontal'] .c-scrollbar:hover {
transform: scaleY(1.3);
}
.c-scrollbar_thumb {
position: absolute;
top: 0;
right: 0;
background-color: black;
opacity: 0.5;
width: 7px;
border-radius: 10px;
margin: 2px;
cursor: -webkit-grab;
cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
[data-scroll-direction='horizontal'] .c-scrollbar_thumb {
right: auto;
bottom: 0;
}
.has-scroll-smooth {
position: fixed;
inset: 0;
} */@media screen and (min-width:53em){.frame{display:grid;align-content:space-between;width:100%;grid-gap:5vw;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title title links demos"}.frame__title{margin:0;grid-area:title}.frame__demos{margin:0;grid-area:demos;justify-self:end}.frame__links{grid-area:links;padding:0;justify-self:end}.tiles{height:180vh}.tiles--columns-rotated .tiles__line{width:25vmax}.tiles--columns-rotated .tiles__line:nth-child(2n){margin-top:-20vmax}.tiles--columns-rotated .tiles__line-img{height:50vmax}.content--numbered:after{counter-increment:contentSection;content:counter(contentSection,decimal-leading-zero);position:absolute;top:50%;right:3rem;border:1px solid;color:var(--color-alt);width:4rem;height:4rem;margin-top:-2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.content__text{max-width:800px;width:50vw;min-width:calc(300px - 6rem)}.content__text--wide{max-width:1000px;width:65vw}.tiles--small{--tiles-height:240px}}.gradient-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.gradient-box{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:linear-gradient(133deg,#fff 25%,hsla(0,0%,100%,.6) 60%,hsla(0,0%,100%,.4) 70%,hsla(0,0%,100%,0) 90%,hsla(0,0%,100%,0))}.link{text-decoration:underline}.first\:mt-0:first-child{margin-top:0}.last\:mr-0:last-child{margin-right:0}.last-of-type\:pb-4:last-of-type{padding-bottom:1rem}.hover\:bg-orange:hover{--tw-bg-opacity:1;background-color:rgb(244 152 42/var(--tw-bg-opacity))}.hover\:bg-orangeLight:hover{--tw-bg-opacity:1;background-color:rgb(254 246 236/var(--tw-bg-opacity))}.disabled\:border-gray:disabled{--tw-border-opacity:1;border-color:rgb(128 128 128/var(--tw-border-opacity))}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}}@media (min-width:768px){.md\:top-\[20px\]{top:20px}.md\:top-\[27px\]{top:27px}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-7{grid-column-start:7}.md\:col-start-8{grid-column-start:8}.md\:my-40{margin-top:10rem;margin-bottom:10rem}.md\:my-16{margin-top:4rem;margin-bottom:4rem}.md\:my-32{margin-top:8rem;margin-bottom:8rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-8{margin-top:2rem;margin-bottom:2rem}.md\:my-12{margin-top:3rem;margin-bottom:3rem}.md\:mt-40{margin-top:10rem}.md\:mb-40{margin-bottom:10rem}.md\:mb-80{margin-bottom:20rem}.md\:mb-\[90px\]{margin-bottom:90px}.md\:mb-8{margin-bottom:2rem}.md\:mr-4{margin-right:1rem}.md\:-mt-\[100px\]{margin-top:-100px}.md\:mt-80{margin-top:20rem}.md\:ml-10{margin-left:2.5rem}.md\:ml-12{margin-left:3rem}.md\:ml-14{margin-left:3.5rem}.md\:mb-32{margin-bottom:8rem}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:hidden{display:none}.md\:h-\[60svh\]{height:60svh}.md\:h-\[24px\]{height:24px}.md\:h-\[30px\]{height:30px}.md\:h-\[42px\]{height:42px}.md\:min-h-\[600px\]{min-height:600px}.md\:w-\[24px\]{width:24px}.md\:w-\[30px\]{width:30px}.md\:w-\[42px\]{width:42px}.md\:min-w-\[100px\]{min-width:100px}.md\:max-w-\[348px\]{max-width:348px}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:space-y-48>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(12rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12rem * var(--tw-space-y-reverse))}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:pl-0{padding-left:0}.md\:pr-0{padding-right:0}.md\:pb-\[100px\]{padding-bottom:100px}.md\:pt-\[100px\]{padding-top:100px}.md\:pr-4{padding-right:1rem}.md\:pl-12{padding-left:3rem}.md\:pt-0{padding-top:0}.md\:pb-0{padding-bottom:0}.md\:pr-12{padding-right:3rem}.md\:text-80\/96{font-size:5rem;line-height:1.2}.md\:text-60\/73{font-size:3.75rem;line-height:1.2166666666666666}.md\:text-60\/60{font-size:3.75rem;line-height:1}.md\:text-47\/56{font-size:2.9375rem;line-height:1.1914893617021276}.md\:text-36\/43{font-size:2.25rem;line-height:1.1944444444444444}.md\:text-27\/32{font-size:1.6875rem;line-height:1.1851851851851851}.md\:text-21\/25{font-size:1.3125rem;line-height:1.1904761904761905}.md\:text-32\/42{font-size:2rem;line-height:1.3125}.md\:text-22\/30{font-size:1.375rem;line-height:1.3636363636363635}.md\:text-16\/22{font-size:1rem;line-height:1.375}.md\:text-20\/24{font-size:1.25rem;line-height:1.2}.md\:text-16\/19{font-size:1rem;line-height:1.1875}}@media (min-width:1024px){.lg\:-left-6{left:-1.5rem}.lg\:-top-3{top:-.75rem}.lg\:-bottom-6{bottom:-1.5rem}.lg\:-right-6{right:-1.5rem}.lg\:-top-4{top:-1rem}.lg\:bottom-12{bottom:3rem}.lg\:-top-6{top:-1.5rem}.lg\:-right-16{right:-4rem}.lg\:-bottom-8{bottom:-2rem}.lg\:-left-12{left:-3rem}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-6{grid-column-start:6}.lg\:mt-\[80px\]{margin-top:80px}.lg\:mb-\[180px\]{margin-bottom:180px}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:max-w-none{max-width:none}.lg\:space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.lg\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}}@media (min-width:1536px){.\32xl\:-mt-32{margin-top:-8rem}.\32xl\:mt-32{margin-top:8rem}.\32xl\:block{display:block}.\32xl\:hidden{display:none}}