.interactive-hero{--hero-font-display: "Typedeer Mono", Georgia, serif;--hero-font-body: "Space Grotesk", system-ui, sans-serif;--hero-black: #0a0a0a;--hero-white: #fafafa;--hero-grain-opacity: .03}.interactive-hero{position:relative;width:100%;min-height:var(--hero-min-height, 100vh);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--hero-black);perspective:1000px;perspective-origin:50% 50%}.interactive-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:var(--hero-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat}.interactive-hero__background{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:1;will-change:transform;transform-style:preserve-3d}.interactive-hero__bg-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transition:transform .1s linear}.interactive-hero__bg-placeholder{width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(60,60,80,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(40,40,60,.3) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a)}.interactive-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(0,0,0,.6) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,0,0,.4) 0%,transparent 50%),linear-gradient(to bottom,#0003,#0000001a 30% 70%,#00000080);pointer-events:none;opacity:calc(var(--hero-overlay-opacity, .3) + .2)}.interactive-hero__products{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;transform-style:preserve-3d}.interactive-hero__product{position:absolute;will-change:transform,opacity;transform-style:preserve-3d;opacity:0;animation:productFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.interactive-hero__product--1{animation-delay:.1s}.interactive-hero__product--2{animation-delay:.2s}.interactive-hero__product--3{animation-delay:.3s}.interactive-hero__product--4{animation-delay:.4s}.interactive-hero__product--5{animation-delay:.5s}.interactive-hero__product--6{animation-delay:.6s}.interactive-hero__product--7{animation-delay:.7s}.interactive-hero__product--8{animation-delay:.8s}@keyframes productFadeIn{0%{opacity:0}to{opacity:1}}.interactive-hero__product-image{max-width:100%;height:auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.6));transition:filter .3s ease;opacity:.85}.interactive-hero--blend-bg .interactive-hero__product-image{mix-blend-mode:multiply;filter:drop-shadow(0 25px 50px rgba(0,0,0,.4))}.interactive-hero__product{width:var(--product-size, 150px)}.interactive-hero__product--1{top:3%;left:14%;z-index:12;width:250px}.interactive-hero__product--2{top:8%;right:16%;z-index:14;width:250px}.interactive-hero__product--3{top:50%;left:3%;z-index:11;transform-origin:left center;width:250px}.interactive-hero__product--4{top:45%;right:2%;z-index:15;width:250px}.interactive-hero__product--5{bottom:3%;left:39%;z-index:13;width:250px}.interactive-hero__product--6{bottom:8%;right:22%;z-index:12}.interactive-hero__product--7{top:20%;left:25%;z-index:10}.interactive-hero__product--8{bottom:25%;right:20%;z-index:11}.interactive-hero__content{position:relative;z-index:20;width:100%;max-width:1000px;padding:2rem;text-align:center;will-change:transform,opacity;transform-style:preserve-3d}.interactive-hero__content-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.interactive-hero__heading{margin:0;font-family:var(--hero-font-display);font-size:clamp(1.5rem,3vw,8rem);font-weight:400;font-style:italic;line-height:1;letter-spacing:-.03em;color:var(--hero-white);text-shadow:0 2px 10px rgba(0,0,0,.3),0 10px 40px rgba(0,0,0,.2);opacity:0;animation:headingReveal 1s cubic-bezier(.16,1,.3,1) .4s forwards}@keyframes headingReveal{0%{opacity:0;transform:translateY(40px);letter-spacing:.1em}to{opacity:1;transform:translateY(0);letter-spacing:-.03em}}.interactive-hero__subheading{margin:0;font-family:var(--hero-font-body);font-size:clamp(.9rem,2vw,1.1rem);font-weight:400;line-height:1.6;letter-spacing:.02em;color:#ffffffbf;max-width:500px;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .6s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interactive-hero__button{display:inline-block;margin-top:1rem;padding:1.1rem 3rem;font-family:var(--hero-font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--hero-black);background:var(--hero-white);border:1px solid var(--hero-white);text-decoration:none;position:relative;overflow:hidden;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) .8s forwards;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,letter-spacing .3s ease,background .3s ease,color .3s ease}.interactive-hero__button span{position:relative;z-index:1}.interactive-hero__button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0006;letter-spacing:.25em;background:transparent;color:var(--hero-white);border:1px solid var(--hero-white)}.interactive-hero__button:active{transform:translateY(-1px)}.interactive-hero__scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;font-family:var(--hero-font-body);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) 1.2s forwards}.interactive-hero__scroll-hint:after{content:"";width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(.6);opacity:1}}@media (max-width: 749px){.interactive-hero{min-height:100svh}.interactive-hero__product{width:180px}.interactive-hero__product--1{top:3%;left:-5%}.interactive-hero__product--2{top:5%;right:-3%}.interactive-hero__product--3{top:28%;left:-8%}.interactive-hero__product--4{top:58%;right:-5%}.interactive-hero__product--5{bottom:22%;left:8%}.interactive-hero__content{padding:1.5rem}.interactive-hero__heading{font-size:clamp(2rem,10vw,3rem)}.interactive-hero__button{padding:1rem 2.5rem}.interactive-hero__scroll-hint{bottom:1.5rem}}@media (prefers-reduced-motion: reduce){.interactive-hero__product,.interactive-hero__heading,.interactive-hero__subheading,.interactive-hero__button,.interactive-hero__scroll-hint{animation:none!important;opacity:1!important;transform:none!important}.interactive-hero__product:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/interactive-hero.css.map */