.hero-signature-piece{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;max-width:var(--page-width);margin:auto}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-background-image{width:100%;height:110%;object-fit:cover;will-change:transform;transform:translateY(0)}.hero-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffd9;z-index:2}.hero-content{position:relative;z-index:3;display:flex;margin:0 auto;gap:4rem;align-items:center;justify-content:center;width:90%;min-height:60vh}@keyframes slideInFromLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.hero-canvas-container{opacity:0;transform:translate(100px)}.hero-text-container.animate-in{animation:slideInFromLeft .8s ease-out forwards}.hero-canvas-container.animate-in{animation:slideInFromRight .8s ease-out .3s forwards}@media (prefers-reduced-motion: reduce){.hero-text-container,.hero-canvas-container{opacity:1;transform:none}.hero-text-container.animate-in,.hero-canvas-container.animate-in{animation:none}}.hero-text-container{display:flex;flex-direction:column;gap:0rem;opacity:0;transform:translate(-100px);max-width:45%}.hero-text-container.text-left{text-align:left}.hero-text-container.text-center{text-align:center}.hero-text-container.text-right{text-align:right}.hero-brand-info{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem;opacity:.8}.hero-brand-image{width:auto;height:6rem;object-fit:contain}.hero-brand-text{font-weight:500;color:rgba(var(--color-foreground),.8);letter-spacing:.02em;font-size:1.8rem}.hero-headline{font-family:var(--font-heading-family, serif);font-weight:var(--font-heading-weight, 400);color:rgb(var(--color-foreground));margin:.5em 0;line-height:1.2em}.hero-headline p{margin:0}.hero-tagline{font-family:var(--font-body-family, sans-serif);font-size:1.8rem;color:rgba(var(--color-foreground),.8);margin:0;line-height:1.4}.hero-cta-buttons{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.hero-cta-primary,.hero-cta-secondary{padding:1.2rem 2.4rem;text-decoration:none;font-weight:500;transition:all .2s ease-in-out}.hero-product-actions{display:flex;align-items:flex-end;gap:1.5rem}.hero-product-form{width:100%}.hero-form-row{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;flex-direction:column}.hero-variant-price-group{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:15rem;justify-content:space-between}.hero-button-group{display:flex;align-items:flex-end;width:100%;flex-direction:column}.hero-variant-selector{display:flex;flex-direction:column}.hero-variant-dropdown{padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;font-family:var(--font-body-family, sans-serif);min-width:10rem;cursor:pointer;transition:all .2s ease-in-out}.hero-variant-dropdown:hover{border-color:rgba(var(--color-foreground),.5)}.hero-variant-dropdown:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgba(var(--color-button),.2)}.hero-variant-dropdown option:disabled{color:rgba(var(--color-foreground),.5)}.hero-price-display{--price-scale: 1.5}.hero-price-display .price__dollars{font-size:calc(2.4rem * var(--price-scale))}.hero-price-display .price__cents,.hero-price-display .price__symbol{font-size:calc(1.2rem * var(--price-scale))}.hero-add-to-cart{padding:1.2rem 2.4rem;border-radius:.4rem;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;font-size:1.4rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%}.hero-add-to-cart:disabled{cursor:not-allowed;transform:none}.hero-product-title h3{margin:0 auto}.hero-product-link,.hero-product-title{display:inline-block;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;margin-top:1em;text-align:center;width:100%;transition:color .2s ease-in-out}.hero-product-link:hover{color:rgb(var(--color-button))}.hero-product-link em{font-style:normal;margin-left:.5rem;display:inline-block;transition:transform .2s ease-in-out}.hero-product-link:hover em{transform:translate(.2rem)}.hero-canvas-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.floating-canvas{position:relative;padding:2rem;background:#f5f5f5;border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 .4rem 1.2rem #0000001a,0 .2rem .4rem #0000000f;transform:rotate(0);transition:transform .3s ease-in-out}.floating-canvas:hover{transform:rotate(-1deg) scale(1.02)}.canvas-image{width:auto;height:auto;max-width:80rem;max-height:50vh;display:block;object-fit:contain;-webkit-object-fit:contain}@media screen and (max-width: 990px){.hero-content{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:3rem;text-align:center;width:100%}.hero-product-actions{flex-direction:column;align-items:center;gap:1rem;width:100%}.hero-text-container{max-width:100%}.floating-canvas{max-width:60rem;margin:0 auto}}@media screen and (max-width: 750px){.hero-content{min-height:40vh;gap:5rem}.hero-headline,.hero-tagline{text-align:center}@keyframes slideInFromLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.hero-text-container{transform:translate(-50px)}.hero-canvas-container{transform:translate(50px)}.hero-cta-buttons,.hero-form-row{flex-direction:column;align-items:stretch;gap:1rem}.hero-variant-price-group{flex-direction:column;align-items:center;justify-content:space-evenly;gap:1rem;min-width:auto;flex-direction:row}.hero-variant-selector{flex-grow:2!important}.hero-variant-dropdown{width:100%}.hero-price-display{justify-content:center;flex-direction:column;align-items:center;gap:1rem}.hero-cta-primary,.hero-cta-secondary,.hero-add-to-cart{text-align:center}.floating-canvas{padding:1.5rem;max-width:50rem}}@media screen and (max-width: 550px){.hero-signature-piece{width:100%;padding:10vh 0}.hero-brand-info{display:none}.hero-content{gap:1.5rem;width:80%}.hero-text-container{gap:0rem}.hero-tagline{font-size:1.4rem}.canvas-image{max-height:30vh;object-fit:contain;-webkit-object-fit:contain;aspect-ratio:auto;min-height:auto}.floating-canvas{padding:1rem;max-width:40rem;height:auto;min-height:auto}.icon-cart .icon-text{display:none}}@supports (-webkit-touch-callout: none){.canvas-image{object-fit:contain!important;-webkit-object-fit:contain!important;max-width:none;width:auto;height:auto;max-height:50vh}@media screen and (max-width: 550px){.canvas-image{max-height:30vh;width:auto;height:auto;object-fit:contain!important}.floating-canvas{width:auto;max-width:90vw;display:flex;align-items:center;justify-content:center}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-signature-piece.css.map */