/* Animations, states and interactions — goes in Webflow Site Settings > Custom Code > Head inside <style> */

body{margin:0;background-color:#0B0B0B}
@keyframes ctUnsheath{0%,12%{transform:translateX(0);opacity:1}55%{transform:translateX(460px);opacity:0}100%{transform:translateX(460px);opacity:0}}
@keyframes ctGlint{0%,50%{stroke-dashoffset:60;opacity:0}56%{opacity:1}88%{stroke-dashoffset:-460;opacity:1}100%{stroke-dashoffset:-460;opacity:0}}
@keyframes ctFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ctMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ctSpin{to{transform:rotate(360deg)}}
.ct-saya{animation:ctUnsheath 2.4s cubic-bezier(.7,0,.2,1) infinite}
.ct-glint{stroke-dasharray:60 900;animation:ctGlint 2.4s ease-in-out infinite}
.ct-loader-fill{animation:ctFill 2.4s cubic-bezier(.6,0,.2,1) forwards}
.ct-loader{transition:opacity .6s ease}
.ct-loader.ct-hide{opacity:0;pointer-events:none}
.ct-marquee-track{animation:ctMarquee 38s linear infinite reverse}
.ct-twirl{transform-box:view-box;transform-origin:24px 32px;animation:ctSpin 1.2s cubic-bezier(.55,.05,.35,1) infinite}
.ct-navlink:hover{border-bottom-color:currentColor}
.ct-seg.ct-on{background-color:#EDEBE6;color:#0B0B0B;border-color:#EDEBE6}
.ct-hero.ct-etch{color:#0B0B0B}
.ct-hero.ct-etch .ct-seg.ct-on{background-color:#0B0B0B;color:#EDEBE6;border-color:#0B0B0B}
.ct-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.ct-tl{opacity:.06;filter:blur(16px);transform:translateY(48px);transition:opacity 1.1s ease,filter 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.ct-tl.ct-in{opacity:1;filter:blur(0);transform:none}
.ct-tl-dot{transition:background-color .6s .3s}
.ct-tl.ct-in .ct-tl-dot{background-color:#EDEBE6}
.ct-btn:hover{background-color:#FFFFFF}
.ct-btn-ghost:hover,.ct-carbtn:hover{background-color:#EDEBE6;color:#0B0B0B}
.ct-slide .ct-poster,.ct-card .ct-poster{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ct-slide:hover .ct-poster,.ct-card:hover .ct-poster{transform:translateY(-8px)}
.ct-carousel::-webkit-scrollbar{height:6px}.ct-carousel::-webkit-scrollbar-thumb{background:#5E5C58}
.ct-chip:hover .ct-chip-span,.ct-chipbtn:hover{border-color:#EDEBE6}
.ct-chip-input:checked + .ct-chip-span,.ct-chipbtn.ct-on{background-color:#EDEBE6;color:#0B0B0B;border-color:#EDEBE6}
.ct-chip-input:focus-visible + .ct-chip-span{outline:2px solid #EDEBE6;outline-offset:3px}
.ct-input:focus{outline:none;border-color:#EDEBE6;box-shadow:0 1px 0 #EDEBE6}
.ct-input::placeholder{color:#7A7873}
.ct-form.ct-sending .ct-submit-icon{display:inline-block}
.ct-form.ct-sent{display:none}
.ct-done.ct-show{display:flex}
.ct-era.ct-hidden{display:none}
@media (prefers-reduced-motion: reduce){.ct-saya,.ct-glint,.ct-marquee-track,.ct-twirl{animation:none}.ct-tl{transition:none;opacity:1;filter:none;transform:none}}