@media (min-width:961px){.mx-page .mod-grid--lab{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}}.mx-page .lab{--h:225;--b:90;color:#f3f5f8;--muted:#9aa4b4;border:1px solid color-mix(in srgb, hsl(var(--h), 80%, 55%) 26%, #ffffff24);border-radius:var(--r-l);max-width:720px;box-shadow:0 30px 70px -40px color-mix(in srgb, hsl(var(--h), 85%, 50%) 55%, transparent);background:#0d1016;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin-top:clamp(1.8rem,3.5vw,2.6rem);transition:border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.mx-page .lab:before{content:"";z-index:2;background:linear-gradient(90deg, hsl(var(--h), 85%, 58%), color-mix(in srgb, hsl(var(--h), 85%, 58%) 25%, transparent));height:3px;transition:background .25s;position:absolute;inset:0 0 auto}@media (max-width:760px){.mx-page .lab{grid-template-columns:1fr}}.mx-page .lab-view{background:#eceef1;min-height:clamp(480px,38vw,620px);position:relative;overflow:hidden}.mx-page .lab-view:after{content:"";pointer-events:none;background:radial-gradient(78% 68% at 50% 46%,#0000 58%,#0d101629 100%);position:absolute;inset:0}@media (max-width:760px){.mx-page .lab-view{aspect-ratio:3/4;min-height:0}}@media (max-width:600px){.mx-page .lab-view{aspect-ratio:5/4}}.mx-page .lab-base,.mx-page .lab-glow{width:100%;height:100%;position:absolute;inset:0}.mx-page .lab-base{object-fit:cover;object-position:center}.mx-page .lab-glow{filter:hue-rotate(calc((var(--h) - 225)*1deg)) saturate(1.15)}.mx-page .lab-glow img{object-fit:cover;object-position:center;width:100%;height:100%;opacity:calc(var(--b)*1%);transition:opacity .2s;position:absolute;inset:0}.mx-page .lab.mode-flow .lab-glow img{animation:7s linear infinite labFlow}.mx-page .lab.mode-pulse .lab-glow img{animation:2.4s ease-in-out infinite labPulse}@media (prefers-reduced-motion:reduce){.mx-page .lab .lab-glow img{animation:none!important}}.mx-page .lab-side{background:radial-gradient(ellipse 130% 85% at 100% 0%, color-mix(in srgb, hsl(var(--h), 85%, 55%) 16%, transparent) 0%, color-mix(in srgb, hsl(var(--h), 85%, 55%) 6%, transparent) 45%, transparent 78%);border-left:1px solid #ffffff1a;flex-direction:column;gap:1.35rem;padding:clamp(1.5rem,3vw,2.2rem);transition:background .25s;display:flex}@media (max-width:760px){.mx-page .lab-side{border-top:1px solid #ffffff1a;border-left:0}}@media (max-width:600px){.mx-page .lab-side{gap:.85rem;padding:1.1rem 1.15rem}}.mx-page .lab-palette{flex-direction:column;gap:.9rem;margin-top:auto;display:flex}.mx-page .lab-palette>span{font-family:var(--f-text);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.mx-page .lab-wheel{aspect-ratio:1;width:100%;max-width:290px;filter:drop-shadow(0 8px 26px color-mix(in srgb, hsl(var(--h), 85%, 50%) 45%, transparent));margin:0 auto;transition:filter .25s;display:block}@media (max-width:760px){.mx-page .lab-wheel{max-width:340px}}@media (max-width:600px){.mx-page .lab-wheel{max-width:224px}.mx-page .lab-palette{gap:.5rem}}.mx-page .lab-seg{stroke:#0d1016;stroke-width:1.2px;cursor:pointer;transition:stroke .2s,stroke-width .2s,opacity .2s}.mx-page .lab-seg:hover{opacity:.82}.mx-page .lab-seg.is-active{stroke:#fff;stroke-width:2.6px}.mx-page .lab-seg:focus,.mx-page .lab-hub:focus{outline:none}.mx-page .lab-seg:focus-visible,.mx-page .lab-hub:focus-visible{stroke:#fff;stroke-width:3.2px}.mx-page .lab-hub{fill:#161b24;stroke:#ffffff38;stroke-width:1.5px;cursor:pointer;transition:fill .2s,stroke .2s,stroke-width .2s}.mx-page .lab-hub:hover{fill:#1d2430}.mx-page .lab-hub.is-active{fill:#10141b;stroke:#fff;stroke-width:2.6px}.mx-page .lab-hub-txt{fill:var(--muted);font-family:var(--f-display);letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:9px;font-weight:600;transition:fill .2s}.mx-page .lab.is-off .lab-hub-txt{fill:#fff}.mx-page .lab.is-off .lab-wheel{filter:none}.mx-page .lab.is-off{border-color:#ffffff24;box-shadow:0 30px 70px -40px #000000a6}.mx-page .lab.is-off .lab-side{background:0 0}.mx-page .lab-modes{border-radius:var(--r-pill);background:#ffffff0f;border:1px solid #ffffff24;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.3rem;display:grid}.mx-page .lab-mode{border-radius:var(--r-pill);cursor:pointer;font-family:var(--f-display);font-weight:600;font-size:var(--fs-body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:nowrap;padding:.6rem .4rem;transition:background .2s,color .2s,box-shadow .2s}.mx-page .lab-mode:hover{color:#fff}.mx-page .lab-mode.is-active{background:hsl(var(--h), 85%, 55%);color:#fff;box-shadow:0 4px 14px -4px color-mix(in srgb, hsl(var(--h), 85%, 55%) 75%, transparent)}@media (max-width:600px){.mx-page .lab-mode{letter-spacing:.02em;padding:.45rem .3rem}}.mx-page .lab-read{font-family:var(--f-text);font-size:var(--fs-label);letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:auto}.mx-page .lab-read b{color:#fff;font-weight:600}.mx-page .lab-read span{opacity:.72;letter-spacing:.06em;margin-top:.4rem;display:block}.mx-page .lab .scene-sim-label{text-wrap:balance}.mx-page .fig-phone{isolation:isolate;margin:0;place-items:center;width:min(480px,100%);margin-inline:auto;display:grid;position:relative}.mx-page .fig-phone img{filter:drop-shadow(0 26px 44px #0a0f1961);border-radius:18px;width:min(480px,100%);height:auto;display:block}.mx-page .amb-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--acc) 70%, transparent), color-mix(in srgb, var(--acc) 32%, transparent) 46%, transparent 78%);opacity:.5;border-radius:50%;position:absolute;inset:-26% -16%}.js .mx-page .rv.in .amb-glow{animation:4.5s ease-in-out infinite amb-pulse}@media (prefers-reduced-motion:reduce){.mx-page .amb-glow{opacity:.6}.js .mx-page .rv.in .amb-glow{animation:none}}.mx-page .al-hero .hero-bg{aspect-ratio:900/432}@keyframes labFlow{to{filter:hue-rotate(360deg)}}@keyframes labPulse{0%,to{opacity:calc(var(--b)*1%)}50%{opacity:calc(var(--b)*0.25%)}}@keyframes amb-pulse{0%,to{opacity:.32;scale:.93}50%{opacity:1;scale:1.05}}
@supports (color:lch(from red calc((47.5 - l) * 1000) 0 0)){.mx-page .lab-mode.is-active{color:lch(from hsl(var(--h), 85%, 55%) calc((47.5 - l) * 1000) 0 0)}}.mx-page .lab-read span{opacity:.82}.mx-page .lab :focus-visible{outline-color:#7fb0ff}.mx-page .lab-wheel:has(:focus-visible){outline-offset:4px;border-radius:50%;outline:3px solid #7fb0ff}.mx-page .lab-mode:lang(bg){letter-spacing:0;padding-inline:.1rem}@media (max-width:359px),(min-width:961px) and (max-width:1199px){.mx-page .lab-mode:lang(bg){font-size:.85rem}}@media (min-width:961px) and (max-width:1023px){.mx-page .lab-mode:lang(sk){letter-spacing:0;padding-inline:.1rem}}@media (min-width:961px){.mx-page #video h2:lang(bg){font-size:min(var(--t-head),5.2vw,4.2rem)}.mx-page #farben h2:lang(bg){font-size:min(var(--t-head),6.7vw)}}@media (max-width:359px){.mx-page.acc-ambient .scene-trig b:lang(bg){font-size:1rem}}@media (min-width:961px){.mx-page.acc-ambient .mod-grid--lab{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}}