.hero-esploso{padding:4rem 5%;background:#fdfcfa;overflow:hidden;text-align:center}.hero-esploso__intro{text-align:center;margin-bottom:4.5rem;position:relative;z-index:3}.hero-esploso__subheading{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#a08a5e;margin:0 0 .6em}.hero-esploso__heading{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:400;color:#14120e;margin:0}.hero-esploso__build{position:relative;max-width:560px;height:520px;margin:0 auto}.hero-esploso__shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .7s ease;z-index:2}.hero-esploso__shell img{max-width:62%;max-height:100%;object-fit:contain}.hero-esploso__build.is-complete .hero-esploso__shell{opacity:1}.hero-esploso__build.is-complete:hover .hero-esploso__shell{opacity:.12}.hero-esploso__piece{position:absolute;top:50%;left:50%;width:108px;display:flex;flex-direction:column;align-items:center;opacity:0;z-index:1;transition:transform .9s cubic-bezier(.2,.7,.3,1),opacity .5s ease;margin:-54px 0 0 -54px}.hero-esploso__piece-thumb{width:84px;height:84px;border-radius:50%;overflow:hidden;background:#fdfcfa;border:1px solid #e2dbcb}.hero-esploso__piece-thumb img{width:100%;height:100%;object-fit:cover}.hero-esploso__piece-label{margin-top:8px;font-size:.7rem;color:#14120e;letter-spacing:.02em;opacity:0;transition:opacity .4s ease}.hero-esploso__piece--1{transform:translate(-450%,-650%) rotate(-25deg)}.hero-esploso__piece--2{transform:translate(450%,-650%) rotate(20deg)}.hero-esploso__piece--3{transform:translate(-620%,-50%) rotate(-15deg)}.hero-esploso__piece--4{transform:translate(620%,-50%) rotate(15deg)}.hero-esploso__piece--5{transform:translate(-450%,550%) rotate(20deg)}.hero-esploso__piece--6{transform:translate(450%,550%) rotate(-20deg)}.hero-esploso__build.is-visible .hero-esploso__piece{opacity:1;transform:translate(-50%,-50%)}.hero-esploso__build.is-visible .hero-esploso__piece--1{transition-delay:0s}.hero-esploso__build.is-visible .hero-esploso__piece--2{transition-delay:.1s}.hero-esploso__build.is-visible .hero-esploso__piece--3{transition-delay:.2s}.hero-esploso__build.is-visible .hero-esploso__piece--4{transition-delay:.3s}.hero-esploso__build.is-visible .hero-esploso__piece--5{transition-delay:.4s}.hero-esploso__build.is-visible .hero-esploso__piece--6{transition-delay:.5s}.hero-esploso__build.is-complete .hero-esploso__piece{opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .5s ease,transform .5s ease}.hero-esploso__build.is-complete:hover .hero-esploso__piece{opacity:1;transition:opacity .5s ease,transform .6s cubic-bezier(.4,0,.2,1)}.hero-esploso__build.is-complete:hover .hero-esploso__piece-label{opacity:1}.hero-esploso__build.is-complete:hover .hero-esploso__piece--1{transform:translate(-50%,-50%) translate(-160px,-170px)}.hero-esploso__build.is-complete:hover .hero-esploso__piece--2{transform:translate(-50%,-50%) translate(160px,-170px)}.hero-esploso__build.is-complete:hover .hero-esploso__piece--3{transform:translate(-50%,-50%) translate(-210px,10px)}.hero-esploso__build.is-complete:hover .hero-esploso__piece--4{transform:translate(-50%,-50%) translate(210px,10px)}.hero-esploso__build.is-complete:hover .hero-esploso__piece--5{transform:translate(-50%,-50%) translateY(190px)}.hero-esploso__build.is-complete:hover .hero-esploso__piece--6{transform:translate(-50%,-50%) translateY(-170px)}.hero-esploso__cta{margin-top:2.5rem;position:relative;z-index:3}.hero-esploso__button{display:inline-block;padding:.95em 2.4em;border:1px solid #14120e;color:#14120e;background:transparent;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease}.hero-esploso__button:hover{background:#14120e;color:#fdfcfa}@media(max-width:749px){.hero-esploso__build{height:auto;padding-bottom:1rem}.hero-esploso__shell{position:static;opacity:1!important;margin-bottom:1.5rem}.hero-esploso__shell img{max-width:65%}.hero-esploso__piece{position:static;display:inline-flex;opacity:1!important;transform:none!important;margin:0 8px 12px;width:84px}.hero-esploso__piece-thumb{width:64px;height:64px}.hero-esploso__piece-label{opacity:1!important}.hero-esploso__cta{margin-top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-esploso.css.map */