/* LUMA V4 — retained optical primitives after Ivan's supplied references.
   Glass uses CSS diffusion and specular edges, not physical refraction. */

.hero{grid-template-columns:1fr 1.05fr;min-height:760px;gap:28px}.hero h1{font-size:clamp(3.3rem,6.9vw,6.5rem);line-height:1.07;letter-spacing:-.055em}.hero-copy>p{line-height:1.7}.hero .eyebrow{max-width:28ch}.hero-art{min-height:580px;border-radius:38px;background:radial-gradient(ellipse at 90% 15%,#7849a94d,transparent 60%),var(--scene);box-shadow:inset 0 1px 0 #ffffff21;overflow:hidden;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#adb7ce14 1px,transparent 1px),linear-gradient(90deg,#adb7ce14 1px,transparent 1px);background-size:50px 50px;transform:rotate(-12deg) scale(1.3)}
.scene-sphere{position:absolute;width:235px;height:235px;border-radius:50%;box-shadow:inset -20px -25px 28px #00155270,20px 25px 36px #03071645}.sphere-cyan{background:radial-gradient(circle at 30% 22%,#e5ffff,#1be2e9 35%,#1252c3 90%);top:70px;left:-40px}.sphere-pink{width:170px;height:170px;background:radial-gradient(circle at 32% 22%,#ffe6ff,#e146d3 35%,#5526a3 90%);right:-24px;bottom:70px}.optical-ring{width:250px;height:250px;border-width:44px;border-color:#bcff564a;top:35px;right:18px;transform:rotate(-24deg);background:transparent;box-shadow:inset 3px 5px 6px #f5ffcaaa,inset -6px -7px 12px #559322aa,0 2px 3px #e5ff9ccc,10px 20px 38px #07100e80}.optical-ring:after{inset:-38px;border-color:#eaffb866}.spectral-line{background:linear-gradient(90deg,#00dcff,#5ef8d5,#cc54ff);opacity:.35;top:310px;left:0;height:70px;filter:blur(18px)}.orb-label{top:18px;right:18px;font-size:.65rem;letter-spacing:.1em;background:transparent;color:var(--pane-muted);padding:8px}
.rear-pane{position:absolute;top:125px;left:19%;width:72%;height:245px;transform:rotate(11deg);border:1px solid #ffffff70;border-radius:28px;background:linear-gradient(125deg,#e6faff35,#a2c6ff0d);box-shadow:inset 0 2px 2px #ffffff50,0 20px 30px #03061322;backdrop-filter:blur(5px);color:var(--pane-ink);padding:27px;font-size:1.3rem}.rear-pane b{display:block;margin-top:88px}.rear-pane i{display:block;position:absolute;width:62px;height:62px;border:12px solid #c4ff73;border-radius:50%;right:28px;top:27px}
.instrument{width:77%;padding:28px;margin-top:90px;transform:rotate(-7deg);background:linear-gradient(130deg,#ffffff19,transparent 45%,#8dd6ff0c),var(--pane-tint);color:var(--pane-ink);border:1px solid #d3edff87;box-shadow:inset 0 2px 1px #ffffff70,inset 1px 0 0 #ffffff40,inset 0 -2px 2px #06102740,0 25px 50px #03051645;backdrop-filter:blur(var(--blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--blur)) saturate(135%)}
.instrument h3{font-size:clamp(1.7rem,2.5vw,2.3rem);max-width:15ch;margin-bottom:16px}.instrument .muted{color:var(--pane-muted)}.instrument .eyebrow{font-size:.72rem;letter-spacing:.08em}.instrument-footer{border-color:#d2e8ff55;font-size:.72rem}.spectrum{height:55px;margin:24px 0}.spectrum i{background:linear-gradient(#d6ff91,#53e8dc);box-shadow:0 0 9px #7dffbb20}.float-chip{left:8%;bottom:33px;transform:rotate(4deg);padding:15px 20px;background:var(--pane-tint);color:var(--pane-ink);border-color:#d3edff87;backdrop-filter:blur(18px);font-size:.85rem}.color-dot{width:38px;height:38px;background:radial-gradient(circle at 30% 25%,#f0ffd9,#b5f965 45%,#49af69);box-shadow:inset -4px -5px 9px #1b654450,0 4px 7px #142e3f40}.scene-caption{position:absolute;bottom:10px;right:16px;color:var(--pane-muted);font-size:.6rem}
.material-grid{grid-template-columns:repeat(3,1fr)}.material-card{padding:26px;background:var(--panel);min-height:370px}.material-card .material-object{height:185px;margin:0 -8px 28px;isolation:isolate}.material-object:before{inset:28px 25% 20px 18%;background:linear-gradient(135deg,#f5feff77,#d1e6ff13);border:1px solid #fff8;border-radius:23px;transform:rotate(-16deg);backdrop-filter:blur(4px);box-shadow:inset 0 2px 1px #fff9,10px 18px 25px #0002}.material-object:after{inset:44px 10% 4px 29%;background:linear-gradient(145deg,#f8fbff55,#d1e1ff18);border:1px solid #fff8;border-radius:23px;transform:rotate(10deg);backdrop-filter:blur(14px);box-shadow:inset 0 2px 2px #fffa,inset 0 -1px 2px #13233955,10px 18px 25px #0002}.underlay{position:absolute;left:10%;top:3px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#eaffff,#50ddd9 40%,#1778d5);box-shadow:inset -9px -9px 15px #2f347077;z-index:-1}.sample-label{position:absolute;left:42%;top:109px;z-index:2;font-size:1rem;color:var(--ink);transform:rotate(10deg);font-weight:700}.smoke .underlay{background:radial-gradient(circle at 25% 20%,#efffc7,#b1ff51 40%,#3d861f)}.smoke .material-object:after{background:#1c273357}.smoke .sample-label{color:#fff}.prism .underlay{background:radial-gradient(circle at 25% 20%,#ffe8ff,#e461df 40%,#6232cb);left:42%}.material-card.prism .material-object:after{border-radius:28px;inset:38px 16% 5px;transform:rotate(-12deg);background:linear-gradient(145deg,#c4ffff66,#d3b8ff22 48%,#b1f7ff55);box-shadow:inset 5px 5px 3px #fff9,inset -5px -5px 5px #b3dbff77,0 3px 0 #bbd5ff88,10px 16px 22px #0003}.prism .sample-label{transform:rotate(-12deg);left:30%}.material-card h3{font-size:1.2rem}.material-card p{line-height:1.65}
.tactile-scene{position:relative;min-height:405px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,#794aaf40,transparent 70%),var(--scene);border-radius:36px;overflow:hidden;padding:42px 24px;isolation:isolate}.tactile-orb{position:absolute;width:235px;height:235px;left:7%;top:15%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e5ffff,#38dce7 40%,#324cbf);box-shadow:inset -12px -15px 20px #214b9c77}.tactile-orb.second{left:auto;right:8%;top:35%;width:175px;height:175px;background:radial-gradient(circle at 30% 20%,#ffe9ff,#ed65de 40%,#6a32bb)}.tactile-console{position:relative;width:min(620px,100%)}.glass-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;position:relative;border:1px solid #ceddf885;background:var(--pane-tint);backdrop-filter:blur(22px);border-radius:100px;box-shadow:inset 1px 2px 2px #ffffff80,0 14px 24px #0003;isolation:isolate}.glass-segments button{position:relative;z-index:1;background:transparent;border:0;border-radius:99px;color:var(--pane-ink);padding:17px 12px;font-weight:700;min-height:56px}.segment-lens{position:absolute;left:7px;top:7px;bottom:7px;width:calc((100% - 22px)/3);border:1px solid #e9f7ffb3;border-radius:100px;background:linear-gradient(120deg,#ffffff4d,#ffffff16);box-shadow:inset 1px 2px 2px #ffffffb0,inset -1px -2px 2px #9ca7ff50,0 5px 12px #0003}.tactile-preview{display:flex;align-items:center;gap:24px;padding:30px;margin:24px auto 0;border:1px solid #ceddf880;border-radius:28px;background:var(--pane-tint);backdrop-filter:blur(20px);box-shadow:inset 0 2px 1px #ffffff55,0 20px 40px #0002;color:var(--pane-ink)}.tactile-preview .eyebrow{font-size:.7rem;margin-bottom:12px}.tactile-preview p{font-size:.9rem;color:var(--pane-muted);margin-top:12px}.tactile-icon{flex:0 0 84px;width:84px;height:84px;border-radius:23px;background:linear-gradient(135deg,#ffffff59,#ffffff0d);border:1px solid #e5fbff8c;box-shadow:inset 2px 3px 3px #fff8,0 12px 20px #07152b33;position:relative;display:grid;place-items:center}.tactile-icon i{width:43px;height:43px;border:11px solid #c2ff6c;border-radius:50%;box-shadow:0 5px 10px #8dc44d40;transform:rotate(-20deg)}.tactile-preview[data-surface-preview=smoke]{background:#152337b8;color:#f8faff}.tactile-preview[data-surface-preview=smoke] p{color:#dce7f7}.tactile-preview[data-surface-preview=prism]{border-color:#d8c3ff;box-shadow:inset 2px 3px 2px #ffffff70,inset -2px -2px 3px #abebff70,0 8px 30px #bd7bff25}.tactile-preview[data-surface-preview=prism] .tactile-icon{background:linear-gradient(135deg,#b3ffff70,#da9bff55);box-shadow:inset 3px 4px 3px #fff9,inset -3px -4px 3px #a8ffff70,0 5px 18px #0003}.tactile-status{font-size:.78rem;text-align:center;margin-top:18px;color:var(--pane-muted);background:var(--panel);border-radius:99px;padding:6px 12px;width:fit-content;margin-inline:auto}
.motion-stage{background:radial-gradient(circle at 16% 35%,#22dae1 0 14%,transparent 14.5%),radial-gradient(circle at 85% 75%,#ca59da 0 18%,transparent 18.5%),var(--scene);height:290px}.motion-tile{background:var(--pane-tint);border:1px solid #d3edff87;color:var(--pane-ink);box-shadow:inset 1px 2px 1px #fff7,inset 0 -1px 1px #0002,0 18px 35px #07111e40}.motion-tile small{color:var(--pane-muted)}.settings{background:linear-gradient(130deg,#bdffff10,transparent 65%),var(--panel)}.closing{background:radial-gradient(ellipse at 100% 100%,#c458db45,transparent 60%),var(--panel)}
@media(max-width:1050px){.hero{gap:20px}.hero-art{min-height:530px}.instrument{width:85%;padding:23px}.hero h1{font-size:clamp(3.1rem,6.5vw,5rem)}.material-card:first-child{grid-column:auto}.material-grid{gap:15px}.material-card{padding:20px}.material-card h3{font-size:1.08rem}.sphere-cyan{width:190px;height:190px}.optical-ring{width:210px;height:210px;border-width:35px}.optical-ring:after{inset:-30px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:45px;gap:32px}.hero h1{font-size:clamp(3rem,12vw,5.3rem);max-width:13ch}.hero-art{min-height:500px;max-width:550px}.instrument{width:78%}.instrument h3{font-size:1.85rem}.material-grid{grid-template-columns:1fr}.material-card{min-height:360px;padding:26px}.material-card .material-object{width:min(290px,100%);margin-inline:auto;height:185px}.material-card h3{font-size:1.3rem}.tactile-scene{padding:30px 18px;min-height:400px}.tactile-preview{padding:24px;gap:18px}.tactile-icon{flex-basis:64px;width:64px;height:64px}.tactile-orb{left:-90px}.tactile-orb.second{right:-70px}.tactile-preview h3{font-size:1.25rem}.tactile-preview p{font-size:.85rem}.glass-segments button{padding-inline:6px;min-height:52px}.rear-pane{top:110px}.tactile-status{font-size:.7rem}}
@media(max-width:400px){.hero-art{min-height:450px}.instrument{width:82%;padding:20px;margin-top:65px}.instrument h3{font-size:1.55rem}.instrument .small{font-size:.75rem}.instrument-footer{font-size:.6rem}.float-chip{font-size:.72rem;bottom:32px;padding:12px 15px}.spectrum{height:43px}.scene-caption{font-size:.52rem}.optical-ring{right:-20px;top:28px}.rear-pane{top:105px;left:20%;height:210px}.tactile-preview{display:block;padding:23px}.tactile-icon{margin-bottom:22px}.tactile-scene{padding-inline:15px}.glass-segments button{font-size:.85rem}}
/* The translucent decorative studies yield to readable opaque material. */
:root[data-solid=true] .instrument,:root[data-solid=true] .float-chip,:root[data-solid=true] .motion-tile,:root[data-solid=true] .glass-segments,:root[data-solid=true] .tactile-preview,:root[data-solid=true] .rear-pane{background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-solid=true] .instrument .muted,:root[data-solid=true] .motion-tile small,:root[data-solid=true] .glass-segments button,:root[data-solid=true] .tactile-preview p{color:var(--ink)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.instrument,.float-chip,.motion-tile,.glass-segments,.tactile-preview,.rear-pane{background:var(--solid);color:var(--ink)}.instrument .muted,.motion-tile small,.glass-segments button,.tactile-preview p{color:var(--ink)}}
@media(prefers-reduced-transparency:reduce){.instrument,.float-chip,.motion-tile,.glass-segments,.tactile-preview,.rear-pane{background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}.instrument .muted,.motion-tile small,.glass-segments button,.tactile-preview p{color:var(--ink)}}
@media(forced-colors:active){.scene-sphere,.optical-ring,.spectral-line,.scene-grid,.tactile-orb,.underlay{display:none}.instrument,.float-chip,.motion-tile,.glass-segments,.tactile-preview,.rear-pane,.tactile-icon,.segment-lens{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none}.instrument .muted,.motion-tile small,.glass-segments button,.tactile-preview p{color:CanvasText}.glass-segments button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}.tactile-status{color:CanvasText;background:Canvas}}
/* Final fallback layer also covers surfaces restyled above. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass,.btn:not(.primary),.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.rear-pane{background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}.tactile-preview[data-surface-preview] p{color:var(--ink)}}
@media(prefers-reduced-transparency:reduce){.glass,.btn:not(.primary),.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.rear-pane{background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}.tactile-preview[data-surface-preview] p{color:var(--ink)}}
@media(forced-colors:active){.glass,.btn:not(.primary),.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.rear-pane{background:Canvas;color:CanvasText;box-shadow:none;border-color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}.tactile-preview[data-surface-preview] p{color:CanvasText}}
/* Иван: no default perimeter outline. 2D film and 3D edge are separate materials.
   Accessibility focus outlines in style.css remain intact. */
.glass,.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview,.tactile-icon,.segment-lens{border-color:transparent}

.instrument{box-shadow:inset 0 3px 2px -2px #ffffffb8,inset 3px 0 3px -3px #baf7ffb0,inset -3px -4px 7px -4px #779bdf80,0 24px 45px #03051645}
.float-chip{box-shadow:inset 0 2px 2px -1px #ffffff99,0 12px 24px #07152b35}
.rear-pane{box-shadow:0 16px 25px #03061322}
.material-object:before,.material-object:after{border:0;box-shadow:0 12px 22px #06133420}
.material-card.prism .material-object:after{border:0;box-shadow:inset 5px 5px 4px -3px #fff9,inset -5px -5px 6px -3px #8acbff88,0 4px 2px -2px #bbd5ff88,10px 16px 22px #0003}
.material-card.prism .material-object:before{box-shadow:inset 0 3px 2px -2px #ffffffb0,10px 18px 25px #0002}
.tactile-preview{box-shadow:0 20px 40px #0002}.tactile-preview .tactile-icon{box-shadow:0 12px 20px #07152b33}
.tactile-preview[data-surface-preview=prism]{border-color:transparent;box-shadow:inset 2px 3px 3px -2px #ffffff9c,inset -3px -4px 5px -3px #abebff9c,0 12px 28px #111b3e35}
.glass-segments{box-shadow:0 14px 24px #0003}.segment-lens{box-shadow:inset 1px 3px 3px -2px #ffffffb0,inset -2px -3px 3px -2px #9ca7ff80,0 5px 12px #0003}
@media(forced-colors:active){.glass,.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.tactile-icon,.segment-lens{border:1px solid CanvasText;box-shadow:none}}

/* V4 composition. Shared page atmosphere, theme and controls belong to style.css. */
.luma-site{--scene:transparent;--pane-tint:rgba(28,35,70,.34);--pane-ink:#f6faff;--pane-muted:#e0e8fa;--site-cast:#03051a4d}
:root[data-theme=light] .luma-site{--pane-tint:rgba(244,250,255,.32);--pane-ink:#152646;--pane-muted:#284365;--site-cast:#1c27672d}
.luma-site h1,.luma-site h2{font-weight:550;letter-spacing:-.065em}.luma-site h2{font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1.08}.luma-site .eyebrow{font-size:.73rem;letter-spacing:.08em;font-weight:700}.luma-site .section{padding-block:95px}.luma-site .section-head{margin-bottom:45px}.luma-site .section-head>p{font-size:1rem;max-width:38ch;line-height:1.75}.luma-site .hero{grid-template-columns:.96fr 1.04fr;min-height:760px;gap:12px;padding-block:65px 75px}.hero-copy{padding-left:12px}.luma-site .hero h1{font-size:clamp(4.2rem,7.8vw,7.6rem);line-height:.99;max-width:10ch}.hero-copy>p{font-size:1.05rem;line-height:1.8;max-width:31ch;margin-top:30px}.hero-copy .actions{gap:12px;margin-top:30px}.hero-note{font-size:.7rem;margin-top:22px;max-width:36ch}.luma-site .hero-art{min-height:620px;height:620px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:isolate;perspective:900px}.scene-grid{inset:20% 5% 7%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#5374ec22,transparent 67%);transform:rotate(-15deg);filter:none}.scene-word{position:absolute;top:8%;right:4%;font-size:360px;font-weight:800;line-height:1;color:#c7e8ff;opacity:.18;letter-spacing:-.1em;transform:rotate(9deg);user-select:none;z-index:-1}.scene-sphere{box-shadow:inset -20px -25px 35px #09155b66,18px 30px 42px var(--site-cast);z-index:-1}.sphere-cyan{width:250px;height:250px;left:0;top:60px;background:radial-gradient(circle at 28% 20%,#e5ffff,#28e6ed 30%,#087bd0 65%,#272786 100%)}.sphere-pink{width:180px;height:180px;right:5%;bottom:20px;background:radial-gradient(circle at 30% 20%,#ffe4ff,#f772e2 28%,#c42fe4 58%,#4d1b8d)}.optical-ring{top:30px;right:4%;width:235px;height:235px;border:45px solid #8afce852;border-radius:50%;transform:rotate(-22deg) rotateY(22deg);box-shadow:inset 5px 7px 8px #f2ffffb8,inset -8px -10px 15px #1286acaa,0 5px 5px #7cffdf80,15px 25px 36px #072c6c44;z-index:0}.optical-ring:after{inset:-42px;border:0;box-shadow:inset 3px 4px 3px #d5ffff77;mask-image:linear-gradient(135deg,#000,transparent 42%)}.spectral-line{left:8%;right:4%;top:315px;height:65px;border-radius:100px;background:linear-gradient(90deg,#43eaff,#ac57ff,#ff87d3);transform:rotate(-22deg);opacity:.55;filter:none;z-index:-1}.orb-label{top:0;right:8%;padding:8px 12px;font-size:.64rem;font-weight:700;letter-spacing:.16em;background:var(--glass-dense);color:var(--muted);border-radius:99px}.hero-art .rear-pane{top:130px;left:17%;width:72%;height:270px;transform:rotate(12deg);border:0;border-radius:32px;background:linear-gradient(135deg,#eaffff39,#9eb9ff0d);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 20px 40px var(--site-cast);padding:30px;font-size:1.2rem;z-index:0}.rear-pane b{margin-top:105px;font-weight:500;font-size:2rem}.hero-art .instrument{z-index:1;width:77%;padding:30px;margin-top:95px;margin-left:-10%;transform:rotate(-8deg);border:0;border-radius:33px;background:var(--glass-reflection),var(--pane-tint);box-shadow:var(--glass-edge-shadow);backdrop-filter:blur(var(--blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--blur)) saturate(145%)}.instrument::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff8,transparent 24%,transparent 78%,#73ecff55);mask-image:linear-gradient(90deg,#000,transparent 2%,transparent 98%,#000);opacity:.8}.instrument .eyebrow{font-size:.59rem;letter-spacing:.13em;margin-bottom:25px;white-space:nowrap;color:var(--pane-muted)}.instrument h3{font-size:clamp(1.65rem,2.6vw,2.6rem);line-height:1.12;letter-spacing:-.05em;font-weight:550;margin-bottom:16px}.instrument .muted{font-size:.72rem}.instrument-footer{border:0;padding-top:8px;font-size:.62rem;color:var(--pane-muted);font-variant-numeric:tabular-nums}.spectrum{height:58px;margin:26px 0 20px;gap:5px}.spectrum i{background:linear-gradient(#d8ffad,#65eed5);border-radius:8px 8px 3px 3px;box-shadow:none}.float-chip{z-index:2;left:9%;bottom:16px;transform:rotate(5deg);padding:17px 20px;gap:14px;border:0;background:var(--glass-reflection),var(--pane-tint);box-shadow:var(--glass-edge-shadow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);font-size:.78rem;border-radius:24px}.color-dot{width:41px;height:41px;border:0;background:radial-gradient(circle at 28% 20%,#f1ffd9,#adf966 45%,#44a88e)}.scene-caption{bottom:-18px;right:6%;font-size:.6rem;color:var(--muted)}
.luma-site .rail{padding:23px 30px;margin-bottom:15px;gap:24px;border:0;box-shadow:var(--glass-shadow);background:var(--glass-reflection),var(--glass-fill);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);font-size:.78rem}.rail span{color:var(--muted)}.rail strong{color:var(--ink);font-weight:700}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.luma-site .material-card{min-height:410px;padding:23px;overflow:hidden;background:var(--glass-reflection),var(--glass-fill);color:var(--ink);border:0;box-shadow:var(--glass-shadow)}.material-card:first-child{grid-column:auto}.material-card .material-object{height:220px;margin:0 0 12px;isolation:isolate}.material-object:before,.material-object:after{border:0;border-radius:24px;box-shadow:0 18px 25px #0a16472b}.material-object:before{inset:35px 25% 36px 9%;background:linear-gradient(135deg,#f8ffff55,#b5c8ff0d);transform:rotate(-17deg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.material-object:after{inset:50px 9% 12px 24%;background:var(--pane-tint);transform:rotate(9deg);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.underlay{left:6%;top:8px;width:130px;height:130px}.sample-label{left:38%;top:135px;font-size:1.25rem;color:var(--pane-ink);transform:rotate(9deg);font-weight:650;letter-spacing:-.02em}.material-copy{position:relative;padding:20px 20px 22px;border-radius:20px;background:var(--glass-dense);min-height:166px}.material-index{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.13em;font-weight:700;margin-bottom:11px}.material-card .material-copy h3{font-size:2.1rem;font-weight:550;letter-spacing:-.055em;margin:0 0 9px;color:var(--ink)}.material-card .material-copy p{color:var(--muted);font-size:.82rem;line-height:1.7}.material-card.smoke{--solid:var(--bg)}.smoke .material-object:after{background:#11274777}.smoke .sample-label{color:#fff}.prism .underlay{left:43%}.luma-site .material-card.prism .material-object:after{border-radius:32px;inset:40px 12% 10%;transform:rotate(-11deg);background:linear-gradient(135deg,#c4ffff40,#c1a3ff15);box-shadow:var(--glass-edge-shadow)}.prism .sample-label{transform:rotate(-11deg);left:28%;top:129px}.luma-site .material-card.prism .material-object:before{border-radius:24px;box-shadow:0 18px 25px #0a16472b}.luma-site .tactile-scene{min-height:440px;padding:50px 30px;background:var(--glass-reflection),var(--glass-fill);border:0;border-radius:36px}.tactile-orb{width:260px;height:260px;z-index:-1}.tactile-orb.second{width:180px;height:180px}.glass-segments{border:0;background:var(--pane-tint);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.glass-segments button{font-size:.88rem}.segment-lens{border:0;background:linear-gradient(125deg,#e9ffff55,#b0c9ff20);box-shadow:var(--glass-edge-shadow)}.tactile-preview{border:0;border-radius:30px;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.tactile-preview .eyebrow{font-size:.62rem}.tactile-preview h3{font-size:1.8rem;font-weight:550;letter-spacing:-.045em}.tactile-preview p{font-size:.84rem;margin-top:11px;line-height:1.75}.tactile-icon{border:0;box-shadow:var(--glass-shadow);background:var(--pane-tint)}.tactile-preview[data-surface-preview=prism]{background:linear-gradient(130deg,#b6eaff22,#cf9eff22),var(--pane-tint);box-shadow:var(--glass-edge-shadow)}.tactile-preview[data-surface-preview=prism] .tactile-icon{background:linear-gradient(135deg,#b3ffff55,#da9bff35);box-shadow:var(--glass-edge-shadow)}.tactile-status{font-size:.72rem;margin-top:20px;color:var(--muted);background:var(--glass-dense);padding:8px 16px;max-width:100%}.luma-site .lab{grid-template-columns:.9fr 1.1fr;gap:60px}.lab-copy p{max-width:35ch;line-height:1.8;font-size:.98rem}.luma-site .settings{padding:36px;gap:27px;background:var(--glass-reflection),var(--glass-fill);border:0;box-shadow:var(--glass-shadow)}.settings .small{font-size:.75rem;line-height:1.8;background:var(--glass-dense);border-radius:13px;padding:13px 16px}.luma-site .motion-stage{background:radial-gradient(circle at 12% 27%,#3ee7ee 0 16%,transparent 16.3%),radial-gradient(circle at 87% 78%,#dc6df4 0 20%,transparent 20.3%),linear-gradient(135deg,#a1bbff16,#cba5ff14);height:320px;border:0;border-radius:30px;box-shadow:var(--glass-shadow)}.luma-site .motion-tile{width:240px;padding:26px;border-radius:25px;background:var(--glass-reflection),var(--pane-tint);border:0;box-shadow:var(--glass-edge-shadow);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%)}.motion-tile strong{font-size:1.35rem;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin-bottom:9px}.motion-tile small{font-size:.75rem;line-height:1.6}.motion-tile .mini-orb{border-color:#a5f8d9;box-shadow:inset 2px 3px 3px #fff5,0 5px 10px #4ce5dd22}.luma-site #custom-material{width:260px;max-height:280px}.motion-controls{gap:8px}.motion-controls .btn{font-size:.77rem;padding:10px 15px}.recipe{font-size:.8rem;line-height:1.75;padding:18px 21px;margin-top:16px;min-height:0;border-radius:18px;background:var(--glass-dense)}.text-link{display:inline-block;padding:10px 0;color:var(--ink);font-size:.9rem}.luma-site .timeline{gap:22px;margin-top:45px}.luma-site .timeline article{padding:28px;border:0;background:var(--glass-reflection),var(--glass-fill);box-shadow:var(--glass-shadow);border-radius:26px}.step-index{display:block;color:var(--cyan);font-size:2.5rem;font-weight:500;line-height:1;margin-bottom:35px;letter-spacing:-.08em}.timeline h3{font-size:1.5rem;font-weight:550}.timeline p{font-size:.87rem;line-height:1.8}.luma-site .faq{grid-template-columns:.9fr 1.1fr;gap:60px}.luma-site .faq>div:last-child{display:grid;gap:12px}.luma-site .faq details{padding:20px 24px;background:var(--glass-reflection),var(--glass-fill);border:0;border-radius:20px;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.faq summary{font-size:.98rem;line-height:1.65;min-height:36px;font-weight:600}.faq details p{font-size:.85rem;line-height:1.8}.luma-site .closing{padding:55px 60px;min-height:280px;border:0;background:var(--glass-reflection),var(--glass-fill);box-shadow:var(--glass-edge-shadow)}.closing h2{font-size:clamp(2.2rem,4vw,4.1rem);max-width:16ch}.luma-site .footer{padding-block:45px 35px}.luma-site .footer p{font-size:.7rem}
@media(max-width:1100px){.luma-site .hero{gap:0;min-height:700px}.luma-site .hero h1{font-size:clamp(4rem,8.1vw,6rem)}.luma-site .hero-art{height:540px;min-height:540px}.hero-art .instrument{width:84%;padding:25px;margin-top:80px}.instrument .eyebrow{font-size:.5rem}.instrument h3{font-size:1.85rem}.sphere-cyan{width:210px;height:210px}.optical-ring{width:190px;height:190px;border-width:35px}.optical-ring:after{inset:-32px}.scene-word{font-size:290px;top:13%}.hero-art .rear-pane{height:240px;top:110px}.rear-pane b{margin-top:80px}.material-grid{gap:16px}.luma-site .material-card{padding:16px}.material-copy{padding:18px 16px}.material-card .material-copy h3{font-size:1.9rem}.luma-site .lab,.luma-site .faq{gap:32px}.luma-site .section{padding-block:75px}}
@media(max-width:760px){.luma-site .hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:55px;gap:12px}.hero-copy{padding-left:5px}.luma-site .hero h1{font-size:clamp(4.1rem,13vw,6.2rem);line-height:1;max-width:11ch}.hero h1>span br{display:none}.hero-copy>p{font-size:1rem;max-width:33ch;margin-top:25px}.hero-copy .actions{margin-top:25px}.hero-note{margin-top:17px}.luma-site .hero-art{min-height:520px;height:520px;max-width:520px;width:100%;margin:18px auto 0}.hero-art .instrument{width:77%;margin-left:-7%;margin-top:65px;padding:27px}.instrument h3{font-size:1.95rem}.instrument .eyebrow{font-size:.55rem}.sphere-cyan{left:0;top:70px;width:210px;height:210px}.sphere-pink{right:3%;bottom:15px;width:155px;height:155px}.optical-ring{right:3%;top:26px;width:195px;height:195px}.hero-art .rear-pane{top:115px;left:20%;width:70%;height:240px}.float-chip{bottom:20px;left:8%;padding:15px 18px;font-size:.74rem}.orb-label{font-size:.55rem;top:0}.scene-caption{bottom:-13px;right:5%;font-size:.55rem}.luma-site .rail{padding:22px 24px;display:grid;gap:13px;font-size:.77rem}.luma-site .section{padding-block:60px}.luma-site .section-head{margin-bottom:30px}.luma-site .section-head>p{font-size:.9rem;max-width:42ch;line-height:1.8}.material-grid{grid-template-columns:1fr;gap:20px}.luma-site .material-card{padding:22px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.material-card .material-object{height:210px;margin:0;min-width:0}.material-copy{min-height:0;padding:20px}.material-card .material-copy p{font-size:.8rem}.material-card .material-copy h3{font-size:2rem}.underlay{width:110px;height:110px;top:12px}.sample-label{font-size:1rem;left:33%;top:130px}.prism .sample-label{left:22%}.luma-site .lab,.luma-site .faq{grid-template-columns:1fr;gap:30px}.luma-site .settings{padding:28px}.luma-site .tactile-scene{padding:35px 22px;min-height:410px}.tactile-preview{padding:25px;gap:20px}.tactile-icon{flex-basis:70px;width:70px;height:70px}.tactile-preview h3{font-size:1.5rem}.tactile-preview p{font-size:.8rem}.tactile-orb{left:-70px;width:230px;height:230px}.tactile-orb.second{right:-60px}.glass-segments button{font-size:.85rem}.tactile-status{font-size:.66rem}.luma-site .timeline{grid-template-columns:1fr;gap:16px;margin-top:30px}.luma-site .timeline article{padding:27px}.step-index{margin-bottom:22px}.luma-site .closing{padding:35px;min-height:250px}.luma-site .closing .btn{margin-top:27px}.luma-site .faq{gap:35px}.luma-site .footer{gap:25px}}
@media(max-width:500px){.hero-copy .actions{align-items:stretch;gap:10px}.hero-copy .actions .btn{padding:12px 20px;font-size:.83rem}.luma-site .hero-art{height:470px;min-height:470px}.hero-art .instrument{padding:21px;width:81%;margin-left:-3%;margin-top:50px;border-radius:27px}.instrument h3{font-size:1.7rem}.instrument .muted{font-size:.66rem}.instrument .eyebrow{font-size:.49rem;margin-bottom:20px}.instrument-footer{font-size:.55rem}.spectrum{height:45px;margin-block:20px 16px}.hero-art .rear-pane{top:105px;height:215px;padding:23px;border-radius:25px}.rear-pane b{font-size:1.7rem;margin-top:85px}.rear-pane i{width:47px;height:47px;border-width:9px;right:18px;top:20px}.sphere-cyan{width:170px;height:170px;top:55px}.sphere-pink{width:135px;height:135px;bottom:10px;right:0}.optical-ring{width:155px;height:155px;border-width:30px;top:25px;right:2%}.optical-ring:after{inset:-27px}.scene-word{font-size:245px;right:8%;top:13%}.spectral-line{top:270px;height:45px}.float-chip{left:7%;bottom:17px;font-size:.67rem;padding:13px 16px;gap:12px}.color-dot{width:34px;height:34px}.luma-site .material-card{display:block;padding:22px}.material-card .material-object{width:min(290px,100%);margin:0 auto 10px;height:215px}.material-copy{padding:22px;min-height:0}.material-card .material-copy p{font-size:.83rem}.material-card .material-copy h3{font-size:2.25rem}.sample-label{left:40%;top:135px;font-size:1.2rem}.prism .sample-label{left:31%}.tactile-preview{align-items:flex-start;padding:23px;gap:18px}.tactile-icon{flex-basis:50px;width:50px;height:50px;border-radius:15px}.tactile-icon i{width:30px;height:30px;border-width:8px}.tactile-preview h3{font-size:1.35rem}.tactile-preview .eyebrow{font-size:.52rem}.tactile-preview p{font-size:.76rem;line-height:1.75}.luma-site .tactile-scene{padding-inline:17px}.glass-segments button{font-size:.78rem;min-height:50px;padding:14px 5px}.luma-site .settings{padding:25px}.luma-site .closing{padding:30px}.luma-site .faq details{padding:20px}.faq summary{font-size:.9rem}.luma-site .motion-stage{height:300px}.luma-site .footer nav{gap:20px}}
@media(max-width:360px){.luma-site .hero h1{font-size:3.85rem}.hero-copy{padding-left:0}.luma-site .hero-art{height:445px;min-height:445px}.hero-art .instrument{width:85%;padding:20px;margin-left:0}.instrument h3{font-size:1.52rem}.instrument .eyebrow{font-size:.44rem}.float-chip{left:2%;font-size:.64rem}.scene-caption{font-size:.49rem}.orb-label{font-size:.5rem}.tactile-preview{display:block}.tactile-icon{margin-bottom:18px}.material-copy{padding:18px}.luma-site .settings{padding:21px}.luma-site .closing{padding:26px}}
.luma-site .hero>*{min-width:0}.luma-site .spectral-line{width:80%;right:auto}.luma-site .scene-grid{transform:none}
/* Keep text and controls out of the backdrop surface's painted layer.
   Only these content-heavy specimens need a separate optical layer. */
.luma-site :is(.settings,.material-card,.motion-tile){position:relative;isolation:isolate;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.luma-site :is(.settings,.material-card,.motion-tile)::before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:var(--glass-reflection),var(--glass-fill);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.luma-site :is(.settings,.material-card,.motion-tile)>*{position:relative;z-index:1}
.luma-site .motion-tile::before{background:var(--glass-reflection),var(--pane-tint);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%)}
.luma-site #custom-material{backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-solid=true] .luma-site :is(.settings,.material-card,.motion-tile)::before{display:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.luma-site :is(.settings,.material-card,.motion-tile)::before{display:none}}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){.luma-site :is(.settings,.material-card,.motion-tile)::before{display:none}}
/* Final fallback after all optical refinements, preserving reading colors. */
:root[data-solid=true] .luma-site :is(.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.tactile-icon,.segment-lens,.material-card,.settings,.tactile-scene,.rail,.timeline article,.faq details,.closing){background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-solid=true] .luma-site :is(.instrument .muted,.instrument .eyebrow,.instrument-footer,.motion-tile small,.glass-segments button,.tactile-preview[data-surface-preview] p){color:var(--ink)}
:root[data-solid=true] .luma-site .material-object:before,:root[data-solid=true] .luma-site .material-object:after{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.luma-site :is(.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.tactile-icon,.segment-lens,.material-card,.settings,.tactile-scene,.rail,.timeline article,.faq details,.closing){background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}.luma-site :is(.instrument .muted,.instrument .eyebrow,.instrument-footer,.motion-tile small,.glass-segments button,.tactile-preview[data-surface-preview] p){color:var(--ink)}.material-object:before,.material-object:after{background:var(--solid)}}
@media(prefers-reduced-transparency:reduce){.luma-site :is(.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.tactile-icon,.segment-lens,.material-card,.settings,.tactile-scene,.rail,.timeline article,.faq details,.closing){background:var(--solid);color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}.luma-site :is(.instrument .muted,.instrument .eyebrow,.instrument-footer,.motion-tile small,.glass-segments button,.tactile-preview[data-surface-preview] p){color:var(--ink)}.material-object:before,.material-object:after{background:var(--solid);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.luma-site :is(.scene-sphere,.optical-ring,.spectral-line,.scene-grid,.scene-word,.tactile-orb,.underlay){display:none}.luma-site :is(.instrument,.float-chip,.rear-pane,.motion-tile,.glass-segments,.tactile-preview[data-surface-preview],.tactile-icon,.segment-lens,.material-card,.settings,.tactile-scene,.rail,.timeline article,.faq details,.closing){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.luma-site :is(.instrument .muted,.instrument .eyebrow,.instrument-footer,.motion-tile small,.glass-segments button,.tactile-preview[data-surface-preview] p){color:CanvasText}.instrument:before{display:none}.material-object:before,.material-object:after{border:1px solid CanvasText!important;box-shadow:none!important;background:Canvas!important}.material-copy,.tactile-status,.settings .small,.recipe,.orb-label{background:Canvas;color:CanvasText}.luma-site .motion-stage{background:Canvas}}

/* Keep the floating detail below the tilted panel footer on wider layouts. */
@media(min-width:761px){.luma-site .float-chip{bottom:-32px}}
@media(min-width:761px) and (max-width:1100px){.luma-site .scene-caption{bottom:-64px}}