.unboxing-section{padding:8rem 0;overflow:hidden}.unboxing-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;gap:12rem;min-height:500px;perspective:1000px}.unboxing-visual{flex:1;display:flex;justify-content:center;align-items:center;height:400px;position:relative}.box-scene{width:240px;height:240px;position:relative;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(25deg) scale(1.05);transition:transform .6s ease-out}.box-scene:hover{transform:rotateX(-15deg) rotateY(25deg) scale(1.05)}.box-face{position:absolute;width:240px;height:240px;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1)}.box-front{background:linear-gradient(135deg,#fff,#f0f0f0);transform:rotateY(0) translateZ(120px);border-top:12px solid #005a87;z-index:2;box-shadow:inset 0 0 10px #0000000d}.box-back{background:linear-gradient(to bottom,#ccc,#bbb);transform:rotateY(180deg) translateZ(120px)}.box-right{background:linear-gradient(to bottom,#d9d9d9,silver);transform:rotateY(90deg) translateZ(120px)}.box-left{background:linear-gradient(to bottom,#fff 0% 100%);transform:rotateY(-90deg) translateZ(120px)}.box-bottom{background:#f0f0f0;transform:rotateX(-90deg) translateZ(120px);box-shadow:inset 0 0 60px #0000000d}.box-flaps{position:absolute;width:240px;height:240px;top:0;left:0;transform-style:preserve-3d;pointer-events:none}.flap{position:absolute;background:linear-gradient(135deg,#fff,#f0f0f0);border:1px solid rgba(0,0,0,.1);transform-origin:top;transition:transform 1.2s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;backface-visibility:visible!important;z-index:10}.flap-inner{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom,#d9d9d9,silver);transform:rotateX(180deg) translateZ(1px);backface-visibility:visible!important}.flap-front{width:240px;height:120px;top:0;left:0;transform-origin:top;transform:translateZ(120px) rotateX(-90deg)}.flap-back{width:240px;height:120px;top:0;left:0;transform-origin:top;transform:rotateY(180deg) translateZ(120px) rotateX(-90deg)}.flap-left{width:120px;width:240px;height:120px;top:0;left:0;transform-origin:top;transform:rotateY(-90deg) translateZ(120px) rotateX(-90deg)}.flap-right{width:240px;height:120px;top:0;left:0;transform-origin:top;transform:rotateY(90deg) translateZ(120px) rotateX(-90deg)}.box-scene.is-open .flap-front{transform:translateZ(120px) rotateX(-225deg)}.box-scene.is-open .flap-back{transform:rotateY(180deg) translateZ(120px) rotateX(-225deg)}.box-scene.is-open .flap-left{transform:rotateY(-90deg) translateZ(120px) rotateX(-225deg)}.box-scene.is-open .flap-right{transform:rotateY(90deg) translateZ(120px) rotateX(-225deg)}.box-contents{position:absolute;width:100%;height:100%;top:0;left:0;transform-style:initial;transform:translateZ(-40px);pointer-events:none;display:flex;align-items:center;justify-content:center}.box-scene{cursor:default}.box-contents:after{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,#0006,#0000 70%);transform:rotateX(90deg) translateZ(-60px);opacity:0;transition:opacity .8s ease;pointer-events:none}.box-ice-base{position:absolute;width:200px;height:200px;top:20px;left:20px;transform:rotateX(90deg) translateZ(-40px);opacity:0;transition:opacity 1s ease .5s;pointer-events:none;z-index:15}.box-scene.is-open .box-ice-base{opacity:1}.ice-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.ice-particles{position:absolute;width:240px;height:240px;pointer-events:none;z-index:60}.ice-p{position:absolute;background:#fff;border-radius:50%;width:4px;height:4px;opacity:0;box-shadow:0 0 4px #fffc}.p1{top:40%;left:30%}.p2{top:60%;left:70%}.p3{top:50%;left:50%}.p4{top:30%;left:60%}.p5{top:70%;left:40%}.box-scene.is-open .ice-p{animation:iceFloat 3s ease-in infinite}.box-scene.is-open .p1{animation-delay:.2s}.box-scene.is-open .p2{animation-delay:.5s}.box-scene.is-open .p3{animation-delay:.8s}.box-scene.is-open .p4{animation-delay:1.1s}.box-scene.is-open .p5{animation-delay:1.4s}@keyframes iceFloat{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:.8}to{transform:translateY(-100px) scale(1.5);opacity:0}}.box-scene.is-open .box-contents:after{opacity:1}.fish-item{position:absolute;width:130px;height:auto;opacity:0;transform:translateY(60px) scale(.5);transition:all .8s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 20px 20px rgba(0,0,0,.25));z-index:20;will-change:transform,opacity}@keyframes fishFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.fish-1{top:60px;left:45px;z-index:50;width:150px}.fish-2{top:70px;left:-65px;z-index:40}.fish-3{top:70px;left:180px;z-index:45}.fish-4{top:50px;left:30px;width:120px;z-index:30;opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(60px) scale(.5);filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}.fish-5{top:-10px;left:90px;z-index:55;opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:translateY(60px) scale(.5);filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}.box-scene.is-open .box-lid-container{transform:translateZ(-120px) rotateX(220deg)}@keyframes floatFish1{0%,to{transform:translateY(-180px) translateZ(60px) scale(1.1) rotateX(10deg) rotate(-2deg)}50%{transform:translateY(-195px) translateZ(60px) scale(1.1) rotateX(10deg) rotate(2deg)}}@keyframes floatFish2{0%,to{transform:translate(40px) translateY(-150px) translateZ(20px) scale(.95) rotateX(10deg) rotate(10deg)}50%{transform:translate(40px) translateY(-165px) translateZ(20px) scale(.95) rotateX(10deg) rotate(5deg)}}@keyframes floatFish3{0%,to{transform:translate(-30px) translateY(-140px) translateZ(80px) scale(.95) rotateX(5deg) rotate(-10deg)}50%{transform:translate(-30px) translateY(-155px) translateZ(80px) scale(.95) rotateX(5deg) rotate(-5deg)}}@keyframes floatFish4{0%,to{transform:translate(-10px) translateY(-190px) translateZ(-40px) scale(.85) rotateX(15deg) rotate(-5deg)}50%{transform:translate(-10px) translateY(-205px) translateZ(-40px) scale(.85) rotateX(15deg) rotate(-2deg)}}@keyframes floatFish5{0%,to{transform:translate(30px) translateY(-100px) translateZ(120px) scale(1) rotateX(0) rotate(5deg)}50%{transform:translate(30px) translateY(-115px) translateZ(120px) scale(1) rotateX(0) rotate(10deg)}}.box-scene.is-open .fish-1{opacity:1;transition-delay:.8s;animation:floatFish1 4s ease-in-out infinite .8s forwards}.box-scene.is-open .fish-2{opacity:1;transition-delay:.9s;animation:floatFish2 5s ease-in-out infinite .9s forwards}.box-scene.is-open .fish-3{opacity:1;transition-delay:1s;animation:floatFish3 4.5s ease-in-out infinite 1s forwards}.box-scene.is-open .fish-4{opacity:1;transition-delay:1.1s;animation:floatFish4 4.8s ease-in-out infinite 1.1s forwards}.box-scene.is-open .fish-5{opacity:1;transition-delay:1.2s;animation:floatFish5 5.2s ease-in-out infinite 1.2s forwards}.unboxing-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:140px;gap:16px;margin:2rem 0;width:100%}.gallery-img{width:100%;height:100%;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover;background:#fff}.gallery-img.item-1{grid-column:span 2;grid-row:span 2}.gallery-img.item-2,.gallery-img.item-3,.gallery-img.item-4{grid-column:span 1;grid-row:span 1}.gallery-img.item-5{grid-column:span 2;grid-row:span 1}.gallery-img.item-6{display:none;grid-column:span 1;grid-row:span 1}.gallery-img:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026;z-index:2}.box-front-logo{width:95%;height:auto;object-fit:contain;mix-blend-mode:multiply}@media(max-width:989px){.unboxing-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:12px}.gallery-img.item-1,.gallery-img.item-2,.gallery-img.item-3,.gallery-img.item-4,.gallery-img.item-5,.gallery-img.item-6{grid-column:span 1;grid-row:span 1}.gallery-img.item-1{grid-column:span 2;grid-row:span 2;max-height:300px}.gallery-img{border-radius:8px}}@media(max-width:989px){.unboxing-container{flex-direction:column;gap:2rem}.box-scene{width:180px;transform:rotateX(-15deg) rotateY(25deg) scale(.9)}.box-face{width:180px;height:200px}.box-right,.box-left{width:180px}.box-right{transform:rotateY(90deg) translateZ(90px)}.box-left{transform:rotateY(-90deg) translateZ(90px);background:linear-gradient(to bottom,#fff 0% 100%)}.box-front{transform:rotateY(0) translateZ(90px)}.box-back{transform:rotateY(180deg) translateZ(90px)}.box-bottom{width:180px;height:160px}.box-bottom{background:#f0f0f0;box-shadow:none;transform:rotateX(-90deg) translateZ(120px)}.box-flaps{width:180px;height:240px}.flap-front{width:180px;height:90px;transform:translateZ(90px) rotateX(-90deg)}.flap-back{width:180px;height:90px;transform:rotateY(180deg) translateZ(90px) rotateX(-90deg)}.flap-left{width:180px;height:90px;transform:rotateY(-90deg) translateZ(90px) rotateX(-90deg)}.flap-right{width:180px;height:90px;transform:rotateY(90deg) translateZ(90px) rotateX(-90deg)}.box-scene.is-open .flap-front{transform:translateZ(90px) rotateX(-225deg)}.box-scene.is-open .flap-back{transform:rotateY(180deg) translateZ(90px) rotateX(-225deg)}.box-scene.is-open .flap-left{transform:rotateY(-90deg) translateZ(90px) rotateX(-225deg)}.box-scene.is-open .flap-right{transform:rotateY(90deg) translateZ(90px) rotateX(-225deg)}.box-contents{left:-10px;width:200px}.box-scene.is-open .fish-1{transform:translateY(-200px) translateZ(0) scale(1.1) rotate(-5deg)}.box-scene.is-open .fish-2{transform:translate(40px) translateY(-170px) translateZ(-40px) scale(.95) rotate(10deg)}.box-scene.is-open .fish-3{transform:translate(-40px) translateY(-160px) translateZ(20px) scale(1) rotate(-15deg)}.box-scene.is-open .fish-4{transform:translate(-20px) translateY(-190px) translateZ(-60px) scale(.85) rotate(-10deg)}.box-scene.is-open .fish-5{transform:translate(30px) translateY(-130px) translateZ(40px) scale(1) rotate(5deg)}.box-scene.is-open .fish-6{transform:translate(-30px) translateY(-130px) translateZ(30px) scale(.9) rotate(-12deg)}}.box-ice-base{display:none}.ice-p{background:linear-gradient(135deg,#e0f7fa,#00d2ff);box-shadow:0 0 8px #008cff;border:1px solid white;width:10px;height:10px;transform:rotate(45deg);z-index:200}.frost-wind{display:block!important;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:150;transform-style:preserve-3d}.wind-streak{display:block!important;position:absolute;width:25px;height:180px;background:linear-gradient(to bottom,transparent 0%,rgba(0,100,200,.8) 30%,rgba(100,200,255,.6) 70%,transparent 100%);filter:blur(6px);opacity:0;border-radius:40%;transform-origin:center bottom;mix-blend-mode:normal;pointer-events:none;will-change:transform,opacity}.s1{left:100px;top:100px;animation:vaporRise 3s ease-out infinite}.s2{left:140px;top:110px;width:30px;animation:vaporRise 3.5s ease-out infinite .5s}.s3{left:60px;top:120px;transform:rotate(-10deg);animation:vaporRise 3.2s ease-out infinite .2s}.s4{left:180px;top:110px;transform:rotate(10deg);animation:vaporRise 3.4s ease-out infinite .8s}.s5{left:120px;top:130px;width:40px;height:120px;animation:vaporSwirl 4s linear infinite}.s6{left:80px;top:140px;width:20px;animation:vaporSwirl 3.8s linear infinite 1.2s}.s7{left:40px;top:150px;transform:rotate(-30deg);animation:vaporRise 2.8s ease-out infinite .4s}.s8{left:200px;top:140px;transform:rotate(30deg);animation:vaporRise 2.9s ease-out infinite 1s}.s9{left:90px;top:160px;width:15px;animation:vaporRise 3.1s ease-out infinite .6s}.s10{left:150px;top:160px;width:15px;animation:vaporRise 3.3s ease-out infinite 1.4s}@keyframes vaporRise{0%{opacity:0;transform:translateZ(50px) translateY(50px) scale(.8)}30%{opacity:.8}to{opacity:0;transform:translateZ(150px) translateY(-250px) scale(1.5)}}@keyframes vaporSwirl{0%{opacity:0;transform:translateZ(50px) translateY(40px) rotateY(0) scale(.8)}40%{opacity:.7}to{opacity:0;transform:translateZ(120px) translateY(-250px) rotateY(180deg) scale(1.6)}}.box-scene.is-open .ice-p{animation:iceFloat 3.5s ease-out infinite}@keyframes iceFloat{0%{transform:translateY(0) scale(0) rotate(45deg);opacity:0}10%{opacity:1;transform:translateY(-40px) scale(1) rotate(45deg)}to{transform:translateY(-300px) scale(.5) rotate(225deg);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/acquisition-unboxing.css.map */