@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --iris{syntax: "<percentage>"; inherits: false; initial-value: 0%;}:root{--stage: #030303;--ink: #ece6da;--dim: #8d877e;--faint: #4b4741;--chalk: 214 204 188;--cad: 232 232 232;--cad-font: Arial, "Helvetica Neue", Helvetica, "Liberation Sans", sans-serif;--light: 255 230 207;--l1i: 0;--l1x: -999px;--l1y: -999px;--l1rx: 160px;--l1ry: 160px;--l2i: 0;--l2x: -999px;--l2y: -999px;--l2rx: 160px;--l2ry: 160px;--f1i: 0;--f1x: -999px;--f1y: -999px;--f1rx: 160px;--f1ry: 160px;--f2i: 0;--f2x: -999px;--f2y: -999px;--f2rx: 160px;--f2ry: 160px;--gutter: max(clamp(16px, 4.2vw, 72px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--font: "Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--stage);-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{margin:0;background:var(--stage);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;font-weight:360;font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}:focus-visible{outline:1px solid rgb(var(--light));outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:var(--gutter);top:-80px;z-index:60;padding:8px 12px;background:var(--ink);color:var(--stage)}.skip:focus{top:44px}.rig{position:fixed;inset:0 0 auto;height:calc(104px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);z-index:20;pointer-events:none;background:linear-gradient(var(--stage) 0%,rgb(3 3 3 / .94) 58%,rgb(3 3 3 / 0) 100%)}.truss{position:absolute;left:0;top:calc(46px + env(safe-area-inset-top,0px));width:100%;height:14px;color:rgb(var(--cad) / .4);overflow:visible}.pos-label{position:fixed;left:0;top:0;z-index:21;font:400 9px/1 var(--cad-font);letter-spacing:.06em;color:rgb(var(--cad) / .66);pointer-events:none;white-space:nowrap}.pos-label{font-size:11px}.pos-label small{display:block;margin-top:2px;font-size:8px;color:rgb(var(--cad) / .5)}.brand,.nav a{pointer-events:auto;text-decoration:none;font-size:14px;letter-spacing:.01em}.brand{position:absolute;left:var(--gutter);top:calc(15px + env(safe-area-inset-top,0px));font-stretch:118%;font-weight:420;opacity:0;transition:opacity .5s var(--ease)}.past-hero .brand,.brand:focus-visible{opacity:1}.plate-hero:focus-visible{outline-offset:-12px}.nav{position:absolute;right:var(--gutter);top:calc(16px + env(safe-area-inset-top,0px));display:flex;gap:28px}.nav a{color:var(--dim);transition:color .2s}.nav a:hover{color:var(--ink)}.fixture{position:fixed;left:0;top:0;z-index:21;pointer-events:none}.shaft,.beamcad{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.beamcad{z-index:6}.plate{display:block;position:relative;z-index:1;text-decoration:none;outline-offset:10px}.plate-stage{position:relative;aspect-ratio:var(--ar);overflow:hidden}.plate-stage img,.plate-stage canvas{position:absolute;inset:0;width:100%;height:100%}.plate-stage img{object-fit:cover}.plate-stage{--s1a: 0;--s1x: -9999px;--s1y: -9999px;--s1rx: 1px;--s1ry: 1px;--s2a: 0;--s2x: -9999px;--s2y: -9999px;--s2rx: 1px;--s2ry: 1px;--p1a: 0;--p1x: -9999px;--p1y: -9999px;--p1rx: 1px;--p1ry: 1px;--p2a: 0;--p2x: -9999px;--p2y: -9999px;--p2rx: 1px;--p2ry: 1px;--pf: 0}.js .plate-stage img{filter:saturate(.85);-webkit-mask-image:radial-gradient(var(--s1rx) var(--s1ry) at var(--s1x) var(--s1y),rgb(0 0 0 / var(--s1a)) 0%,rgb(0 0 0 / calc(var(--s1a) * .55)) 32%,rgb(0 0 0 / calc(var(--s1a) * .2)) 62%,rgb(0 0 0 / calc(var(--s1a) * .05)) 84%,transparent 100%),radial-gradient(var(--s2rx) var(--s2ry) at var(--s2x) var(--s2y),rgb(0 0 0 / var(--s2a)) 0%,rgb(0 0 0 / calc(var(--s2a) * .55)) 32%,rgb(0 0 0 / calc(var(--s2a) * .2)) 62%,rgb(0 0 0 / calc(var(--s2a) * .05)) 84%,transparent 100%),radial-gradient(var(--p1rx) var(--p1ry) at var(--p1x) var(--p1y),rgb(0 0 0 / var(--p1a)) 0%,rgb(0 0 0 / calc(var(--p1a) * .87)) 30%,rgb(0 0 0 / calc(var(--p1a) * .65)) 50%,rgb(0 0 0 / calc(var(--p1a) * .36)) 70%,rgb(0 0 0 / calc(var(--p1a) * .15)) 85%,transparent 100%),radial-gradient(var(--p2rx) var(--p2ry) at var(--p2x) var(--p2y),rgb(0 0 0 / var(--p2a)) 0%,rgb(0 0 0 / calc(var(--p2a) * .87)) 30%,rgb(0 0 0 / calc(var(--p2a) * .65)) 50%,rgb(0 0 0 / calc(var(--p2a) * .36)) 70%,rgb(0 0 0 / calc(var(--p2a) * .15)) 85%,transparent 100%);mask-image:radial-gradient(var(--s1rx) var(--s1ry) at var(--s1x) var(--s1y),rgb(0 0 0 / var(--s1a)) 0%,rgb(0 0 0 / calc(var(--s1a) * .55)) 32%,rgb(0 0 0 / calc(var(--s1a) * .2)) 62%,rgb(0 0 0 / calc(var(--s1a) * .05)) 84%,transparent 100%),radial-gradient(var(--s2rx) var(--s2ry) at var(--s2x) var(--s2y),rgb(0 0 0 / var(--s2a)) 0%,rgb(0 0 0 / calc(var(--s2a) * .55)) 32%,rgb(0 0 0 / calc(var(--s2a) * .2)) 62%,rgb(0 0 0 / calc(var(--s2a) * .05)) 84%,transparent 100%),radial-gradient(var(--p1rx) var(--p1ry) at var(--p1x) var(--p1y),rgb(0 0 0 / var(--p1a)) 0%,rgb(0 0 0 / calc(var(--p1a) * .87)) 30%,rgb(0 0 0 / calc(var(--p1a) * .65)) 50%,rgb(0 0 0 / calc(var(--p1a) * .36)) 70%,rgb(0 0 0 / calc(var(--p1a) * .15)) 85%,transparent 100%),radial-gradient(var(--p2rx) var(--p2ry) at var(--p2x) var(--p2y),rgb(0 0 0 / var(--p2a)) 0%,rgb(0 0 0 / calc(var(--p2a) * .87)) 30%,rgb(0 0 0 / calc(var(--p2a) * .65)) 50%,rgb(0 0 0 / calc(var(--p2a) * .36)) 70%,rgb(0 0 0 / calc(var(--p2a) * .15)) 85%,transparent 100%)}.js .plate-sketch{opacity:calc(1 - .6 * var(--pf))}.js .plate-stage:before,.js .plate-stage:after{display:none}.plate-stage:before,.plate-stage:after{content:"";position:absolute;width:14px;height:14px;z-index:2;border:0 solid rgb(var(--chalk) / .3);pointer-events:none}.plate-stage:before{left:0;top:0;border-left-width:1px;border-top-width:1px}.plate-stage:after{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.lit{position:relative;color:transparent;-webkit-text-stroke:1px rgb(var(--chalk) / .5)}.lit-line{display:block}.lit-fill{position:absolute;inset:0;color:rgb(var(--light));-webkit-text-stroke:0;text-shadow:0 0 28px rgb(var(--light) / .35);pointer-events:none;-webkit-mask-image:radial-gradient(var(--l1rx) var(--l1ry) at var(--l1x) var(--l1y),rgb(0 0 0 / var(--l1i)) 0%,rgb(0 0 0 / calc(var(--l1i) * .75)) 22%,rgb(0 0 0 / calc(var(--l1i) * .32)) 42%,rgb(0 0 0 / calc(var(--l1i) * .1)) 68%,transparent 100%),radial-gradient(var(--l2rx) var(--l2ry) at var(--l2x) var(--l2y),rgb(0 0 0 / var(--l2i)) 0%,rgb(0 0 0 / calc(var(--l2i) * .75)) 22%,rgb(0 0 0 / calc(var(--l2i) * .32)) 42%,rgb(0 0 0 / calc(var(--l2i) * .1)) 68%,transparent 100%),radial-gradient(var(--f1rx) var(--f1ry) at var(--f1x) var(--f1y),rgb(0 0 0 / var(--f1i)) 0%,rgb(0 0 0 / calc(var(--f1i) * .65)) 50%,rgb(0 0 0 / calc(var(--f1i) * .15)) 85%,transparent 100%),radial-gradient(var(--f2rx) var(--f2ry) at var(--f2x) var(--f2y),rgb(0 0 0 / var(--f2i)) 0%,rgb(0 0 0 / calc(var(--f2i) * .65)) 50%,rgb(0 0 0 / calc(var(--f2i) * .15)) 85%,transparent 100%);mask-image:radial-gradient(var(--l1rx) var(--l1ry) at var(--l1x) var(--l1y),rgb(0 0 0 / var(--l1i)) 0%,rgb(0 0 0 / calc(var(--l1i) * .75)) 22%,rgb(0 0 0 / calc(var(--l1i) * .32)) 42%,rgb(0 0 0 / calc(var(--l1i) * .1)) 68%,transparent 100%),radial-gradient(var(--l2rx) var(--l2ry) at var(--l2x) var(--l2y),rgb(0 0 0 / var(--l2i)) 0%,rgb(0 0 0 / calc(var(--l2i) * .75)) 22%,rgb(0 0 0 / calc(var(--l2i) * .32)) 42%,rgb(0 0 0 / calc(var(--l2i) * .1)) 68%,transparent 100%),radial-gradient(var(--f1rx) var(--f1ry) at var(--f1x) var(--f1y),rgb(0 0 0 / var(--f1i)) 0%,rgb(0 0 0 / calc(var(--f1i) * .65)) 50%,rgb(0 0 0 / calc(var(--f1i) * .15)) 85%,transparent 100%),radial-gradient(var(--f2rx) var(--f2ry) at var(--f2x) var(--f2y),rgb(0 0 0 / var(--f2i)) 0%,rgb(0 0 0 / calc(var(--f2i) * .65)) 50%,rgb(0 0 0 / calc(var(--f2i) * .15)) 85%,transparent 100%)}.no-js .lit{color:var(--ink);-webkit-text-stroke:0}.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden}.hero-plate,.hero-plate .plate,.hero-plate .plate-stage{position:absolute;inset:0}.hero-plate .plate-stage{aspect-ratio:auto}.hero-plate .plate-stage:before,.hero-plate .plate-stage:after{display:none}.hero-type{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(clamp(24px,6vh,80px) + 56px);z-index:10;pointer-events:none}.wordmark{margin:0;font-size:clamp(54px,11.6vw,196px);font-weight:260;font-stretch:125%;line-height:.9;letter-spacing:-.012em}.byline{margin:1.4em 0 0;font-size:15px;font-stretch:112%;color:var(--ink);letter-spacing:.01em}.hero-cap{position:absolute;right:var(--sheet-inset, 26px);bottom:calc(var(--bar-h, 56px) + var(--sheet-inset, 26px));z-index:10;margin:0}.tblock{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,3fr);width:clamp(560px,52vw,760px);max-width:calc(100vw - 2 * var(--sheet-inset, 26px) - 360px);font-family:var(--cad-font);text-transform:uppercase;color:rgb(var(--cad) / .85);background:#030303db;border:1.2px solid rgb(var(--cad) / .55)}.tblock p,.tblock dl,.tblock dd{margin:0}.tb-main{min-width:0;border-right:.5px solid rgb(var(--cad) / .4)}.tb-main p{padding:4px 8px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-org{font-size:8px;letter-spacing:.04em;color:rgb(var(--cad) / .6);border-bottom:.5px solid rgb(var(--cad) / .4)}.tb-title{font-size:11.5px}.tb-title a{color:rgb(var(--cad) / .95);text-decoration:none}.tb-title a:hover{text-decoration:underline;text-underline-offset:3px}.tb-cells{display:grid;grid-template-columns:1.15fr 1.45fr 1fr .7fr .75fr .8fr;min-width:0}.tb-cells>div{padding:4px 7px 5px;border-right:.5px solid rgb(var(--cad) / .4);min-width:0}.tb-cells>div:last-child{border-right:0}.tb-cells dt{font-size:6.5px;letter-spacing:.05em;color:rgb(var(--cad) / .48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-cells dd{margin-top:3px;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-sheet dd{font-size:14px;line-height:.9}@media(max-width:1099px){.tblock{grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr);width:min(380px,calc(100vw - 2 * var(--sheet-inset, 26px) - 330px));max-width:none}.tb-cells{grid-template-columns:1fr .8fr .9fr}.tb-cells>div:nth-child(1),.tb-cells>div:nth-child(2),.tb-cells>div:nth-child(3){display:none}}.section-title:focus,.wordmark:focus{outline:none}.section-title{margin:0 0 clamp(48px,9vh,112px);font-size:clamp(48px,8.4vw,132px);font-weight:260;font-stretch:125%;line-height:.9;letter-spacing:-.01em;z-index:10}.work,.credits,.contact{position:relative;padding:clamp(120px,22vh,240px) var(--gutter) 0}.plates{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2vw;row-gap:clamp(96px,17vh,220px)}.show{position:relative}.show-1{grid-column:1 / 9}.show-2{grid-column:6 / 13}.show-3{grid-column:2 / 9}.show-4{grid-column:8 / 13}.show-5{grid-column:1 / 8}.show-6{grid-column:5 / 13}.show-7{grid-column:2 / 8}.show-8{grid-column:7 / 13}.show-cap{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:18px}.show-title{margin:0;font-size:24px;line-height:1.2;font-weight:300;font-stretch:104%}.show-title a{text-decoration:none}.show-meta{margin:0;font-size:14px;font-stretch:78%;color:var(--dim);white-space:nowrap}.credits>div{position:relative;z-index:10;max-width:1120px}.cue-list{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.cue-list th{text-align:left;font-weight:inherit;padding:0 16px 14px 0}.cue-list th button{all:unset;cursor:pointer;font-size:13px;font-stretch:78%;color:var(--dim);letter-spacing:.02em}.cue-list th button:hover,.cue-list th[aria-sort=ascending] button,.cue-list th[aria-sort=descending] button{color:var(--ink)}.cue-list th button:focus-visible{outline:1px solid rgb(var(--light));outline-offset:4px}.sort-mark{display:inline-block;width:1.2em;text-align:center}.cue-list td{padding:15px 16px 15px 0;border-top:1px solid rgb(var(--chalk) / .13);vertical-align:baseline}.c-year{width:8.5em;font-stretch:78%;color:var(--dim);white-space:nowrap}.c-prod{font-size:18px;font-weight:330}.c-prod a{text-decoration:none;background:linear-gradient(rgb(var(--chalk) / .45),rgb(var(--chalk) / .45)) 0 100% / 100% 1px no-repeat;padding-bottom:2px}.c-prod a:hover{background-image:linear-gradient(rgb(var(--light)),rgb(var(--light)))}.c-net{font-stretch:78%;color:var(--dim);font-size:15px}.c-src{text-align:right;white-space:nowrap;padding-right:0}.src{font-size:13px;font-stretch:78%;color:var(--faint);text-decoration:none}.src:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-body{position:relative;z-index:10}.contact-line{display:block;width:fit-content;max-width:100%;font-size:min(clamp(30px,5.4vw,84px),calc((100vw - 2 * var(--gutter)) / 15.5));overflow-wrap:anywhere;font-weight:280;font-stretch:112%;line-height:1.1;text-decoration:none}.contact-line+.contact-line{margin-top:.15em}.contact-city{margin:1.6em 0 0;color:var(--dim);font-size:15px}.contact-todo{margin:0;max-width:40em;color:var(--dim);font-size:15px;border:1px dashed rgb(var(--chalk) / .25);padding:14px 16px}.contact-todo code{color:var(--ink)}.foot{position:relative;z-index:10;display:flex;flex-wrap:wrap;gap:8px 40px;padding:clamp(120px,22vh,220px) var(--gutter) 40px;font-size:13px;font-stretch:85%;color:var(--faint)}.foot p{margin:0}.sheet{position:fixed;inset:0;z-index:40;overflow:auto;background:var(--stage);opacity:0;transition:opacity .38s var(--ease);overscroll-behavior:contain}.sheet.is-open{opacity:1}.sheet:focus{outline:none}.sheet-open body{overflow:hidden}.sheet-inner{min-height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;padding:28px var(--gutter) 24px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.sheet-head h2{margin:0;font-size:clamp(26px,3.2vw,44px);font-weight:280;font-stretch:112%;line-height:1.1}.sheet-meta{margin:6px 0 0;color:var(--dim);font-stretch:78%;font-size:15px}.sheet button{font:inherit;font-size:14px;color:var(--ink);background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:underline;text-decoration-color:rgb(var(--chalk) / .35);text-underline-offset:5px}.sheet button:hover{text-decoration-color:rgb(var(--light))}.sheet-figure{margin:0;display:grid;align-content:center;gap:14px}.sheet-frame{position:relative;aspect-ratio:var(--ar);width:min(100%,calc(60vh * var(--arn)));margin:0 auto}.sheet-frame canvas,.sheet-frame img{position:absolute;inset:0;width:100%;height:100%}.sheet-photo{object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 var(--iris),transparent calc(var(--iris) + 22%));mask-image:radial-gradient(circle at 50% 50%,#000 var(--iris),transparent calc(var(--iris) + 22%));--iris: -22%}.sheet-frame.is-up .sheet-photo{--iris: 110%;transition:--iris 1.3s var(--ease)}.sheet-cap{display:flex;flex-wrap:wrap;gap:6px 24px;width:min(100%,calc(60vh * var(--arn, 1.5)));margin:0 auto;font-size:13px;font-stretch:80%;color:var(--dim)}.sheet-src{margin-left:auto;color:var(--ink);text-underline-offset:4px;text-decoration-color:rgb(var(--chalk) / .35)}.sheet-nav{display:flex;justify-content:center;gap:32px}.sheet-nav[hidden],.sheet-strip[hidden]{display:none}.sheet-strip{list-style:none;margin:0;padding:4px 0;display:flex;justify-content:center;gap:10px;overflow-x:auto}.sheet-strip button{display:block;padding:0!important}.sheet-strip img{display:block;height:54px;width:auto;opacity:.38;transition:opacity .25s}.sheet-strip button:hover img,.sheet-strip button[aria-current=true] img{opacity:1}.sheet-strip button[aria-current=true]{box-shadow:0 0 0 1px rgb(var(--light) / .8)}.cue-run:not(.cue-done) .truss{animation:truss-in .9s var(--ease) both}.cue-run:not(.cue-done) .plate-notes,.cue-run:not(.cue-done) .pos-label{animation:rise 1s var(--ease) 1.6s both}.cue-run:not(.cue-done) .nav,.cue-run:not(.cue-done) .byline,.cue-run:not(.cue-done) .hero-cap,.cue-run:not(.cue-done) .desk{animation:rise .8s var(--ease) 2.4s both}.cue-run:not(.cue-done) .wordmark{animation:rise 1.2s var(--ease) .9s both}@keyframes truss-in{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}@keyframes rise{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.plates{grid-template-columns:1fr;row-gap:88px}.show-1,.show-2,.show-3,.show-4,.show-5,.show-6,.show-7,.show-8{grid-column:1 / -1}.show:nth-child(2n){padding-left:12vw}.show:nth-child(odd){padding-right:12vw}}@media(max-width:720px){.nav{gap:18px;left:var(--gutter);right:auto}.brand{display:none}.hero-cap{left:var(--gutter);right:auto;bottom:auto;top:calc(100% - clamp(28px,7vh,88px) + 4px);align-items:flex-start;text-align:left;display:none}.show:nth-child(2n),.show:nth-child(odd){padding:0}.show-cap{flex-direction:column;gap:4px}.show-title{font-size:21px}.cue-list thead{display:none}.cue-list tr{display:grid;grid-template-columns:4.6em 1fr;column-gap:12px;border-top:1px solid rgb(var(--chalk) / .13);padding:14px 0}.cue-list td{border:0;padding:0}.c-year{width:auto;grid-row:span 3}.c-net,.c-src{grid-column:2;text-align:left}.sheet-nav{justify-content:space-between}}@media(max-height:540px)and (orientation:landscape){.wordmark{font-size:clamp(40px,15vh,120px)}.hero-type{bottom:calc(clamp(16px,4vh,40px) + 64px)}.byline{margin-top:.9em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--panel: #0b0b0c;--engrave: #8e887f;--engrave-hi: #cfc8bb;--lcd-bg: #060808;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--g-frame: #2c2c2e;--g-title: #1d1d1f;--g-head: #19191a;--g-cell: #2a2a2b;--g-cell-hi: #3d3d3f;--g-btn: #313133;--g-btn-on: #5a5a5e;--g-text: #ececec;--g-dim: #9d9d9d;--g-faint: #6b6b6b;--g-blue: #2b5da8;--g-yellow: #ffd60a;--g-red: #cf2a1f;--g-red-text: #ff5a4c;--g-cyan: #2fd4f0;--g-cyan-hi: #7ff6ff;--g-green: #3bc94b;--g-tile: #4b4b4e;--g-tile-empty: #161617;--g-pool: #6f7f93}body{padding-bottom:56px}.nav a{position:relative;display:inline-flex;align-items:center;height:26px;padding:0 11px;font-size:12.5px;font-weight:600;font-stretch:85%;letter-spacing:.02em;color:#b9b9b9;background:linear-gradient(#1f1f21,#141415);border:1px solid #000;border-radius:4px;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #00000080,0 1px 3px #0009}.nav{gap:8px;top:calc(10px + env(safe-area-inset-top,0px))}.nav a:active{transform:translateY(1px)}.nav a.on{color:#fff;text-shadow:0 0 6px rgb(255 255 255 / .7)}.desk{--pad: clamp(12px, 2vw, 36px);--bar-h: 56px;--bz: 7px;--ef-w: 86px;--ef-gap: 6px;--ep-w: 64px;--lt-w: 104px;--gm-w: 56px;--ea-w: calc(var(--ep-w) + 5 * var(--ef-w) + 7 * var(--ef-gap) + var(--lt-w) + var(--gm-w));--win-h: 140px;--open-h: 640px;--open-max: 78vh;position:fixed;left:0;right:0;bottom:0;z-index:30;font-family:var(--font);font-stretch:82%;color:var(--engrave);background:var(--grain),linear-gradient(#111113,#0a0a0b 40%);border-top:1px solid #000;box-shadow:0 -1px #232326,0 -18px 40px #000000a6;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.desk.ma3{background:var(--grain),linear-gradient(#131314,#0c0c0d 40%);box-shadow:0 -1px #202022,0 -18px 40px #000000a6}.desk button{font:inherit;color:inherit}.desk{--spill-x: -9999px;--spill-r: 200px;--spill-a: 0}.desk:before,.desk:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:6}.desk:before{top:0;height:90px;mix-blend-mode:screen;background:radial-gradient(var(--spill-r) 90px at var(--spill-x) 0,rgb(var(--light) / calc(var(--spill-a) * .26)) 0%,rgb(var(--light) / calc(var(--spill-a) * .09)) 40%,transparent 100%)}.desk:after{top:-1px;height:1px;background:radial-gradient(var(--spill-r) 1px at var(--spill-x) 0,rgb(var(--light) / calc(var(--spill-a) * .95)) 0%,transparent 100%)}.desk-scroll{position:relative;max-height:var(--bar-h);overflow:hidden;transition:max-height .32s var(--ease)}.desk.is-shut .desk-scroll{overflow:visible}.desk.is-open .desk-scroll{max-height:min(var(--open-max),var(--open-h));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a2c transparent}.desk-screen[hidden],.desk-hw[hidden]{display:none!important}.desk-bar{position:sticky;top:0;bottom:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:auto;align-items:center;gap:10px;height:var(--bar-h);padding:0 12px 0 var(--pad);background:var(--grain),linear-gradient(#111113,#0d0d0e)}.desk.ma3 .desk-bar{background:var(--grain),linear-gradient(#131314,#0f0f10)}.desk:not(.is-shut) .desk-bar{margin:0 var(--pad);padding:0 8px;background:#050505;border:1px solid #000;border-top:0;border-radius:0 0 4px 4px;box-shadow:inset 1px 0 #1c1c1e,inset -1px 0 #1c1c1e,inset 0 -1px #1c1c1e}.cmd{display:grid;row-gap:3px;min-width:0}.cmd-field{display:flex;align-items:center;min-width:0;height:28px;padding:0 0 0 8px;background:#000;border:1px solid #2e2e30;border-radius:2px;cursor:text}.cmd-field:focus-within{border-color:#f4f4f4}.cmd-prompt{flex:none;font-size:13px;font-weight:500;font-stretch:88%;color:var(--g-text);white-space:nowrap;cursor:text}.cmd-kw{color:var(--g-yellow)}.cmd-input{flex:1;min-width:0;height:100%;padding:0 8px 0 3px;font:400 14px/1 var(--font);font-stretch:90%;font-variant-numeric:tabular-nums;color:var(--g-text);caret-color:#fff;background:transparent;border:0;outline:none}.cmd-input::placeholder{color:#4b4b4d}.cmd-fb{margin:0;font-size:11px;color:var(--engrave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk.ma3 .cmd-fb{color:#8f8f8f}.cmd-fb.is-echo{color:#b9b9b9}.cmd-fb.is-error{color:var(--g-red-text)!important}.cmd-fb.is-multi{position:absolute;left:var(--pad);bottom:calc(100% + 6px);z-index:5;padding:10px 14px;font-size:12px;line-height:1.7;white-space:pre-line;color:var(--g-text)!important;background:#000;border:1px solid #2e2e30;border-radius:2px;box-shadow:0 10px 30px #0009}.bar-lcds{display:flex;gap:4px}.desk:not(.is-shut) .bar-lcds,.desk:not(.is-shut) .bar-go{display:none}.bar-go{display:flex;gap:6px}.session{display:none;width:10px;height:10px;border-radius:2px;background:#d8352a;box-shadow:0 0 0 1px #000}.desk:not(.is-shut) .session{display:block}.desk:not(.is-shut) .desk-handle{height:30px;padding:0 4px;align-content:center;background:var(--g-btn);border:0;border-radius:1px;box-shadow:none}.desk:not(.is-shut) .grip{display:none}.desk:not(.is-shut) .handle-label{font-weight:500;color:#fff}.desk-handle{display:grid;justify-items:center;gap:4px;width:64px;height:40px;padding:6px 0 4px;background:linear-gradient(#1c1c1e,#121214);border:1px solid #050505;border-radius:3px;box-shadow:inset 0 1px #ffffff12,0 2px #000;cursor:pointer}.grip{width:26px;height:7px;background:repeating-linear-gradient(#3a3a3e 0 1px,transparent 1px 3px)}.handle-label{font-size:11px;color:var(--engrave-hi)}.desk.ma3 .desk-handle{background:linear-gradient(#1f1f21,#141415);border-color:#000;border-radius:4px;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #00000080,0 1px 3px #0009}.desk.ma3 .handle-label{font-weight:600;color:#c9c9c9}.desk.ma3 .grip{background:repeating-linear-gradient(#4a4a4c 0 1px,transparent 1px 3px)}.desk-screen{display:grid;grid-template-columns:var(--ea-w) minmax(130px,1fr) minmax(200px,380px);grid-template-rows:var(--win-h) auto auto;grid-template-areas:"fs pool seq" "fg pool seq" "er pool seq";gap:4px;margin:var(--pad) var(--pad) 0;padding:6px 6px 4px;font-stretch:86%;color:var(--g-text);background:#050505;border:1px solid #000;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:inset 1px 1px #1c1c1e,inset -1px 0 #1c1c1e}.glyph{display:inline-grid;grid-template-columns:3px 3px;gap:2px;place-content:center;flex:none;width:20px;height:20px;background:#2a2a2d}.glyph b{width:3px;height:3px;background:#d8d8d8}.windows,.encbar{display:contents}.fsheet{grid-area:fs}.pool{grid-area:pool}.seqsheet{grid-area:seq}.fgcb{grid-area:fg}.enc-row{grid-area:er}.win{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:#000;border:1px solid var(--g-frame)}.win.pool{grid-template-rows:minmax(0,1fr)}.win-title{display:flex;align-items:center;gap:7px;height:20px;font-size:11px;font-weight:500;color:var(--g-text);background:var(--g-title);border-bottom:1px solid #000;white-space:nowrap}.win-title b{font-weight:600;margin-right:4px}.wt-tools{display:flex;gap:2px;margin-left:auto;padding-right:2px}.desk .wt-btn{display:grid;place-items:center;height:16px;padding:0 7px;font-size:9.5px;color:#cfcfcf;background:var(--g-btn);border:0;border-radius:1px}.desk button.wt-btn{cursor:pointer}.desk .wt-btn[aria-pressed=true]{color:#fff;background:var(--g-btn-on)}.desk .wt-btn.is-inert{color:#8a8a8d}.desk .wt-btn:focus-visible{outline:1px solid #fff;outline-offset:-1px}.fs-scroll,.cue-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a3a3c #000}.fs-table,.cue-table{border-collapse:separate;border-spacing:1px;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;background:#000}.fs-table{min-width:100%}.fs-table th,.cue-table th{position:sticky;top:0;z-index:1;height:17px;padding:0 5px;font-size:10px;font-weight:500;text-align:left;color:var(--g-dim);background:var(--g-head);white-space:nowrap}.fs-table td,.cue-table td{height:18px;padding:0 5px;white-space:nowrap;background:var(--g-cell)}.fs-table .fs-name{position:sticky;left:1px;z-index:1;width:58px;min-width:58px;max-width:58px;overflow:hidden;text-overflow:ellipsis}.fs-table .fs-fid{position:sticky;left:60px;z-index:1;width:28px;min-width:28px;text-align:right}.fs-table th.fs-fid,.fs-table th.fs-name{z-index:2}.fs-table td.fs-idt,.fs-table td.fs-cid{color:#bdbdbd;background:#000}.fs-table .fs-cid{min-width:22px}.fs-table td.fs-fid,.fs-table td.fs-name{color:var(--g-text);background:#000;cursor:pointer}.fs-table tr.is-sel td.fs-fid,.fs-table tr.is-sel td.fs-name{color:var(--g-yellow);background:var(--g-cell-hi)}.desk .fs-name button{all:unset;display:block;width:100%;cursor:pointer}.desk .fs-name button:focus-visible{outline:1px solid var(--g-yellow);outline-offset:1px}.fs-v{min-width:30px;color:#bdbdbd}.fs-table td.v-prog{color:#fff;background:var(--g-red)}.fs-table td.v-none{background:#000}.v-inact{color:var(--g-red-text)!important}.v-cue{color:var(--g-cyan)!important}.v-exec{color:var(--g-yellow)!important}.v-hi{color:#fff!important}.v-def{color:#bdbdbd}.fs-table td[data-a=cct]:not(.v-none){position:relative;padding-left:15px}.fs-table td[data-a=cct]:not(.v-none):after{content:"";position:absolute;left:4px;top:calc(50% - 4px);width:8px;height:8px;background:var(--sw, #fff);box-shadow:0 0 0 1px #0009}.mk-preset{position:relative}.mk-preset:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g-cyan-hi)}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-auto-rows:60px;align-content:start;gap:2px;padding:2px;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3a3c #000}.desk .tile{position:relative;display:block;min-width:0;padding:0;font-size:10px;line-height:1.15;text-align:center;color:var(--g-text);background:var(--g-tile);border:0;border-radius:1px;overflow:hidden;cursor:pointer}.desk .tile:hover{background:#57575a}.desk .tile:focus-visible{outline:2px solid var(--g-yellow);outline-offset:-2px}.desk .tile.is-empty{background:var(--g-tile-empty);cursor:default}.tile-bar{position:absolute;left:0;right:0;top:0;height:4px;background:var(--g-pool)}.fit-all .tile-bar{background:var(--g-green)}.fit-some .tile-bar{background:var(--g-yellow)}.desk .tile.fit-none{opacity:.4}.tile-num{position:absolute;left:4px;top:7px;font-size:9.5px;color:#dcdcdc}.is-empty .tile-num{color:#5a5a5c}.tile-count{position:absolute;left:4px;top:19px;font-size:9.5px;font-weight:600;color:var(--g-cyan)}.tile-name{position:absolute;left:3px;right:3px;bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tile-swatch,.tile-gobo{position:absolute;left:calc(50% - 9px);top:13px;width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px #000}.tile-level{position:absolute;left:22px;right:8px;top:21px;height:4px;background:#222}.tile-level b{display:block;height:100%;background:#e8e8e8}.desk .title-cell{background:var(--g-blue);cursor:default}.desk .title-cell:hover{background:var(--g-blue)}.title-cell .glyph{position:absolute;left:3px;top:3px;width:14px;height:14px;grid-template-columns:2px 2px;background:#00000040}.title-cell .glyph b{width:2px;height:2px}.tc-icon{position:absolute;left:calc(50% - 9px);top:13px;width:18px;height:18px;color:#fff}.tc-icon svg{display:block;width:100%;height:100%}.tc-name{position:absolute;left:2px;right:2px;bottom:14px;font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-sub{position:absolute;left:2px;right:2px;bottom:3px;font-size:8.5px;color:#ffffffb8}.cue-table{width:100%}.cue-table td{color:#d4d4d4}.cue-table .cs-no,.cue-table .cs-part,.cue-table .cs-fade,.cue-table .cs-delay{width:1%}.cue-table td.cs-no{text-align:right}.cue-table td.cs-name{width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis}.desk .cue-table button{all:unset;display:block;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.desk .cue-table button:focus-visible{outline:1px solid var(--g-yellow)}.cue-table td.cs-fade{position:relative}.fade-bar{position:absolute;left:0;top:2px;bottom:2px;width:calc(var(--p, 0) * 100%);background:#3bc94b73}.fade-t{position:relative}.cue-table tr.is-cur td{color:#fff;box-shadow:inset 0 2px 0 var(--g-green),inset 0 -2px 0 var(--g-green)}.cue-table tr.is-cur td:first-child{box-shadow:inset 2px 0 0 var(--g-green),inset 0 2px 0 var(--g-green),inset 0 -2px 0 var(--g-green)}.cue-table tr.is-cur td:last-child{box-shadow:inset -2px 0 0 var(--g-green),inset 0 2px 0 var(--g-green),inset 0 -2px 0 var(--g-green)}.fgcb{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.fgcb::-webkit-scrollbar{display:none}.desk .fg{position:relative;flex:1 1 0;min-width:64px;height:25px;padding:4px 8px 0;font-size:11px;font-weight:500;white-space:nowrap;color:#d8d8d8;background:var(--g-btn);border:0;border-radius:1px;cursor:pointer}.desk .fg.is-on{color:#fff;background:var(--g-btn-on)}.desk .fg:focus-visible{outline:1px solid #fff;outline-offset:-1px}.fg-bar{position:absolute;left:0;right:0;top:0;height:3px;background:#58585b}.fg.is-avail .fg-bar{background:var(--g-red)}.fg-mark{display:none;position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--g-red)}.fg.has-mark .fg-mark{display:block}.enc-row{display:flex;align-items:stretch;gap:var(--ef-gap);height:50px}.enc-page{display:grid;grid-template-rows:minmax(0,1fr);flex:none;width:var(--ep-w)}.desk .ep{display:grid;align-content:center;gap:2px;padding:0 6px;font-size:11px;font-weight:500;text-align:left;color:#fff;background:var(--g-btn);border:0;border-radius:1px;cursor:pointer;overflow:hidden}.ep-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-count{font-size:9.5px;color:var(--g-dim)}.desk .res{padding:0;font-size:9.5px;color:var(--g-dim);background:#1c1c1e;border:0;border-radius:1px;cursor:pointer}.desk .res.is-on{color:#fff;background:var(--g-btn-on)}.desk .ep:focus-visible,.desk .res:focus-visible,.desk .ef:focus-visible{outline:1px solid #fff;outline-offset:-1px}.enc-fields{display:flex;gap:var(--ef-gap);flex:none}.desk .ef,.desk .mini-lcd{position:relative;display:grid;align-content:start;justify-items:start;min-width:0;padding:7px 6px 0;text-align:left;color:var(--g-text);background:#0a0a0a;border:1px solid #262628;border-radius:1px;overflow:hidden;cursor:pointer}.desk .ef{width:var(--ef-w)}.desk .ef:disabled{cursor:default}.ef-bar{position:absolute;left:0;right:0;top:0;height:3px;background:#48484b}.is-live .ef-bar{background:var(--g-red)}.is-empty .ef-bar{opacity:.45}.ef-name{max-width:100%;font-size:10px;line-height:1.3;color:var(--g-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ef-val{max-width:100%;font-size:14px;line-height:1.35;color:var(--g-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ef-res{position:absolute;right:5px;top:7px;width:11px;height:11px;border:1px solid #5a5a5d;border-radius:50%}.ef-res:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#9d9d9d}.desk.is-fine .ef-res:after{inset:3.5px;background:#fff}.ef.is-empty .ef-res{display:none}.ef-val.v-prog{margin-left:-3px;padding:0 3px;color:#fff;background:var(--g-red);border-radius:1px}.layers{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;flex:none;width:var(--lt-w)}.ly{--ly: var(--g-red);position:relative;display:grid;place-items:center;font-size:9.5px;color:#8a8a8a;color:color-mix(in srgb,var(--ly) 70%,#000);background:#161617;border-radius:1px}.ly:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ly);opacity:.55}.ly-rel{--ly: #c08fd8}.ly-fade{--ly: var(--g-green)}.ly-delay{--ly: #ff9f1c}.ly.is-on{color:#fff;background:var(--ly)}.ly.is-on:before{display:none}.sgm{position:relative;display:grid;grid-template-rows:14px minmax(0,1fr);flex:none;width:var(--gm-w);margin-left:auto;background:#0a0a0a;border:1px solid #262628;border-radius:1px;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;--v: 1}.sgm:focus-visible{outline:1px solid #fff;outline-offset:-1px}.sgm-title{font-size:9.5px;font-weight:600;line-height:14px;text-align:center;color:#04140a;background:var(--g-green)}.sgm.is-black .sgm-title{color:#fff;background:#5a5a5e}.sgm-fill{position:relative}.sgm-fill i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--v) * 100%);background:#3bc94b4d;border-top:1px solid var(--g-green)}.sgm-val{position:absolute;left:0;right:0;bottom:5px;font-size:13px;font-variant-numeric:tabular-nums;text-align:center;color:#fff;pointer-events:none}.desk .mini-lcd{width:86px;height:38px;padding-top:6px}.mini-lcd.is-empty{display:none!important}.mini-lcd .ef-name{font-size:9.5px;line-height:1.2}.mini-lcd .ef-val{font-size:12.5px}.desk .key{position:relative;display:inline-grid;place-items:center;min-width:46px;height:34px;padding:0 8px;font-size:11.5px;font-weight:500;letter-spacing:.01em;color:#d8d1c5;background:linear-gradient(#1d1d20,#131315);border:1px solid #040404;border-radius:3px;box-shadow:inset 0 1px #ffffff12,0 2px #000,0 3px 6px #00000073;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .05s,box-shadow .05s}.desk .key:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0a,0 0 #000}.desk .key:focus-visible{outline:1px solid rgb(var(--light));outline-offset:2px}.desk .key-go{min-width:58px;font-weight:650}.desk .key-big{width:100%;height:58px;font-size:15px}.desk.ma3 .key{font-weight:600;letter-spacing:.02em;color:#c4c4c4;background:linear-gradient(#1f1f21,#141415);border:1px solid #000;border-radius:4px;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #00000080,0 1px #000,0 2px 5px #00000080}.desk.ma3 .key:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000080,0 0 #000}.desk.ma3 .key:focus-visible{outline:1px solid #fff}.desk.ma3 .key.is-lit{color:#fff;text-shadow:0 0 6px rgb(255 255 255 / .75),0 0 1px #fff;box-shadow:inset 0 1px #ffffff14,inset 0 0 12px #ffffff12,inset 0 -2px #00000080,0 1px #000,0 2px 5px #00000080}.desk-hw{display:grid;grid-template-columns:auto auto auto auto;justify-content:space-between;align-items:end;gap:16px;padding:12px var(--pad) 16px}.encoders{display:flex;gap:var(--ef-gap);align-self:start;padding-left:calc(var(--bz) + var(--ep-w) + var(--ef-gap))}.enc{display:grid;justify-items:center;align-content:start;gap:8px;width:var(--ef-w)}.enc-spacer{display:none}.knob{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgb(0 0 0 / .55) 61%,transparent 64%),repeating-conic-gradient(from 0deg,#2d2d30 0deg 3deg,#101012 3deg 6deg);box-shadow:0 0 0 1px #000,0 7px 12px #000000a6,inset 0 1px #ffffff1a;cursor:grab;touch-action:none;--rot: 0deg}.knob.is-turning{cursor:grabbing}.knob-ring{display:none}.knob-cap{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#3b3b3f,#19191b 58%,#0f0f10);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #000c;transform:rotate(var(--rot))}.knob:focus-visible{outline:1px solid rgb(var(--light));outline-offset:4px}.enc.is-empty .knob{opacity:.35;cursor:default}.enc-led{display:none}.desk.ma3 .knob{width:62px;height:62px;background:repeating-conic-gradient(from 0deg,#242426 0deg 2deg,#0d0d0e 2deg 4deg);box-shadow:0 0 0 1px #000,0 7px 12px #000000b3,inset 0 1px #ffffff14}.desk.ma3 .knob-ring{display:block;position:absolute;inset:8px;border-radius:50%;background:#08080a;box-shadow:inset 0 1px 3px #000,0 1px #ffffff0d}.desk.ma3 .knob-cap{inset:12px;background:radial-gradient(circle at 40% 32%,rgb(255 255 255 / .14),transparent 55%),repeating-conic-gradient(from 0deg,#2b2b2e 0deg 10deg,#161618 10deg 20deg);box-shadow:inset 0 0 0 1px #0009,0 2px 3px #000c}.desk.ma3 .knob:focus-visible{outline:1px solid #fff}.desk.ma3 .enc-led{display:block;width:28px;height:3px;border-radius:2px;background:#3a3a3d}.desk.ma3 .enc-led.on{background:var(--g-red);box-shadow:0 0 6px #cf2a1fe6}.execs{display:flex;align-items:flex-end;gap:8px;padding:0 4px}.exec{display:grid;justify-items:center;gap:5px;width:62px}.exec-keys{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;width:100%}.desk .exec-keys .key{width:100%;min-width:0;height:24px;padding:0;font-size:10px}.lcd{display:grid;grid-template-rows:auto auto;width:100%;height:34px;padding:3px 6px;background:var(--lcd-bg);border:1px solid #000;border-radius:2px;box-shadow:inset 0 1px 4px #000000f2,0 1px #1f1f22;overflow:hidden}.lcd .lcd-name{font-size:10px;line-height:1.2;color:#9a948a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcd .lcd-val{font-size:11.5px;line-height:1.3;font-variant-numeric:tabular-nums;color:#6cc4e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xl-top,.xl-num,.xl-idx,.xl-cues,.xl-bar{display:none}.fader{position:relative;display:grid;justify-items:center;width:52px;height:var(--fh, 104px)}.fader-scale{position:absolute;left:-6px;top:10px;bottom:10px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.fader-scale i{display:block;width:6px;height:1px;background:#3a3833}.fader-scale i:first-child,.fader-scale i:nth-child(5),.fader-scale i:last-child{width:9px;background:#5a564f}.fader input[type=range]{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:40px;height:var(--fh, 104px);margin:0;background:linear-gradient(90deg,transparent calc(50% - 3px),#000 calc(50% - 3px),#050505 calc(50% + 3px),transparent calc(50% + 3px)) center / 100% calc(100% - 16px) no-repeat;cursor:ns-resize;touch-action:none}.fader input[type=range]::-webkit-slider-runnable-track{background:transparent}.fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:38px;height:22px;border-radius:2px;background:linear-gradient(transparent 45%,#e6dfd1 45%,#e6dfd1 55%,transparent 55%),repeating-linear-gradient(#2e2e31 0 2px,#1a1a1c 2px 4px);box-shadow:0 0 0 1px #000,0 4px 7px #000000bf,inset 0 1px #ffffff1f}.fader input[type=range]::-moz-range-thumb{width:38px;height:22px;border:0;border-radius:2px;background:linear-gradient(transparent 45%,#e6dfd1 45%,#e6dfd1 55%,transparent 55%),repeating-linear-gradient(#2e2e31 0 2px,#1a1a1c 2px 4px);box-shadow:0 0 0 1px #000,0 4px 7px #000000bf}.fader input[type=range]::-moz-range-track{background:transparent}.fader input[type=range]:focus-visible{outline:1px solid rgb(var(--light));outline-offset:2px}.range-rotate .fader input[type=range]{writing-mode:horizontal-tb;direction:ltr;position:absolute;left:50%;top:50%;width:var(--fh, 104px);height:40px;margin:-20px 0 0 calc(var(--fh, 104px) / -2);transform:rotate(-90deg);background:linear-gradient(0deg,transparent calc(50% - 3px),#000 calc(50% - 3px),#050505 calc(50% + 3px),transparent calc(50% + 3px)) center / calc(100% - 16px) 100% no-repeat}.range-rotate .fader input[type=range]::-webkit-slider-thumb{width:22px;height:38px;background:linear-gradient(90deg,transparent 45%,#e6dfd1 45%,#e6dfd1 55%,transparent 55%),repeating-linear-gradient(90deg,#2e2e31 0 2px,#1a1a1c 2px 4px)}.desk.ma3 .execs{position:relative;justify-self:start;width:max-content;align-items:flex-start;gap:3px;padding:4px;--xl-h: 58px}.desk.ma3 .execs:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--xl-h) + 8px);background:#000;border-radius:3px;box-shadow:inset 0 0 0 1px #1c1c1e,0 1px #ffffff08}.desk.ma3 .exec{position:relative;width:72px;gap:8px}.desk.ma3 .exec-lcd{order:0;position:relative;display:block;height:var(--xl-h);padding:0;background:#0b0b0c;border:0;border-radius:0;box-shadow:none}.desk.ma3 .fader{order:1}.desk.ma3 .exec-keys{order:2;grid-auto-flow:row;grid-template-columns:1fr;gap:5px}.desk.ma3 .exec-keys .xk2{order:0}.desk.ma3 .exec-keys .xk1{order:1}.desk.ma3 .xl-top{display:block;position:absolute;left:0;right:0;top:0;height:3px;background:#7d7d80}.desk.ma3 .xl-num,.desk.ma3 .xl-idx{display:block;position:absolute;top:6px;font-size:9px;line-height:1;font-variant-numeric:tabular-nums}.desk.ma3 .xl-num{left:4px;color:#e6e6e6}.desk.ma3 .xl-idx{right:4px;color:var(--g-dim)}.desk.ma3 .exec-lcd .lcd-name{position:absolute;left:4px;right:4px;top:17px;font-size:11px;font-weight:600;color:#fff}.desk.ma3 .xl-cues{display:grid;position:absolute;left:2px;right:2px;top:31px;font-size:9px;line-height:10px}.desk.ma3 .xl-cues span{padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdbdbd}.desk.ma3 .xl-c1:not(:empty){color:#fff;background:#2453a3}.desk.ma3 .exec-lcd .lcd-val{position:absolute;left:4px;right:4px;bottom:8px;font-size:10px;text-align:right;color:var(--g-dim)}.desk.ma3 [data-exec=e1] .exec-lcd .lcd-val{display:none}.desk.ma3 [data-exec=e1] .exec-lcd .lcd-name{color:var(--g-yellow)}.desk.ma3 .xl-bar{display:block;position:absolute;left:3px;right:3px;bottom:3px;height:3px;background:#222224}.desk.ma3 .xl-bar i{display:block;width:calc(var(--v, 0) * 100%);height:100%;background:#d6d6d6}.desk.ma3 .exec+.exec:after{content:"";position:absolute;left:-2px;top:0;width:1px;height:var(--xl-h);background:#1e1e20}.desk.ma3 .exec-keys .key{height:26px;padding-top:6px;font-size:9.5px}.desk.ma3 .xk1:before,.desk.ma3 .xk2:before{content:"";position:absolute;left:calc(50% - 7px);top:4px;width:14px;height:1px;background:#8c8c8c}.desk.ma3 .xk2:before{height:4px;background:linear-gradient(#8c8c8c 0 1px,transparent 1px 3px,#8c8c8c 3px 4px)}.desk.ma3 .fader{--fh: 120px;width:56px}.desk.ma3 .fader-scale{left:-4px}.desk.ma3 .fader-scale i{background:#333335}.desk.ma3 .fader-scale i:first-child,.desk.ma3 .fader-scale i:nth-child(5),.desk.ma3 .fader-scale i:last-child{background:#4c4c4f}.desk.ma3 .fader input[type=range]::-webkit-slider-thumb{width:40px;height:26px;border-radius:3px;background:linear-gradient(transparent 46%,#f2f2f2 46%,#f2f2f2 54%,transparent 54%),linear-gradient(#2a2a2d,#0f0f10);box-shadow:0 0 0 1px #000,0 4px 8px #000c,inset 0 1px #ffffff1a}.desk.ma3 .fader input[type=range]::-moz-range-thumb{width:40px;height:26px;border-radius:3px;background:linear-gradient(transparent 46%,#f2f2f2 46%,#f2f2f2 54%,transparent 54%),linear-gradient(#2a2a2d,#0f0f10);box-shadow:0 0 0 1px #000,0 4px 8px #000c}.range-rotate .desk.ma3 .fader input[type=range]::-webkit-slider-thumb{width:26px;height:40px;background:linear-gradient(90deg,transparent 46%,#f2f2f2 46%,#f2f2f2 54%,transparent 54%),linear-gradient(90deg,#2a2a2d,#0f0f10)}.keys{display:flex;align-items:flex-end;gap:12px}.prog-keys{display:grid;grid-template-columns:repeat(5,48px);grid-auto-rows:32px;gap:5px;align-content:end}.desk .prog-keys .key,.desk .keypad .key{min-width:0;height:32px;padding:0}.keypad{display:grid;grid-template-columns:repeat(4,36px);grid-auto-rows:32px;gap:5px}.desk .key-please{grid-column:4;grid-row:3 / span 2;height:auto!important}.desk .keypad [data-kp="0"]{grid-column:span 2}.master{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:116px}.desk .master .key{min-width:0;height:32px}.desk .master .key-big{grid-column:1 / -1;height:58px}.desk.ma3 .master{grid-template-columns:repeat(3,1fr);gap:6px;width:186px}.desk.ma3 .master .key,.desk.ma3 .master .key-big{grid-column:auto;height:56px;font-size:12.5px}.is-blind body:after{content:"";position:fixed;inset:0;z-index:29;pointer-events:none;box-shadow:inset 0 0 0 2px var(--g-red-text)}@media(max-width:1599px)and (min-width:1440px){.desk{--ef-w: 74px;--ep-w: 60px}.desk-hw{gap:12px}.knob{width:52px;height:52px}.knob-cap{inset:9px}.execs{gap:6px;padding:0 2px}.exec{width:52px}.keys{gap:8px}.prog-keys{grid-template-columns:repeat(5,45px)}.keypad{grid-template-columns:repeat(4,34px)}.master{width:104px}.lcd{padding:3px 4px}.lcd .lcd-val{font-size:10.5px}.desk.ma3 .exec{width:60px}.desk.ma3 .knob{width:56px;height:56px}.desk.ma3 .master{width:170px}}@media(max-width:1439px)and (min-width:721px){.desk-hw{grid-template-columns:auto auto;grid-template-areas:"enc keys" "exec master";justify-content:space-between;row-gap:16px}.encoders{grid-area:enc}.execs{grid-area:exec}.keys{grid-area:keys}.master{grid-area:master;width:220px;grid-template-columns:1fr 1fr 1.6fr}.desk .master .key-big{grid-column:auto;height:32px}.desk.ma3 .master{width:200px;grid-template-columns:repeat(3,1fr)}.desk.ma3 .master .key{height:52px}.desk{--ef-w: 74px;--ep-w: 60px}}@media(max-width:1439px)and (min-width:1100px){.desk{--ef-w: 70px;--ep-w: 58px;--pad: 14px;--open-max: 82vh}.desk-hw{grid-template-columns:auto auto auto;grid-template-areas:"enc keys master" "exec keys master";align-items:end;row-gap:8px;padding-top:10px;padding-bottom:12px}.enc,.desk.ma3 .exec{gap:6px}.desk.ma3 .exec-keys .key{height:24px}.execs{align-self:start}.knob{width:52px;height:52px}.knob-cap{inset:9px}.prog-keys{grid-template-columns:repeat(5,45px)}.keypad{grid-template-columns:repeat(4,34px)}.keys{gap:8px}.master{width:116px;grid-template-columns:1fr 1fr}.desk .master .key-big{grid-column:1 / -1;height:58px}.desk.ma3 .master{width:162px;grid-template-columns:repeat(3,1fr)}.desk.ma3 .master .key,.desk.ma3 .master .key-big{grid-column:auto;height:54px}.desk.ma3 .knob{width:56px;height:56px}.desk.ma3 .fader{--fh: 104px}}@media(max-width:1099px)and (min-width:721px){.desk{--ef-w: 86px;--ep-w: 64px}.desk-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:var(--win-h) var(--win-h) auto auto;grid-template-areas:"fs fs" "pool seq" "fg fg" "er er"}.desk-hw{grid-template-areas:"enc enc" "exec master" "keys keys"}.keys{justify-self:start}}@media(max-width:720px){body{padding-bottom:60px}.nav a{height:24px;padding:0 9px;font-size:11.5px}.nav{gap:6px}.desk{--bar-h: 60px;--open-max: 68vh;--open-h: 2000px}.desk-bar{gap:8px;padding:0 10px}.desk:not(.is-shut) .desk-bar{margin:0;padding:0 10px;border:0;border-radius:0;background:var(--grain),linear-gradient(#111113,#0d0d0e);box-shadow:0 1px #000,0 -1px #000}.desk.ma3:not(.is-shut) .desk-bar{background:var(--grain),linear-gradient(#131314,#0f0f10)}.cmd-field{height:30px}.cmd-prompt{font-size:12px}.cmd-input{font-size:16px}.cmd-fb{font-size:10.5px}.cmd-fb.is-multi{left:10px;right:10px}.bar-lcds,.bar-go [data-act=goback]{display:none}.desk-handle{width:56px}.desk-scroll{display:flex;flex-direction:column;gap:12px}.desk-screen,.desk-hw,.windows,.encbar{display:contents}.fsheet{order:1;margin-top:12px;height:138px}.fgcb{order:2}.enc-row{order:3;margin-top:-8px}.desk-bar{order:4;flex:none}.encoders{order:5}.execs{order:6}.master{order:7}.pool{order:8;height:132px}.seqsheet{order:9;height:180px}.keys{order:10}.fsheet,.fgcb,.enc-row,.encoders,.execs,.master,.pool,.seqsheet,.keys{flex:none;margin-left:12px;margin-right:12px}.desk .fg{flex:none;min-width:0;padding:4px 10px 0}.enc-row{height:48px}.enc-page,.layers{display:none}.enc-fields{flex:1;min-width:0}.desk .ef{flex:1 1 0;width:auto;padding:7px 4px 0}.ef-name{font-size:9px}.ef-val{font-size:12px}.ef-val.v-prog{margin-left:-2px;padding:0 2px}.sgm{width:48px}.encoders{align-self:auto;justify-content:space-between;gap:6px;padding-left:0}.enc{flex:1 1 0;width:auto;min-width:0}.desk.ma3 .enc-spacer{display:block;flex:none;width:48px}.knob,.desk.ma3 .knob{width:min(54px,100%);height:auto;aspect-ratio:1 / 1}.execs{justify-content:space-between;padding:0}.exec{flex:1 1 0;width:auto;min-width:0;max-width:72px}.fader{--fh: 120px}.desk.ma3 .execs{width:auto;padding:4px}.desk.ma3 .exec{flex:1 1 0;width:auto}.desk.ma3 .exec-keys .key{height:34px}.desk.ma3 .fader{--fh: 128px}.master{width:auto;grid-template-columns:1fr 1fr 2fr}.desk .master .key,.desk .master .key-big{grid-column:auto;height:52px}.desk.ma3 .master{width:auto;grid-template-columns:repeat(3,1fr)}.keys{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:20px}.prog-keys{grid-template-columns:repeat(5,1fr);grid-auto-rows:42px}.keypad{grid-template-columns:repeat(4,1fr);grid-auto-rows:42px}.desk .prog-keys .key,.desk .keypad .key{height:42px}}@supports not (aspect-ratio: 1 / 1){.knob,.desk.ma3 .knob{width:54px!important;height:54px!important}}@media(prefers-reduced-motion:reduce){.desk-scroll{transition:none}}
