.xsp{position:relative;background:#eae3d6}.xsp-stage{height:100vh;position:relative;overflow:hidden;background:#eae3d6}.xsp-eyebrow{position:absolute;left:6.5%;top:11%;font-family:var(--brandcaps,var(--sans));font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#8a7860;margin:0;z-index:7}.xsp-specimen{position:absolute;top:0;bottom:0;left:54%;right:4%;display:flex;align-items:center;justify-content:center;z-index:2}.xsp-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(to bottom,#eae3d6,#eae3d600 27% 73%,#eae3d6)}.xsp-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(120% 88% at 50% 50%,#180e0700 56%,#180e071f)}.xsp-bean-wrap{position:relative;display:inline-block;height:78vh;will-change:transform;transform-origin:center center}.xsp-bean{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 24px 46px rgba(30,15,8,.24))}.xsp-bean-caviar{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;transition:opacity .35s ease;pointer-events:none}.xsp-caviar-lens{position:absolute;top:0;right:0;bottom:0;left:0;background-size:400px auto;background-position:center;background-repeat:repeat;image-rendering:auto;-webkit-mask-image:radial-gradient(ellipse 40% 15vh at 50% var(--my,50%),#000 0%,#000 44%,transparent 82%);mask-image:radial-gradient(ellipse 40% 15vh at 50% var(--my,50%),#000 0%,#000 44%,transparent 82%)}.xsp-caviar-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 30% 12vh at 50% var(--my,50%),rgba(255,249,235,.16),rgba(255,249,235,0) 70%);mix-blend-mode:soft-light}.xsp-grains{position:absolute;left:0;top:-24%;width:100%;height:148%;opacity:0;pointer-events:none;transform-origin:center center;will-change:transform}.xsp-focus{position:absolute;left:6.5%;width:42%;top:50%;transform:translateY(-50%);z-index:6}.xsp-beat{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;will-change:opacity,transform}.xsp-h{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.03em;color:#20180f;margin:0;text-transform:none!important}.xsp-h .xsp-ch{display:inline-block;opacity:0;will-change:opacity}.xsp-h .xsp-word{white-space:nowrap}.xsp-name{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6vw,96px);line-height:.98;letter-spacing:-.03em;color:#20180f;margin:0;overflow:hidden;text-transform:none!important}.xsp-detail{font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.6;letter-spacing:.01em;color:#6b5c48;margin:26px 0 0;max-width:32ch;overflow:hidden;text-transform:none!important}.xsp-rise{display:block;padding-bottom:.12em;will-change:transform}.xsp-static .xsp-beat{position:relative;top:auto;opacity:1;transform:none;margin-bottom:9vh}@media(max-width:899px){.xsp-stage{height:100vh;height:100svh}.xsp-specimen{left:0;right:0;top:0;bottom:0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.3) 66%,transparent 74%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.3) 66%,transparent 74%)}.xsp-bean-wrap{height:62vh;height:62svh}.xsp-bean{filter:drop-shadow(0 14px 30px rgba(30,15,8,.22))}.xsp-fade{background:linear-gradient(to bottom,#eae3d6,#eae3d600 16% 46%,#eae3d6e0 72%,#eae3d6)}.xsp-vignette{background:radial-gradient(120% 74% at 50% 42%,#180e0700 52%,#180e0724)}.xsp-eyebrow{top:128px}.xsp-focus{left:6.5%;right:6.5%;width:auto;top:auto;bottom:12%;transform:none}.xsp-beat{top:auto;bottom:0;transform:none;transform-origin:left bottom}.xsp-h{font-size:clamp(27px,7.4vw,36px);line-height:1.12}.xsp-name{font-size:clamp(44px,13.5vw,60px)}.xsp-detail{font-size:14px;margin:16px 0 0;max-width:30ch}.xsp-static .xsp-beat{position:relative;bottom:auto;margin-bottom:7vh}}@media(max-width:899px){.xsp-static .xsp-stage{height:auto;overflow:visible;padding:72px 0 64px}.xsp-static .xsp-specimen{position:static;height:44vh;height:44svh;margin:0 0 40px;-webkit-mask-image:none;mask-image:none}.xsp-static .xsp-focus{position:static;transform:none}.xsp-static .xsp-eyebrow{position:static;margin:0 0 28px 6.5%}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/vab-sensory.css.map */