.hx-experience{--hx-progress:0;--hx-room:0;--hx-shine:0;--hx-model-opacity:1;--hx-energy:0;--hx-purchase:0;--hx-header:0px;position:relative;min-height:560svh;background:#0a0c10;color:#fff;isolation:isolate;font-family:var(--font-body-family);letter-spacing:0;overflow:clip}.hx-experience *{box-sizing:border-box}.hx-stage{position:sticky;top:var(--hx-header);height:calc(100svh - var(--hx-header));min-height:420px;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,rgba(225,235,245,calc(.025 + var(--hx-shine)*.15)),transparent 60%),#0a0c10}.hx-room,.hx-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hx-room{opacity:var(--hx-room);transform:scale(calc(1.055 - var(--hx-room)*.055));will-change:opacity,transform}.hx-room__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.hx-atmosphere{background:linear-gradient(90deg,#05070af0,#05070aad 38%,#05070a1a 75%),linear-gradient(0deg,rgba(5,7,10,.8),transparent 30%);z-index:1}.hx-top{position:absolute;inset:26px clamp(20px,5vw,76px) auto;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:5}.hx-top>span{font-size:12px;font-weight:650;letter-spacing:.14em;color:#fb2435}.hx-skip{font-size:12px;color:#d5d8de;text-decoration:none;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.hx-skip:hover{color:#fff}.hx-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;align-items:center;width:100%;height:100%;max-width:1500px;margin:auto;padding:65px clamp(20px,5vw,76px) 92px}.hx-copy{position:relative;z-index:3;max-width:500px}.hx-chapters{position:relative;min-height:290px}.hx-chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .3s,transform .45s,visibility .3s;pointer-events:none}.hx-chapter.is-active{opacity:1;visibility:visible;transform:none}.hx-step{display:block;margin-bottom:17px;color:#9a9fa8;font-size:11px;letter-spacing:.2em;font-weight:500}.hx-chapter h2{font-family:var(--font-body-family);font-size:clamp(34px,4.5vw,68px);line-height:1.04;font-weight:550;letter-spacing:-.045em;color:#fff;margin:0;max-width:10.5ch;text-wrap:balance}.hx-chapter p{margin:22px 0 0;max-width:34ch;font-size:clamp(14px,1.25vw,17px);line-height:1.6;color:#b9bdc6}.hx-purchase{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:linear-gradient(110deg,#e30613,#ff1b2c);color:#fff;text-decoration:none;border-radius:10px;min-height:50px;padding:13px 23px;font-size:15px;font-weight:600;opacity:var(--hx-purchase);visibility:hidden;pointer-events:none;margin-top:24px}.hx-experience[data-hx-final] .hx-purchase{visibility:visible;pointer-events:auto}.hx-visual{position:relative;display:grid;place-items:center;height:100%;min-width:0;perspective:1400px}.hx-plane{height:100%;max-height:710px;aspect-ratio:2880/5290;will-change:transform,opacity;transform:rotateX(22deg) rotate(-15deg);opacity:var(--hx-model-opacity)}.hx-model{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 calc(2px + var(--hx-shine)*12px) rgba(235,246,255,calc(var(--hx-shine)*.75)))}.hx-model path{fill:none;stroke-linecap:round;stroke-linejoin:round}.hx-rail{stroke:#737d8c;stroke-width:28}.hx-diffuser{stroke:#687384;stroke-width:17}.hx-light{stroke:#f3faff;stroke-width:18;opacity:var(--lit,0)}.hx-current{stroke:#ffd365;stroke-width:24;stroke-dasharray:.075 .925;stroke-dashoffset:var(--pulse-offset,0);opacity:var(--pulse,0);filter:drop-shadow(0 0 15px #eab94b)}.hx-joint path{stroke:#7b8797;stroke-width:37;stroke-linecap:butt;opacity:.85}.hx-joint circle{fill:#8993a2;stroke:#b9c2cd;stroke-width:3}.hx-joint{opacity:var(--hx-joints,1)}.hx-dimensions{opacity:calc(.55 * var(--hx-dimensions,1))}.hx-dimensions path{stroke:#727b89;stroke-width:3}.hx-dimensions text{font-size:66px;font-family:var(--font-body-family);fill:#b0b8c4;letter-spacing:5px}.hx-joint-detail{position:absolute;right:0;bottom:20px;max-width:220px;width:44%;border:1px solid #3c424e;background:#12161df0;padding:14px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none}.hx-joint-detail>span{display:block;color:#e6eaf1;font-size:12px;font-weight:600}.hx-joint-detail svg{display:block;width:100%;height:auto;margin:5px 0}.hx-joint-detail path{stroke:#d4dce7;stroke-width:12;stroke-linecap:round}.hx-joint-detail circle{fill:#647386;stroke:#d9e4ef;stroke-width:3}.hx-joint-detail small{display:block;font-size:10px;line-height:1.4;color:#9da6b5}.hx-footer{position:absolute;bottom:26px;left:clamp(20px,5vw,76px);right:clamp(20px,5vw,76px);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px}.hx-specs{display:flex;gap:18px;align-items:center}.hx-specs>span{font-size:15px;font-weight:600;white-space:nowrap}.hx-specs small{color:#a8afba;font-size:11px;font-weight:400}.hx-specs i{height:20px;width:1px;background:#343944}.hx-scroll-hint{display:flex;gap:12px;align-items:center;font-size:11px;color:#939ba8}.hx-scroll-line{width:34px;height:1px;background:#747f8f}.hx-progress{position:absolute;bottom:-26px;left:calc(-1*clamp(20px,5vw,76px));right:calc(-1*clamp(20px,5vw,76px));height:2px;background:#272c35}.hx-progress>span{display:block;width:100%;height:100%;background:#e30613;transform-origin:left;transform:scaleX(var(--hx-progress))}.hx-experience :focus-visible{outline:2px solid #fff;outline-offset:5px}#lb-hex-purchase30{scroll-margin-top:calc(var(--header-height,120px) + 15px)}@media(max-width:749px){.hx-experience{min-height:520svh}.hx-stage{min-height:460px}.hx-top{top:18px;left:18px;right:18px;gap:8px}.hx-top>span{font-size:10px;letter-spacing:.09em}.hx-skip{font-size:10px;gap:5px}.hx-layout{grid-template-columns:1fr;grid-template-rows:minmax(122px,auto) minmax(0,1fr);align-items:stretch;padding:57px 22px 67px;gap:4px}.hx-copy{max-width:100%}.hx-chapters{min-height:164px}.hx-chapter{justify-content:flex-start}.hx-step{font-size:9px;margin-bottom:10px}.hx-chapter h2{font-size:clamp(29px,7vw,37px);max-width:17ch;line-height:1.05}.hx-chapter p{font-size:12px;line-height:1.5;margin-top:12px;max-width:35ch}.hx-visual{width:100%;height:100%;min-height:160px}.hx-plane{max-height:100%;height:100%;max-width:72%}.hx-purchase{position:absolute;bottom:-72px;right:0;margin:0;font-size:12px;min-height:42px;padding:10px 15px;gap:14px;z-index:6}.hx-joint-detail{right:-4px;bottom:5px;width:36%;max-width:150px;padding:9px}.hx-joint-detail>span{font-size:10px}.hx-joint-detail small{font-size:9px}.hx-footer{bottom:19px;left:18px;right:18px;gap:6px}.hx-specs{gap:10px}.hx-specs>span{font-size:12px}.hx-specs small{font-size:9px}.hx-specs i{height:16px}.hx-scroll-hint{font-size:9px;gap:6px}.hx-scroll-line{width:18px}.hx-progress{left:-18px;right:-18px;bottom:-19px}.hx-room__image{object-position:56% center}.hx-atmosphere{background:linear-gradient(180deg,#04070be6,#04070b40 48%,#04070bcc)}}@media(max-height:600px)and (min-width:750px){.hx-stage{min-height:350px}.hx-layout{padding-top:55px;padding-bottom:65px}.hx-chapters{min-height:200px}.hx-chapter h2{font-size:36px}.hx-chapter p{font-size:13px;margin-top:12px}.hx-purchase{margin-top:12px;min-height:40px}}@media(prefers-reduced-motion:reduce){.hx-experience{min-height:0!important}.hx-stage{position:relative;height:auto;min-height:650px}.hx-room{opacity:.6;transform:none}.hx-plane{transform:none!important}.hx-light{opacity:1}.hx-chapter{transition:none}.hx-experience .hx-current,.hx-experience .hx-progress,.hx-scroll-hint{display:none}.hx-experience .hx-purchase{visibility:visible;opacity:1;pointer-events:auto}}@media(max-width:749px){.hx-stage{min-height:min(460px,calc(100svh - var(--hx-header)))}}@media(max-height:700px)and (max-width:749px){.hx-layout{padding-top:48px;padding-bottom:58px}.hx-chapters{min-height:146px}.hx-visual{min-height:100px}.hx-chapter h2{font-size:28px}.hx-chapter p{font-size:11px;margin-top:8px}}@media(prefers-reduced-motion:reduce){.hx-stage{height:650px;min-height:650px}}.hx-experience .hx-atmosphere{display:block}#lb-hex-purchase30{display:block;min-height:1px}.hx-scroll-line{display:block}.hx-visual{min-height:0;max-height:100%}.hx-plane{max-height:min(710px,calc(100svh - var(--hx-header) - 157px))}@media(max-height:600px)and (min-width:750px){.hx-layout{min-height:0}.hx-chapters{min-height:170px}.hx-chapter h2{font-size:clamp(25px,3.2vw,36px)}.hx-chapter p{font-size:11px;line-height:1.4;margin-top:8px}.hx-step{margin-bottom:10px}.hx-top{top:15px}.hx-footer{bottom:18px}.hx-progress{bottom:-18px}}.hx-visual{overflow:clip;isolation:isolate}.hx-plane{transform-origin:center;max-height:min(840px,calc(100svh - var(--hx-header) - 140px))}.hx-room{filter:brightness(calc(.65 + var(--hx-room)*.35))}@media(max-width:749px){.hx-plane{max-width:92%;max-height:100%}.hx-visual{overflow:clip}}@media(prefers-reduced-motion:reduce){.hx-room{filter:none}.hx-experience{min-height:0!important}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/lb-hex-experience30.css.map */