lumalux-product{--ink:#000000;--muted:var(--ll-accent);--paper:var(--ll-paper);--accent:var(--ll-accent)}lumalux-product *{box-sizing:border-box}lumalux-product{scroll-behavior:smooth}lumalux-product{margin:0;background:var(--paper);color:var(--ink);font-family:LL TT Turns,Arial,sans-serif;-webkit-font-smoothing:antialiased}lumalux-product a{color:inherit;text-decoration:none}lumalux-product button{font:inherit;cursor:pointer}lumalux-product .brand{font-size:17px;font-weight:600;letter-spacing:2px}lumalux-product .brand span{font-weight:400;font-size:9px;display:block;letter-spacing:6px;margin-top:4px}lumalux-product .preview,lumalux-product .navlink{font-size:10px;letter-spacing:1.5px}lumalux-product .preview{display:flex;align-items:center;gap:10px}lumalux-product .preview i{width:6px;height:6px;border-radius:50%;background:var(--ll-accent)}lumalux-product .navlink{font-size:12px;letter-spacing:0}lumalux-product .intro{text-align:center;padding:170px 20px 0;min-height:62svh;position:relative}lumalux-product .eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:500}lumalux-product .intro h2{font-size:clamp(36px,5.5vw,76px);font-weight:400;letter-spacing:-2px;margin:28px 0 18px}lumalux-product .intro p,lumalux-product .outro>p{font-size:14px;color:var(--muted);font-weight:300;letter-spacing:1px}lumalux-product .scroll-link{display:inline-flex;gap:26px;align-items:center;font-size:11px;margin-top:30px}lumalux-product .scroll-link span{font-size:20px}lumalux-product .intro-line{height:40px;width:1px;background:#00000030;margin:24px auto 0}lumalux-product .journey{height:430svh;position:relative}lumalux-product .stage{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--paper);transition:background .5s,color .5s}lumalux-product .ambient{position:absolute;width:75vw;height:75vw;max-width:1000px;max-height:1000px;background:radial-gradient(ellipse,#CEB3A577,transparent 65%);left:20%;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.65}lumalux-product .ghost{position:absolute;left:39%;top:50%;transform:translate(-20%,-50%);font-size:clamp(120px,22vw,350px);letter-spacing:-.08em;white-space:nowrap;color:currentColor;opacity:.035;font-weight:400}lumalux-product .model-wrap{position:absolute;left:33%;width:66%;height:90%;top:3%;will-change:transform}lumalux-product model-viewer{width:100%;height:100%;--poster-color:transparent;background:transparent}lumalux-product .copy{position:absolute;left:7%;top:38%;width:30%;max-width:370px}lumalux-product .copy h2{font-weight:400;font-size:clamp(28px,3.3vw,50px);line-height:1.45;letter-spacing:-1.4px;margin:22px 0}lumalux-product .copy p{font-size:13px;line-height:2;color:var(--muted);max-width:270px}lumalux-product .copy{transition:opacity .15s}lumalux-product .stage-foot{position:absolute;bottom:40px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px}lumalux-product .dots{display:flex;gap:12px}lumalux-product .dots button{border:0;padding:0;width:6px;height:6px;background:currentColor;opacity:.2;border-radius:50%;transition:transform .3s,opacity .3s}lumalux-product .dots button.active{opacity:1;transform:scale(1.5)}lumalux-product .rail{position:absolute;bottom:0;height:2px;left:0;right:0;background:#00000015}lumalux-product .rail i{display:block;height:100%;width:0;background:var(--accent)}lumalux-product .loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:12px;letter-spacing:1px;background:var(--paper)}lumalux-product .loader>div{width:170px;height:2px;background:#00000015}lumalux-product .loader i{display:block;height:2px;background:var(--accent);width:0}lumalux-product .loader small{font-size:10px;color:var(--muted)}lumalux-product .outro{text-align:center;padding:125px 20px 90px;background:#fff}lumalux-product .outro h2{font-size:clamp(30px,4vw,56px);font-weight:400;letter-spacing:-1px;margin:25px 0}lumalux-product .actions{display:flex;justify-content:center;gap:12px;margin:38px 0 65px}lumalux-product .actions button{border-radius:50px;padding:16px 25px;background:var(--ink);border:1px solid var(--ink);color:#fff;font-size:12px;display:flex;gap:25px;align-items:center}lumalux-product .actions .secondary{color:var(--ink);background:transparent;border-color:#00000030}lumalux-product .note{font-size:10px;color:#888}lumalux-product .note>span{display:inline-block;border:1px solid #ddd;padding:4px 10px;border-radius:20px}lumalux-product .note p{line-height:1.9}lumalux-product dialog{width:min(900px,94vw);height:min(800px,90svh);padding:20px;border:1px solid #ddd;border-radius:20px;background:var(--paper)}lumalux-product dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}lumalux-product .dialog-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}lumalux-product .dialog-head button{border:0;background:transparent;padding:10px}lumalux-product dialog model-viewer{height:85%}lumalux-product dialog>p{text-align:center;color:var(--muted);font-size:12px}lumalux-product.dark .stage{background:var(--ll-accent);color:var(--ll-paper)}lumalux-product.dark .copy p{color:#f2e9dd}lumalux-product.dark .ambient{background:radial-gradient(ellipse,color-mix(in srgb,var(--ll-accent) 33.33%,transparent),transparent 65%)}lumalux-product :focus-visible{outline:2px solid var(--ll-accent);outline-offset:6px}@media(max-width:700px){lumalux-product .brand{font-size:13px}lumalux-product .brand span{font-size:8px}lumalux-product .navlink{display:none}lumalux-product .preview{font-size:8px}lumalux-product .intro{padding-top:145px;min-height:65svh}lumalux-product .intro h2{letter-spacing:-1px}lumalux-product .intro p{font-size:12px}lumalux-product .model-wrap{left:-6%;width:112%;height:65%;top:30%}lumalux-product .copy{top:9%;left:8%;width:84%;max-width:none}lumalux-product .copy h2{font-size:30px;line-height:1.35;margin:16px 0 12px}lumalux-product .copy h2 br{display:none}lumalux-product .copy p{max-width:300px;font-size:12px;line-height:1.8}lumalux-product .ghost{left:15%;top:60%;font-size:28vw}lumalux-product .stage-foot{bottom:25px;left:8%;right:8%;font-size:8px;letter-spacing:.7px}lumalux-product .scroll-hint{display:none}lumalux-product .outro{padding:90px 24px 65px}lumalux-product .actions{flex-direction:column;align-items:center;margin-bottom:50px}lumalux-product .actions button{justify-content:space-between;min-width:210px}}@media(prefers-reduced-motion:reduce){lumalux-product{scroll-behavior:auto}lumalux-product *{transition:none!important}}lumalux-product .intro{padding-top:155px;min-height:88svh}lumalux-product .intro h2{font-size:clamp(66px,8.7vw,130px);line-height:.98;letter-spacing:-.065em;margin:30px 0 24px}lumalux-product .intro h2 em{font-family:inherit;font-weight:400;color:var(--ll-accent)}lumalux-product .intro p{line-height:1.9;font-size:13px;letter-spacing:.2px}lumalux-product .copy h2{line-height:1.08;letter-spacing:-1.8px;font-size:clamp(36px,4.5vw,64px)}lumalux-product .copy p{line-height:1.8;font-size:13px}lumalux-product .pillars{padding:120px 7%;background:var(--ll-paper)}lumalux-product .section-head{max-width:650px}lumalux-product .section-head h2,lumalux-product .modes h2,lumalux-product .family h2{font-size:clamp(44px,6vw,80px);font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:28px 0}lumalux-product .section-head>p,lumalux-product .mode-intro>p,lumalux-product .family>div>p{max-width:460px;color:var(--muted);font-size:14px;line-height:1.9}lumalux-product .pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #00000025}lumalux-product .pillar-grid article{padding:30px 25px 0 0}lumalux-product .pillar-grid article+article{border-left:1px solid #00000018;padding-left:25px}lumalux-product .pillar-grid article>span{font-size:9px;letter-spacing:1.5px}lumalux-product .pillar-grid strong{display:block;font-size:48px;font-weight:400;letter-spacing:-2px;margin-top:35px}lumalux-product .pillar-grid strong small{font-size:12px;letter-spacing:0;color:var(--muted)}lumalux-product .pillar-grid h3{font-weight:500;font-size:15px;margin-top:26px}lumalux-product .pillar-grid p{font-size:12px;line-height:1.9;color:var(--muted)}lumalux-product .modes{padding:110px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--ll-accent);color:var(--ll-paper);align-items:center}lumalux-product .modes h2{margin:25px 0}lumalux-product .modes p{color:#f2e9dd;font-size:13px;line-height:1.9}lumalux-product .mode-tabs{display:flex;gap:8px;margin:30px 0}lumalux-product .mode-tabs button{background:transparent;border:1px solid #ffffff30;color:#f2e9dd;border-radius:30px;padding:12px 17px;font-size:11px}lumalux-product .mode-tabs button[aria-selected=true]{background:var(--ll-paper);color:var(--ll-accent);border-color:var(--ll-paper)}lumalux-product .modes h3{font-weight:400;font-size:16px}lumalux-product .session{font-size:9px;letter-spacing:2px;display:block;margin-top:22px}lumalux-product .spectrum{aspect-ratio:1;position:relative;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--ll-accent) 20%,transparent),transparent 65%);--wave:var(--ll-accent)}lumalux-product .spectrum-orbit{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:1px solid color-mix(in srgb,var(--ll-accent) 26.67%,transparent);box-shadow:inset 0 0 60px color-mix(in srgb,var(--ll-accent) 13.33%,transparent),0 0 90px color-mix(in srgb,var(--ll-accent) 9.41%,transparent)}lumalux-product .spectrum-orbit:after,lumalux-product .spectrum-orbit:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid color-mix(in srgb,var(--ll-accent) 20%,transparent)}lumalux-product .spectrum-orbit:after{top:25%;right:25%;bottom:25%;left:25%;border-color:color-mix(in srgb,var(--ll-accent) 13.33%,transparent)}lumalux-product .spectrum-core{z-index:1}lumalux-product .spectrum-core>span{font-size:clamp(22px,2.6vw,40px);letter-spacing:-1px;font-weight:300;color:var(--wave)}lumalux-product .spectrum-core small{display:block;font-size:8px;letter-spacing:2px;margin-top:15px;color:#f2e9dd}lumalux-product .wave-tags{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;font-size:8px;letter-spacing:1px;color:#f2e9dd}lumalux-product .spectrum.blue{--wave:var(--ll-blue);background:radial-gradient(circle,color-mix(in srgb,var(--ll-blue) 20%,transparent),transparent 65%)}lumalux-product .family{padding:110px 7%;background:#f2e9dd}lumalux-product .family-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;border-top:1px solid #00000025}lumalux-product .family article{padding:32px 0}lumalux-product .family h3{font-size:26px;font-weight:400;letter-spacing:-.5px;margin:0 0 10px}lumalux-product .family article p{font-size:12px;color:var(--muted)}lumalux-product .family article strong{display:block;font-weight:400;font-size:22px;margin:30px 0 12px}lumalux-product .family article span{font-size:11px;color:var(--muted)}@media(max-width:700px){lumalux-product .intro{min-height:85svh;padding-top:150px}lumalux-product .intro h2{font-size:78px}lumalux-product .intro p{font-size:11px;max-width:310px;margin:auto}lumalux-product .intro .eyebrow{font-size:9px}lumalux-product .copy{top:8%}lumalux-product .copy h2{font-size:38px;line-height:1.1;max-width:310px}lumalux-product .copy h2 br{display:block}lumalux-product .copy p{max-width:320px;font-size:11px}lumalux-product .model-wrap{top:32%;height:62%}lumalux-product .stage-foot>span:first-child{max-width:210px;font-size:7px}lumalux-product .pillars,lumalux-product .family{padding:75px 8%}lumalux-product .pillar-grid{grid-template-columns:1fr 1fr;margin-top:35px}lumalux-product .pillar-grid article{padding:25px 16px 16px 0}lumalux-product .pillar-grid article+article{padding-left:16px}lumalux-product .pillar-grid article:nth-child(3){border-left:0;padding-left:0}lumalux-product .pillar-grid strong{font-size:38px;margin-top:24px}lumalux-product .pillar-grid strong small{font-size:10px}lumalux-product .pillar-grid h3{font-size:13px}lumalux-product .pillar-grid p{font-size:11px}lumalux-product .modes{padding:75px 8%;grid-template-columns:1fr;gap:35px}lumalux-product .spectrum{max-width:400px;width:100%;margin:auto}lumalux-product .spectrum-core>span{font-size:28px}lumalux-product .family-row{gap:25px;grid-template-columns:1fr}lumalux-product .family article+article{border-top:1px solid #00000020}lumalux-product .family h3{font-size:25px}lumalux-product .outro h2{font-size:35px}lumalux-product .note{font-size:9px;max-width:380px;margin:auto}lumalux-product .outro>p{font-size:12px}}lumalux-product h1,lumalux-product h2,lumalux-product h3,lumalux-product .pillar-grid strong,lumalux-product .family article strong,lumalux-product .spectrum-core>span,lumalux-product .ghost{font-family:LL Intrinseca Nova,sans-serif;font-weight:300!important;font-synthesis:none}lumalux-product h1,lumalux-product h2,lumalux-product h3{letter-spacing:-.02em!important;line-height:1.2!important}lumalux-product .intro h2 em{font-style:normal;font-weight:300}lumalux-product .intro h2{font-size:clamp(64px,8vw,116px)}lumalux-product p{letter-spacing:.04em;font-weight:400!important;line-height:1.7!important}lumalux-product .eyebrow,lumalux-product .pillar-grid article>span,lumalux-product .session{font-family:LL TT Turns,sans-serif;font-weight:500;letter-spacing:.11em;text-transform:uppercase}lumalux-product .intro p{max-width:590px;margin:0 auto}lumalux-product .copy h2{font-size:clamp(35px,4.2vw,59px)}lumalux-product .modes .spectrum-core>span{color:var(--ll-paper)}lumalux-product .modes .blue .spectrum-core>span{color:var(--ll-blue)}lumalux-product .spectrum.blue .spectrum-orbit,lumalux-product .spectrum.blue .spectrum-orbit:before,lumalux-product .spectrum.blue .spectrum-orbit:after{border-color:color-mix(in srgb,var(--ll-blue) 33.33%,transparent)}lumalux-product .brand{font-family:LL TT Turns,sans-serif;font-weight:500}lumalux-product .actions button:hover{background:#b88775;border-color:#b88775;color:#000}lumalux-product .actions .secondary:hover{background:var(--ll-blue);border-color:var(--ll-blue);color:#000}lumalux-product .preview i{background:#b88775}lumalux-product.dark .ambient{background:radial-gradient(ellipse,color-mix(in srgb,var(--ll-accent) 26.67%,transparent),transparent 65%)}lumalux-product .model-wrap{isolation:isolate}@media(max-width:700px){lumalux-product .intro h2{font-size:74px}lumalux-product .copy h2{font-size:36px}lumalux-product .copy p{line-height:1.7}lumalux-product .pillar-grid article p{font-size:11px;letter-spacing:.025em}}lumalux-product{--accent:var(--ll-accent);--muted:#60463d}lumalux-product .preview i{background:var(--ll-accent)}lumalux-product.dark .stage,lumalux-product .modes,lumalux-product .family{background:var(--ll-accent);color:#000}lumalux-product.dark .copy p,lumalux-product .modes p,lumalux-product .mode-intro>p,lumalux-product .family p,lumalux-product .family article p,lumalux-product .family article span{color:#49362e}lumalux-product.dark .ambient{background:radial-gradient(ellipse,#FFFFFF33,transparent 65%)}lumalux-product .modes .spectrum-core>span,lumalux-product .modes .blue .spectrum-core>span{color:#000}lumalux-product .spectrum-core small,lumalux-product .wave-tags{color:#49362e}lumalux-product .mode-tabs button{color:#000;border-color:#00000050}lumalux-product .mode-tabs button[aria-selected=true]{background:#000;color:#fff;border-color:#000}lumalux-product .spectrum,lumalux-product .spectrum.blue{background:radial-gradient(circle,#FFFFFF44,transparent 65%)}lumalux-product .spectrum-orbit,lumalux-product .spectrum.blue .spectrum-orbit{border-color:#00000030;box-shadow:inset 0 0 60px #fff2,0 0 90px #ffffff18}lumalux-product .spectrum-orbit:before,lumalux-product .spectrum-orbit:after,lumalux-product .spectrum.blue .spectrum-orbit:before,lumalux-product .spectrum.blue .spectrum-orbit:after{border-color:#00000020}lumalux-product .actions button:hover,lumalux-product .actions .secondary:hover{background:var(--ll-accent);border-color:var(--ll-accent);color:#000}lumalux-product :focus-visible{outline-color:#000}lumalux-product.dark .stage,lumalux-product .modes,lumalux-product .family{color:#fff}lumalux-product.dark .copy p,lumalux-product .modes p,lumalux-product .mode-intro>p,lumalux-product .family>div>p,lumalux-product .family article p,lumalux-product .family article span{color:#fff}lumalux-product .modes .spectrum-core>span,lumalux-product .modes .blue .spectrum-core>span,lumalux-product .spectrum-core small,lumalux-product .wave-tags{color:#fff}lumalux-product .mode-tabs button{color:#fff;border-color:#ffffff80}lumalux-product .mode-tabs button[aria-selected=true]{background:#fff;color:var(--ll-accent);border-color:#fff}lumalux-product .spectrum-orbit,lumalux-product .spectrum.blue .spectrum-orbit{border-color:#fff6}lumalux-product .spectrum-orbit:before,lumalux-product .spectrum-orbit:after,lumalux-product .spectrum.blue .spectrum-orbit:before,lumalux-product .spectrum.blue .spectrum-orbit:after{border-color:#fff4}lumalux-product .actions button:hover,lumalux-product .actions .secondary:hover{background:var(--ll-accent);border-color:var(--ll-accent);color:#fff}lumalux-product.dark .dots button{color:#fff}lumalux-product .family-row,lumalux-product .family article+article{border-color:#fff5}lumalux-product .intro h2 em{color:var(--ll-accent)}lumalux-product .intro h2 em{color:#000}lumalux-product .intro h2 .hero-red{color:var(--ll-accent)}lumalux-product .intro h2 .hero-red{font-family:LL Intrinseca Nova,sans-serif;font-weight:500;font-style:italic;color:var(--ll-accent);font-synthesis:none}lumalux-product .intro h2 .hero-red{font-weight:350}lumalux-product .intro h2 .hero-red{font-weight:350;font-style:normal}lumalux-product .intro{min-height:0;padding:128px 20px 12px}lumalux-product .intro h2{margin:20px 0 18px}lumalux-product .intro .scroll-link{margin-top:22px}lumalux-product .intro-line{height:20px;margin:12px auto 0}lumalux-product .journey{height:320svh}lumalux-product .stage{height:min(760px,100svh)}lumalux-product .model-wrap{top:0;height:100%}lumalux-product .copy{top:50%;transform:translateY(-50%)}lumalux-product .copy h2{margin:15px 0}lumalux-product .stage-foot{bottom:24px}lumalux-product .bff-nav{display:flex;justify-content:center;gap:45px;padding:20px;border-top:1px solid #0002;border-bottom:1px solid #0002;background:var(--ll-paper)}lumalux-product .bff-nav a{font-size:12px;letter-spacing:.06em}lumalux-product .bff-nav a:hover{text-decoration:underline;text-underline-offset:5px}lumalux-product .benefits{padding:65px 7%;background:#fff}lumalux-product .benefits,lumalux-product .pillars{--muted:var(--ll-body-text, #60463D);color:var(--ink)}lumalux-product .benefits .section-head h2,lumalux-product .modes h2,lumalux-product .pillars .section-head h2{font-size:clamp(42px,5vw,65px);margin:18px 0}lumalux-product .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}lumalux-product .benefit-grid article{border-top:1px solid #0002;padding-top:22px}lumalux-product .benefit-mark{font-size:12px;color:#b88775}lumalux-product .benefit-grid h3{font-size:30px;margin:18px 0;line-height:1.2}lumalux-product .benefit-grid p{color:var(--muted);font-size:13px;line-height:1.7}lumalux-product .benefit-grid article>span{font-size:8px;letter-spacing:.1em;display:block;margin-top:22px}lumalux-product .modes,lumalux-product .pillars,lumalux-product .family{padding:65px 7%}lumalux-product .modes{gap:7%}lumalux-product .modes .spectrum{max-width:390px;width:100%;justify-self:center}lumalux-product .mode-tabs{margin:22px 0}lumalux-product .pillar-grid{margin-top:30px}lumalux-product .pillar-grid strong{margin-top:24px}lumalux-product .feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 28px;border-top:1px solid #0002;margin-top:30px;padding-top:26px}lumalux-product .feature-list>div{font-size:12px;line-height:1.7}lumalux-product .feature-list span{color:#b88775;font-size:9px;margin-right:12px}lumalux-product .family-row{margin-top:25px}lumalux-product .family article{padding:24px 0}lumalux-product .outro{padding:65px 20px 45px}lumalux-product .actions{margin:26px 0 30px}lumalux-product .section-head p{margin-bottom:0}lumalux-product [data-ll-id=benefits],lumalux-product [data-ll-id=functions],lumalux-product [data-ll-id=features]{scroll-margin-top:24px}@media(max-width:700px){lumalux-product .intro{min-height:0;padding:112px 22px 8px}lumalux-product .intro h2{font-size:64px;margin:18px 0}lumalux-product .intro .scroll-link{margin-top:18px}lumalux-product .intro-line{height:16px;margin:10px auto 0}lumalux-product .stage{height:min(760px,100svh)}lumalux-product .journey{height:300svh}lumalux-product .copy{top:6%;transform:none}lumalux-product .model-wrap{top:30%;height:65%}lumalux-product .stage-foot{bottom:18px}lumalux-product .benefits,lumalux-product .modes,lumalux-product .pillars,lumalux-product .family{padding:42px 8%}lumalux-product .benefit-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}lumalux-product .benefit-grid h3{font-size:28px;margin:12px 0}lumalux-product .benefit-grid h3 br{display:none}lumalux-product .benefit-grid p{font-size:12px}lumalux-product .benefit-grid article>span{margin-top:14px}lumalux-product .feature-list{grid-template-columns:1fr 1fr;gap:14px}lumalux-product .feature-list>div{font-size:11px}lumalux-product .feature-list span{display:block}lumalux-product .bff-nav{gap:26px;padding:17px}lumalux-product .bff-nav a{font-size:11px}lumalux-product .modes .spectrum{max-width:290px}lumalux-product .outro{padding:45px 22px}lumalux-product .actions{margin-bottom:25px}}lumalux-product .mode-journey{height:180svh;background:var(--ll-accent);position:relative}lumalux-product .mode-journey>.modes{position:sticky;top:0;height:min(700px,100svh);min-height:560px;padding:40px 7%;overflow:hidden;gap:5%}lumalux-product .mode-intro{position:relative;z-index:2}lumalux-product .mode-intro>p{max-width:430px}lumalux-product .mode-journey .modes .mode-visual{width:100%;height:100%;max-width:520px;max-height:600px;aspect-ratio:auto;background:none;--light:#e83932;position:relative;isolation:isolate}lumalux-product .mode-visual.blue{--light:#5278ed}lumalux-product .mode-visual model-viewer{position:absolute;top:4%;right:-7%;bottom:13%;left:-7%;width:114%;height:83%;z-index:2}lumalux-product .mode-glow{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--light) 35%,transparent),transparent 68%);transition:background .6s;z-index:0}lumalux-product .mode-orbit{position:absolute;border-radius:50%;border:1px solid #FFFFFF66;top:8%;right:0;bottom:20%;left:0;z-index:1;transform-origin:center;will-change:transform}lumalux-product .mode-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--light);box-shadow:0 0 18px var(--light);left:50%;top:-4px}lumalux-product .orbit-two{top:16%;right:8%;bottom:28%;left:8%;border-style:dashed;border-color:#fff5}lumalux-product .mode-badge{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;z-index:4}lumalux-product .mode-badge>span:first-child{border:1px solid #FFFFFF80;border-radius:30px;padding:5px 9px}lumalux-product .mode-wave{position:absolute;bottom:12%;left:0;right:0;text-align:center;z-index:3}lumalux-product .mode-wave>span{font-family:LL Intrinseca Nova,sans-serif;font-weight:300;font-size:clamp(23px,2.5vw,36px);color:#fff}lumalux-product .mode-wave small{display:block;margin-top:6px;font-size:8px;letter-spacing:.13em}lumalux-product .mode-visual .wave-tags{bottom:6%;font-size:8px;gap:16px;flex-wrap:wrap}lumalux-product .mode-scroll{position:absolute;bottom:0;left:12%;right:12%;text-align:center;font-size:7px;letter-spacing:.1em}lumalux-product .mode-scroll>div{height:2px;background:#fff4;margin-top:10px}lumalux-product .mode-scroll i{display:block;height:100%;background:#fff;width:0}lumalux-product .mode-visual model-viewer::part(default-progress-bar){background:#fff}@media(max-width:700px){lumalux-product .mode-journey{height:190svh}lumalux-product .mode-journey>.modes{height:100svh;min-height:640px;padding:28px 8% 22px;grid-template-columns:1fr;grid-template-rows:auto minmax(270px,1fr);gap:18px}lumalux-product .mode-journey h2{font-size:38px;margin:12px 0}lumalux-product .mode-intro>p{font-size:11px;max-width:100%}lumalux-product .mode-tabs{margin:15px 0}lumalux-product .mode-tabs button{padding:9px 12px;font-size:10px}lumalux-product .mode-journey h3{margin:12px 0 8px}lumalux-product .mode-journey [data-ll-id=modeCopy]{font-size:11px;margin:0;line-height:1.6!important}lumalux-product .session{font-size:8px;margin-top:12px}lumalux-product .mode-journey .modes .mode-visual{max-width:360px;min-height:270px;height:100%}lumalux-product .mode-visual model-viewer{top:0;right:-9%;bottom:17%;left:-9%;width:118%;height:83%}lumalux-product .mode-badge{font-size:9px;top:-2px}lumalux-product .mode-badge>span:first-child{padding:3px 7px}lumalux-product .mode-wave{bottom:16%}lumalux-product .mode-wave>span{font-size:23px}lumalux-product .mode-wave small{font-size:6px}lumalux-product .mode-visual .wave-tags{bottom:9%;font-size:6px;gap:10px}lumalux-product .mode-scroll{font-size:6px}lumalux-product .mode-orbit{top:3%;right:5%;bottom:24%;left:5%}lumalux-product .orbit-two{top:12%;right:14%;bottom:33%;left:14%}}@media(prefers-reduced-motion:reduce){lumalux-product .mode-orbit{transform:none!important}lumalux-product .mode-glow{transition:none}}lumalux-product .stage .model-wrap{left:0;right:0;top:0;width:100%;height:100%;z-index:1}lumalux-product .stage .copy{z-index:3;pointer-events:none;max-width:390px}lumalux-product .stage .ambient,lumalux-product .stage .ghost{z-index:0}lumalux-product .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--ll-paper) 85.1%,transparent),color-mix(in srgb,var(--ll-paper) 39.61%,transparent) 27%,color-mix(in srgb,var(--ll-paper) 0%,transparent) 53%)}lumalux-product.dark .stage:after{background:linear-gradient(90deg,color-mix(in srgb,var(--ll-accent) 85.49%,transparent),color-mix(in srgb,var(--ll-accent) 39.61%,transparent) 27%,color-mix(in srgb,var(--ll-accent) 0%,transparent) 53%)}lumalux-product .stage-foot,lumalux-product .stage .rail{z-index:4}lumalux-product .mode-journey>.modes:after{content:"";position:absolute;top:0;bottom:0;left:50%;right:0;background:var(--ll-accent);z-index:0;transition:background .6s}lumalux-product .mode-journey>.modes.mode-two:after{background:var(--ll-blue)}lumalux-product .mode-journey .mode-visual{z-index:1}lumalux-product .mode-journey .mode-visual.blue{--light:var(--ll-blue)}lumalux-product .mode-two .mode-badge,lumalux-product .mode-two .mode-wave>span,lumalux-product .mode-two .mode-wave small,lumalux-product .mode-two .wave-tags,lumalux-product .mode-two .mode-scroll{color:#303344}lumalux-product .mode-two .mode-badge>span:first-child{border-color:#30334466}lumalux-product .mode-two .mode-orbit{border-color:#30334444}lumalux-product .mode-two .mode-orbit:after{background:#fff;box-shadow:0 0 18px #fff}lumalux-product .mode-two .mode-scroll>div{background:#30334433}lumalux-product .mode-two [data-ll-id=modeProgress]{background:#303344}lumalux-product .mode-two .mode-glow{background:radial-gradient(ellipse,#FFFFFF88,transparent 68%)}@media(max-width:700px){lumalux-product .stage .model-wrap{left:0;right:0;top:12%;width:100%;height:88%}lumalux-product .stage .copy{left:8%;top:6%;width:84%;max-width:none}lumalux-product .stage .copy h2{font-size:32px;max-width:340px}lumalux-product .stage .copy p{font-size:11px;max-width:310px}lumalux-product .stage:after{background:linear-gradient(180deg,color-mix(in srgb,var(--ll-paper) 90.2%,transparent),color-mix(in srgb,var(--ll-paper) 40%,transparent) 28%,color-mix(in srgb,var(--ll-paper) 0%,transparent) 50%)}lumalux-product.dark .stage:after{background:linear-gradient(180deg,color-mix(in srgb,var(--ll-accent) 90.2%,transparent),color-mix(in srgb,var(--ll-accent) 40%,transparent) 28%,color-mix(in srgb,var(--ll-accent) 0%,transparent) 50%)}lumalux-product .mode-journey>.modes:after{display:none}lumalux-product .mode-journey .modes .mode-visual.blue{background:var(--ll-blue);border-radius:16px}lumalux-product .mode-journey .modes .mode-visual{transition:background .6s}}lumalux-product .journey .stage{height:100svh;height:100dvh;min-height:0;width:100%;top:0}lumalux-product .stage .model-wrap{top:0;right:0;bottom:0;left:0;width:100%;height:100%}lumalux-product .mode-journey{height:200svh}lumalux-product .mode-journey>.modes{height:100svh;height:100dvh;min-height:0;width:100%;padding:clamp(24px,5vh,64px) 7%}lumalux-product .mode-journey .modes .mode-visual{max-height:none;max-width:none;height:100%;width:100%}@media(max-width:700px){lumalux-product .stage .model-wrap{top:0;right:0;bottom:0;left:0;width:100%;height:100%}lumalux-product .stage .copy{top:5%}lumalux-product .mode-journey{height:200svh}lumalux-product .mode-journey>.modes{height:100svh;height:100dvh;min-height:0;padding:24px 8% 18px;grid-template-rows:auto minmax(0,1fr);gap:14px}lumalux-product .mode-journey .modes .mode-visual{min-height:0;max-width:none;max-height:none;height:100%}}@media(max-height:650px)and (min-width:701px){lumalux-product .mode-journey>.modes{padding:22px 6%}lumalux-product .mode-journey h2{font-size:40px;margin:10px 0}lumalux-product .mode-intro>p,lumalux-product .mode-journey [data-ll-id=modeCopy]{font-size:11px}lumalux-product .mode-tabs{margin:14px 0}lumalux-product .stage .copy h2{font-size:38px}}lumalux-product .mode-journey,lumalux-product .mode-journey>.modes{transition:background .6s,color .6s}lumalux-product .mode-journey.mode-two,lumalux-product .mode-journey>.modes.mode-two{background:var(--ll-blue)}lumalux-product .mode-journey.mode-two .mode-intro,lumalux-product .mode-journey.mode-two .mode-intro p,lumalux-product .mode-journey.mode-two .session{color:#303344}lumalux-product .mode-journey.mode-two .mode-tabs button{color:#303344;border-color:#30334466}lumalux-product .mode-journey.mode-two .mode-tabs button[aria-selected=true]{background:#fff;border-color:#fff;color:#303344}lumalux-product .mode-journey .modes .mode-visual.blue{background:transparent;border-radius:0}lumalux-product .mode-two .orbit-one:after{background:var(--ll-red-marker);box-shadow:0 0 10px color-mix(in srgb,var(--ll-red-marker) 50.2%,transparent),0 0 22px color-mix(in srgb,var(--ll-red-marker) 20%,transparent)}lumalux-product .mode-two .orbit-two:after{background:var(--ll-blue-marker);box-shadow:0 0 10px color-mix(in srgb,var(--ll-blue-marker) 50.2%,transparent),0 0 22px color-mix(in srgb,var(--ll-blue-marker) 20%,transparent)}lumalux-product .mode-visual:not(.blue) .orbit-one:after{background:var(--ll-red-marker);box-shadow:0 0 10px color-mix(in srgb,var(--ll-red-marker) 40%,transparent)}lumalux-product .mode-visual:not(.blue) .orbit-two:after{background:#fff;box-shadow:0 0 10px #fff6}lumalux-product .orbit-three{top:24%;right:16%;bottom:36%;left:16%;border-style:solid;border-color:#fff6}lumalux-product .mode-visual:not(.blue) .orbit-three:after{width:9px;height:9px;top:-5px;background:transparent;border:2px solid #FFFFFF;box-shadow:none}lumalux-product .mode-visual.blue .orbit-three{display:none}lumalux-product .mode-visual .wave-tags>span{display:inline-flex;align-items:center;gap:5px}lumalux-product .mode-visual .wave-tags>span:before{content:"";display:inline-block;box-sizing:border-box;width:5px;height:5px;border-radius:50%;background:#fff}lumalux-product .mode-visual .wave-tags>span:first-child:before{background:var(--ll-red-marker)}lumalux-product .mode-visual:not(.blue) .wave-tags>span:nth-child(3):before{background:transparent;border:1px solid #FFFFFF}lumalux-product .mode-visual.blue .wave-tags>span:nth-child(2):before{background:var(--ll-blue-marker)}@media(max-width:700px){lumalux-product .orbit-three{top:21%;right:23%;bottom:42%;left:23%}}lumalux-product .mode-visual:not(.blue) .orbit-three:after{background:var(--ll-grey-marker);border:0;box-shadow:0 0 10px color-mix(in srgb,var(--ll-grey-marker) 33.33%,transparent)}lumalux-product .mode-visual:not(.blue) .wave-tags>span:nth-child(3):before{background:var(--ll-grey-marker);border:0}lumalux-product{display:block;position:relative;width:100%;overflow:clip;--ink:#000;--muted:var(--ll-accent);--paper:var(--ll-paper);--accent:var(--ll-accent);font-size:16px;line-height:normal}lumalux-product .intro{padding-top:55px}lumalux-product .journey .stage{top:var(--sticky-area-height, 0px);height:calc(100svh - var(--sticky-area-height, 0px));height:calc(100dvh - var(--sticky-area-height, 0px))}@media(max-width:700px){lumalux-product .journey .stage .model-wrap{top:0;right:0;bottom:0;left:0;width:100%;height:100%}}lumalux-product .ll-model-status{text-align:center;padding:20px;font-size:12px}lumalux-product [hidden]{display:none!important}@media(max-width:700px){lumalux-product .intro{padding-top:40px}}lumalux-product{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}lumalux-product .mode-journey>.modes>[data-ll-id=modeModel]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border:0;border-radius:0;background:transparent;pointer-events:none}lumalux-product .mode-journey .mode-intro{z-index:3}lumalux-product .mode-journey .modes .mode-visual{z-index:2;pointer-events:none}lumalux-product .mode-journey>.modes{--mode-paper: var(--ll-accent)}lumalux-product .mode-journey>.modes.mode-two{--mode-paper: var(--ll-blue)}lumalux-product .mode-journey>.modes:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--mode-paper) 0%,color-mix(in srgb,var(--mode-paper) 90%,transparent) 25%,transparent 55%)}@media(max-width:700px){lumalux-product .mode-journey>.modes:before{background:linear-gradient(180deg,var(--mode-paper) 0%,color-mix(in srgb,var(--mode-paper) 90%,transparent) 30%,transparent 60%)}}lumalux-product .ll-frames{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s}lumalux-product.frames-ready .ll-frames{opacity:1}lumalux-product.frames [data-ll-id=model],lumalux-product.frames [data-ll-id=modeModel]{display:none}lumalux-product .mode-journey .mode-visual .mode-orbit.fit:after{left:calc(50% + 50%*cos(var(--orbit-angle,-90deg)));top:calc(50% + 50%*sin(var(--orbit-angle,-90deg)));transform:translate(-50%,-50%) scale(calc(1 / var(--orbit-sx,1)),calc(1 / var(--orbit-sy,1)))}
/*# sourceMappingURL=/cdn/shop/t/298/assets/lumalux-product.css.map */