@tailwind base;@tailwind components;@tailwind utilities;@layer base{html,body,#root{@apply h-full min-h-screen;}body{@apply bg-black;overflow-x:hidden}.animate-gradient{background-size:200% 200%}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:border-box}body{min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;overflow-x:hidden}:is(h1,h2){margin:0}.bleed-canvas{width:100vw;height:100%;position:absolute}.chopsticks{height:50%;position:absolute;right:100px;top:10%}.veribear{width:10vmin;position:absolute;bottom:5%;right:5%;rotate:-20deg}.hero-bg{background:url(./assets/dark-gradient-bg.jpg);background-size:cover;background-position:center;width:100vw;margin-left:50%;transform:translate(-50%);position:relative;height:100vh}.bento{position:absolute;bottom:0%;left:10%;height:40vmin}@media (max-width: 768px){.bento{height:30vmin}}h1{font-size:clamp(4rem,6vw + 2rem,8rem);font-weight:800;background:linear-gradient(90deg,#ffeada,#ffe7ed,#fbe7ff);background:linear-gradient(90deg,color(xyz 0.922 0.833 0.352),color(xyz 0.968 0.822 0.878),color(xyz 1.049 0.802 1.601));color:transparent;-webkit-background-clip:text}section:nth-of-type(1){height:100vh;display:grid;place-items:center;background:transparent}main{width:100%;max-width:1400px;margin:0 auto}.sticky{width:50%;aspect-ratio:1;position:sticky;bottom:0}.sticky img{width:150%;position:absolute;bottom:0;translate:-5% 0}section{container-type:inline-size}.normal-description{font-weight:800;font-size:clamp(2rem,3vw + 1.5rem,3rem);text-align:center;max-width:80%;margin:25vh auto;background:#fff;color:transparent;-webkit-background-clip:text;overflow:visible}.medium-description{font-weight:800;font-size:clamp(2rem,3vw + 1.5rem,3rem);text-align:center;max-width:80%;margin:20vh auto;background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,#ef9dff);background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,color(xyz 0.678 0.49 1.076));color:transparent;-webkit-background-clip:text;overflow:visible}.box{container-type:inline-size}.box .logo{width:clamp(1rem,4vw + 1rem,4rem);aspect-ratio:1;background:linear-gradient(90deg,#00a2ee,#00a9f7,#10afff 12.5%,#29b2ff 15.62%,#33b4ff,#3bb5ff 18.75%,#52bbff 25%,#76c7ff,#95d3ff 50%,#fff);background:linear-gradient(90deg,color(xyz 0.291 0.321 1.046),color(xyz 0.313 0.35 1.053),color(xyz 0.338 0.381 1.06) 12.5%,color(xyz 0.351 0.397 1.064),color(xyz 0.365 0.413 1.067) 18.75%,color(xyz 0.394 0.447 1.073) 25%,color(xyz 0.459 0.521 1.083),color(xyz 0.535 0.601 1.09) 50%,#fff);justify-self:start;position:absolute;bottom:100%;translate:0 -25%;mask:url('data:image/svg+xml;utf8,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 01.721.544l.813 2.846a3.75 3.75 0 002.576 2.576l2.846.813a.75.75 0 010 1.442l-2.846.813a3.75 3.75 0 00-2.576 2.576l-.813 2.846a.75.75 0 01-1.442 0l-.813-2.846a3.75 3.75 0 00-2.576-2.576l-2.846-.813a.75.75 0 010-1.442l2.846-.813A3.75 3.75 0 007.466 7.89l.813-2.846A.75.75 0 019 4.5zM18 1.5a.75.75 0 01.728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 010 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 01-1.456 0l-.258-1.036a2.625 2.625 0 00-1.91-1.91l-1.036-.258a.75.75 0 010-1.456l1.036-.258a2.625 2.625 0 001.91-1.91l.258-1.036A.75.75 0 0118 1.5zM16.5 15a.75.75 0 01.712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 010 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 01-1.422 0l-.395-1.183a1.5 1.5 0 00-.948-.948l-1.183-.395a.75.75 0 010-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0116.5 15z" clip-rule="evenodd" /></svg>') center/contain no-repeat}.box svg path{fill:#00f}p{position:relative}section:nth-of-type(3) h2{font-size:clamp(2rem,8vw + 1rem,8rem);font-weight:600;background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,#ef9dff);background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,color(xyz 0.678 0.49 1.076));color:transparent;-webkit-background-clip:text}section:nth-of-type(4){display:grid;padding-top:2rem;gap:4rem}section:nth-of-type(4) .box:first-of-type{margin-bottom:8rem}.box{width:100%;background:#fff;border-radius:2rem;display:grid;grid-template-columns:.6fr .4fr;gap:1rem;justify-content:end;padding:1rem}.box__content{display:grid;place-items:center;grid-column:2;min-height:40cqi;padding:2rem 0rem;align-content:center;justify-items:start}.box p{font-weight:300;color:gray;font-size:clamp(.875rem,.5vw + 1rem,2rem)}.box--two{position:absolute;bottom:0;z-index:-1}.box--two p{font-size:clamp(1rem,2vw + 1rem,2.75rem);color:#000;font-weight:500}.box--two p span{background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,#ef9dff);background:linear-gradient(90deg,#ffa758,#fba58f,#f8a3ba 50%,color(xyz 0.678 0.49 1.076));color:transparent;-webkit-background-clip:text}@media (max-width: 768px){.medium-description{margin:12vh auto}.box--two{padding:2rem 1rem}.box--two p{font-size:clamp(.875rem,.5vw + 1rem,2rem)}}@media (min-width: 768px){.box{padding:2rem}}section:nth-of-type(4){z-index:2;position:relative}section:nth-of-type(5){display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:4rem 0 20vh 0;transform-style:preserve-3d}section:nth-of-type(5):before{content:"";z-index:-1;background:red;position:absolute;bottom:0;height:calc(100% + 60cqi);width:100vw;left:50%;translate:-50% 0;border-radius:0 0 10vmin 10vmin;background:linear-gradient(#e8a1c1,#3c5896);mask:linear-gradient(transparent,white 25%)}main{container-type:inline-size}@container (max-width: 420px){section:nth-of-type(5){grid-auto-flow:row;grid-template-columns:1fr}section:nth-of-type(5):before{height:calc(100% + 120cqi)}}section:nth-of-type(6){min-height:80vh;display:grid;place-items:center}section:nth-of-type(6) h2{font-size:clamp(2rem,3vw + 1rem,8rem)}section:nth-of-type(6) svg{width:30%;position:absolute;stroke:#000;right:10%;bottom:10%;rotate:10deg}.bento--mini{aspect-ratio:1;background:#fff;border-radius:2rem;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;place-items:center;position:relative}:is(.bird,.bear){width:100%;rotate:-12deg;transition:scale .2s;position:absolute;top:50%;left:0%;translate:-50% -50%}.bird{fill:#1d9bf0;translate:-40% -25%}.bear{rotate:-26deg}.bento--mini a{text-decoration:none;font-size:clamp(1.5rem,2vw + 1rem,2rem);font-weight:400;color:#0d0d0d;position:relative}.bento--mini:is(:hover,:focus-within) svg{scale:1.4}.bento--mini a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.bento--mini a .logo{width:clamp(1rem,4vw + 1rem,2rem);aspect-ratio:1;background:linear-gradient(90deg,#00a2ee,#00a9f7,#10afff 12.5%,#29b2ff 15.62%,#33b4ff,#3bb5ff 18.75%,#52bbff 25%,#76c7ff,#95d3ff 50%,#fff);background:linear-gradient(90deg,color(xyz 0.291 0.321 1.046),color(xyz 0.313 0.35 1.053),color(xyz 0.338 0.381 1.06) 12.5%,color(xyz 0.351 0.397 1.064),color(xyz 0.365 0.413 1.067) 18.75%,color(xyz 0.394 0.447 1.073) 25%,color(xyz 0.459 0.521 1.083),color(xyz 0.535 0.601 1.09) 50%,#fff);justify-self:start;position:absolute;bottom:100%;translate:0 -25%;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6"><path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" /></svg>') center/contain no-repeat}.bento--mini:first-of-type a .logo{mask:url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>X</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>') center/contain no-repeat}section:nth-of-type(4) .box:nth-of-type(2){background:transparent}@supports (animation-timeline: scroll()){section{view-timeline-name:--section}:is(.chopsticks,.bento){animation:slide both linear;animation-timeline:--section;animation-range:exit 0 exit 25%}.chopsticks{--x: 50%;--y: 100%;--opacity: 0}.bento{--x: -100%;--y: 100%;--opacity: 0}@keyframes slide{to{translate:var(--x, 0) var(--y, 0);opacity:var(--opacity, 1);scale:var(--scale, 1)}}.leaf-animation-left{animation:rollLeft both linear;animation-timeline:--section;animation-range:exit -60% exit 0%}.leaf-animation-right{animation:rollRight both linear;animation-timeline:--section;animation-range:exit -60% exit 0%}@keyframes rollLeft{to{rotate:-96.2649deg;translate:-66.8506% 0}}@keyframes rollRight{to{rotate:96.2649deg;translate:66.8506% 0}}section:nth-of-type(4) .box:nth-of-type(2) p{animation:slide both linear;animation-timeline:view();--y: -10%;height:140px;font-weight:700;color:#fff;font-size:xx-large}section:nth-of-type(5):before{translate:-50% 10%;opacity:0;animation:slide both linear;animation-range:entry 0 entry 25%;animation-timeline:--section;--opacity: 1;--y: 0;--x: -50%}@keyframes slip{to{scale:1;translate:-5% 0}}.sticky img{scale:1.5;translate:30% 0;animation:slip both linear,slide both linear;animation-range:entry 50% entry 70%,exit 0% exit 15%;animation-timeline:--section;--y: 30%;--x: -5%}section:nth-of-type(4){padding-top:8rem}.sticky{clip-path:inset(-100% -100% 0 -100%)}.spacing-box{height:35vh}.veribear{animation:roll both linear;animation-timeline:--section;animation-range:exit}@keyframes roll{to{rotate:720deg;translate:500% 0}}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-fade-in{animation:fade-in .6s ease-out forwards}