:root{--pearl-box-h: clamp(190px, 20vw, 320px);--pearl-metal-gradient: linear-gradient(158deg, #fdfdfd 0%, #c7cbd0 20%, #838890 40%, #f2f3f4 52%, #9aa0a6 68%, #e6e8ea 84%, #7d8288 100%);--pearl-links-h: 54px}.shopify-section-group-header-group{display:none!important}body{padding-top:calc(var(--pearl-box-h) + var(--pearl-links-h));background-color:#c2c6cb;background-image:var(--pearl-metal-gradient),var(--metal-grain);background-blend-mode:normal,soft-light;background-size:auto,260px 260px;background-attachment:fixed,fixed}.pearl-intro{display:contents}.pearl-intro .pearl-intro__velvet,.pearl-intro .pearl-intro__home-link,.pearl-intro .pearl-intro__box-lid-edge,.pearl-intro .pearl-intro__slice{display:block}.pearl-intro__flight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;overflow:hidden;animation:pearl-flight-hide .35s ease forwards;animation-delay:4.55s}@keyframes pearl-flight-hide{to{opacity:0}}.pearl-intro__slice{position:absolute;top:0;left:0;offset-rotate:0deg;offset-anchor:50% 50%;opacity:0;animation-name:pearl-slice-flight;animation-timing-function:cubic-bezier(.3,.05,.2,1);animation-fill-mode:forwards}@keyframes pearl-slice-flight{0%{offset-distance:0%;opacity:0}8%{opacity:1}to{offset-distance:100%;opacity:1}}.pearl-intro__slice-img{display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pearl-intro__box{position:fixed;top:0;left:0;width:100%;height:var(--pearl-box-h);z-index:9997;overflow:visible;perspective:1200px;perspective-origin:50% 0%;box-shadow:0 6px 24px #00000059}.pearl-intro__velvet{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#050505;background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0%,transparent 4%,transparent 96%,rgba(0,0,0,.5) 100%),linear-gradient(96deg,rgba(255,255,255,.06) 0%,transparent 18%,transparent 46%,rgba(255,255,255,.04) 62%,transparent 82%),var(--velvet-grain);background-blend-mode:normal,normal,soft-light;background-size:auto,auto,220px 220px;box-shadow:inset 0 4px 18px #000000e6;z-index:1}.pearl-intro__box-lid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background-color:#0c0c0c;background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0%,transparent 4%,transparent 96%,rgba(0,0,0,.5) 100%),radial-gradient(140% 220% at 50% -20%,rgba(255,255,255,.09),transparent 60%),var(--velvet-grain);background-blend-mode:normal,normal,soft-light;background-size:auto,auto,220px 220px;box-shadow:0 18px 30px #0000008c,inset 0 1px #ffffff0f;transform-origin:50% 0%;transform:rotateX(-68deg);transform-style:preserve-3d;animation:pearl-lid-close 1.1s cubic-bezier(.45,0,.2,1) forwards;animation-delay:4.6s;will-change:transform}.pearl-intro__box-lid-edge{position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#2c2c2c,#020202);border-top:1px solid rgba(255,255,255,.16);transform-origin:50% 0%;transform:rotateX(-90deg)}@keyframes pearl-lid-close{to{transform:rotateX(0)}}.pearl-intro__logo{display:block;width:clamp(160px,15vw,260px);aspect-ratio:1400 / 137;-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:var(--pearl-metal-gradient);opacity:0;transform:translateY(4px) scale(.96);animation:pearl-logo-in .7s ease forwards;animation-delay:6.3s;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 -1px 1px rgba(0,0,0,.55))}@keyframes pearl-logo-in{to{opacity:1;transform:translateY(0) scale(1)}}.pearl-intro__home-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}body.pearl-intro-done .pearl-intro__home-link{pointer-events:auto;cursor:pointer}.pearl-intro__links{position:fixed;top:var(--pearl-box-h);left:0;width:100%;height:var(--pearl-links-h);z-index:9996;display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3.5rem);background:var(--color-background, #fff);border-bottom:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(-6px);pointer-events:none;animation:pearl-links-in .5s ease forwards;animation-delay:6.8s}body.pearl-intro-done .pearl-intro__links{pointer-events:auto}@keyframes pearl-links-in{to{opacity:1;transform:translateY(0)}}.pearl-intro__links a{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--color-foreground, #121212);padding:.5rem 0}.pearl-intro__links a:hover{text-decoration:underline;text-underline-offset:4px}body.pearl-intro-done .pearl-intro__flight{animation:none!important;opacity:0!important}body.pearl-intro-done .pearl-intro__box-lid{animation:none!important;transform:rotateX(0)!important}body.pearl-intro-done .pearl-intro__logo,body.pearl-intro-done .pearl-intro__links{animation:none!important;opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){.pearl-intro__flight,.pearl-intro__slice{animation:none!important;opacity:0!important}.pearl-intro__box-lid{animation:none!important;transform:rotateX(0)!important}.pearl-intro__logo,.pearl-intro__links{animation:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-pearl-intro.css.map */