.animated-gradient-hero{overflow:hidden;padding:4rem 1rem 1rem;position:relative;text-align:center}.animated-gradient-hero__gradient{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);z-index:0}.animated-gradient-hero__container{margin:0 auto;position:relative;z-index:1}.animated-gradient-hero__tag{border-radius:2rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:1.25rem;padding:.5rem 1.125rem;text-transform:uppercase;width:fit-content}.animated-gradient-hero__heading{font-size:2rem;line-height:1.15;margin-bottom:1.25rem;margin-top:0}.animated-gradient-hero__description,.animated-gradient-hero__description p{margin:0}.animated-gradient-hero__description,.animated-gradient-hero__heading,.animated-gradient-hero__tag{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.animated-gradient-hero--animated .animated-gradient-hero__description,.animated-gradient-hero--animated .animated-gradient-hero__heading,.animated-gradient-hero--animated .animated-gradient-hero__tag{opacity:0;transform:translateY(2rem)}.animated-gradient-hero--animated .animated-gradient-hero__description--visible,.animated-gradient-hero--animated .animated-gradient-hero__heading--visible,.animated-gradient-hero--animated .animated-gradient-hero__tag--visible{opacity:1;transform:translateY(0)}@media (min-width:768px){.animated-gradient-hero{padding:5.5rem 2rem 1rem}.animated-gradient-hero__container{max-width:1000px}.animated-gradient-hero__heading{font-size:3.75rem;line-height:1.05;margin-bottom:1.5rem}.animated-gradient-hero__description{margin:0 auto}}