.elixsea-scroll{--es-sand: #ddc99a;--es-ink: #07171e;--es-bottom-fade: #07171e;--es-bottom-fade-height: 48%;--es-black-sea: #030b0f;--es-bottle-y: -8vh;--es-bottle-x: 0vw;--es-bottle-rotate: 0deg;--es-bottle-scale: 1;--es-world-y: 0px;--es-world-scale: 1;--es-surface-y: 0px;--es-surface-opacity: 1;--es-surface-top: 23.5vh;--es-depth: 0;--es-light-opacity: 1;--es-video-opacity: 0;--es-bottle-opacity: 1;--es-cta-opacity: 0;--es-header-offset: 0px;--es-top-space: 0px;position:relative;height:calc(var(--es-length, 480) * 1vh);min-height:calc(var(--es-length, 480) * 6.75px);background:var(--es-black-sea);color:var(--es-sand);font-family:Montserrat,system-ui,sans-serif}.elixsea-scroll *,.elixsea-scroll *:before,.elixsea-scroll *:after{box-sizing:border-box}.elixsea-scroll img{display:block;max-width:none;-webkit-user-select:none;user-select:none}.elixsea-scroll .elixsea-scene{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--es-ink)}.elixsea-scroll .elixsea-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--es-black-sea);opacity:0;pointer-events:none;transition:opacity .6s ease}.elixsea-scroll.is-loading .elixsea-scene:after{opacity:1;transition:none}.elixsea-scroll .elixsea-air{position:absolute;display:block;inset:0 0 auto;z-index:0;height:45vh;background:radial-gradient(circle at 50% 18%,rgba(14,43,52,.45),transparent 34vh),linear-gradient(180deg,#041116,#07171e 72%,#07171e00)}.elixsea-scroll .elixsea-world{position:absolute;top:34vh;right:0;bottom:-42vh;left:0;z-index:1;overflow:hidden;transform:translate3d(0,var(--es-world-y),0) scale(var(--es-world-scale));transform-origin:50% 0%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6vh);mask-image:linear-gradient(to bottom,transparent 0,#000 6vh);will-change:transform}.elixsea-scroll .elixsea-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:calc(var(--es-depth) * .24);pointer-events:none}.elixsea-scroll .elixsea-bg{position:absolute;top:-3vh;left:50%;width:max(100vw,1180px);height:190vh;object-fit:cover;object-position:center top;transform:translate(-50%);opacity:.96}.elixsea-scroll .elixsea-vignette{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:radial-gradient(circle at 50% 12%,rgba(85,190,190,.16),transparent 24vh),radial-gradient(circle at 50% 45%,#0000,#00030585 74%),linear-gradient(180deg,#030b0f00,rgba(2,8,12,calc(.26 + var(--es-depth) * .46)) 82%);pointer-events:none}.elixsea-scroll .elixsea-light{position:absolute;top:-8vh;left:50%;width:min(34vw,430px);display:block;height:74vh;transform:translate(-50%);background:radial-gradient(ellipse at 50% 0%,rgba(115,232,225,.28),rgba(91,202,202,.1) 32%,transparent 72%);opacity:var(--es-light-opacity);pointer-events:none}.elixsea-scroll .elixsea-surface{position:absolute;left:50%;top:var(--es-surface-top);width:max(100vw,1440px);height:auto;transform:translate3d(-50%,var(--es-surface-y),0);opacity:var(--es-surface-opacity);pointer-events:none;will-change:transform,opacity}.elixsea-scroll .elixsea-surface-back{z-index:2;filter:brightness(.86) saturate(.94)}.elixsea-scroll .elixsea-surface-front{z-index:6;filter:brightness(.9) saturate(1.05)}.elixsea-scroll .elixsea-stage{position:absolute;z-index:4;top:50%;left:50%;width:auto;height:min(56vh,575px);aspect-ratio:438 / 1374;opacity:var(--es-bottle-opacity);transform:translate3d(calc(-50% + var(--es-bottle-x)),calc(-50% + var(--es-bottle-y)),0) rotate(var(--es-bottle-rotate)) scale(var(--es-bottle-scale));transform-origin:50% 52%;will-change:transform,opacity}.elixsea-scroll .elixsea-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.elixsea-scroll .elixsea-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none}.elixsea-scroll .elixsea-video-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:var(--es-video-opacity);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 84%,transparent 100%)}.elixsea-scroll .elixsea-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.elixsea-scroll .elixsea-video-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 52%,rgba(3,11,15,.5) 100%),linear-gradient(90deg,rgba(3,11,15,.6),transparent 35%,transparent 65%,rgba(3,11,15,.6))}.elixsea-scroll .elixsea-bottom-fade{position:absolute;z-index:6;left:0;right:0;bottom:0;display:block;height:var(--es-bottom-fade-height);background:linear-gradient(to top,#07171e,#07171ed4 21.44%,#07171e00 80.57%);background:linear-gradient(to top,var(--es-bottom-fade) 0%,color-mix(in srgb,var(--es-bottom-fade) 83%,transparent) 21.44%,color-mix(in srgb,var(--es-bottom-fade) 0%,transparent) 80.57%);pointer-events:none}.elixsea-scroll .elixsea-copy{position:absolute;z-index:7;top:var(--es-top, 50%);width:min(30vw,440px);color:var(--es-sand);opacity:0;pointer-events:none;will-change:opacity}.elixsea-scroll .elixsea-copy.is-left{left:max(7vw,72px);text-align:left}.elixsea-scroll .elixsea-copy.is-right{right:max(7vw,72px);text-align:right}.elixsea-scroll .elixsea-copy.is-right .elixsea-heading,.elixsea-scroll .elixsea-copy.is-right .elixsea-text{margin-left:auto}.elixsea-scroll .elixsea-chapter{margin:0 0 14px;font-size:11px;font-weight:400;line-height:1;letter-spacing:.24em;text-transform:uppercase;opacity:.68}.elixsea-scroll .elixsea-heading{margin:0;padding:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(38px,3.35vw,52px);font-style:italic;font-weight:400;line-height:.98;letter-spacing:0;text-transform:none;color:inherit;max-width:18ch;text-wrap:balance}.elixsea-scroll .elixsea-text{margin:17px 0 0;font-size:clamp(15px,1.2vw,18px);font-weight:300;line-height:1.55;letter-spacing:0;max-width:34ch;text-wrap:pretty}.elixsea-scroll .elixsea-copy.is-scrim:before{content:"";position:absolute;z-index:-1;top:-64px;right:-72px;bottom:-64px;left:-72px;background:radial-gradient(ellipse at 50% 50%,#030b0f9e,#030b0f6b 45%,#030b0f00 74%);pointer-events:none}.elixsea-scroll .elixsea-cta{position:absolute;z-index:8;left:50%;bottom:clamp(32px,9vh,88px);transform:translate(-50%);padding:16px 34px;border:1px solid var(--es-sand);color:var(--es-sand);background:#030b0f59;font-family:Montserrat,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:.24em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;opacity:var(--es-cta-opacity);visibility:hidden;transition:background-color .25s ease,color .25s ease}.elixsea-scroll .elixsea-cta.is-visible{visibility:visible}.elixsea-scroll .elixsea-cta:hover,.elixsea-scroll .elixsea-cta:focus-visible{background:var(--es-sand);color:var(--es-ink)}@media(max-width:900px){.elixsea-scroll{--es-top-space: var(--es-header, var(--es-header-offset, 0px))}.elixsea-scroll .elixsea-scene{min-height:640px;--es-surface-top: max(25vh, calc(var(--es-top-space) + 56px))}.elixsea-scroll .elixsea-world{top:35vh;right:0;bottom:-46vh;left:0}.elixsea-scroll .elixsea-stage{top:45%;width:auto;height:min(48vh,470px)}.elixsea-scroll .elixsea-video{height:100%}.elixsea-scroll .elixsea-video-scene:after{background:none}.elixsea-scroll .elixsea-copy,.elixsea-scroll .elixsea-copy.is-left,.elixsea-scroll .elixsea-copy.is-right{left:50%;right:auto;top:calc(clamp(24px,4vh,40px) + var(--es-top-space));bottom:auto;width:min(calc(100% - 40px),390px);text-align:center;transform:translate(-50%)}.elixsea-scroll .elixsea-copy.is-scrim{top:auto;bottom:clamp(20px,10vh,95px)}.elixsea-scroll .elixsea-copy.is-scrim:before{display:none}.elixsea-scroll .elixsea-heading,.elixsea-scroll .elixsea-copy.is-right .elixsea-heading{font-size:38px;line-height:1;max-width:min(16ch,100%);margin-inline:auto}.elixsea-scroll .elixsea-text,.elixsea-scroll .elixsea-copy.is-right .elixsea-text{font-size:16px;line-height:1.5;max-width:min(34ch,100%);margin-inline:auto}.elixsea-scroll .elixsea-cta{bottom:clamp(24px,7vh,56px)}}@media(prefers-reduced-motion:reduce){.elixsea-scroll{height:220vh;min-height:1600px}.elixsea-scroll .elixsea-scene:after{transition:none}.elixsea-scroll .elixsea-surface,.elixsea-scroll .elixsea-world,.elixsea-scroll .elixsea-stage,.elixsea-scroll .elixsea-copy{transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/elixsea-scroll.css.map */