.hc-hero{position:relative;overflow:hidden;display:flex;align-items:center}.hc-hero__container{width:100%;position:relative;z-index:2;margin:24px 1rem 24px 3rem}.hc-hero__grid{display:grid;grid-template-columns:1fr;align-items:center}.hc-hero__content{grid-column:1;grid-row:1;text-align:left;display:flex;flex-direction:column}.hc-hero__title{font-size:4rem;font-weight:800;line-height:1.1;margin:0;text-transform:uppercase;letter-spacing:.05em}.hc-hero__subtitle{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;text-transform:uppercase;letter-spacing:.1em}.hc-hero__tagline{font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;text-transform:uppercase;letter-spacing:.05em}.hc-hero__cta{margin-top:-200px;z-index:1}.hc-hero__button{display:inline-block;padding:8px 32px;font-size:1.4rem;font-weight:700;text-decoration:none;text-transform:uppercase;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;letter-spacing:.05em;position:relative;overflow:hidden}.hc-hero__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.hc-hero__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hc-hero__button:hover:before{left:100%}.hc-hero__cta--mobile{display:block}.hc-hero__cta--desktop{display:none}.hc-hero__product{grid-column:1;grid-row:2;display:flex;justify-content:flex-end;align-items:center}.hc-hero__product-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hc-hero__product-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hc-hero__product-bg-img{width:100%;height:100%;object-fit:contain;object-position:center}.hc-hero__product-image{width:100%;position:relative;z-index:2}.hc-hero__product-img{width:100%;height:auto}.hc-hero__product-placeholder{width:100%;display:flex;justify-content:center;align-items:center}.hc-hero__placeholder-svg{width:100%;height:auto;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;padding:40px}@media screen and (min-width: 768px){.hc-hero__cta{margin-top:-130px}.hc-hero__grid{grid-template-columns:1fr 1fr}.hc-hero__content{grid-column:1;grid-row:1;text-align:left;align-items:flex-start}.hc-hero__product{grid-column:2;grid-row:1;justify-content:flex-end}.hc-hero__title{font-size:3.5rem}.hc-hero__subtitle{font-size:2rem}.hc-hero__tagline{font-size:1.25rem}.hc-hero__product-image{max-width:400px}}@media screen and (min-width: 400px) and (max-width: 768px){.hc-hero__cta--desktop{display:false}.hc-hero__cta--mobile{display:flex}.hc-hero__cta{margin-top:-10px;justify-content:center}}@media screen and (min-width: 1200px){.hc-hero__cta--desktop{display:block}.hc-hero__cta--mobile{display:none}.hc-hero__cta{margin-top:48px;background-color:var(--hc-primary-color)}.hc-hero__grid{display:grid;grid-template-columns:repeat(12,1fr)}.hc-hero__content{grid-column:1 / 7;grid-row:1;text-align:left;align-items:flex-start;justify-content:center}.hc-hero__product{grid-column:7 / 13;grid-row:1;display:flex;justify-content:flex-end;align-items:center}.hc-hero__title{font-size:4.5rem;line-height:.9}.hc-hero__subtitle{font-size:2.5rem}.hc-hero__tagline{font-size:1.5rem}.hc-hero__button{padding:10px 20px;font-size:1.9rem}.hc-hero__product-image{max-width:500px}}@media screen and (min-width: 1400px){.hc-hero__title{font-size:8rem}.hc-hero__subtitle{font-size:3.7rem}.hc-hero__tagline{font-size:3rem;font-weight:900}.hc-hero__product-image{max-width:600px}}.hc-hero__content>*{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.hc-hero__content>*:nth-child(1){animation-delay:.1s}.hc-hero__content>*:nth-child(2){animation-delay:.2s}.hc-hero__content>*:nth-child(3){animation-delay:.3s}.hc-hero__content>*:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hc-hero__product-img{animation:fadeInRight .8s ease-out .3s forwards;opacity:0;transform:translate(20px)}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.hc-hero__container{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hc-hero.css.map */