/* VINE architecture instrument: anchored structure, restrained light in motion. */
.multifaceted-lab{background:radial-gradient(ellipse at 48% 38%,#2c203b 0%,#1b1427 55%,#11101b 100%);border:1px solid #63527266;box-shadow:0 22px 70px #20123312,inset 0 1px #f3e9ff0d;overflow:hidden}
.multifaceted-lab .lab-header{align-items:center;padding:36px 40px 22px;gap:28px;position:relative}
.multifaceted-lab .lab-header:after{content:'';position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,#d2bdd51f,#d2bdd508)}
.multifaceted-lab .lab-eyebrow{color:#baacca;letter-spacing:.12em;font-size:10px;margin-bottom:13px}
.multifaceted-lab .lab-eyebrow:before{width:5px;height:5px;background:#e9aa7d;vertical-align:1px}
.multifaceted-lab .lab-header h2{max-width:600px;font-size:clamp(28px,3vw,38px);min-height:2.3em;display:flex;align-items:center;line-height:1.17;color:#f5f0fa}
.multifaceted-lab .lab-views{margin:0;flex-shrink:0;background:#0e0b1580;border:1px solid #b89fc32b;border-radius:12px;padding:4px;gap:2px}
.multifaceted-lab .lab-views button{border-radius:8px;min-height:38px;padding:9px 15px;font-size:12px;color:#bcb0c9;transition:color .25s ease,background .25s ease,border-color .25s ease}
.multifaceted-lab .lab-views button.active{color:#ffe2c5;background:linear-gradient(135deg,#76422b4d,#c3752e12);border-color:#e7a37854;box-shadow:inset 0 1px #ffd9ab12}
.multifaceted-lab .lab-views button:hover{color:#fff4e7;background-color:#e4cded09}
.multifaceted-lab .lab-views button:focus-visible{outline:2px solid #edb485;outline-offset:3px}
.multifaceted-lab .lab-stage{height:auto;padding-top:8px}
.lab-viewport{overflow:hidden;container-type:inline-size}
.lab-surface{position:relative;width:100%;max-width:1100px;margin-inline:auto;aspect-ratio:55/32;isolation:isolate}
.multifaceted-lab .lab-surface canvas,.lab-scene-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.multifaceted-lab .lab-surface canvas{opacity:0}
.lab-surface:is([data-scene-state="animated"],[data-scene-state="paused"]) canvas{opacity:1}
.lab-surface:is([data-scene-state="animated"],[data-scene-state="paused"]) .lab-scene-poster{opacity:0}
.lab-surface .lab-scene-compact{display:none}
@container(width < 600px){.lab-surface{aspect-ratio:32/45}.lab-surface .lab-scene-wide{display:none}.lab-surface .lab-scene-compact{display:block}}
.lab-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:13px 28px;padding:12px 30px 25px;color:#c9bcd6;font-size:11px}
.lab-legend span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.lab-legend svg{width:16px;height:18px;flex-shrink:0;opacity:.9}
.multifaceted-lab .lab-footer{padding:22px 40px;background:#0907111c;border-top:1px solid #b09bbe1a;gap:26px;min-height:0}
.multifaceted-lab .lab-footer p{color:#bbaec9;font-size:13px;line-height:1.75}
.multifaceted-lab .lab-footer>span{color:#8d7f9d;font-size:10px;letter-spacing:.025em}
@media(max-width:1000px){.multifaceted-lab .lab-header{padding:30px 28px 20px}.multifaceted-lab .lab-header:after{left:28px;right:28px}.multifaceted-lab .lab-header h2{font-size:30px}.multifaceted-lab .lab-views button{padding-inline:12px}.lab-legend{gap:12px 23px}}
@media(max-width:800px){.multifaceted-lab .lab-header{display:block;padding:28px 24px 20px}.multifaceted-lab .lab-header:after{left:24px;right:24px}.multifaceted-lab .lab-header h2{font-size:30px;max-width:500px;min-height:2.3em}.multifaceted-lab .lab-views{display:flex;width:max-content;max-width:100%;margin-top:16px}.multifaceted-lab .lab-stage{height:auto}.lab-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 24px 23px;gap:14px 16px}.lab-legend span{font-size:11px}.multifaceted-lab .lab-footer{padding:21px 24px}.multifaceted-lab .lab-footer>span{display:block;margin-top:12px}}
@media(max-width:400px){.multifaceted-lab .lab-header{padding:25px 18px 19px}.multifaceted-lab .lab-header:after{left:18px;right:18px}.multifaceted-lab .lab-header h2{font-size:27px}.multifaceted-lab .lab-views{width:100%;gap:2px;padding:4px}.multifaceted-lab .lab-views button{flex:1;padding:9px 6px;font-size:11px}.multifaceted-lab .lab-eyebrow{font-size:9px;letter-spacing:.07em}.lab-legend{padding:12px 18px 23px;gap:12px 9px}.lab-legend span{font-size:10px;gap:7px}.multifaceted-lab .lab-footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.multifaceted-lab .lab-views button{transition:none}}