*,:before,:after{--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
:before,:after{--tw-content: ""}
html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Haffer,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;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-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]:where(:not([hidden=until-found])){display:none}
.\!container{width:100%!important}
.container{width:100%}
@media (min-width: 520px){.\!container{max-width:520px!important}
.container{max-width:520px}
}
@media (min-width: 767px){.\!container{max-width:767px!important}
.container{max-width:767px}
}
@media (min-width: 821px){.\!container{max-width:821px!important}
.container{max-width:821px}
}
@media (min-width: 1040px){.\!container{max-width:1040px!important}
.container{max-width:1040px}
}
@media (min-width: 1280px){.\!container{max-width:1280px!important}
.container{max-width:1280px}
}
@media (min-width: 1440px){.\!container{max-width:1440px!important}
.container{max-width:1440px}
}
@media (min-width: 1800px){.\!container{max-width:1800px!important}
.container{max-width:1800px}
}
.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}
.visible{visibility:visible}
.invisible{visibility:hidden}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{top:0;right:0;bottom:0;left:0}
.bottom-0{bottom:0}
.bottom-1{bottom:clamp(.5rem,.17vw + .45rem,.63rem)}
.bottom-2{bottom:clamp(1rem,.33vw + .9rem,1.25rem)}
.bottom-3{bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.bottom-\[4\%\]{bottom:4%}
.left-0{left:0}
.left-1\/2{left:50%}
.left-2{left:clamp(1rem,.33vw + .9rem,1.25rem)}
.left-2\/4{left:50%}
.left-\[44\.2\%\]{left:44.2%}
.right-0{right:0}
.right-1{right:clamp(.5rem,.17vw + .45rem,.63rem)}
.right-2{right:clamp(1rem,.33vw + .9rem,1.25rem)}
.right-3{right:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.right-4{right:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.right-\[-6\%\]{right:-6%}
.right-\[7\%\]{right:7%}
.top-0{top:0}
.top-1\/2{top:50%}
.top-5{top:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.top-\[-10\%\]{top:-10%}
.top-\[-2px\]{top:-2px}
.top-\[-4\%\]{top:-4%}
.top-\[3\.7\%\]{top:3.7%}
.top-\[6\%\]{top:6%}
.top-\[8\%\]{top:8%}
.-z-10{z-index:-10}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-40{z-index:40}
.order-2{order:2}
.col-span-1{grid-column:span 1 / span 1}
.col-span-12{grid-column:span 12 / span 12}
.col-span-2{grid-column:span 2 / span 2}
.col-span-full{grid-column:1 / -1}
.col-start-1{grid-column-start:1}
.row-span-1{grid-row:span 1 / span 1}
.row-start-1{grid-row-start:1}
.row-start-10{grid-row-start:10}
.row-start-2{grid-row-start:2}
.row-start-5{grid-row-start:5}
.row-start-6{grid-row-start:6}
.row-start-9{grid-row-start:9}
.row-end-13{grid-row-end:13}
.row-end-5{grid-row-end:5}
.row-end-9{grid-row-end:9}
.float-left{float:left}
.mx-1{margin-left:clamp(.5rem,.17vw + .45rem,.63rem);margin-right:clamp(.5rem,.17vw + .45rem,.63rem)}
.mx-\[0\.5ch\]{margin-left:.5ch;margin-right:.5ch}
.mx-auto{margin-left:auto;margin-right:auto}
.my-1{margin-top:clamp(.5rem,.17vw + .45rem,.63rem);margin-bottom:clamp(.5rem,.17vw + .45rem,.63rem)}
.my-3\/4{margin-top:clamp(1.5rem,1.33vw + 1.1rem,2.5rem);margin-bottom:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.mb-1{margin-bottom:clamp(.5rem,.17vw + .45rem,.63rem)}
.mb-2{margin-bottom:clamp(1rem,.33vw + .9rem,1.25rem)}
.mb-3{margin-bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.mb-4{margin-bottom:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.mb-5{margin-bottom:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.mb-5\/6{margin-bottom:clamp(2.5rem,1.67vw + 2rem,3.75rem)}
.mb-8{margin-bottom:clamp(4rem,1.33vw + 3.6rem,5rem)}
.mb-\[4px\]{margin-bottom:4px}
.mb-\[54\%\]{margin-bottom:54%}
.ml-1{margin-left:clamp(.5rem,.17vw + .45rem,.63rem)}
.ml-\[-0\.12ch\]{margin-left:-.12ch}
.ml-\[120px\]{margin-left:120px}
.mr-8\/10{margin-right:clamp(4rem,11.33vw + .6rem,12.5rem)}
.mt-1{margin-top:clamp(.5rem,.17vw + .45rem,.63rem)}
.mt-3\/4{margin-top:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.mt-4{margin-top:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.mt-5{margin-top:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.mt-6{margin-top:clamp(3rem,1vw + 2.7rem,3.75rem)}
.mt-7{margin-top:clamp(3.5rem,1.17vw + 3.15rem,4.38rem)}
.mt-8{margin-top:clamp(4rem,1.33vw + 3.6rem,5rem)}
.mt-8\/10{margin-top:clamp(4rem,11.33vw + .6rem,12.5rem)}
.mt-\[-0\.1em\]{margin-top:-.1em}
.mt-\[-0\.24ch\]{margin-top:-.24ch}
.box-content{box-sizing:content-box}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.aspect-\[118\/41\]{aspect-ratio:118/41}
.aspect-\[120\/75\]{aspect-ratio:120/75}
.aspect-\[1800\/360\]{aspect-ratio:1800/360}
.aspect-\[1920\/690\]{aspect-ratio:1920/690}
.aspect-\[225\/256\]{aspect-ratio:225/256}
.aspect-\[24\/40\]{aspect-ratio:24/40}
.aspect-\[455\/574\]{aspect-ratio:455/574}
.aspect-\[5\/3\]{aspect-ratio:5/3}
.aspect-\[844\/400\]{aspect-ratio:844/400}
.aspect-\[9\/16\]{aspect-ratio:9/16}
.aspect-\[90\/60\]{aspect-ratio:90/60}
.aspect-\[910\/554\]{aspect-ratio:910/554}
.aspect-\[912\/570\]{aspect-ratio:912/570}
.aspect-square{aspect-ratio:1 / 1}
.aspect-video{aspect-ratio:16 / 9}
.size-3{width:clamp(1.5rem,.5vw + 1.35rem,1.88rem);height:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.size-full{width:100%;height:100%}
.h-2{height:clamp(1rem,.33vw + .9rem,1.25rem)}
.h-6{height:clamp(3rem,1vw + 2.7rem,3.75rem)}
.h-\[100\%\]{height:100%}
.h-\[110\%\]{height:110%}
.h-\[115\%\]{height:115%}
.h-\[115px\]{height:115px}
.h-\[130\%\]{height:130%}
.h-\[22px\]{height:22px}
.h-\[30px\]{height:30px}
.h-\[38px\]{height:38px}
.h-\[40px\]{height:40px}
.h-\[55px\]{height:55px}
.h-\[60px\]{height:60px}
.h-\[82px\]{height:82px}
.h-\[88\%\]{height:88%}
.h-\[92\%\]{height:92%}
.h-full{height:100%}
.max-h-\[18px\]{max-height:18px}
.max-h-\[98dvh\]{max-height:98dvh}
.min-h-\[155px\]{min-height:155px}
.min-h-\[4lh\]{min-height:4lh}
.min-h-\[75lvh\]{min-height:75lvh}
.w-2{width:clamp(1rem,.33vw + .9rem,1.25rem)}
.w-6{width:clamp(3rem,1vw + 2.7rem,3.75rem)}
.w-\[100\%\]{width:100%}
.w-\[100px\]{width:100px}
.w-\[130\%\]{width:130%}
.w-\[18\.8\%\]{width:18.8%}
.w-\[200\%\]{width:200%}
.w-\[22px\]{width:22px}
.w-\[300px\]{width:300px}
.w-\[30px\]{width:30px}
.w-\[40\%\]{width:40%}
.w-\[48\%\]{width:48%}
.w-\[4px\]{width:4px}
.w-\[54\%\]{width:54%}
.w-\[740px\]{width:740px}
.w-\[90px\]{width:90px}
.w-\[calc\(100\%\+1px\)\]{width:calc(100% + 1px)}
.w-fit{width:-moz-fit-content;width:fit-content}
.w-full{width:100%}
.min-w-11{min-width:clamp(12.5rem,5.83vw + 10.75rem,16.88rem)}
.min-w-\[78px\]{min-width:78px}
.max-w-\[10ch\]{max-width:10ch}
.max-w-\[1120px\]{max-width:1120px}
.max-w-\[1140px\]{max-width:1140px}
.max-w-\[11ch\]{max-width:11ch}
.max-w-\[1234px\]{max-width:1234px}
.max-w-\[1340px\]{max-width:1340px}
.max-w-\[1400px\]{max-width:1400px}
.max-w-\[14ch\]{max-width:14ch}
.max-w-\[1500px\]{max-width:1500px}
.max-w-\[1540px\]{max-width:1540px}
.max-w-\[18ch\]{max-width:18ch}
.max-w-\[1920\]{max-width:1920}
.max-w-\[1920px\]{max-width:1920px}
.max-w-\[200px\]{max-width:200px}
.max-w-\[240px\]{max-width:240px}
.max-w-\[254px\]{max-width:254px}
.max-w-\[260px\]{max-width:260px}
.max-w-\[280px\]{max-width:280px}
.max-w-\[288px\]{max-width:288px}
.max-w-\[300px\]{max-width:300px}
.max-w-\[400px\]{max-width:400px}
.max-w-\[422px\]{max-width:422px}
.max-w-\[440px\]{max-width:440px}
.max-w-\[455px\]{max-width:455px}
.max-w-\[520px\]{max-width:520px}
.max-w-\[540px\]{max-width:540px}
.max-w-\[565px\]{max-width:565px}
.max-w-\[840px\]{max-width:840px}
.max-w-\[90\%\]{max-width:90%}
.max-w-\[90px\]{max-width:90px}
.max-w-\[none\],.max-w-none{max-width:none}
.origin-bottom{transform-origin:bottom}
.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-\[-100\%\]{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-x-\[-50px\]{--tw-translate-x: -50px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-0{--tw-translate-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-\[\.97\]{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-\[1\.2\]{--tw-scale-x: 1.2;--tw-scale-y: 1.2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-x-\[-1\]{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-y-100{--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-y-50{--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.animate-audioBar1{animation:audioBar1Frames .5s infinite alternate linear}
.animate-audioBar2{animation:audioBar1Frames .7s infinite alternate linear}
@keyframes audioBar1Frames{0%{transform:scaleY(.8)}
to{transform:scaleY(.2)}
}
.animate-audioBar3{animation:audioBar1Frames .6s infinite alternate linear}
@keyframes spin{to{transform:rotate(360deg)}
}
.animate-spin{animation:spin 1s linear infinite}
.cursor-pointer{cursor:pointer}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.resize-none{resize:none}
.resize{resize:both}
.list-disc{list-style-type:disc}
.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}
.grid-cols-\[1fr\]{grid-template-columns:1fr}
.grid-cols-\[1fr_12px\]{grid-template-columns:1fr 12px}
.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}
.grid-rows-12{grid-template-rows:repeat(12,minmax(0,1fr))}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.place-content-center{place-content:center}
.place-items-center{place-items:center}
.content-center{align-content:center}
.content-start{align-content:flex-start}
.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}
.justify-around{justify-content:space-around}
.justify-items-start{justify-items:start}
.justify-items-end{justify-items:end}
.justify-items-center{justify-items:center}
.gap-1{gap:clamp(.5rem,.17vw + .45rem,.63rem)}
.gap-2{gap:clamp(1rem,.33vw + .9rem,1.25rem)}
.gap-2\/3{gap:clamp(1rem,1.17vw + .65rem,1.88rem)}
.gap-3{gap:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.gap-3\/4{gap:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.gap-3\/5{gap:clamp(1.5rem,2.17vw + .85rem,3.13rem)}
.gap-4{gap:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.gap-5{gap:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.gap-5\/6{gap:clamp(2.5rem,1.67vw + 2rem,3.75rem)}
.gap-6{gap:clamp(3rem,1vw + 2.7rem,3.75rem)}
.gap-7\/8{gap:clamp(3.5rem,2vw + 2.9rem,5rem)}
.gap-8{gap:clamp(4rem,1.33vw + 3.6rem,5rem)}
.gap-8\/10{gap:clamp(4rem,11.33vw + .6rem,12.5rem)}
.gap-\[4px\]{gap:4px}
.gap-\[8px\]{gap:8px}
.gap-x-1{-moz-column-gap:clamp(.5rem,.17vw + .45rem,.63rem);column-gap:clamp(.5rem,.17vw + .45rem,.63rem)}
.gap-x-2{-moz-column-gap:clamp(1rem,.33vw + .9rem,1.25rem);column-gap:clamp(1rem,.33vw + .9rem,1.25rem)}
.gap-x-3{-moz-column-gap:clamp(1.5rem,.5vw + 1.35rem,1.88rem);column-gap:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.gap-x-4{-moz-column-gap:clamp(2rem,.67vw + 1.8rem,2.5rem);column-gap:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.gap-x-5{-moz-column-gap:clamp(2.5rem,.83vw + 2.25rem,3.13rem);column-gap:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.gap-x-5\/6{-moz-column-gap:clamp(2.5rem,1.67vw + 2rem,3.75rem);column-gap:clamp(2.5rem,1.67vw + 2rem,3.75rem)}
.gap-x-7\/8{-moz-column-gap:clamp(3.5rem,2vw + 2.9rem,5rem);column-gap:clamp(3.5rem,2vw + 2.9rem,5rem)}
.gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}
.gap-y-3{row-gap:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.gap-y-3\/4{row-gap:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.gap-y-4{row-gap:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.gap-y-5{row-gap:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.gap-y-7\/8{row-gap:clamp(3.5rem,2vw + 2.9rem,5rem)}
.gap-y-8{row-gap:clamp(4rem,1.33vw + 3.6rem,5rem)}
.gap-y-8\/9{row-gap:clamp(4rem,8vw + 1.6rem,10rem)}
.gap-y-\[1px\]{row-gap:1px}
.gap-y-\[4px\]{row-gap:4px}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(clamp(1rem,.33vw + .9rem,1.25rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(clamp(1rem,.33vw + .9rem,1.25rem) * var(--tw-space-y-reverse))}
.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(clamp(2rem,.67vw + 1.8rem,2.5rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(clamp(2rem,.67vw + 1.8rem,2.5rem) * var(--tw-space-y-reverse))}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.justify-self-start{justify-self:start}
.justify-self-end{justify-self:end}
.justify-self-center{justify-self:center}
.overflow-hidden{overflow:hidden}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre{white-space:pre}
.whitespace-pre-wrap{white-space:pre-wrap}
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}
.rounded{border-radius:.25rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-t-2{border-top-width:2px}
.border-ink{--tw-border-opacity: 1;border-color:rgb(16 4 31 / var(--tw-border-opacity, 1))}
.border-transparent{border-color:transparent}
.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.bg-green{--tw-bg-opacity: 1;background-color:rgb(232 253 100 / var(--tw-bg-opacity, 1))}
.bg-ink{--tw-bg-opacity: 1;background-color:rgb(16 4 31 / var(--tw-bg-opacity, 1))}
.bg-pink{--tw-bg-opacity: 1;background-color:rgb(253 48 246 / var(--tw-bg-opacity, 1))}
.bg-tan{--tw-bg-opacity: 1;background-color:rgb(253 242 229 / var(--tw-bg-opacity, 1))}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.from-white{--tw-gradient-from: #FFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-white\/100{--tw-gradient-from: rgb(255 255 255 / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-30\%{--tw-gradient-from-position: 30%}
.from-90\%{--tw-gradient-from-position: 90%}
.to-white\/0{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position)}
.to-100\%{--tw-gradient-to-position: 100%}
.bg-\[size\:100\%\]{background-size:100%}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.fill-green{fill:#e8fd64}
.object-contain{-o-object-fit:contain;object-fit:contain}
.object-cover{-o-object-fit:cover;object-fit:cover}
.object-center{-o-object-position:center;object-position:center}
.object-left-top{-o-object-position:left top;object-position:left top}
.p-1{padding:clamp(.5rem,.17vw + .45rem,.63rem)}
.p-1\/2{padding:clamp(.5rem,1vw + .2rem,1.25rem)}
.p-2{padding:clamp(1rem,.33vw + .9rem,1.25rem)}
.p-3\/4{padding:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.p-4{padding:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.p-5{padding:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.px-0{padding-left:0;padding-right:0}
.px-2{padding-left:clamp(1rem,.33vw + .9rem,1.25rem);padding-right:clamp(1rem,.33vw + .9rem,1.25rem)}
.px-3{padding-left:clamp(1.5rem,.5vw + 1.35rem,1.88rem);padding-right:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.px-3\/5{padding-left:clamp(1.5rem,2.17vw + .85rem,3.13rem);padding-right:clamp(1.5rem,2.17vw + .85rem,3.13rem)}
.px-\[5px\]{padding-left:5px;padding-right:5px}
.px-\[6px\]{padding-left:6px;padding-right:6px}
.py-1{padding-top:clamp(.5rem,.17vw + .45rem,.63rem);padding-bottom:clamp(.5rem,.17vw + .45rem,.63rem)}
.py-2\/3{padding-top:clamp(1rem,1.17vw + .65rem,1.88rem);padding-bottom:clamp(1rem,1.17vw + .65rem,1.88rem)}
.py-3{padding-top:clamp(1.5rem,.5vw + 1.35rem,1.88rem);padding-bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.py-4{padding-top:clamp(2rem,.67vw + 1.8rem,2.5rem);padding-bottom:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.py-5{padding-top:clamp(2.5rem,.83vw + 2.25rem,3.13rem);padding-bottom:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.py-7\/8{padding-top:clamp(3.5rem,2vw + 2.9rem,5rem);padding-bottom:clamp(3.5rem,2vw + 2.9rem,5rem)}
.py-8{padding-top:clamp(4rem,1.33vw + 3.6rem,5rem);padding-bottom:clamp(4rem,1.33vw + 3.6rem,5rem)}
.py-8\/10{padding-top:clamp(4rem,11.33vw + .6rem,12.5rem);padding-bottom:clamp(4rem,11.33vw + .6rem,12.5rem)}
.py-8\/11{padding-top:clamp(4rem,17.17vw + -1.15rem,16.88rem);padding-bottom:clamp(4rem,17.17vw + -1.15rem,16.88rem)}
.py-9\/10{padding-top:clamp(8rem,6vw + 6.2rem,12.5rem);padding-bottom:clamp(8rem,6vw + 6.2rem,12.5rem)}
.py-\[16px\]{padding-top:16px;padding-bottom:16px}
.py-\[4px\]{padding-top:4px;padding-bottom:4px}
.pb-2{padding-bottom:clamp(1rem,.33vw + .9rem,1.25rem)}
.pb-3{padding-bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.pb-4\/5{padding-bottom:clamp(2rem,1.5vw + 1.55rem,3.13rem)}
.pb-5{padding-bottom:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.pb-8{padding-bottom:clamp(4rem,1.33vw + 3.6rem,5rem)}
.pb-8\/10{padding-bottom:clamp(4rem,11.33vw + .6rem,12.5rem)}
.pl-2{padding-left:clamp(1rem,.33vw + .9rem,1.25rem)}
.pl-3\/5{padding-left:clamp(1.5rem,2.17vw + .85rem,3.13rem)}
.pl-\[50px\]{padding-left:50px}
.pr-3{padding-right:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.pt-1{padding-top:clamp(.5rem,.17vw + .45rem,.63rem)}
.pt-2{padding-top:clamp(1rem,.33vw + .9rem,1.25rem)}
.pt-3{padding-top:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.pt-4\/5{padding-top:clamp(2rem,1.5vw + 1.55rem,3.13rem)}
.pt-7\/8{padding-top:clamp(3.5rem,2vw + 2.9rem,5rem)}
.pt-8\/10{padding-top:clamp(4rem,11.33vw + .6rem,12.5rem)}
.pt-\[\.1em\]{padding-top:.1em}
.pt-\[90px\]{padding-top:90px}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.font-sans{font-family:Haffer,sans-serif}
.text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.text-5xl{font-size:clamp(3.75rem,11.67vw + .25rem,12.5rem);line-height:1.1;letter-spacing:-.01em}
.text-\[0\.75rem\]{font-size:.75rem}
.text-\[1\.125rem\]{font-size:1.125rem}
.text-\[clamp\(100px\,42vw\,755px\)\]{font-size:clamp(100px,42vw,755px)}
.text-\[clamp\(100px\,50vw\,900px\)\]{font-size:clamp(100px,50vw,900px)}
.text-\[clamp\(100px\,var\(--fluid-size\)\,608px\)\]{font-size:clamp(100px,var(--fluid-size),608px)}
.text-\[length\:var\(--sm-stat-size\)\]{font-size:var(--sm-stat-size)}
.text-\[min\(15vw\,272px\)\]{font-size:min(15vw,272px)}
.text-base{font-size:1rem;line-height:1.3}
.text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.text-sm{font-size:.875rem;line-height:1.1}
.text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.text-xs{font-size:.75rem;line-height:1}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}
.leading-8{line-height:2rem}
.leading-none{line-height:1}
.tracking-\[-0\.02em\]{letter-spacing:-.02em}
.tracking-normal{letter-spacing:0em}
.text-gray{--tw-text-opacity: 1;color:rgb(117 117 117 / var(--tw-text-opacity, 1))}
.text-ink{--tw-text-opacity: 1;color:rgb(16 4 31 / var(--tw-text-opacity, 1))}
.text-pink{--tw-text-opacity: 1;color:rgb(253 48 246 / var(--tw-text-opacity, 1))}
.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.text-transparent{color:transparent}
.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.underline{text-decoration-line:underline}
.opacity-0{opacity:0}
.opacity-60{opacity:.6}
.mix-blend-screen{mix-blend-mode:screen}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.outline-2{outline-width:2px}
.outline-offset-\[2px\]{outline-offset:2px}
.outline-pink{outline-color:#fd30f6}
.invert{--tw-invert: invert(100%);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)}
.filter{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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-200{transition-duration:.2s}
.duration-300{transition-duration:.3s}
.duration-500{transition-duration:.5s}
.\[--fluid-size\:31vw\]{--fluid-size: 31vw}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p:empty{display:none}
:is(input,textarea,select):-webkit-autofill,:is(input,textarea,select):-webkit-autofill:hover,:is(input,textarea,select):-webkit-autofill:focus{-webkit-text-fill-color:var(--colors-ink);-webkit-box-shadow:0 0 0px 1000px #fff inset}
button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}
button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 0px}
.using-keyboard button:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(16 4 31 / var(--tw-ring-opacity, 1))}
@media (max-width: 980px) and (orientation: landscape){.home-hero-sizzle-container{z-index:30;position:fixed;bottom:0}
}
@media (max-width: 980px) and (orientation: landscape){.home-hero-sizzle-controls{bottom:unset;top:16px}
}
::view-transition-old(root),::view-transition-new(root){animation:none}
@media (max-width: 767px){::view-transition{display:none}
}
@media (min-width: 768px){::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) both zoom-fade-out}
::view-transition-new(root){animation:.6s cubic-bezier(.4,0,.2,1) 20ms both zoom-fade-in}
}
@keyframes zoom-fade-in{0%{opacity:0;transform:scale(.97)}
to{opacity:1;transform:scale(1)}
}
@keyframes zoom-fade-out{0%{opacity:1}
to{opacity:0}
}
.before\:absolute:before{content:var(--tw-content);position:absolute}
.before\:right-0:before{content:var(--tw-content);right:0}
.before\:z-\[-1\]:before{content:var(--tw-content);z-index:-1}
.before\:h-\[calc\(50\%\+4px\)\]:before{content:var(--tw-content);height:calc(50% + 4px)}
.before\:w-\[calc\(50\%\+4px\)\]:before{content:var(--tw-content);width:calc(50% + 4px)}
.before\:bg-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.after\:absolute:after{content:var(--tw-content);position:absolute}
.after\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}
.after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}
.after\:bottom-0:after{content:var(--tw-content);bottom:0}
.after\:bottom-\[-1px\]:after{content:var(--tw-content);bottom:-1px}
.after\:left-0:after{content:var(--tw-content);left:0}
.after\:-z-10:after{content:var(--tw-content);z-index:-10}
.after\:z-\[-1\]:after{content:var(--tw-content);z-index:-1}
.after\:z-\[2\]:after{content:var(--tw-content);z-index:2}
.after\:block:after{content:var(--tw-content);display:block}
.after\:h-1\/2:after{content:var(--tw-content);height:50%}
.after\:h-\[300\%\]:after{content:var(--tw-content);height:300%}
.after\:h-\[3px\]:after{content:var(--tw-content);height:3px}
.after\:h-\[calc\(50\%\+4px\)\]:after{content:var(--tw-content);height:calc(50% + 4px)}
.after\:w-\[calc\(50\%\+4px\)\]:after{content:var(--tw-content);width:calc(50% + 4px)}
.after\:w-full:after{content:var(--tw-content);width:100%}
.after\:bg-pink:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(253 48 246 / var(--tw-bg-opacity, 1))}
.after\:bg-tan:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(253 242 229 / var(--tw-bg-opacity, 1))}
.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.after\:opacity-0:after{content:var(--tw-content);opacity:0}
.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.after\:duration-200:after{content:var(--tw-content);transition-duration:.2s}
.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}
.last\:pb-0:last-child{padding-bottom:0}
.first-of-type\:pb-8:first-of-type{padding-bottom:clamp(4rem,1.33vw + 3.6rem,5rem)}
.first-of-type\:pt-0:first-of-type{padding-top:0}
.last-of-type\:pb-0:last-of-type{padding-bottom:0}
.last-of-type\:pt-8:last-of-type{padding-top:clamp(4rem,1.33vw + 3.6rem,5rem)}
.focus-within\:after\:opacity-100:focus-within:after{content:var(--tw-content);opacity:1}
.hover\:border-ink:hover{--tw-border-opacity: 1;border-color:rgb(16 4 31 / var(--tw-border-opacity, 1))}
.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.hover\:bg-ink:hover{--tw-bg-opacity: 1;background-color:rgb(16 4 31 / var(--tw-bg-opacity, 1))}
.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.hover\:fill-ink:hover{fill:#10041f}
.hover\:text-ink:hover{--tw-text-opacity: 1;color:rgb(16 4 31 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:underline:hover{text-decoration-line:underline}
.focus\:pointer-events-auto:focus{pointer-events:auto}
.focus\:translate-y-3:focus{--tw-translate-y: clamp(1.5rem, .5vw + 1.35rem, 1.88rem);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.focus\:opacity-100:focus{opacity:1}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:outline:focus{outline-style:solid}
.focus\:outline-pink:focus{outline-color:#fd30f6}
.focus-visible\:border-pink:focus-visible{--tw-border-opacity: 1;border-color:rgb(253 48 246 / var(--tw-border-opacity, 1))}
.group:hover .group-hover\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.group:focus-visible .group-focus-visible\:text-pink{--tw-text-opacity: 1;color:rgb(253 48 246 / var(--tw-text-opacity, 1))}
.group:not(:last-child) .group-\[\&\:not\(\:last-child\)\]\:border-b{border-bottom-width:1px}
.aria-current\:border-ink[aria-current=page]{--tw-border-opacity: 1;border-color:rgb(16 4 31 / var(--tw-border-opacity, 1))}
.aria-current\:bg-green[aria-current=page]{--tw-bg-opacity: 1;background-color:rgb(232 253 100 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:scale-100[data-state=active]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes menuClose{0%{transform:translate(0)}
to{transform:translate(-100%)}
}
.data-\[state\=closed\]\:animate-menuClose[data-state=closed]{animation:menuClose .4s ease-in}
@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}
to{height:0px}
}
.data-\[state\=closed\]\:animate-slideUp[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}
@keyframes menuOpen{0%{transform:translate(-100%)}
to{transform:translate(0)}
}
.data-\[state\=open\]\:animate-menuOpen[data-state=open]{animation:menuOpen .4s ease-out}
@keyframes slideDown{0%{height:0px}
to{height:var(--radix-accordion-content-height)}
}
.data-\[state\=open\]\:animate-slideDown[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}
.data-\[invalid\]\:border-red-500[data-invalid]{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}
.data-\[state\=active\]\:bg-green[data-state=active]{--tw-bg-opacity: 1;background-color:rgb(232 253 100 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:opacity-100[data-state=active]{opacity:1}
.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@media not all and (min-width: 1280px){.max-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
}
@media not all and (min-width: 1040px){.max-md\:top-2{top:clamp(1rem,.33vw + .9rem,1.25rem)}
.max-md\:mt-3{margin-top:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.max-md\:hidden{display:none}
.max-md\:max-w-\[200px\]{max-width:200px}
.max-md\:max-w-\[400px\]{max-width:400px}
.max-md\:justify-between{justify-content:space-between}
.max-md\:px-\[8px\]{padding-left:8px;padding-right:8px}
.max-md\:before\:content-none:before{--tw-content: none;content:var(--tw-content)}
.max-md\:after\:content-none:after{--tw-content: none;content:var(--tw-content)}
}
@media not all and (min-width: 821px){.max-sm\:flex-col{flex-direction:column}
.max-sm\:text-center{text-align:center}
}
@media not all and (min-width: 767px){.max-xs\:col-start-1{grid-column-start:1}
.max-xs\:hidden{display:none}
.max-xs\:w-\[64px\]{width:64px}
.max-xs\:justify-center{justify-content:center}
.max-xs\:pt-8\/10{padding-top:clamp(4rem,11.33vw + .6rem,12.5rem)}
}
@media not all and (min-width: 520px){.max-2xs\:mb-4{margin-bottom:clamp(2rem,.67vw + 1.8rem,2.5rem)}
}
@media (min-width: 520px){.\32xs\:mb-6{margin-bottom:clamp(3rem,1vw + 2.7rem,3.75rem)}
.\32xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.\32xs\:grid-cols-\[1\.5fr_2fr\]{grid-template-columns:1.5fr 2fr}
.\32xs\:gap-2{gap:clamp(1rem,.33vw + .9rem,1.25rem)}
.\32xs\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.\32xs\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.\32xs\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.\32xs\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.\32xs\:text-base{font-size:1rem;line-height:1.3}
.\32xs\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.\32xs\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.\32xs\:text-sm{font-size:.875rem;line-height:1.1}
.\32xs\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.\32xs\:font-medium{font-weight:500}
.\32xs\:font-normal{font-weight:400}
}
@media (min-width: 767px){.xs\:top-\[5\%\]{top:5%}
.xs\:col-span-6{grid-column:span 6 / span 6}
.xs\:col-start-2{grid-column-start:2}
.xs\:col-start-3{grid-column-start:3}
.xs\:col-start-4{grid-column-start:4}
.xs\:row-span-1{grid-row:span 1 / span 1}
.xs\:row-span-2{grid-row:span 2 / span 2}
.xs\:row-span-4{grid-row:span 4 / span 4}
.xs\:row-start-1{grid-row-start:1}
.xs\:row-start-2{grid-row-start:2}
.xs\:row-start-3{grid-row-start:3}
.xs\:mx-3\/5{margin-left:clamp(1.5rem,2.17vw + .85rem,3.13rem);margin-right:clamp(1.5rem,2.17vw + .85rem,3.13rem)}
.xs\:mb-\[-0\.15ch\]{margin-bottom:-.15ch}
.xs\:hidden{display:none}
.xs\:max-h-\[28px\]{max-height:28px}
.xs\:w-\[35\%\]{width:35%}
.xs\:max-w-\[100px\]{max-width:100px}
.xs\:max-w-\[300px\]{max-width:300px}
.xs\:max-w-\[320px\]{max-width:320px}
.xs\:max-w-\[628px\]{max-width:628px}
.xs\:columns-2{-moz-columns:2;columns:2}
.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.xs\:grid-cols-\[1fr_1\.6fr\]{grid-template-columns:1fr 1.6fr}
.xs\:grid-cols-\[1fr_1fr_1fr\]{grid-template-columns:1fr 1fr 1fr}
.xs\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.xs\:py-8\/10{padding-top:clamp(4rem,11.33vw + .6rem,12.5rem);padding-bottom:clamp(4rem,11.33vw + .6rem,12.5rem)}
.xs\:pt-8{padding-top:clamp(4rem,1.33vw + 3.6rem,5rem)}
.xs\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.xs\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.xs\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.xs\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.xs\:text-base{font-size:1rem;line-height:1.3}
.xs\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.xs\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.xs\:text-sm{font-size:.875rem;line-height:1.1}
.xs\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.xs\:font-medium{font-weight:500}
.xs\:font-normal{font-weight:400}
@media not all and (min-width: 1280px){.xs\:max-lg\:col-span-2{grid-column:span 2 / span 2}
}
}
@media (min-width: 821px){.sm\:bottom-3{bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.sm\:bottom-\[12\%\]{bottom:12%}
.sm\:left-1\/2{left:50%}
.sm\:right-3{right:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.sm\:top-0{top:0}
.sm\:col-start-1{grid-column-start:1}
.sm\:col-start-2{grid-column-start:2}
.sm\:row-\[1_\/_span_1\]{grid-row:1 / span 1}
.sm\:row-span-1{grid-row:span 1 / span 1}
.sm\:row-span-full{grid-row:1 / -1}
.sm\:row-start-1{grid-row-start:1}
.sm\:row-start-3{grid-row-start:3}
.sm\:mb-8\/9{margin-bottom:clamp(4rem,8vw + 1.6rem,10rem)}
.sm\:mt-2\/3{margin-top:clamp(1rem,1.17vw + .65rem,1.88rem)}
.sm\:grid{display:grid}
.sm\:aspect-\[90\/42\]{aspect-ratio:90/42}
.sm\:aspect-auto{aspect-ratio:auto}
.sm\:h-\[82\%\]{height:82%}
.sm\:h-full{height:100%}
.sm\:w-\[33\%\]{width:33%}
.sm\:w-\[65\%\]{width:65%}
.sm\:w-\[6px\]{width:6px}
.sm\:max-w-\[11ch\]{max-width:11ch}
.sm\:max-w-\[60ch\]{max-width:60ch}
.sm\:translate-x-\[-25\%\]{--tw-translate-x: -25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.sm\:translate-y-4{--tw-translate-y: clamp(2rem, .67vw + 1.8rem, 2.5rem);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}
.sm\:grid-cols-\[3\.6fr_2fr\]{grid-template-columns:3.6fr 2fr}
.sm\:grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.sm\:items-start{align-items:flex-start}
.sm\:justify-items-end{justify-items:end}
.sm\:gap-5{gap:clamp(2.5rem,.83vw + 2.25rem,3.13rem)}
.sm\:gap-7{gap:clamp(3.5rem,1.17vw + 3.15rem,4.38rem)}
.sm\:p-2{padding:clamp(1rem,.33vw + .9rem,1.25rem)}
.sm\:px-4{padding-left:clamp(2rem,.67vw + 1.8rem,2.5rem);padding-right:clamp(2rem,.67vw + 1.8rem,2.5rem)}
.sm\:py-3{padding-top:clamp(1.5rem,.5vw + 1.35rem,1.88rem);padding-bottom:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.sm\:py-8\/10{padding-top:clamp(4rem,11.33vw + .6rem,12.5rem);padding-bottom:clamp(4rem,11.33vw + .6rem,12.5rem)}
.sm\:pb-7{padding-bottom:clamp(3.5rem,1.17vw + 3.15rem,4.38rem)}
.sm\:pt-0{padding-top:0}
.sm\:pt-7{padding-top:clamp(3.5rem,1.17vw + 3.15rem,4.38rem)}
.sm\:pt-8{padding-top:clamp(4rem,1.33vw + 3.6rem,5rem)}
.sm\:pt-9{padding-top:clamp(8rem,2.67vw + 7.2rem,10rem)}
.sm\:pt-9\/10{padding-top:clamp(8rem,6vw + 6.2rem,12.5rem)}
.sm\:text-right{text-align:right}
.sm\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.sm\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.sm\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.sm\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.sm\:text-base{font-size:1rem;line-height:1.3}
.sm\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.sm\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.sm\:text-sm{font-size:.875rem;line-height:1.1}
.sm\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.sm\:font-medium{font-weight:500}
.sm\:font-normal{font-weight:400}
.sm\:\[--fluid-size\:32\.5vw\]{--fluid-size: 32.5vw}
}
@media (min-width: 1040px){.md\:bottom-2{bottom:clamp(1rem,.33vw + .9rem,1.25rem)}
.md\:top-\[15\%\]{top:15%}
.md\:col-span-1{grid-column:span 1 / span 1}
.md\:col-span-2{grid-column:span 2 / span 2}
.md\:col-span-3{grid-column:span 3 / span 3}
.md\:col-span-4{grid-column:span 4 / span 4}
.md\:col-span-6{grid-column:span 6 / span 6}
.md\:col-span-8{grid-column:span 8 / span 8}
.md\:col-start-1{grid-column-start:1}
.md\:col-start-2{grid-column-start:2}
.md\:col-start-3{grid-column-start:3}
.md\:col-start-4{grid-column-start:4}
.md\:row-span-1{grid-row:span 1 / span 1}
.md\:row-span-2{grid-row:span 2 / span 2}
.md\:row-start-1{grid-row-start:1}
.md\:row-start-2{grid-row-start:2}
.md\:row-start-3{grid-row-start:3}
.md\:row-start-4{grid-row-start:4}
.md\:mt-2\/3{margin-top:clamp(1rem,1.17vw + .65rem,1.88rem)}
.md\:grid{display:grid}
.md\:hidden{display:none}
.md\:aspect-\[420\/570\]{aspect-ratio:420/570}
.md\:h-\[141px\]{height:141px}
.md\:h-\[48px\]{height:48px}
.md\:h-\[72px\]{height:72px}
.md\:h-\[84\%\]{height:84%}
.md\:min-h-\[85lvh\]{min-height:85lvh}
.md\:w-\[10px\]{width:10px}
.md\:w-\[118px\]{width:118px}
.md\:w-\[48px\]{width:48px}
.md\:w-\[71\%\]{width:71%}
.md\:w-\[75\%\]{width:75%}
.md\:w-\[83\%\]{width:83%}
.md\:max-w-\[16ch\]{max-width:16ch}
.md\:max-w-\[45ch\]{max-width:45ch}
.md\:translate-y-8{--tw-translate-y: clamp(4rem, 1.33vw + 3.6rem, 5rem);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.md\:grid-cols-\[\.75fr_1fr_1fr\]{grid-template-columns:.75fr 1fr 1fr}
.md\:grid-cols-\[118px_1fr_118px\]{grid-template-columns:118px 1fr 118px}
.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}
.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}
.md\:grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}
.md\:grid-cols-\[3fr_3fr_3fr_1fr\]{grid-template-columns:3fr 3fr 3fr 1fr}
.md\:grid-rows-\[repeat\(5\,auto\)\]{grid-template-rows:repeat(5,auto)}
.md\:flex-col{flex-direction:column}
.md\:items-center{align-items:center}
.md\:justify-end{justify-content:flex-end}
.md\:justify-items-end{justify-items:end}
.md\:gap-3{gap:clamp(1.5rem,.5vw + 1.35rem,1.88rem)}
.md\:gap-4\/5{gap:clamp(2rem,1.5vw + 1.55rem,3.13rem)}
.md\:gap-5\/6{gap:clamp(2.5rem,1.67vw + 2rem,3.75rem)}
.md\:gap-y-2{row-gap:clamp(1rem,.33vw + .9rem,1.25rem)}
.md\:gap-y-8\/10{row-gap:clamp(4rem,11.33vw + .6rem,12.5rem)}
.md\:gap-y-9\/10{row-gap:clamp(8rem,6vw + 6.2rem,12.5rem)}
.md\:py-4\/5{padding-top:clamp(2rem,1.5vw + 1.55rem,3.13rem);padding-bottom:clamp(2rem,1.5vw + 1.55rem,3.13rem)}
.md\:pt-7\/8{padding-top:clamp(3.5rem,2vw + 2.9rem,5rem)}
.md\:text-right{text-align:right}
.md\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.md\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.md\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.md\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.md\:text-base{font-size:1rem;line-height:1.3}
.md\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.md\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.md\:text-sm{font-size:.875rem;line-height:1.1}
.md\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.md\:font-medium{font-weight:500}
.md\:font-normal{font-weight:400}
}
@media (min-width: 1280px){.lg\:max-w-\[235px\]{max-width:235px}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-\[1fr_1\.3fr\]{grid-template-columns:1fr 1.3fr}
.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}
.lg\:gap-10{gap:clamp(10rem,3.33vw + 9rem,12.5rem)}
.lg\:gap-3\/4{gap:clamp(1.5rem,1.33vw + 1.1rem,2.5rem)}
.lg\:gap-4\/5{gap:clamp(2rem,1.5vw + 1.55rem,3.13rem)}
.lg\:gap-6\/7{gap:clamp(3rem,1.83vw + 2.45rem,4.38rem)}
.lg\:gap-8{gap:clamp(4rem,1.33vw + 3.6rem,5rem)}
.lg\:space-y-7\/8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(clamp(3.5rem,2vw + 2.9rem,5rem) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(clamp(3.5rem,2vw + 2.9rem,5rem) * var(--tw-space-y-reverse))}
.lg\:justify-self-end{justify-self:end}
.lg\:pr-10{padding-right:clamp(10rem,3.33vw + 9rem,12.5rem)}
.lg\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.lg\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.lg\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.lg\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.lg\:text-base{font-size:1rem;line-height:1.3}
.lg\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.lg\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.lg\:text-sm{font-size:.875rem;line-height:1.1}
.lg\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.lg\:font-medium{font-weight:500}
.lg\:font-normal{font-weight:400}
@media not all and (min-width: 1800px){.lg\:max-2xl\:grid-cols-\[0\.5fr_1fr_1fr\]{grid-template-columns:.5fr 1fr 1fr}
}
}
@media (min-width: 1440px){.xl\:mb-\[140px\]{margin-bottom:140px}
.xl\:max-w-\[15ch\]{max-width:15ch}
.xl\:gap-7{gap:clamp(3.5rem,1.17vw + 3.15rem,4.38rem)}
.xl\:gap-7\/8{gap:clamp(3.5rem,2vw + 2.9rem,5rem)}
.xl\:gap-\[100px\]{gap:100px}
.xl\:gap-x-\[120px\]{-moz-column-gap:120px;column-gap:120px}
.xl\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.xl\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.xl\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.xl\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.xl\:text-base{font-size:1rem;line-height:1.3}
.xl\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.xl\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.xl\:text-sm{font-size:.875rem;line-height:1.1}
.xl\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.xl\:font-medium{font-weight:500}
.xl\:font-normal{font-weight:400}
}
@media (min-width: 1800px){.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.\32xl\:justify-self-end{justify-self:end}
.\32xl\:text-2md\/\[1\.5\]{font-size:clamp(1rem,.33vw + .9rem,1.25rem);line-height:1.5}
.\32xl\:text-2xl{font-size:clamp(1.88rem,.83vw + 1.63rem,2.5rem);line-height:1.1;letter-spacing:-.01em}
.\32xl\:text-3xl{font-size:clamp(1.63rem,2vw + 1.03rem,3.13rem);line-height:1.1;letter-spacing:-.01em}
.\32xl\:text-4xl{font-size:clamp(2.63rem,4.83vw + 1.18rem,6.25rem);line-height:1;letter-spacing:-.01em}
.\32xl\:text-base{font-size:1rem;line-height:1.3}
.\32xl\:text-lg{font-size:clamp(1.25rem,.5vw + 1.1rem,1.63rem);line-height:1.1;letter-spacing:-.01em}
.\32xl\:text-md{font-size:clamp(1rem,.17vw + .95rem,1.13rem)}
.\32xl\:text-sm{font-size:.875rem;line-height:1.1}
.\32xl\:text-xl{font-size:clamp(1.5rem,.5vw + 1.35rem,1.88rem);line-height:1.1;letter-spacing:-.01em}
.\32xl\:font-medium{font-weight:500}
.\32xl\:font-normal{font-weight:400}
.\32xl\:\[--fluid-size\:33\.8vw\]{--fluid-size: 33.8vw}
}
@media not all and (min-width: 1040px){.max-md\:\[\&\&\]\:hidden.max-md\:\[\&\&\]\:hidden{display:none}
}
.\[\&\+\&\]\:mt-\[1\.5em\]+.\[\&\+\&\]\:mt-\[1\.5em\]{margin-top:1.5em}
.\[\&\+\&\]\:mt-\[1em\]+.\[\&\+\&\]\:mt-\[1em\]{margin-top:1em}
.bg-green+.\[\.bg-green_\+_\&\]\:pt-0{padding-top:0}
.bg-tan+.\[\.bg-tan_\+_\&\]\:pt-0{padding-top:0}
.bg-white+.\[\.bg-white_\+_\&\]\:pt-0{padding-top:0}
:is(h1,h2)+.\[\:is\(h1\,h2\)\+\&\]\:mt-2{margin-top:clamp(1rem,.33vw + .9rem,1.25rem)}
:is(h1,h2)+.\[\:is\(h1\,h2\)\+\&\]\:mt-6{margin-top:clamp(3rem,1vw + 2.7rem,3.75rem)}
:is(h3,h4,h5,h6)+.\[\:is\(h3\,h4\,h5\,h6\)\+\&\]\:mt-4{margin-top:clamp(2rem,.67vw + 1.8rem,2.5rem)}
@media (hover:hover){.\[\@media\(hover\:hover\)\]\:hidden{display:none}
.\[\@media\(hover\:hover\)\]\:bg-green{--tw-bg-opacity: 1;background-color:rgb(232 253 100 / var(--tw-bg-opacity, 1))}
}


/* Localized zzd show overrides. */

@font-face {
  font-family: "Haffer";
  font-weight: 400;
  font-display: swap;
  src: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_font_regular_4150ce30.woff2") format("woff2");
}

@font-face {
  font-family: "Haffer";
  font-weight: 500;
  font-display: swap;
  src: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_font_medium_301d13ea.woff2") format("woff2");
}

html,
body {
  margin: 0;
  min-height: 100%;
  overscroll-behavior: none;
  background: #fff;
}

body.replica-atelier {
  font-family: "Haffer", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body.replica-atelier a[href="#"] {
  cursor: default;
}

body.replica-atelier header {
  transition: transform 0.3s ease;
  will-change: transform;
}

body.replica-atelier.local-header-hidden header {
  transform: translateY(-105%);
}

.local-logo {
  align-items: center;
  aspect-ratio: 118 / 41;
  color: #110522;
  display: inline-flex;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.08em;
  line-height: 1;
  text-decoration: none;
  width: 118px;
}

.local-client-logo {
  color: #120520;
  display: inline-block;
  font-size: clamp(1rem, 1.65vw, 1.6rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1;
  white-space: nowrap;
}

.local-mask-word {
  background-image: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_hero_bg_e535388e.png");
  background-position: center;
  background-size: cover;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 0.78;
  position: relative;
  text-align: center;
  user-select: none;
  z-index: 20;
}

.hero-mask-word {
  font-size: clamp(8rem, 25vw, 23rem);
  margin: -0.03em 0 -0.1em;
  padding-right: 0.04em;
}

[class*="after:bg-gradient-to-t"]::after {
  animation: localHeroTextReveal 1.2s cubic-bezier(.2,.15,.28,1) forwards;
  content: "" !important;
  display: block !important;
  pointer-events: none;
  transform: translateY(0);
}

h1[class*="after:bg-gradient-to-t"]::after {
  animation-delay: 100ms;
}

div[class*="after:bg-gradient-to-t"]::after {
  animation-delay: 150ms;
}

.mix-blend-screen > .absolute.w-full.h-\[130\%\] {
  animation: localHeroImageReveal 600ms cubic-bezier(0,.09,.5,1) 400ms forwards;
  transform: translateY(0);
}

@keyframes localHeroTextReveal {
  to { transform: translateY(100%); }
}

@keyframes localHeroImageReveal {
  to { transform: translateY(100%); }
}

.local-eye-stage {
  inset: 0;
  position: absolute;
  z-index: 30;
}

.local-eye-stage canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.local-eye-stage--hero {
  pointer-events: auto;
}

.local-eye-fallback {
  --px: 0;
  --py: 0;
  display: grid;
  inset: 0;
  place-items: center;
  pointer-events: none;
  position: absolute;
  perspective: 900px;
}

.local-eye-fallback__orb {
  animation: localEyeFloat 4.8s ease-in-out infinite;
  aspect-ratio: 1;
  background:
    radial-gradient(ellipse at 33% 16%, rgba(255,255,255,.98) 0 4%, transparent 9%),
    radial-gradient(ellipse at 22% 42%, rgba(255,255,255,.9) 0 2%, transparent 7%),
    radial-gradient(circle at center, #fd64f7 0 48%, #10041f 48.5% 49.4%, #e7e6e1 50% 75%, #ffffff 82%, #c7c4bc 100%);
  border-radius: 999px;
  box-shadow:
    inset 18px 12px 26px rgba(255,255,255,.75),
    inset -34px -26px 45px rgba(70,66,58,.36),
    0 28px 50px rgba(16,4,31,.2);
  max-width: 610px;
  position: relative;
  transform: translate3d(calc(var(--px) * 10px), calc(var(--py) * 8px), 0)
    rotateX(calc(var(--py) * -6deg))
    rotateY(calc(var(--px) * 8deg));
  transform-style: preserve-3d;
  transition: transform .22s ease-out;
  width: min(94%, 610px);
}

.local-eye-fallback__pupil {
  aspect-ratio: 1;
  background: #050505;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(16,4,31,.2);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26%;
}

.local-eye-fallback__play {
  border-bottom: 18px solid transparent;
  border-left: 28px solid #e8fd64;
  border-top: 18px solid transparent;
  height: 0;
  left: calc(50% + 4px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
}

.local-eye-stage--mini .local-eye-fallback__orb {
  box-shadow:
    inset 10px 8px 18px rgba(255,255,255,.7),
    inset -18px -14px 28px rgba(70,66,58,.3),
    0 18px 34px rgba(16,4,31,.16);
  width: 100%;
}

.local-eye-stage--mini .local-eye-fallback__play {
  display: none;
}

@keyframes localEyeFloat {
  0%, 100% { translate: 0 -1.5%; }
  50% { translate: 0 1.5%; }
}

.local-eye-stage--mini {
  height: min(74%, 300px);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(74%, 300px);
}

.local-video-poster {
  background-image: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_hero_bg_e535388e.png");
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.local-hover-overlay {
  clip-path: inset(5% 0);
  height: 115%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% + 1px);
}

.local-card:hover .local-hover-overlay {
  clip-path: inset(0);
  opacity: 1;
}

.local-hover-image {
  height: 100%;
  object-fit: cover;
  transform: scale(1.15);
  width: 100%;
}

.local-card:hover .local-hover-image {
  transform: scale(1);
}

.local-view-more-card {
  align-items: center;
  aspect-ratio: 844 / 400;
  background: #e8fd64;
  display: flex;
  justify-content: center;
  min-height: 320px;
  overflow: hidden;
  position: relative;
}

.local-view-more-text {
  color: #fd64f7;
  font-size: clamp(3.6rem, 8vw, 8rem);
  font-weight: 500;
  letter-spacing: -0.08em;
  position: relative;
  z-index: 1;
}

.local-stat-word,
footer .bg-clip-text {
  background-position: 0% -90%;
  background-size: 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  will-change: background-position;
}

.local-stat-word {
  background-image: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_stat_fill_0967616b.png");
}

footer .bg-clip-text {
  background-image: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_footer_fill_ff794360.png");
}

main section:has(.local-stat-word) {
  background: #f4eadc;
}

.local-results-section {
  overflow: hidden;
  position: relative;
}

.local-flag-stage {
  aspect-ratio: 5 / 3;
  left: 50%;
  pointer-events: auto;
  position: absolute;
  top: clamp(220px, 20.2vw, 305px);
  width: min(32.9vw, 473px);
  z-index: 2;
}

.local-flag-stage canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.local-flag-pole {
  background: #666;
  height: 118%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: -3%;
  width: clamp(6px, 0.7vw, 10px);
  z-index: 3;
}

.local-flag-fallback {
  background-image: url("https://code.zzd.show/media/uploaded/1/show_atelier_asset_flag_pattern_2fa5cf60.webp");
  background-size: cover;
}

.local-service-strip {
  will-change: transform;
}

.local-service-strip img {
  will-change: transform;
}

.replica-atelier .text-transparent span {
  color: transparent;
}

@media (max-width: 767px) {
  .local-logo {
    font-size: 1.65rem;
    width: 100px;
  }

  .hero-mask-word {
    font-size: clamp(8rem, 46vw, 16rem);
  }

  .local-view-more-card {
    min-height: 230px;
  }

  .local-flag-stage {
    left: 38%;
    top: clamp(180px, 54vw, 260px);
    width: min(62vw, 270px);
  }

  footer .text-4xl {
    font-size: clamp(3.2rem, 12vw, 5.2rem);
    max-width: 7ch;
  }
}

@media (max-width: 1039px) {
  body.local-menu-open {
    overflow: hidden;
  }

  body.local-menu-open header nav {
    background: #fff;
    display: block !important;
    inset: 82px 0 0 0;
    overflow: auto;
    padding: 1.25rem clamp(1rem, 5vw, 2rem) 2rem;
    position: fixed;
    z-index: 60;
  }

  body.local-menu-open header nav ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: .45rem;
  }

  body.local-menu-open header nav a {
    font-size: clamp(1.75rem, 6.8vw, 3rem);
    letter-spacing: -0.04em;
    line-height: 0.98;
  }
}