/* Editorial intro + interactive light lab */
.luma-editorial{background:#f5f1f7;color:#17131c;overflow:hidden}
.luma-intro{padding:clamp(105px,14vw,220px) 0}
.luma-intro__grid{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.8fr);gap:clamp(42px,8vw,140px);align-items:start}
.luma-intro h2{max-width:13ch;margin:0;font-size:clamp(52px,7.6vw,120px);line-height:.89;letter-spacing:-.068em;font-weight:570}
.luma-intro p{max-width:54ch;margin:34px 0 0;font-size:clamp(17px,1.5vw,23px);line-height:1.58;color:#5d5662}
.luma-mode-lab{padding:clamp(20px,5vw,75px) 0 clamp(115px,14vw,225px)}
.luma-mode-lab__head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:54px}.luma-mode-lab__head h2{max-width:12ch;margin:14px 0 0;font-size:clamp(50px,7vw,110px);line-height:.87;letter-spacing:-.067em;font-weight:570}.luma-mode-lab__hint{max-width:43ch;margin:0;color:#6e6472;line-height:1.58}
.luma-mode-lab__stage{--lab-color:#ff496f;position:relative;min-height:min(86vh,850px);border-radius:clamp(34px,5vw,74px);overflow:hidden;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;color:#fff;background:radial-gradient(circle at 70% 48%,color-mix(in srgb,var(--lab-color),transparent 65%),transparent 30%),radial-gradient(circle at 18% 85%,rgba(82,124,255,.18),transparent 30%),#0e0912;transition:background .5s ease;isolation:isolate}
.luma-mode-lab__stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:65px 65px;z-index:-1;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 74%)}
.luma-mode-lab__copy{position:relative;z-index:3;padding:clamp(36px,5vw,75px)}
.luma-mode-lab__number{display:block;color:var(--lab-color);font-size:10px;font-weight:800;letter-spacing:.23em;transition:color .4s ease}.luma-mode-lab__copy h3{margin:22px 0 17px;font-size:clamp(64px,9vw,142px);line-height:.8;letter-spacing:-.075em;font-weight:590}.luma-mode-lab__copy p{max-width:35ch;margin:0;color:rgba(255,255,255,.61);font-size:17px;line-height:1.6}
.luma-mode-lab__visual{position:relative;height:min(77vh,730px);display:grid;place-items:center}.luma-mode-lab__visual .luma-mask-art{width:min(86%,610px);--luma-glow:var(--lab-color);transform:rotateY(-8deg) rotateX(2deg);transition:transform .55s ease}.luma-mode-lab__stage:hover .luma-mask-art{transform:rotateY(3deg) rotateX(-1deg) scale(1.02)}
.luma-mode-lab__nav{position:absolute;z-index:5;left:clamp(28px,5vw,75px);right:clamp(28px,5vw,75px);bottom:30px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.luma-mode-button{appearance:none;border:1px solid rgba(255,255,255,.15);height:45px;border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.58);cursor:pointer;transition:.3s;overflow:hidden}.luma-mode-button span{font-size:8px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.luma-mode-button:before{content:"";display:inline-block;width:7px;aspect-ratio:1;margin-right:7px;border-radius:50%;background:var(--mode-color);box-shadow:0 0 10px var(--mode-color);vertical-align:1px}.luma-mode-button.is-active{background:var(--mode-color);color:#09070d;border-color:transparent;box-shadow:0 0 30px color-mix(in srgb,var(--mode-color),transparent 56%)}.luma-mode-button.is-active:before{background:#fff;box-shadow:none}
.luma-features{padding:clamp(110px,14vw,220px) 0;background:#100b14;color:#f8f4fb}.luma-features__head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,9vw,145px);align-items:end;margin-bottom:70px}.luma-features__head h2{max-width:12ch;margin:0;font-size:clamp(52px,7vw,110px);line-height:.87;letter-spacing:-.067em;font-weight:570}.luma-features__head p{max-width:43ch;margin:0;color:rgba(255,255,255,.56);font-size:17px;line-height:1.62}
.luma-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.luma-feature{min-height:340px;padding:29px 24px;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:space-between;transition:background .3s}.luma-feature:last-child{border-right:0}.luma-feature:hover{background:rgba(255,255,255,.045)}.luma-feature__n{font-size:9px;letter-spacing:.23em;color:#d09aff}.luma-feature h3{margin:0 0 13px;font-size:clamp(27px,2.5vw,40px);line-height:.95;letter-spacing:-.045em;font-weight:580}.luma-feature p{margin:0;color:rgba(255,255,255,.56);line-height:1.57}