.packaging-experience{padding:var(--space-12) 0;background:var(--gradient-subtle);overflow:hidden}.experience-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.experience-header{text-align:center;max-width:800px;margin:0 auto var(--space-10)}.experience-header .eyebrow{color:var(--color-gold-600);margin-bottom:var(--space-4)}.experience-header h1{margin-bottom:var(--space-5)}.experience-header p{color:var(--color-medium-gray)}.package-viewer{margin-bottom:var(--space-12)}.viewer-container{position:relative;height:600px;margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:center;perspective:1000px}.package-3d{width:300px;height:400px;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(25deg);transition:transform .6s var(--ease-out-expo);cursor:grab}.package-3d:active{cursor:grabbing}.package-3d.rotating{animation:rotate3d 10s linear infinite}@keyframes rotate3d{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}.package-3d.open{transform:rotateX(-20deg) rotateY(25deg) translateZ(50px)}.package-box{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s var(--ease-out-expo)}.package-3d.open .package-box{transform:translateY(-150px)}.box-side{position:absolute;background:var(--color-nude-200);border:1px solid var(--color-nude-300);display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden}.box-front,.box-back{width:300px;height:400px}.box-front{transform:translateZ(100px);background:linear-gradient(135deg,var(--color-nude-100) 0%,var(--color-nude-200) 100%)}.box-back{transform:rotateY(180deg) translateZ(100px)}.box-left,.box-right{width:200px;height:400px}.box-left{transform:rotateY(-90deg) translateZ(150px)}.box-right{transform:rotateY(90deg) translateZ(150px)}.box-top,.box-bottom{width:300px;height:200px}.box-top{transform:rotateX(90deg) translateZ(200px)}.box-bottom{transform:rotateX(-90deg) translateZ(200px)}.logo-emboss{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gold-600);text-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(255,255,255,.5) inset;margin-bottom:var(--space-3)}.tagline{font-size:var(--font-size-xs);color:var(--color-nude-600);letter-spacing:var(--letter-spacing-wide)}.seal-sticker{width:80px;height:80px;background:var(--color-gold-500);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transform:rotate(-15deg)}.seal-text{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);color:var(--color-pure-white);text-align:center}.box-contents{width:280px;height:380px;position:absolute;top:10px;left:10px;transform-style:preserve-3d;opacity:0;transition:opacity .6s ease}.package-3d.open .box-contents{opacity:1}.tissue-paper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.tissue-layer{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#fffc,#ffb6c14d);border-radius:8px;transform-origin:top}.tissue-1{transform:translateZ(10px) rotateX(-10deg)}.tissue-2{transform:translateZ(20px) rotateX(-20deg)}.product-pouch{position:absolute;width:200px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(30px);background:var(--color-rich-black);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.pouch-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gold-500)}.welcome-card{position:absolute;width:180px;height:120px;top:20px;right:20px;transform:translateZ(40px) rotate(5deg);background:var(--color-pure-white);border-radius:8px;padding:var(--space-4);box-shadow:var(--shadow-md)}.card-front h3{font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.card-front p{font-size:var(--font-size-xxs);color:var(--color-medium-gray);margin-bottom:var(--space-3)}.founder-signature img{width:60px;height:auto}.extras{position:absolute;bottom:20px;left:20px;transform:translateZ(35px)}.measuring-tape,.care-card,.sticker-pack{background:var(--color-off-white);padding:var(--space-2) var(--space-3);border-radius:4px;margin-bottom:var(--space-2);font-size:var(--font-size-xxs);box-shadow:var(--shadow-sm)}.viewer-controls{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.control-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-pure-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) ease}.control-btn:hover{border-color:var(--color-gold-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.control-btn.active{background:var(--color-gold-100);border-color:var(--color-gold-500)}.control-btn svg{width:24px;height:24px;stroke:var(--color-dark-gray)}.control-btn span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.swipe-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#000000b3;color:var(--color-pure-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);opacity:0;animation:fadeInOut 4s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.package-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto}.detail-card{text-align:center;padding:var(--space-6);background:var(--color-pure-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) ease}.detail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.detail-icon{font-size:3rem;margin-bottom:var(--space-4)}.detail-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.detail-card p{color:var(--color-medium-gray);line-height:var(--line-height-relaxed)}.whats-inside{margin:var(--space-12) 0;text-align:center}.whats-inside h2{margin-bottom:var(--space-8)}.contents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto}.content-item{background:var(--color-pure-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) ease}.content-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.item-image{height:200px;overflow:hidden;background:var(--color-off-white)}.item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) ease}.content-item:hover .item-image img{transform:scale(1.05)}.content-item h3{font-size:var(--font-size-sm);margin:var(--space-4) var(--space-4) var(--space-2)}.content-item p{font-size:var(--font-size-xs);color:var(--color-medium-gray);padding:0 var(--space-4) var(--space-4);line-height:var(--line-height-relaxed)}.unboxing-section{background:var(--color-pure-white);padding:var(--space-10) 0;margin:0 calc(-1 * var(--space-6));text-align:center}.unboxing-section h2{margin-bottom:var(--space-3)}.unboxing-section>p{color:var(--color-medium-gray);margin-bottom:var(--space-8)}.unboxing-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.video-card{cursor:pointer;transition:transform var(--duration-normal) ease}.video-card:hover{transform:translateY(-4px)}.video-thumbnail{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.video-thumbnail img{width:100%;height:auto;display:block;transition:transform var(--duration-slow) ease}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) ease}.play-btn:hover{background:var(--color-pure-white);transform:translate(-50%,-50%) scale(1.1)}.play-btn svg{width:24px;height:24px;margin-left:3px}.video-info h4{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.video-info p{font-size:var(--font-size-xs);color:var(--color-medium-gray);margin-bottom:var(--space-2)}.video-views{font-size:var(--font-size-xxs);color:var(--color-medium-gray)}.share-unboxing{margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-medium-gray)}.sustainability-message{background:linear-gradient(135deg,var(--color-nude-100) 0%,var(--color-off-white) 100%);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;margin-top:var(--space-12)}.message-content h2{font-size:var(--font-size-xl);margin-bottom:var(--space-5)}.message-content p{font-size:var(--font-size-md);color:var(--color-dark-gray);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto var(--space-6)}.eco-badges{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.eco-badges img{height:60px;width:auto;opacity:.7;transition:opacity var(--duration-fast) ease}.eco-badges img:hover{opacity:1}@media (max-width: 768px){.viewer-container{height:400px}.package-3d,.box-front,.box-back{width:200px;height:267px}.box-left,.box-right{width:133px;height:267px}.box-top,.box-bottom{width:200px;height:133px}.box-front{transform:translateZ(67px)}.box-back{transform:rotateY(180deg) translateZ(67px)}.box-left{transform:rotateY(-90deg) translateZ(100px)}.box-right{transform:rotateY(90deg) translateZ(100px)}.box-top{transform:rotateX(90deg) translateZ(133px)}.box-bottom{transform:rotateX(-90deg) translateZ(133px)}.viewer-controls{flex-wrap:wrap}.package-details{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-packaging-experience.css.map */