.product-hero{position:relative;width:100%;height:var(--hero-height-desktop);overflow:hidden;display:flex;align-items:center;justify-content:center;animation:fadeIn .8s ease-in-out}@media screen and (max-width: 768px){.product-hero{height:var(--hero-height-mobile)}}.hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 8s cubic-bezier(.25,.46,.45,.94)}.parallax-enabled .hero-image{transform:scale(1.1)}.parallax-enabled:hover .hero-image{transform:scale(1.15)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);opacity:var(--overlay-opacity);z-index:2;pointer-events:none}.hero-content-wrapper{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:var(--content-v-align);justify-content:var(--content-h-align);padding:60px 40px}@media screen and (max-width: 768px){.hero-content-wrapper{padding:40px 24px}}.hero-content{max-width:800px;text-align:center;animation:slideUp .8s ease-out .2s both}.product-hero [style*="--content-h-align: flex-start"] .hero-content{text-align:left}.product-hero [style*="--content-h-align: flex-end"] .hero-content{text-align:right}.hero-heading{font-family:var(--font-heading, serif);font-size:var(--heading-size);font-weight:700;letter-spacing:.02em;line-height:1.1;color:var(--heading_color);margin:0 0 20px;text-transform:uppercase}@media screen and (max-width: 768px){.hero-heading{font-size:calc(var(--heading-size) * .6);margin-bottom:16px}}.hero-subheading{font-family:var(--font-body, sans-serif);font-size:var(--subheading-size);font-weight:400;line-height:1.6;color:var(--subheading-color);max-width:600px;margin:0 auto 32px}@media screen and (max-width: 768px){.hero-subheading{font-size:calc(var(--subheading-size) * .9);margin-bottom:24px}}.product-hero [style*="--content-h-align: flex-start"] .hero-subheading,.product-hero [style*="--content-h-align: flex-end"] .hero-subheading{margin-left:0;margin-right:0}.text-shadow{text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:32px}@media screen and (max-width: 768px){.hero-buttons{flex-direction:column;gap:12px;width:100%}}.product-hero [style*="--content-h-align: flex-start"] .hero-buttons{justify-content:flex-start}.product-hero [style*="--content-h-align: flex-end"] .hero-buttons{justify-content:flex-end}.hero-btn{display:inline-block;padding:16px 40px;font-family:var(--font-heading, sans-serif);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media screen and (max-width: 768px){.hero-btn{width:100%;text-align:center;padding:14px 32px}}.hero-btn--primary{background:#fff;color:#000;border-color:#fff}.hero-btn--primary:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.hero-btn--secondary{background:transparent;color:#fff;border-color:#fff}.hero-btn--secondary:hover{background:#fff;color:#000;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-btn:focus{outline:2px solid #FFFFFF;outline-offset:4px}@media (prefers-reduced-motion: reduce){.product-hero,.hero-content,.hero-image,.hero-btn{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-hero.css.map */