.hero{padding-bottom:212px;padding-top:324px;position:relative;text-align:center}.hero img,.hero__background{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero__background{background:rgba(0,0,0,.5)}.hero__container{width:92.5%}.hero__container,.hero__title{margin:0 auto;position:relative}.hero__title{color:#fff;font-size:130px;font-weight:500;letter-spacing:6.5px;line-height:120px;max-width:1060px;text-shadow:0 3px 6px #000}.hero__title:before{animation:clip-remove 1s ease-in-out forwards;background:var(--brand-red-500);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero__text{color:#fff;font-size:20px;line-height:27px;margin:0 auto;max-width:680px;padding-bottom:30px;padding-top:20px;position:relative;text-shadow:0 3px 6px #000000e2}.hero__text:before{animation:clip-remove 1s ease-in-out .1s forwards;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero__button button{background:#000;border:none;box-shadow:0 3px 6px #00000029;color:#fff;letter-spacing:3.2px;line-height:20px;padding:30px 27px}.hero__button button:before{animation:clip-remove 1s ease-in-out .2s forwards;background:var(--brand-red-500);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes clip-remove{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}@media(max-width:768px){.hero{padding-bottom:180px;padding-top:200px}.hero__title{font-size:80px;letter-spacing:4.2px;line-height:75px}.hero__text{font-size:18px;line-height:26px;padding-bottom:30px;padding-top:20px}.hero__button button{font-size:14px;letter-spacing:3.2px;line-height:18px;padding:20px 18px}}@media(max-width:600px){.hero__title{font-size:clamp(40px,20vw,80px);letter-spacing:clamp(2.1px,.5vw,4.2px);line-height:clamp(40px,20vw,80px)}}