.unbox-hero{background:radial-gradient(ellipse at 78% 40%,#62432d 0%,#302119 58%);color:#f4ebdc;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;padding:72px 6% 50px;overflow:hidden;align-items:center}
.unbox-copy{max-width:560px}.unbox-copy h1{font-size:clamp(42px,4.7vw,76px);line-height:1.12;margin:24px 0 30px}.unbox-copy h1 em{font-family:'Luxurious Script',cursive;font-weight:400;font-style:normal;font-size:1.25em}.unbox-copy>p:not(.eyebrow){max-width:440px;line-height:1.8;color:#d2bda4}.unbox-copy .button{margin-top:28px}.unbox-order-link{display:block;width:fit-content;margin:24px 0;text-decoration:underline;text-underline-offset:5px;font-weight:700}.unbox-copy .unbox-note{font-size:13px;margin-top:28px;max-width:370px}
.unbox-playground{min-width:0}.unbox-stage{height:470px;position:relative;perspective:1100px}.unbox-halo{position:absolute;width:390px;height:390px;border:1px solid #d7b77e30;border-radius:50%;top:25px;left:50%;transform:translateX(-50%);box-shadow:0 0 90px #d4a65410,inset 0 0 80px #d4a65410}.unbox-shadow{position:absolute;width:280px;height:44px;background:#100b08aa;border-radius:50%;filter:blur(15px);bottom:30px;left:50%;transform:translateX(-50%)}
.unbox-position{position:absolute;left:50%;top:110px;width:200px;height:282px;margin-left:-100px;transform-style:preserve-3d;transition:transform 1s .4s,opacity 1s .4s}
.unbox-cube{--turn:-28deg;position:relative;display:block;width:200px;height:282px;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(var(--turn));transition:transform .8s;outline-offset:25px}.unbox-cube:focus-visible{outline:3px solid #f5dfb2}.ub-face{position:absolute;inset:0;background-size:100% 100%;background-color:#efdac1;backface-visibility:hidden;border:1px solid #bd9e7a}.ub-front{background-image:url('assets/unboxing/front.webp');transform:translateZ(100px)}.ub-back{background-image:url('assets/unboxing/back.webp');transform:rotateY(180deg) translateZ(100px)}.ub-right{background-image:url('assets/unboxing/right.webp');transform:rotateY(90deg) translateZ(100px)}.ub-left{background-image:url('assets/unboxing/left.webp');transform:rotateY(-90deg) translateZ(100px)}
.ub-floor{position:absolute;left:0;top:182px;width:200px;height:200px;background:#725238;transform:rotateX(90deg)}.ub-lid{position:absolute;left:0;top:0;width:200px;height:200px;background:linear-gradient(135deg,#faead7,#dcc3a1);border:1px solid #ba9975;transform-origin:50% 0;transform:translateZ(-100px) rotateX(90deg);transition:transform 1.1s cubic-bezier(.3,.6,.2,1);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ad4b3f;box-shadow:inset 0 0 0 8px #e9d4b9}.ub-lid>span{font-size:22px;font-weight:700}.ub-lid small{font-size:9px;letter-spacing:2px;margin-top:10px}
.unbox-rewards{position:absolute;inset:0;pointer-events:none;visibility:hidden}.unbox-rewards img{position:absolute;object-fit:contain;opacity:0;filter:drop-shadow(0 18px 14px #0006);transform:translateY(135px) scale(.25);transition:transform 1.2s .55s cubic-bezier(.2,.75,.25,1),opacity .6s .55s}.ub-figure{height:350px;width:265px;left:calc(50% - 195px);top:20px;z-index:2}.ub-card{height:235px;width:163px;left:calc(50% + 35px);top:100px}
.unbox-hero.is-open .ub-lid{transform:translateZ(-100px) rotateX(205deg)}.unbox-hero.is-open .unbox-position{transform:translateY(115px) scale(.56);opacity:.65}.unbox-hero.is-open .unbox-rewards{visibility:visible}.unbox-hero.is-open .ub-figure{opacity:1;transform:translateY(0) scale(1)}.unbox-hero.is-open .ub-card{opacity:1;transform:translateY(0) rotate(9deg) scale(1)}
.unbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;min-height:50px}.unbox-controls button{border:1px solid #d2bda460;border-radius:50%;width:44px;height:44px;color:#f4ebdc;background:transparent;font-size:25px;cursor:pointer}.unbox-controls p{font-size:13px;text-align:center;color:#dfccb5}.unbox-controls button:disabled{opacity:.25;cursor:default}.unbox-result{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:18px;font-size:14px;font-weight:700}.unbox-result[hidden]{display:none}.unbox-result a,.unbox-result button{color:#f4ebdc;background:none;border:0;border-bottom:1px solid #b49674;padding:8px 0;cursor:pointer;font:inherit}.unbox-controls button:focus-visible,.unbox-result button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:850px){.unbox-hero{grid-template-columns:1fr;padding:45px 6% 36px;gap:12px}.unbox-copy{max-width:640px}.unbox-copy h1{font-size:48px}.unbox-stage{height:440px}.unbox-position{top:90px}.unbox-copy .unbox-note{max-width:100%}}
@media(max-width:400px){.unbox-copy h1{font-size:40px}.unbox-stage{margin:0 -12px;transform:scale(.85);transform-origin:center bottom;height:410px}.unbox-controls{gap:10px}.unbox-controls p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.unbox-hero *{transition:none!important;animation:none!important}}
.unbox-copy .button span{font-family:Arial,sans-serif}