.logo-container{aspect-ratio:6;align-items:center;transition:aspect-ratio .5s;display:flex;position:relative}.logo-container.scrolled{aspect-ratio:2.5}.brand-text{opacity:1;align-items:center;width:auto;height:80%;transition:opacity .4s,transform .5s;display:flex;position:absolute;top:10%;left:0;transform:translate(0)}.shape{aspect-ratio:1;height:70%;transition:transform .6s cubic-bezier(.34,1.56,.64,1),left .6s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;top:15%}.shape-e{opacity:0;left:0%;transform:scale(.5)rotate(-180deg)}.shape-green{left:45%;transform:rotate(0)}.shape-orange{left:60%;transform:rotate(0)}.shape-red{left:75%;transform:rotate(0)}.logo-container.scrolled .brand-text{opacity:0;pointer-events:none;transform:translate(-10%)}.logo-container.scrolled .shape-e{opacity:0}.logo-container.scrolled .shape-green{left:0%;transform:rotate(-360deg)}.logo-container.scrolled .shape-orange{left:35%;transform:rotate(-360deg)}.logo-container.scrolled .shape-red{left:70%;transform:rotate(-360deg)}