.unbox-modal{background:#f5f0e9!important}.unboxing{text-align:center;min-height:710px;padding-bottom:27px;color:#737086;background:radial-gradient(ellipse at 50% 44%,#e3dce9,#f6f1e9 70%);overflow:hidden}.unboxing>.tiny{display:block;margin:15px 15px 12px;font-size:9px;letter-spacing:2px;color:#a19aaa}.unboxing>h2{font-size:25px!important;font-weight:500;margin:15px 20px!important;line-height:1.5!important}.unboxing>p{font-size:12px;color:#9d95a5;margin:10px 20px;min-height:22px}.unbox-stage{position:relative;height:345px;display:grid;place-items:center;perspective:1000px;isolation:isolate}.unbox-halo{position:absolute;inset:8% 20%;border-radius:50%;background:radial-gradient(ellipse,#fff4ce88,#c5bad544 45%,transparent 70%);transition:transform 2s,opacity 2s}.unbox-carton{position:relative;width:200px;height:230px;transform:rotateY(-14deg) rotateX(5deg);transform-style:preserve-3d;filter:drop-shadow(15px 24px 18px #81798a30);transition:transform 1.4s,opacity 1.5s;z-index:3}.unbox-front{position:absolute;inset:30px 0 0;background:linear-gradient(120deg,#e1d8eb,#bfb6d1);border:1px solid #fffc;border-radius:3px 3px 8px 8px;box-shadow:inset 7px 0 0 #fff4, inset -10px 0 0 #aca1bf44;overflow:visible}.unbox-front:after{content:'';position:absolute;top:0;bottom:0;width:24px;right:-24px;transform:skewY(20deg);transform-origin:left top;background:linear-gradient(90deg,#b7acc9,#c9bfd7);border:1px solid #eee3f0;border-radius:0 3px 5px 0;z-index:-1}.unbox-front>small{position:absolute;left:0;right:0;bottom:20px;font-size:8px;line-height:1.8;letter-spacing:2px;color:#867598}.box-print{position:absolute;inset:12px 15px 50px;color:#fff7d8}.box-print>span{position:absolute;left:15px;top:5px;font:45px Georgia,serif}.box-print>i{position:absolute;right:18px;top:9px;font:normal 19px Georgia,serif}.box-print>b{position:absolute;right:22px;bottom:7px;font-size:36px;color:#f5f0f4;font-weight:400}.box-print>em{position:absolute;left:28px;bottom:9px;font:normal 19px Georgia,serif}.unbox-lid{position:absolute;top:7px;left:-2px;right:-2px;height:27px;border:1px solid #fff9;background:linear-gradient(145deg,#f2eaf4,#d5c9e0);border-radius:4px;box-shadow:0 4px 3px #8f7d9d33;transform-origin:50% 100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity 1.2s;z-index:4}.unbox-lid:before{content:'☾';font:18px Georgia,serif;color:#b09a79}.unbox-strip{position:absolute;top:74px;left:0;right:0;width:100%;height:40px;background:#e2d8e9;padding:0;border:0;border-top:1px dashed #fff6dc;border-bottom:1px dashed #b3a6c0;touch-action:none;overflow:visible;z-index:5;cursor:ew-resize;transform:none!important;border-radius:0}.strip-reveal{position:absolute;inset:0;width:var(--tear-progress,0%);background:linear-gradient(90deg,#f9e3a7,#e4caed);box-shadow:0 0 18px #fff0bd}.strip-perforation{position:absolute;inset:0;color:#fff6df;font-size:13px;line-height:40px;letter-spacing:3px;overflow:hidden;opacity:.7}.strip-peel{position:absolute;left:0;top:0;height:100%;width:var(--tear-progress,0%);background:linear-gradient(120deg,#ddd1e5,#bda9d1);transform:translateY(calc(var(--tear-lift,0px)));clip-path:polygon(0 0,100% 7%,98% 92%,0 100%);border-bottom:1px solid #fff4de;box-shadow:0 3px 5px #7a668a33;color:#fff;line-height:40px;text-align:right}.strip-guide{position:absolute;left:0;right:0;top:14px;color:#91829d;font-size:9px;letter-spacing:2px;pointer-events:none;animation:stripGuide 2.5s ease-in-out infinite}.unbox-sparks{position:absolute;left:50%;top:51%;height:1px;width:1px;pointer-events:none;z-index:6}.unbox-sparks i{position:absolute;font:normal 12px Georgia,serif;color:#d2be8c;opacity:0}.unbox-pouch{position:absolute;left:calc(50% - 82px);top:45px;width:164px;height:220px;z-index:5;opacity:0;pointer-events:none;transform:translateY(110px) scale(.75);background:linear-gradient(115deg,#a8a6bb 0%,#ece8ef 14%,#c0b9cf 25%,#eeebf5 45%,#b7aec8 67%,#e5dfe9 84%,#b0a7c0 100%);border:1px solid #faf4ff;border-radius:19px 19px 29px 29px;box-shadow:inset 8px 0 10px #fff5,inset -9px -9px 12px #83768d44,0 15px 20px #81728b2b;padding:0;transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1s;touch-action:none;overflow:hidden}.unbox-pouch:before,.unbox-pouch:after{content:'';position:absolute;left:6px;right:6px;height:13px;background:repeating-linear-gradient(90deg,#e4dce9 0 3px,#b1a5be 4px 5px);opacity:.6}.unbox-pouch:before{top:4px}.unbox-pouch:after{bottom:5px}.pouch-top{position:absolute;left:0;right:0;top:22px;border-bottom:1px dashed #8c7b9e;padding-bottom:8px;color:#877095;font-size:10px;letter-spacing:3px;transition:transform .7s,opacity .7s}.pouch-question{position:absolute;left:0;right:0;top:65px;font:56px Georgia,serif;color:#fff5dc;text-shadow:0 2px 3px #796c8922}.unbox-pouch>small{position:absolute;left:0;right:0;bottom:34px;font-size:7px;line-height:1.8;letter-spacing:2px;color:#97849f}.unbox-figure{position:absolute;left:calc(50% - 160px);top:0;width:320px;height:320px;opacity:0;transform:translateY(80px) scale(.4);z-index:8;pointer-events:none}.unbox-figure img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 12px #786d8525)}.unbox-caption{opacity:0;max-height:0;overflow:hidden;padding:0 20px;transition:opacity .8s,max-height .8s}.unbox-caption h3{font-size:23px;font-weight:500;color:#777080;margin:0 0 12px}.unbox-caption h3 span{display:inline-block;opacity:0}.unbox-caption p{font-size:16px;color:#948598;line-height:1.8;margin:0 0 15px}.unbox-disclaimer{display:block;font-size:10px;color:#aaa18f}.unboxing[data-phase=box-open] .unbox-lid,.unboxing[data-phase=pouch-ready] .unbox-lid,.unboxing[data-phase=foil-open] .unbox-lid,.unboxing[data-phase=reveal] .unbox-lid,.unboxing[data-phase=land] .unbox-lid{transform:rotateX(-115deg) translateY(-12px);opacity:.65}.unboxing:not([data-phase=ready]) .strip-peel{transform:translate(90px,-45px) rotate(-17deg);opacity:0;transition:transform .8s,opacity .8s}.unboxing:not([data-phase=ready]) .strip-guide{opacity:0;animation:none}.unboxing[data-phase=box-open] .unbox-carton,.unboxing[data-phase=pouch-ready] .unbox-carton{transform:translateY(60px) rotateY(-14deg) scale(.94)}.unboxing[data-phase=box-open] .unbox-pouch,.unboxing[data-phase=pouch-ready] .unbox-pouch{opacity:1;transform:translateY(-10px) scale(1);pointer-events:auto}.unboxing[data-phase=pouch-ready] .unbox-pouch{animation:pouchSway 3s ease-in-out infinite}.unboxing[data-phase=foil-open] .unbox-pouch{opacity:1;transform:translateY(-10px) scale(1.03)}.unboxing[data-phase=foil-open] .pouch-top,.unboxing[data-phase=reveal] .pouch-top{transform:translate(40px,-35px) rotate(12deg);opacity:0}.unboxing[data-phase=reveal] .unbox-pouch,.unboxing[data-phase=land] .unbox-pouch{opacity:0;transform:translateY(100px) scale(.8)}.unboxing[data-phase=foil-open] .unbox-carton,.unboxing[data-phase=reveal] .unbox-carton,.unboxing[data-phase=land] .unbox-carton{opacity:.15;transform:translateY(100px) scale(.7)}.unboxing[data-phase=foil-open] .unbox-halo,.unboxing[data-phase=reveal] .unbox-halo,.unboxing[data-phase=land] .unbox-halo{transform:scale(1.8);background:radial-gradient(ellipse,#fff3c9bb,#dbcde85e,transparent 73%)}.unboxing[data-phase=reveal] .unbox-figure{animation:unboxRise 2s cubic-bezier(.22,1,.36,1) forwards}.unboxing[data-phase=reveal] .unbox-figure img{animation:unboxTurn 2s cubic-bezier(.22,.65,.28,1) both}.unboxing[data-phase=land] .unbox-figure{opacity:1;transform:translateY(-5px) scale(1);animation:unboxLand .65s ease both}.unboxing[data-phase=reveal] .unbox-caption,.unboxing[data-phase=land] .unbox-caption{opacity:1;max-height:150px}.unboxing[data-phase=reveal] .unbox-caption h3 span{animation:encounterLetter .6s ease both;animation-delay:calc(.5s + var(--order) * 70ms)}.unboxing[data-phase=land] .unbox-caption h3 span{opacity:1}.unboxing:not([data-phase=ready]) .unbox-sparks i{animation:unboxDust 2.3s ease-out both;animation-delay:var(--delay)}.dream-object{isolation:isolate;overflow:visible}.dream-object:before{content:'';position:absolute;left:22%;right:22%;bottom:2%;height:8%;background:radial-gradient(ellipse,#6f657a30,transparent 70%);border-radius:50%;z-index:-1;filter:blur(5px)}.dream-object img{filter:drop-shadow(0 5px 6px #756c801a)}.dream-object.is-touched{animation:toySquish .75s cubic-bezier(.3,1.4,.5,1)}.dream-result .clay-result-actions{animation:actionsArrive .8s cubic-bezier(.22,1,.36,1) both}.dream-result .clay-result-copy{animation:actionsArrive .8s cubic-bezier(.22,1,.36,1) both}.dream-gallery-grid img{filter:drop-shadow(0 5px 5px #7f738b22)}
@keyframes stripGuide{50%{opacity:.4;transform:translateX(7px)}}@keyframes pouchSway{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes unboxDust{0%{opacity:0;transform:rotate(var(--a)) translateX(30px)}20%{opacity:.8}100%{opacity:0;transform:rotate(var(--a)) translateX(170px) translateY(25px)}}@keyframes unboxRise{to{opacity:1;transform:translateY(-5px) scale(1)}}@keyframes unboxTurn{to{transform:rotateY(360deg)}}@keyframes unboxLand{50%{transform:translateY(0) scale(1.025,.98)}}@keyframes toySquish{0%,100%{transform:scale(1)}35%{transform:scale(1.04,.94)}70%{transform:scale(.98,1.025)}}@keyframes actionsArrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.unboxing{min-height:665px}.unboxing>h2{font-size:21px!important}.unbox-stage{height:320px}.unbox-carton{width:180px;height:215px}.unbox-figure{width:285px;height:285px;left:calc(50% - 142.5px)}.unbox-caption h3{font-size:21px}.unbox-caption p{font-size:14px}.unboxing>.primary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.unboxing *,.unboxing *:before,.unboxing *:after,.dream-result *{animation:none!important;transition:none!important}}