.glass-box{font-family:Space Grotesk,sans-serif;color:#111318}.glass-box *,.glass-box :after,.glass-box :before{box-sizing:border-box}.glass-box dd,.glass-box dl,.glass-box dt,.glass-box h2,.glass-box p,.glass-box ul{margin:0;padding:0}.glass-box .slide-title{font-family:Space Grotesk,sans-serif}body:has(.glass-box) #MainContent>.shopify-section:not(:has(.glass-box)),body:has(.glass-box) .shopify-section-group-footer-group,body:has(.glass-box) .shopify-section-group-header-group:not(.section-header){position:relative;z-index:2}body:has(.glass-box) #MainContent>.shopify-section:not(:has(.glass-box))>*,body:has(.glass-box) #MainContent>.shopify-section:not(:has(.glass-box))>*>.gradient{background:0 0!important}body:has(.glass-box) .product__info-container{padding:28px 30px 32px;border-radius:30px}body.has-glass-card .product__info-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(135deg,#11131838 0,#1113180f 28%,#1113180a 60%,#11131829)}@media(max-width:749px){body:has(.glass-box) .product__info-container{position:relative;padding:22px 18px 26px}}.glass-box #mbg-webgl{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;outline:0}.glass-box .cinematic-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:0 60px 40px;box-sizing:border-box}.glass-box .slide{position:absolute;bottom:12%;pointer-events:none}.glass-box #slide-1{left:0;width:100%;bottom:15%}.glass-box #slide-1 .slide-title{margin-left:60px}.glass-box #slide-1 .desc-row{position:relative;display:flex;width:100%}.glass-box #slide-1 .col-1{margin-left:60px;width:calc(40vw - 60px);max-width:calc(40vw - 60px)}.glass-box #slide-1 .col-2{display:none}.glass-box #slide-2{left:calc(50vw + 20px);right:60px;width:auto;bottom:12%}.glass-box #slide-2 .slide-desc{max-width:min(60ch,100%)}.glass-box .benefits{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:26px 40px;margin-top:10px}.glass-box .benefit{display:flex;align-items:flex-start;gap:14px;opacity:0;transform:translateY(14px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.glass-box .benefit:first-child{transition-delay:.28s}.glass-box .benefit:nth-child(2){transition-delay:.36s}.glass-box .benefit:nth-child(3){transition-delay:.44s}.glass-box .benefit:nth-child(4){transition-delay:.52s}.glass-box .slide.active .benefit{opacity:1;transform:none}.glass-box .benefit-icon{flex:0 0 30px;width:30px;height:30px;border-radius:7px;border:1px solid rgba(17,19,24,.35);color:#111318;display:grid;place-items:center}.glass-box .benefit-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.glass-box .benefit p{margin:0;font-size:14px;line-height:1.5;font-weight:300;color:#4a4f5a}.glass-box .figures{display:flex;gap:clamp(28px,4vw,64px);margin:28px 0 0}.glass-box .figure{opacity:0;transform:translateY(14px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.glass-box .figure:first-child{transition-delay:.45s}.glass-box .figure:nth-child(2){transition-delay:.53s}.glass-box .figure:nth-child(3){transition-delay:.61s}.glass-box .slide.active .figure{opacity:1;transform:none}.glass-box .figure dt{font-size:clamp(36px,3.4vw,52px);font-weight:400;line-height:1;letter-spacing:-.03em;color:#0d0f14;font-variant-numeric:tabular-nums}.glass-box .figure dd{margin:10px 0 0;font-size:12px;line-height:1.5;font-weight:400;color:#6b717d}.glass-box #slide-3{left:60px;width:min(620px,46vw);bottom:10%}.glass-box #slide-4{left:60px;max-width:640px}.glass-box #slide-4 .slide-desc{max-width:44ch}.glass-box .slide-title{font-family:Space Grotesk,sans-serif;font-size:clamp(44px,5.4vw,80px);line-height:1;font-weight:400;letter-spacing:-.035em;margin-bottom:22px;color:#0d0f14}.glass-box .slide-desc{font-size:16px;line-height:1.7;font-weight:300;color:#4a4f5a;letter-spacing:.3px;opacity:0;transform:translateY(14px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:.3s}.glass-box .slide.active .slide-desc{opacity:1;transform:translateY(0)}.glass-box .slide-title .line{display:block;overflow:hidden;white-space:nowrap;padding:.06em 0 .16em;margin:-.06em 0 -.16em}.glass-box .line-inner{display:block;transform:translateY(112%);opacity:0;filter:blur(12px);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .7s ease-out,filter 1.05s cubic-bezier(.16,1,.3,1)}.glass-box .line.muted .line-inner{transition-delay:90ms}.glass-box .slide.active .slide-title .line-inner{transform:none;opacity:1;filter:blur(0)}.glass-box .slide-title .line.muted{color:#8a909c}.glass-box .slide.active{pointer-events:auto}.glass-box .story-progress{position:fixed;top:50%;right:40px;transform:translateY(-50%);z-index:5;pointer-events:none;transition:opacity .6s}.glass-box .story-dashes{display:flex;flex-direction:column;gap:12px}.glass-box .story-dash{width:2px;height:40px;background:#11131826;border-radius:2px}.glass-box .story-dash-fill{width:100%;height:0%;background:#111318;border-radius:2px}.glass-box .scroll-stage{height:900vh;pointer-events:none}@media(max-width:900px),(max-aspect-ratio:4/5){.glass-box .cinematic-container{padding:0 24px 24px}.glass-box .story-progress{right:12px}.glass-box #slide-1,.glass-box #slide-2,.glass-box #slide-3,.glass-box #slide-4,.glass-box .slide{left:24px;right:24px;width:auto;max-width:none;bottom:auto}.glass-box #slide-1,.glass-box #slide-3{top:98px;bottom:auto}.glass-box #slide-2,.glass-box #slide-4{bottom:6%;top:auto}.glass-box #slide-1 .slide-title,.glass-box #slide-2 .slide-title,.glass-box .slide-title{margin-left:0;margin-bottom:14px;font-size:clamp(34px,10vw,64px);letter-spacing:-.035em;line-height:1}.glass-box #slide-1 .desc-row{flex-direction:column}.glass-box #slide-1 .col-1,.glass-box #slide-1 .col-2{position:static;margin-left:0;width:100%;max-width:36ch}.glass-box #slide-1 .col-2{display:none}.glass-box .benefits{grid-template-columns:1fr 1fr;gap:16px 14px}.glass-box .benefit{gap:10px}.glass-box .benefit-icon{flex-basis:26px;width:26px;height:26px;border-radius:6px}.glass-box .benefit-icon svg{width:14px;height:14px}.glass-box .benefit p{font-size:13px;line-height:1.45}.glass-box .figures{gap:22px;margin-top:20px}.glass-box .figure dt{font-size:34px}.glass-box .figure dd{font-size:11px}.glass-box #slide-3,.glass-box #slide-4{left:24px;width:auto;max-width:none}.glass-box .slide-desc{font-size:15px;line-height:1.6;max-width:36ch}}.glass-box .loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#fff;display:grid;place-items:center;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s}.glass-box .loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.glass-box .loader-inner{display:grid;justify-items:center;text-align:center;gap:20px;width:min(320px,70vw)}.glass-box .loader-value{font-size:clamp(56px,8vw,96px);font-weight:400;line-height:1;letter-spacing:-.04em;color:#111318;font-variant-numeric:tabular-nums}.glass-box .loader-unit{font-size:.35em;letter-spacing:0;margin-left:.1em;color:#11131880}.glass-box .loader-bar{width:100%;height:1px;background:#1113181f;overflow:hidden}.glass-box .loader-bar span{display:block;width:100%;height:100%;background:#111318;transform:scaleX(0);transform-origin:left center}.glass-box .loader-hint{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#11131859}body.is-loading{overflow:hidden}body.contact-open .glass-box .story-progress{opacity:0}@media(max-width:900px),(max-aspect-ratio:4/5){.glass-box #slide-1,.glass-box #slide-3{top:150px}}.glass-box .scroll-stage,.glass-box .story-dash-fill{display:block}
/*# sourceMappingURL=/cdn/shop/t/39/assets/mystery-box-glass.css.map */
