:root{color-scheme:dark;--paper:#111318;--ink:#eeede7;--muted:#aaa9a5;--line:#33363c;--gold:#c5ac82;--mint:#adf3d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}.lab-nav{position:relative;z-index:20;display:flex;align-items:center;gap:32px;min-height:76px;padding:0 4.8%;border-bottom:1px solid var(--line);background:#111318}.lab-logo{font-size:13px;letter-spacing:.14em;white-space:nowrap}.lab-logo span{color:var(--gold)}.lab-nav nav{display:flex;align-items:center;gap:20px;margin-left:auto}.lab-nav nav a{padding:29px 0 26px;font-size:11px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.lab-nav nav a span{color:#666b75;font-size:9px;margin-right:6px}.lab-nav nav a:hover{color:var(--ink)}.lab-nav nav a[aria-current]{color:var(--ink);border-color:var(--gold)}.lab-index{font-size:10px;white-space:nowrap;color:var(--gold)}.eyebrow{font-size:10px!important;letter-spacing:.2em!important;color:var(--gold)!important;text-transform:uppercase;line-height:1.6}.experiment{position:relative;height:calc(100svh - 125px);min-height:680px;max-height:1050px;overflow:hidden;isolation:isolate}.experiment-head{position:absolute;z-index:4;top:29px;left:4.8%;right:4.8%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.13em;color:var(--muted);pointer-events:none}.experiment-copy{position:absolute;z-index:3;left:4.8%;top:20%;pointer-events:none}.experiment-copy h1{font-size:clamp(64px,8vw,124px);line-height:.95;font-weight:400;letter-spacing:-.07em;margin:21px 0 28px}.experiment-copy em{font-family:Georgia,serif;font-weight:400}.experiment-copy>p:last-child{color:var(--muted);font-size:14px;line-height:1.65;max-width:245px}.stage{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;touch-action:pan-y}.experiment-hint{position:absolute;z-index:3;left:4.8%;bottom:136px;font-size:11px;color:var(--muted);pointer-events:none}.experiment-meta{position:absolute;z-index:3;right:4.8%;bottom:136px;font-size:9px;letter-spacing:.14em;color:var(--muted);pointer-events:none}.experiment-controls{position:absolute;z-index:5;left:4.8%;right:4.8%;bottom:28px;display:flex;align-items:center;gap:12px;padding-top:22px;border-top:1px solid var(--line)}.experiment-controls button,.file-label{background:#111318b8;border:1px solid var(--line);border-radius:99px;min-height:44px;padding:11px 17px;font-size:11px;color:var(--ink);white-space:nowrap}.experiment-controls button:hover,.file-label:hover{border-color:var(--gold)}.experiment-controls button[aria-pressed=true],.experiment-controls button.primary{background:var(--ink);border-color:var(--ink);color:#15181b}.button-group{display:flex;gap:6px}.slider-label{display:grid;grid-template-columns:1fr auto;gap:6px 14px;min-width:130px;max-width:220px;flex:1;margin-left:auto;font-size:10px;color:var(--muted)}.slider-label output{color:var(--ink);font-variant-numeric:tabular-nums}.slider-label input{grid-column:1/-1;width:100%;height:19px;margin:0;accent-color:var(--gold)}.file-label{cursor:pointer;display:flex;align-items:center}.file-label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-label:focus-within{outline:2px solid var(--mint);outline-offset:4px}.scene-message{position:absolute;right:5%;top:73px;z-index:4;max-width:290px;font-size:11px;color:var(--gold);line-height:1.6;pointer-events:none}.demo-error{position:absolute;top:50%;left:35%;right:10%;z-index:10;border:1px solid var(--line);background:#1c2028;padding:24px;font-size:13px;line-height:1.6}.demo-error[hidden]{display:none}.page-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:49px;padding:14px 4.8%;border-top:1px solid var(--line);font-size:10px;letter-spacing:.06em;color:var(--muted)}.page-foot a{color:var(--ink)}.page-foot a:hover{color:var(--gold)}.demo-note{max-width:900px;margin:0 auto;padding:100px 5% 110px}.demo-note h2{font-family:Georgia,serif;font-size:42px;letter-spacing:-.035em;font-weight:400;margin:20px 0}.demo-note>p:not(.eyebrow){max-width:660px;font-size:15px;line-height:1.8;color:var(--muted)}.text-link{display:inline-block;margin-top:22px;font-size:12px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:10px}.lab-gallery{padding:100px 4.8% 0;border-top:1px solid var(--line)}.gallery-intro{max-width:720px;margin-bottom:54px}.gallery-intro h2{font-size:clamp(45px,6vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:23px 0}.gallery-intro em{font-family:Georgia,serif;font-weight:400}.gallery-intro>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;max-width:550px}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-card{display:block;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:transform .2s,border-color .2s}.lab-card:hover{transform:translateY(-5px);border-color:var(--gold)}.card-art{height:235px;position:relative;overflow:hidden;background:#15181d;display:grid;place-items:center}.card-art b{position:absolute;top:20px;left:21px;font-size:10px;letter-spacing:.1em;font-weight:400;color:#b2b6b8}.card-art i{display:block;width:130px;height:130px;border-radius:50%;background:linear-gradient(130deg,#131b24,#d8d9d4 25%,#50595f 40%,#161d26 51%,#b4b6b3 73%,#39414b);box-shadow:inset -12px -12px 22px #0009;transform:rotate(-30deg)}.card-chrome i:after{content:'';position:absolute;inset:35px;background:#15181d;border-radius:50%;box-shadow:0 0 12px #0005}.card-particles .card-art{background:radial-gradient(ellipse at 65% 40%,#103b34,transparent 65%),#111719}.card-particles i{border:2px dotted #8bf5ca;background:repeating-radial-gradient(ellipse,#b8ffe6 0 1px,transparent 2px 13px);box-shadow:0 0 40px #78e9bd20;transform:rotate(-30deg) scale(1.6,.65)}.card-fractal .card-art{background:#1c132d}.card-fractal i{border-radius:42% 58% 31% 69%;background:repeating-radial-gradient(ellipse at 40% 55%,#ecac70 0 2px,#8d4c70 3px 6px,#1f223b 8px 12px);transform:rotate(-38deg) scale(1.7);box-shadow:0 0 40px #cb937429}.card-sound i{border:1px solid #bb9ad7;background:repeating-radial-gradient(ellipse,#1a1727 0 7px,#a49cc977 8px 9px);box-shadow:0 0 50px #b2a4eb25;transform:rotate(-35deg) scale(1.3,.9)}.card-poster .card-art{background:#e9e0cb}.card-poster .card-art b{color:#363b33}.card-poster i{border-radius:1px;background:repeating-linear-gradient(30deg,#184c48 0 9px,#f6c45d 10px 19px,#ee6041 20px 29px);transform:rotate(-25deg) scale(1.3);box-shadow:none}.card-water .card-art{background:repeating-radial-gradient(ellipse at 60% 50%,#255c60 0 3px,#142e36 7px 13px)}.card-water i{background:radial-gradient(ellipse at 40% 25%,#ffffff70,transparent 50%);transform:scale(2,1);box-shadow:none}.card-body{padding:24px}.card-body small{font-size:9px;letter-spacing:.1em;color:var(--gold)}.card-body h3{display:flex;justify-content:space-between;font-size:23px;font-weight:400;letter-spacing:-.025em;margin:16px 0}.card-body h3 span{font-size:18px;color:var(--muted)}.card-body p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:0;max-width:320px}.lab-footer{display:flex;justify-content:space-between;gap:24px;padding:60px 0 28px;font-size:9px;letter-spacing:.1em;color:var(--muted)}#lc-demo .lc-scene{height:calc(100svh - 125px);min-height:680px;max-height:1050px}.poster .experiment-copy{top:20%}.poster .experiment-meta{display:none}.fractal .experiment-copy{filter:drop-shadow(0 2px 16px #111318)}.water .stage{touch-action:none}
@media(min-width:1600px){.lab-nav nav a{font-size:12px}.lab-nav nav{gap:28px}}@media(max-width:1180px){.lab-nav{gap:18px}.lab-nav nav{gap:13px}.lab-index{display:none}.lab-nav nav a span{display:none}.experiment-controls{gap:8px}.experiment-controls button,.file-label{padding:11px 12px}.experiment-copy h1{font-size:88px}.experiment-meta{font-size:8px}.sound .experiment-controls{flex-wrap:wrap}.lab-grid{gap:16px}.card-art{height:200px}}
@media(max-width:800px){.lab-nav{flex-wrap:wrap;gap:0;padding:21px 5% 0}.lab-logo{font-size:12px}.lab-nav nav{order:2;flex-basis:100%;overflow:auto;margin:8px 0 0;gap:22px;scrollbar-width:none}.lab-nav nav a{padding:15px 0 16px;font-size:10px}.lab-nav nav a span{display:inline;font-size:8px}.experiment{height:850px;min-height:850px}.experiment-head{top:23px;font-size:9px}.experiment-head>span:last-child{font-size:8px;letter-spacing:.02em}.experiment-copy{top:10%}.experiment-copy h1{font-size:70px;margin:17px 0}.experiment-copy>p:last-child{font-size:12px;max-width:200px}.experiment-controls{flex-wrap:wrap;bottom:23px;gap:10px;padding-top:17px}.button-group{flex-basis:100%}.button-group button{flex:1}.experiment-controls button,.file-label{min-height:43px;font-size:10px;padding:10px 13px}.slider-label{margin-left:0;max-width:none;min-width:110px}.experiment-hint{bottom:165px;right:5%;font-size:10px}.experiment-meta{display:none}.scene-message{top:320px;left:5%;right:auto;max-width:85%;font-size:10px}.demo-error{left:5%;right:5%}.page-foot{font-size:9px;gap:10px}.page-foot>span{display:none}.demo-note{padding:65px 6% 80px}.demo-note h2{font-size:34px}.demo-note>p:not(.eyebrow){font-size:13px}.lab-gallery{padding-top:65px}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:20px}.card-body h3{font-size:21px}.card-art{height:190px}.lab-footer{font-size:8px;line-height:1.7;flex-direction:column;gap:8px}.sound .experiment-controls .button-group{order:-1}.sound .slider-label{flex-basis:calc(100% - 100px)}.sound .experiment-hint{bottom:220px}.sound .experiment-controls{padding-top:13px}.poster .experiment-copy{top:10%}.poster .experiment-hint{bottom:174px}.poster .slider-label{flex-basis:100%}.poster .experiment-controls>button{flex:1}.poster .experiment-controls{gap:8px}.fractal .experiment-copy{pointer-events:none}#lc-demo .lc-scene{height:790px;min-height:790px}#lc-demo .lc-copy{top:12%}#lc-demo .lc-brand{font-size:11px}#lc-demo .lc-edition{font-size:9px}}
@media(max-width:480px){.lab-grid{grid-template-columns:1fr}.card-art{height:220px}.experiment-copy h1{font-size:62px}.eyebrow{font-size:8px!important}.experiment-head{font-size:8px}.experiment-head>span:last-child{max-width:100px;text-align:right;line-height:1.5}.experiment-copy>p:last-child{font-size:12px}.experiment-controls button,.file-label{padding:10px 12px}.lab-nav nav{gap:22px}.scene-message{top:305px}.sound #synth{flex:1}.sound .file-label{flex:1;justify-content:center}.lab-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.lab-card{transition:none}}

@media(max-width:800px){.water .stage{touch-action:pan-y}}

.card-configurator .card-art{background:radial-gradient(ellipse at 50% 25%,#35463c,#17201e)}.card-configurator i{width:110px;height:135px;border-radius:18px;background:radial-gradient(ellipse at 45% 48%,#151b1b 0 32%,#698477 33% 35%,transparent 36%),linear-gradient(135deg,#b4c9ba,#759486 75%);transform:rotate(-15deg);box-shadow:14px 12px 0 #4a6459,20px 25px 25px #0006}.lab-nav nav{gap:15px}.lab-nav nav a{font-size:10px}.lab-nav{gap:22px}

@media(max-width:800px){.lab-nav{gap:0}.lab-nav nav{gap:22px}}