*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff}h1{font-size:4rem;font-weight:700;letter-spacing:-.1rem;line-height:1.1}a,p{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;line-height:1.5;display:inline-block}.hero{position:relative;width:100%;height:100svh;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#00000080);pointer-events:none;z-index:1;mix-blend-mode:multiply}.hero img#glassTexture{display:none}.hero canvas{opacity:1;transition:opacity .8s ease-in-out}.hero-content{position:absolute;left:0;bottom:3rem;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end;z-index:2}.hero-content .text-rotator{position:relative;width:100%}.hero-content .text-rotator .slide{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.hero-content .text-rotator .slide:not(:first-child){position:absolute;bottom:0;left:0}.hero-content .text-rotator .slide h1{width:100%;max-width:800px}.hero-content .text-rotator .slide p{font-size:1.1rem;opacity:.9;font-weight:400}.hero-content h1{width:60%}@media screen and (max-width:1000px){h1{font-size:2.5rem;line-height:1.15}.hero-content{align-items:flex-start;padding:1.5rem;bottom:4rem}.hero-content .text-rotator .slide{gap:.75rem}.hero-content .text-rotator .slide h1{width:100%}.hero-content .text-rotator .slide p{font-size:1rem}}@media screen and (max-width:600px){h1{font-size:2rem}.hero-content{padding:1rem;bottom:3rem}.hero-content .text-rotator .slide p{font-size:.95rem}}