@property --amb-elevation{syntax: "<number>"; inherits: false; initial-value: 0;}:root{--amb-light-x: -1;--amb-light-y: -1;--amb-key-light-intensity: .9;--amb-fill-light-intensity: .7;--amb-light-hue: 234;--amb-light-saturation: 15%;--amb-light-distance: 0px;--amb-chamfer: 0;--amb-fillet: 0;--amb-thickness: 0;--amb-elevation: 0;--amb-chamfer-width: 1;--amb-fillet-width: 1;--amb-highlight-color: coral;--amb-lume-hue: 17;--amb-albedo: color(srgb-linear .82 .82 .82);--amb-shade: 1;--amb-curve-scale: 1;--amb-mat-specular: 0;--amb-mat-roughness: 1;--amb-mat-opacity: 1;--amb-grain-amount: 1;--amb-lume: color-mix( in oklab, hsl(var(--amb-lume-hue) 100% 74%) calc(max(0, min((.5 - var(--amb-key-light-intensity)) / .2, 1))*100%) , hsl( var(--amb-light-hue) var(--amb-light-saturation) calc((1 - sign(var(--amb-key-light-intensity) - .5))*50% + 25%) ) );--amb-label: hsl( var(--amb-light-hue) var(--amb-light-saturation) calc((1 - var(--amb-key-light-intensity)) * 60% + 20%) )}*{--amb-curve-delta: calc( ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16 + 3.78 ) * var(--amb-curve-scale) );--amb-exposure: calc( var(--amb-key-light-intensity) * .6396 + var(--amb-fill-light-intensity) * .5496 );--_amb-diffuse: color( from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--amb-exposure)) calc(g * var(--amb-shade) * var(--amb-exposure)) calc(b * var(--amb-shade) * var(--amb-exposure)) );--amb-lit: color-mix( in srgb, var(--_amb-diffuse), hsl(from var(--_amb-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation) )}.amb-chamfer{--amb-chamfer: 1;--amb-thickness: 1}.amb-chamfer-2{--amb-chamfer: 1;--amb-chamfer-width: 2;--amb-thickness: 2}.amb-fillet{--amb-fillet: 1;--amb-thickness: 1}.amb-fillet-2{--amb-fillet: 1;--amb-fillet-width: 2;--amb-thickness: 2}.amb-groove,.amb-mat-glass{--amb-thickness: 1}.amb-thickness-0{--amb-thickness: 0}.amb-thickness-1{--amb-thickness: 1}.amb-thickness-2{--amb-thickness: 2}.amb-elevation-0{--amb-elevation: 0}.amb-elevation-1{--amb-elevation: 1}.amb-elevation-2{--amb-elevation: 2}.amb-elevation-3{--amb-elevation: 3}.ambient{--_amb-chamfer-w: max(-1 * var(--amb-thickness), min(var(--amb-chamfer-width), var(--amb-thickness)));--_amb-fillet-w: max(-1 * var(--amb-thickness), min(var(--amb-fillet-width), var(--amb-thickness)));--_amb-sh-gate: max(0, min(var(--amb-elevation) + var(--amb-thickness), 1));--_amb-body-gate: max(0, min(var(--amb-thickness), 1));--_amb-sweep-a: calc( var(--_amb-sh-gate) * var(--_amb-body-gate) * var(--_amb-sh-gain, 1) * max(0, 1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047) );box-shadow:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sh-gate) * var(--_amb-sh-gain, 1) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0,1 - var(--amb-elevation)) * .14))) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2.7px) .8px,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2px) calc(var(--amb-thickness) * .9px),hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 1.35px) calc(var(--amb-thickness) * .6px),hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * .7px) calc(var(--amb-thickness) * .3px),inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * -1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * -1px) 0 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03))),inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * 1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * 1px) 0 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24))),inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * -1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * -1.4px) 2px 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * (var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99))),inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * 1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * 1.4px) 2px 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3)))}.amb-surface{background-color:var(--amb-lit)}.amb-groove{--_amb-groove-exposure: calc( var(--amb-key-light-intensity) * .6623 + var(--amb-fill-light-intensity) * .5527 );--_amb-groove-diffuse: color( from var(--amb-albedo) srgb-linear calc(r * var(--amb-shade) * var(--_amb-groove-exposure)) calc(g * var(--amb-shade) * var(--_amb-groove-exposure)) calc(b * var(--amb-shade) * var(--_amb-groove-exposure)) );background-color:color-mix(in srgb,var(--_amb-groove-diffuse),hsl(from var(--_amb-groove-diffuse) var(--amb-light-hue) calc(100 - s) l) var(--amb-light-saturation));box-shadow:inset calc(var(--amb-light-x) * var(--amb-thickness) * -3.6px) calc(var(--amb-light-y) * var(--amb-thickness) * -3.6px) calc(var(--amb-thickness) * 2.7px) 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(max(0,min(var(--amb-thickness),1)) * ((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .31))),inset calc(var(--amb-light-x) * var(--amb-thickness) * 2.7px) calc(var(--amb-light-y) * var(--amb-thickness) * 2.7px) calc(var(--amb-thickness) * 5.1px) 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(max(0,min(var(--amb-thickness),1))*max(0,min(var(--amb-key-light-intensity) * 1.5 + var(--amb-fill-light-intensity) * .72 - .96,1))))}.amb-mat-shiny{--amb-mat-specular: 1;--amb-mat-roughness: 0;--amb-mat-opacity: 1;--_shiny-angle: calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg) ;--_spec-peak: var(--amb-key-light-intensity);background-image:linear-gradient(var(--_shiny-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .09 + .07)) 0%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 10%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 24%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .04 + .31)) 30%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 36%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%),linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fill-light-intensity) * .22)),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 45%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / 0) 60%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fill-light-intensity) * .1)));filter:brightness(1.04) contrast(1.01)}.amb-mat-glass{--amb-mat-specular: .05;--amb-mat-roughness: .9;--amb-mat-opacity: 0;--_glass-body: max(0, min(var(--amb-thickness), 1));--_glass-slab2: max(0, min(var(--amb-thickness) - 1, 1));--_glass-alpha: calc( (.232 - var(--amb-fill-light-intensity) * .017) * (.245 + var(--_glass-body) * .755 + var(--_glass-slab2) * .09) );--_glass-veil: calc( ( var(--amb-key-light-intensity) * .0509 + var(--amb-fill-light-intensity) * .0424 + .0923 + var(--amb-elevation) * .008 ) * (.09 + var(--_glass-body) * .91 + var(--_glass-slab2) * .11) );--_glass-lightness: calc(var(--_glass-veil) / var(--_glass-alpha) * 100%);--_glass-blur: calc( (var(--amb-elevation) * 1.51 + var(--amb-thickness) * .63) * 1px );--_glass-s-left: max(-1, min(1, -1 * var(--amb-light-x)));--_glass-s-right: max(-1, min(1, var(--amb-light-x)));--_glass-s-top: max(-1, min(1, -1 * var(--amb-light-y)));--_glass-s-bottom: max(-1, min(1, var(--amb-light-y)));--_glass-lit-a: calc( .303 * var(--_glass-body) * max(0, 1 - var(--amb-elevation)) * max(0, var(--amb-key-light-intensity) * .81 - var(--amb-fill-light-intensity) * .21 + .42) );--_glass-far-a: calc( .45 * var(--_glass-body) * max(0, var(--amb-key-light-intensity) * 1.13 - var(--amb-fill-light-intensity) * .1 + .06) );--_glass-band-w: calc(var(--amb-thickness) * 4.5px);--_glass-glow-w: calc(var(--amb-thickness) * 3.5px);--_amb-sh-gain: calc(.12 + var(--amb-elevation) * .12);--_glass-ring-lift: calc(.25*max(0, min(var(--amb-elevation), 1))) ;--_glass-ring-a: calc((.2 + var(--amb-elevation) * .04) * var(--_glass-body));--_glass-ring-w: calc(var(--amb-thickness) * 4px);--_glass-ring-blur: calc( (.9 + var(--amb-elevation) * 1.7 + max(0, var(--amb-thickness) - 1) * .5) * 1px );--_glass-skirt-blur: calc((6 + var(--amb-elevation) * 5) * 1px);--_glass-skirt-a: calc( var(--_glass-body) * var(--_glass-ring-lift) * (.12 + min(var(--amb-elevation), 2) * .12) );--_glass-sh-x: calc( var(--amb-light-x) * -1 * (var(--amb-elevation) * 5.16px + var(--amb-thickness) * 5.12px) );--_glass-sh-y: calc( var(--amb-light-y) * -1 * (var(--amb-elevation) * 5.16px + var(--amb-thickness) * 5.12px) );background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_glass-lightness) / var(--_glass-alpha));background-image:linear-gradient(to right,hsl(var(--amb-light-hue) var(--amb-light-saturation) 53% / calc(var(--_glass-lit-a) * (.5 + var(--_glass-s-left) * .5))) 0,transparent var(--_glass-band-w)),linear-gradient(to left,hsl(var(--amb-light-hue) var(--amb-light-saturation) 53% / calc(var(--_glass-lit-a) * (.5 + var(--_glass-s-right) * .5))) 0,transparent var(--_glass-band-w)),linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 53% / calc(var(--_glass-lit-a) * (.5 + var(--_glass-s-top) * .5))) 0,transparent var(--_glass-band-w)),linear-gradient(to top,hsl(var(--amb-light-hue) var(--amb-light-saturation) 53% / calc(var(--_glass-lit-a) * (.5 + var(--_glass-s-bottom) * .5))) 0,transparent var(--_glass-band-w)),linear-gradient(to right,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .6 * max(0,-1 * var(--_glass-s-left)))) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * max(0,-1 * var(--_glass-s-left)))) .75px,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .55 * max(0,-1 * var(--_glass-s-left)))) 1.75px,transparent var(--_glass-glow-w)),linear-gradient(to left,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .6 * max(0,-1 * var(--_glass-s-right)))) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * max(0,-1 * var(--_glass-s-right)))) .75px,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .55 * max(0,-1 * var(--_glass-s-right)))) 1.75px,transparent var(--_glass-glow-w)),linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .6 * max(0,-1 * var(--_glass-s-top)))) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * max(0,-1 * var(--_glass-s-top)))) .75px,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .55 * max(0,-1 * var(--_glass-s-top)))) 1.75px,transparent var(--_glass-glow-w)),linear-gradient(to top,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .6 * max(0,-1 * var(--_glass-s-bottom)))) 0,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * max(0,-1 * var(--_glass-s-bottom)))) .75px,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_glass-far-a) * .55 * max(0,-1 * var(--_glass-s-bottom)))) 1.75px,transparent var(--_glass-glow-w));-webkit-backdrop-filter:blur(var(--_glass-blur));backdrop-filter:blur(var(--_glass-blur));isolation:isolate}:where(.amb-mat-glass){position:relative}.amb-mat-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:inherit;border-style:solid;border-width:var(--_glass-ring-w);border-left-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_glass-ring-a) * (max(0,-1 * var(--_glass-s-left)) + (1 - max(0,-1 * var(--_glass-s-left))) * var(--_glass-ring-lift))));border-right-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_glass-ring-a) * (max(0,-1 * var(--_glass-s-right)) + (1 - max(0,-1 * var(--_glass-s-right))) * var(--_glass-ring-lift))));border-top-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_glass-ring-a) * (max(0,-1 * var(--_glass-s-top)) + (1 - max(0,-1 * var(--_glass-s-top))) * var(--_glass-ring-lift))));border-bottom-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_glass-ring-a) * (max(0,-1 * var(--_glass-s-bottom)) + (1 - max(0,-1 * var(--_glass-s-bottom))) * var(--_glass-ring-lift))));filter:blur(var(--_glass-ring-blur));box-shadow:0 0 var(--_glass-skirt-blur) 0 hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_glass-skirt-a));translate:var(--_glass-sh-x) var(--_glass-sh-y)}:where(.amb-mat-brushed){position:relative}:where(.amb-mat-brushed-round){position:relative}:where(.amb-mat-blasted){position:relative}.amb-mat-brushed,.amb-mat-brushed-round,.amb-mat-blasted{isolation:isolate;overflow:hidden;--_grain-offset: 2px;--_grain-x: round(var(--amb-light-x) * var(--_grain-offset), 1px);--_grain-y: round(var(--amb-light-y) * var(--_grain-offset), 1px);--_grain-aniso: 1;--_grain-lit: max(.45, min(1.5, .45 + 2.75 * (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) ))}.amb-mat-brushed:before,.amb-mat-brushed:after,.amb-mat-brushed-round:before,.amb-mat-brushed-round:after,.amb-mat-blasted:before,.amb-mat-blasted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;z-index:-1;background-size:var(--_grain-scale);background-repeat:repeat;opacity:calc(var(--_grain-aniso) * var(--_grain-lit) * var(--_grain-alpha) * var(--amb-grain-amount))}.amb-mat-brushed:before,.amb-mat-brushed-round:before,.amb-mat-blasted:before{background-image:var(--_grain-tile);background-position:var(--_grain-x) var(--_grain-y);mix-blend-mode:screen}.amb-mat-brushed:after,.amb-mat-brushed-round:after,.amb-mat-blasted:after{background-image:var(--_grain-tile-inv);background-position:calc(var(--_grain-x) * -1) calc(var(--_grain-y) * -1);mix-blend-mode:multiply}.amb-mat-brushed{--amb-mat-specular: .3;--amb-mat-roughness: .72;--_grain-tile: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.015625%200.9%22%20numOctaves%3D%221%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23t)%22%2F%3E%3C%2Fsvg%3E");--_grain-tile-inv: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.015625%200.9%22%20numOctaves%3D%221%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23t)%22%2F%3E%3C%2Fsvg%3E");--_grain-scale: 512px;--_grain-alpha: .2;--_grain-across: calc(abs(var(--amb-light-y))/max(.001, hypot(var(--amb-light-x), var(--amb-light-y)))) ;--_grain-aniso: calc(.3 + .7 * var(--_grain-across));--_sheen-alpha: calc(var(--amb-key-light-intensity) * .11 + .04);--_sheen-at: calc(54% + var(--amb-light-y) * 42%);background-image:linear-gradient(to bottom,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 0%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) calc(var(--_sheen-at) - 42%),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) var(--_sheen-at),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) calc(var(--_sheen-at) + 42%),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%)}.amb-mat-blasted{--amb-mat-specular: 0;--amb-mat-roughness: 1;--_grain-tile: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.9%200.9%22%20numOctaves%3D%222%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%222%22%20intercept%3D%22-0.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23t%29%22%2F%3E%3C%2Fsvg%3E);--_grain-tile-inv: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%3E%3Cfilter%20id%3D%22t%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20color-interpolation-filters%3D%22linearRGB%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.9%200.9%22%20numOctaves%3D%222%22%20seed%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncG%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3CfeFuncB%20type%3D%22linear%22%20slope%3D%22-2%22%20intercept%3D%221.5%22%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23t%29%22%2F%3E%3C%2Fsvg%3E);--_grain-scale: 96px;--_grain-alpha: .32}.amb-mat-brushed-round{--amb-mat-specular: .3;--amb-mat-roughness: .72;--_grain-tile: conic-gradient( from 0deg at 50% 50%, #a4a4a4 0deg, #ffffff 2.4deg, #b0b0b0 9.6deg, #ffffff 13.3deg, #ffffff 18.4deg, #000000 24.6deg, #ffffff 30.9deg, #525252 36deg, #ffffff 43deg, #000000 48.2deg, #343434 53deg, #1b1b1b 59.1deg, #ffffff 64.2deg, #000000 69.1deg, #ebebeb 75.5deg, #737373 83deg, #000000 87deg, #ebebeb 94.1deg, #ffffff 98.9deg, #ffffff 102.7deg, #7d7d7d 110.3deg, #000000 114.4deg, #000000 120.8deg, #9a9a9a 127.1deg, #cfcfcf 131.9deg, #ffffff 137.1deg, #000000 142.1deg, #d9d9d9 148.1deg, #b5b5b5 154.7deg, #ffffff 158.9deg, #ffffff 166.2deg, #ffffff 172deg, #ededed 177.4deg, #161616 182.6deg, #e2e2e2 187.6deg, #000000 195.2deg, #e3e3e3 200.9deg, #000000 206.4deg, #252525 209.9deg, #5b5b5b 215.1deg, #ffffff 222.1deg, #cdcdcd 228.9deg, #ffffff 234.4deg, #cacaca 239.5deg, #484848 244.5deg, #000000 250.8deg, #000000 257.1deg, #000000 260.8deg, #c0c0c0 268.5deg, #ffffff 274deg, #535353 279.6deg, #dfdfdf 284.9deg, #f6f6f6 290.5deg, #000000 294.6deg, #ffffff 299.7deg, #d1d1d1 308.1deg, #444444 312.1deg, #ffffff 318.2deg, #525252 323.4deg, #c4c4c4 328.4deg, #747474 333.2deg, #000000 340.4deg, #636363 346.1deg, #8d8d8d 350.4deg, #000000 355.7deg, #a4a4a4 360deg );--_grain-tile-inv: conic-gradient( from 0deg at 50% 50%, #5b5b5b 0deg, #000000 2.4deg, #4f4f4f 9.6deg, #000000 13.3deg, #000000 18.4deg, #ffffff 24.6deg, #000000 30.9deg, #adadad 36deg, #000000 43deg, #ffffff 48.2deg, #cbcbcb 53deg, #e4e4e4 59.1deg, #000000 64.2deg, #ffffff 69.1deg, #141414 75.5deg, #8c8c8c 83deg, #ffffff 87deg, #141414 94.1deg, #000000 98.9deg, #000000 102.7deg, #828282 110.3deg, #ffffff 114.4deg, #ffffff 120.8deg, #656565 127.1deg, #303030 131.9deg, #000000 137.1deg, #ffffff 142.1deg, #262626 148.1deg, #4a4a4a 154.7deg, #000000 158.9deg, #000000 166.2deg, #000000 172deg, #121212 177.4deg, #e9e9e9 182.6deg, #1d1d1d 187.6deg, #ffffff 195.2deg, #1c1c1c 200.9deg, #ffffff 206.4deg, #dadada 209.9deg, #a4a4a4 215.1deg, #000000 222.1deg, #323232 228.9deg, #000000 234.4deg, #353535 239.5deg, #b7b7b7 244.5deg, #ffffff 250.8deg, #ffffff 257.1deg, #ffffff 260.8deg, #3f3f3f 268.5deg, #000000 274deg, #acacac 279.6deg, #202020 284.9deg, #090909 290.5deg, #ffffff 294.6deg, #000000 299.7deg, #2e2e2e 308.1deg, #bbbbbb 312.1deg, #000000 318.2deg, #adadad 323.4deg, #3b3b3b 328.4deg, #8b8b8b 333.2deg, #ffffff 340.4deg, #9c9c9c 346.1deg, #727272 350.4deg, #ffffff 355.7deg, #5b5b5b 360deg );--_grain-scale: 200% 200%;--_grain-alpha: .1;--_sheen-alpha: calc(var(--amb-key-light-intensity) * .11 + .04);--_sheen-angle: calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 90deg) ;background-image:radial-gradient(circle closest-side at 50% 50%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_sheen-alpha) * 1.5)),hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 40%),conic-gradient(from var(--_sheen-angle) at 50% 50%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 0deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 62deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 118deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 180deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 242deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 298deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_sheen-alpha)) 360deg)}.amb-mat-brushed-round:before{background-position:calc(50% + var(--_grain-x)) calc(50% + var(--_grain-y))}.amb-mat-brushed-round:after{background-position:calc(50% - var(--_grain-x)) calc(50% - var(--_grain-y))}.amb-surface-concave{--_concave-y: max(-1, min(var(--amb-light-y), 1));--_concave-delta: calc(var(--_concave-y) * var(--amb-curve-delta));background:linear-gradient(hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta))),hsl(from var(--amb-lit) h s calc(l + var(--_concave-delta) * .33)) 35%,hsl(from var(--amb-lit) h s l),hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta) * .33)) 65%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-delta))))}.amb-surface-concave-h{--_concave-h-x: max(-1, min(var(--amb-light-x), 1));--_concave-h-delta: calc(var(--_concave-h-x) * var(--amb-curve-delta));background:linear-gradient(to right,hsl(from var(--amb-lit) h s calc(l + var(--_concave-h-delta))),hsl(from var(--amb-lit) h s calc(l + var(--_concave-h-delta) * .33)) 35%,hsl(from var(--amb-lit) h s l),hsl(from var(--amb-lit) h s calc(l - var(--_concave-h-delta) * .33)) 65%,hsl(from var(--amb-lit) h s calc(l - var(--_concave-h-delta))))}.amb-surface-convex{--_convex-y: max(-1, min(var(--amb-light-y), 1));--_convex-delta: calc(var(--_convex-y) * var(--amb-curve-delta));background:linear-gradient(hsl(from var(--amb-lit) h s calc(l - var(--_convex-delta))),hsl(from var(--amb-lit) h s calc(l - var(--_convex-delta) * .33)) 35%,hsl(from var(--amb-lit) h s l),hsl(from var(--amb-lit) h s calc(l + var(--_convex-delta) * .33)) 65%,hsl(from var(--amb-lit) h s calc(l + var(--_convex-delta))))}.amb-light-tl{--amb-light-x: -1;--amb-light-y: -1}.amb-light-tr{--amb-light-x: 1;--amb-light-y: -1}.amb-light-bl{--amb-light-x: -1;--amb-light-y: 1}.amb-light-br{--amb-light-x: 1;--amb-light-y: 1}.amb-light-top{--amb-light-x: 0;--amb-light-y: -1}.amb-light-bottom{--amb-light-x: 0;--amb-light-y: 1}.amb-light-left{--amb-light-x: -1;--amb-light-y: 0}.amb-light-right{--amb-light-x: 1;--amb-light-y: 0}.amb-emit-red{--amb-emit-color: #ef4444}.amb-emit-green{--amb-emit-color: #4ade80}.amb-emit-amber{--amb-emit-color: #f59e0b}.amb-emit-cyan{--amb-emit-color: #22d3d3}.amb-emit-blue{--amb-emit-color: #3b82f6}.amb-emit-white{--amb-emit-color: #ffffff}.amb-rounded{border-radius:4px}.amb-rounded-md{border-radius:8px}.amb-rounded-lg{border-radius:12px}.amb-rounded-xl{border-radius:16px}.amb-rounded-full{border-radius:9999px}.amb-glow{box-shadow:0 0 6.2px var(--amb-lume)}@keyframes amb-bounce-elevation{0%,to{--amb-elevation: 0}15%{--amb-elevation: 3}30%{--amb-elevation: 0}42%{--amb-elevation: 2}54%{--amb-elevation: 0}64%{--amb-elevation: 1}74%{--amb-elevation: 0}}.amb-bounce{animation:amb-bounce-elevation 2s ease-in-out infinite}:root{--ambx-grid: 4px;--ambx-grid-half: calc(var(--ambx-grid) / 2);--ambx-grid-quarter: calc(var(--ambx-grid) / 4);--ambx-radius-sm: calc(var(--ambx-grid) * 1);--ambx-radius-md: calc(var(--ambx-grid) * 2);--ambx-radius-lg: calc(var(--ambx-grid) * 3);--ambx-radius-xl: calc(var(--ambx-grid) * 4);--ambx-radius-full: 9999px;--ambx-gap-tight: calc(var(--ambx-grid) * 3);--ambx-gap-normal: calc(var(--ambx-grid) * 5);--ambx-gap-loose: calc(var(--ambx-grid) * 8);--ambx-type-1-size: calc(var(--ambx-grid) * 8);--ambx-type-1-line: calc(var(--ambx-grid) * 10);--ambx-type-2-size: calc(var(--ambx-grid) * 6);--ambx-type-2-line: calc(var(--ambx-grid) * 8);--ambx-type-3-size: calc(var(--ambx-grid) * 3);--ambx-type-3-line: calc(var(--ambx-grid) * 4);--ambx-type-tracking: var(--ambx-grid-quarter);--ambx-label-size: calc(var(--ambx-grid) * 2 + var(--ambx-grid-half));--ambx-label-line: calc(var(--ambx-grid) * 3);--ambx-control-label-gap: calc(var(--ambx-grid) * 2);--ambx-accent: var(--amb-highlight-color);--ambx-knob-label-clearance: calc(var(--ambx-grid) * 2);--ambx-slider-label-clearance: calc(var(--ambx-grid) * 2);--ambx-fader-label-clearance: calc(var(--ambx-grid) * 4)}.ambx-control,.ambx-control *,.ambx-panel,.ambx-panel *,.ambx-stack,.ambx-stack *{box-sizing:border-box}.amb-heading-1{font-size:var(--ambx-type-1-size);line-height:var(--ambx-type-1-line);letter-spacing:var(--ambx-type-tracking)}.amb-heading-2{font-size:var(--ambx-type-2-size);line-height:var(--ambx-type-2-line);letter-spacing:var(--ambx-type-tracking)}.amb-heading-3{font-size:var(--ambx-type-3-size);line-height:var(--ambx-type-3-line);letter-spacing:var(--ambx-type-tracking)}@property --ambx-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ambx-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.ambx-control{position:relative;--ambx-value: 0;--ambx-percent: 0;--ambx-angle: 0deg;--ambx-travel-start: 0deg;--ambx-travel-sweep: 0deg;--ambx-detents: 0}.ambx-control:focus-visible{outline-offset:var(--ambx-grid-half)}.ambx-frame{display:contents}.ambx-rotary>.ambx-frame,.ambx-travel>.ambx-frame,.ambx-latch>.ambx-frame{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.ambx-rotary>.ambx-frame-panel,.ambx-travel>.ambx-frame-panel{pointer-events:none}.ambx-rotary>.ambx-frame-actuator{transform:rotate(var(--ambx-angle))}.ambx-control[data-animate=auto]>.ambx-frame-actuator,.ambx-control[data-animate=ease]>.ambx-frame-actuator{transition:transform .12s ease-out}.ambx-control[data-animate=auto][data-dragging]>.ambx-frame-actuator,.ambx-control[data-animate=follow]>.ambx-frame-actuator,.ambx-control[data-animate=snap]>.ambx-frame-actuator{transition:none}@media(prefers-reduced-motion:reduce){.ambx-control>.ambx-frame-actuator{transition:none}}.ambx-control[data-disabled]{cursor:not-allowed}.ambx-rotary{display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--ambx-size);height:var(--ambx-size);--ambx-size: calc(var(--ambx-grid) * 16)}.ambx-rotary-sm{--ambx-size: calc(var(--ambx-grid) * 12)}.ambx-rotary-md{--ambx-size: calc(var(--ambx-grid) * 16)}.ambx-rotary-lg{--ambx-size: calc(var(--ambx-grid) * 20)}.ambx-travel{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;--ambx-size: calc(var(--ambx-grid) * 6);--ambx-travel-track: calc(var(--ambx-grid) * 2);--ambx-travel-length: calc(var(--ambx-grid) * 30);--ambx-travel-thumb-w: var(--ambx-size);--ambx-travel-thumb-h: var(--ambx-size)}.ambx-travel-sm{--ambx-size: calc(var(--ambx-grid) * 5);--ambx-travel-track: calc(var(--ambx-grid) * 1.5)}.ambx-travel-md{--ambx-size: calc(var(--ambx-grid) * 6);--ambx-travel-track: calc(var(--ambx-grid) * 2)}.ambx-travel-lg{--ambx-size: calc(var(--ambx-grid) * 8);--ambx-travel-track: calc(var(--ambx-grid) * 3)}.ambx-travel-horizontal{width:var(--ambx-travel-length);height:var(--ambx-travel-track)}.ambx-travel-vertical{width:var(--ambx-travel-track);height:var(--ambx-travel-length)}.ambx-travel>.ambx-frame-actuator{inset:auto;width:var(--ambx-travel-thumb-w);height:var(--ambx-travel-thumb-h)}.ambx-travel-horizontal>.ambx-frame-actuator{top:50%;left:0;transform:translate(-50%,-50%) translate(calc(var(--ambx-percent) * var(--ambx-travel-length)))}.ambx-travel-vertical>.ambx-frame-actuator{top:100%;left:50%;transform:translate(-50%,-50%) translateY(calc(var(--ambx-percent) * var(--ambx-travel-length) * -1))}.ambx-latch{position:relative;cursor:pointer;border:none;padding:0;margin:0;background:none;display:block;width:var(--ambx-switch-w);height:var(--ambx-switch-h);--ambx-size: var(--ambx-switch-h);--ambx-switch-w: calc(var(--ambx-grid) * 12);--ambx-switch-h: calc(var(--ambx-grid) * 6);--ambx-latch-thumb-w: calc(var(--ambx-switch-w) * .52);--ambx-latch-thumb-h: calc(var(--ambx-switch-h) * .78);--ambx-latch-inset: calc(var(--ambx-switch-h) * .11)}.ambx-latch-sm{--ambx-switch-w: calc(var(--ambx-grid) * 10);--ambx-switch-h: calc(var(--ambx-grid) * 5)}.ambx-latch-md{--ambx-switch-w: calc(var(--ambx-grid) * 12);--ambx-switch-h: calc(var(--ambx-grid) * 6)}.ambx-latch-lg{--ambx-switch-w: calc(var(--ambx-grid) * 16);--ambx-switch-h: calc(var(--ambx-grid) * 8)}.ambx-latch>.ambx-frame-actuator{inset:auto;top:50%;left:0;width:var(--ambx-latch-thumb-w);height:var(--ambx-latch-thumb-h);transform:translateY(-50%) translate(calc(var(--ambx-latch-inset) + var(--ambx-percent) * (var(--ambx-switch-w) - var(--ambx-latch-thumb-w) - 2 * var(--ambx-latch-inset))))}.ambx-press{--ambx-size: var(--ambx-button-size)}.ambx-bank{--ambx-size: var(--ambx-select-size)}.ambx-key{position:relative;cursor:pointer;border:none;padding:0;background:none;min-width:var(--ambx-select-size);height:var(--ambx-select-size)}.amb-button{cursor:pointer;border:none;padding:var(--ambx-grid-half);--amb-thickness: .27;background-color:var(--amb-lume);border-radius:calc(var(--ambx-radius-lg) + var(--ambx-grid-half));min-width:var(--ambx-button-size)}.amb-button-cap{display:grid;place-items:center;width:100%;padding:var(--ambx-button-cap-pad-y) var(--ambx-button-cap-pad-x);border-radius:var(--ambx-radius-lg);text-transform:uppercase;font-weight:600;color:var(--amb-label);position:relative;isolation:isolate}.amb-button-cap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;--_ambx-dish-angle: calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg) ;--_ambx-dish-l: calc(100*(1.055*pow( .82 * var(--_ambx-cap-tone, 1) * var(--amb-shade) * var(--amb-exposure), .41667 ) - .055)) ;--_ambx-dish-d: var(--amb-curve-delta);--_ambx-dish-up: calc(var(--_ambx-dish-d) / max(6, 100 - var(--_ambx-dish-l)));--_ambx-dish-dn: calc(var(--_ambx-dish-d) / max(6, var(--_ambx-dish-l)));background:linear-gradient(var(--_ambx-dish-angle),hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_ambx-dish-dn) * .42)) 0%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_ambx-dish-dn) * .73)) 20%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_ambx-dish-dn) * .47)) 40%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / 0) 62.5%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 62.5%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_ambx-dish-up) * .44)) 80%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / var(--_ambx-dish-up)) 100%)}.ambx-cap-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none}.amb-button:focus{outline-offset:var(--ambx-grid)}.amb-button:hover .amb-button-cap{color:var(--amb-highlight-color)}.amb-button:active .amb-button-cap{--amb-thickness: .84}.amb-button.amb-button-round{display:grid;min-width:var(--ambx-button-size);aspect-ratio:1;border-radius:50%}.amb-button-round .amb-button-cap{height:100%;padding:var(--ambx-button-cap-inset);border-radius:50%}.amb-button.amb-button-square{display:grid;min-width:var(--ambx-button-size);aspect-ratio:1;border-radius:var(--ambx-radius-md)}.amb-button-square .amb-button-cap{height:100%;padding:var(--ambx-button-cap-inset);border-radius:calc(var(--ambx-radius-md) - var(--ambx-grid-half));--amb-thickness: .8}.amb-button.amb-button-square:active .amb-button-cap{--amb-thickness: .64}.amb-knob{border-radius:50%;--ambx-knob-size: var(--ambx-size);--ambx-knob-rect-width: calc(var(--ambx-knob-size) * .075);--ambx-knob-marker-radius: calc(var(--ambx-knob-size) * .665);--ambx-knob-marker-size: calc(var(--ambx-knob-size) * .07)}.amb-knob-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--amb-chamfer: 1;--amb-chamfer-width: 2}.amb-knob-face{position:absolute;top:0;right:0;bottom:0;left:0;--amb-shade: .88;background-color:var(--amb-lit);background-image:radial-gradient(circle closest-side,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .07 + .09)) 89%,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .02 + .03)) 95%,transparent 100%),repeating-conic-gradient(from 90deg,transparent 0deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .26)) 1.875deg,transparent 3.75deg,hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .13)) 5.625deg,transparent 7.5deg)}.amb-knob-indicator-circle{position:absolute;top:16%;left:50%;transform:translate(-50%);width:calc(var(--ambx-knob-size) * .125);height:calc(var(--ambx-knob-size) * .125);border-radius:50%;background:var(--amb-lume)}.amb-knob-indicator-rectangle{position:absolute;top:8%;left:50%;transform:translate(-50%);width:var(--ambx-knob-rect-width);height:17%;border-radius:var(--ambx-grid-quarter);background:var(--amb-lume)}.amb-knob:hover .amb-knob-indicator-circle,.amb-knob:hover .amb-knob-indicator-rectangle{background:color-mix(in oklab,var(--amb-highlight-color),white 25%)}.amb-knob-marker-ring{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.amb-knob-marker{position:absolute;top:0;left:0;width:var(--ambx-knob-marker-size);height:var(--ambx-knob-marker-size);margin:calc(var(--ambx-knob-marker-size) / -2);border-radius:50%;background:var(--amb-lume);transform:rotate(var(--amb-marker-angle)) translateY(calc(-1 * var(--ambx-knob-marker-radius)))}.amb-travel-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ambx-radius-full);background-color:var(--amb-lume)}.amb-travel-track-channel{--amb-thickness: .22}.amb-fader-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ambx-radius-md);display:grid;place-items:center;--amb-thickness: 1.5;--amb-elevation: .28}.amb-fader-gripline{width:70%;height:2px;border-radius:1px;background:var(--amb-lume)}.amb-slider-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--amb-thickness: .7}.amb-fader{--ambx-travel-thumb-h: calc(var(--ambx-size) * 1.5)}.amb-led{width:calc(var(--ambx-grid) * 2);height:calc(var(--ambx-grid) * 2);border-radius:50%;background-color:var(--amb-led-color, #0f0);box-shadow:0 0 var(--ambx-grid-quarter) var(--amb-led-color, #0f0);transition:background-color .15s ease,box-shadow .15s ease}.amb-led-off{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 30%));box-shadow:none}.amb-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--ambx-switch-h) / 2);background-color:var(--amb-lume);--amb-thickness: .33}.amb-switch-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--ambx-switch-h) * .39);--amb-thickness: .58}.ambx-switch-mount{display:inline-grid;justify-items:center;gap:var(--ambx-grid)}.amb-switch:hover .amb-switch-pill{background-color:color-mix(in oklab,var(--amb-lit),var(--amb-highlight-color) 12%)}.amb-select{display:inline-flex;flex-direction:column;padding:var(--ambx-grid-half);gap:var(--ambx-grid-half);--amb-thickness: .27;background-color:var(--amb-lume);border-radius:calc(var(--ambx-radius-md) + var(--ambx-grid-half))}.ambx-bank-horizontal.amb-select{flex-direction:row}.amb-select .ambx-key{--_ambx-sel-color: var(--amb-led-color, var(--amb-highlight-color));position:relative;cursor:pointer;border:none;padding:0;display:grid;min-width:var(--ambx-select-size);height:var(--ambx-select-size);border-radius:var(--ambx-radius-md);background-color:var(--amb-lit);transition:box-shadow .14s ease}.amb-select .ambx-key:disabled{cursor:not-allowed;box-shadow:none}.amb-select .ambx-key:disabled .amb-select-lens{opacity:.4}.amb-select .ambx-key:disabled .amb-select-cap{color:color-mix(in oklab,var(--amb-label),transparent 55%)}.amb-select .ambx-key:focus-visible{outline-offset:var(--ambx-grid-half)}.amb-select-lens{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:62%;aspect-ratio:1;border-radius:50%;background-color:color-mix(in oklab,color-mix(in oklab,var(--amb-lit) 45%,color-mix(in srgb-linear,var(--amb-lit) 37.8%,black)),var(--_ambx-sel-color) 6%);transition:background-color .14s ease}.amb-select-cap{position:relative;display:grid;place-items:center;padding-inline:var(--ambx-select-pad);height:100%;border-radius:var(--ambx-radius-md);font-weight:600;font-size:var(--ambx-select-label-size);color:var(--amb-label);--_glass-blur: calc(var(--ambx-select-size) * .18)}.amb-select .ambx-key:hover .amb-select-cap{color:var(--amb-highlight-color)}.amb-select .ambx-key:active .amb-select-cap{--amb-thickness: .84}.amb-select .ambx-key[data-on] .amb-select-lens{background-color:var(--_ambx-sel-color)}.amb-select .ambx-key[data-on] .amb-select-cap{background-color:color-mix(in srgb,var(--_ambx-sel-color) 35%,hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_glass-lightness) / var(--_glass-alpha)));color:color-mix(in oklab,var(--_ambx-sel-color),black 68%)}.amb-select .ambx-key[data-on]{box-shadow:0 0 6.2px var(--_ambx-sel-color)}.ambx-bank{--ambx-select-size: calc(var(--ambx-grid) * 11);--ambx-select-pad: calc(var(--ambx-grid) * 2);--ambx-select-label-size: calc(var(--ambx-grid) * 3.5)}.ambx-bank-sm{--ambx-select-size: calc(var(--ambx-grid) * 8);--ambx-select-pad: calc(var(--ambx-grid) * 1.5);--ambx-select-label-size: calc(var(--ambx-grid) * 2.5)}.ambx-bank-md{--ambx-select-size: calc(var(--ambx-grid) * 11);--ambx-select-pad: calc(var(--ambx-grid) * 2);--ambx-select-label-size: calc(var(--ambx-grid) * 3.5)}.ambx-bank-lg{--ambx-select-size: calc(var(--ambx-grid) * 14);--ambx-select-pad: calc(var(--ambx-grid) * 2.5);--ambx-select-label-size: calc(var(--ambx-grid) * 4.5)}.amb-select-radio{display:inline-flex;gap:calc(var(--ambx-grid) * 3)}.ambx-bank-vertical.amb-select-radio{flex-direction:column}.amb-select-radio .ambx-key{cursor:pointer;border:none;padding:var(--ambx-grid-half);--amb-thickness: .27;background-color:var(--amb-lume);min-width:var(--ambx-select-size);height:var(--ambx-select-size);aspect-ratio:1;border-radius:50%;transition:box-shadow .14s ease}.amb-select-radio .ambx-key .amb-button-cap{height:100%;padding:calc(var(--ambx-select-size) * .055);border-radius:50%}.amb-select-radio .ambx-key:hover .amb-button-cap{color:var(--amb-highlight-color)}.amb-select-radio .ambx-key:active .amb-button-cap{--amb-thickness: .84}.amb-select-radio .ambx-key[data-on] .amb-button-cap{--amb-albedo: var(--amb-led-color, var(--amb-highlight-color))}.amb-select-radio .ambx-key:disabled{cursor:not-allowed}.amb-select-radio .ambx-key:disabled .amb-button-cap{opacity:.5}.amb-select-radio .ambx-key:focus-visible{outline-offset:var(--ambx-grid-half)}.ambx-panel{border-radius:var(--ambx-radius-xl);padding:calc(var(--ambx-grid) * 4)}.ambx-panel-device{padding:var(--ambx-gap-loose)}.ambx-rack{display:flex;align-items:center;gap:var(--ambx-gap-normal)}.ambx-rack-tight{gap:var(--ambx-gap-tight)}.ambx-rack-loose{gap:var(--ambx-gap-loose)}.ambx-rack-column{flex-direction:column}.ambx-press{line-height:var(--ambx-type-3-line);--ambx-button-size: calc(var(--ambx-grid) * 18);--ambx-button-cap-pad-x: calc(var(--ambx-grid) * 2);--ambx-button-cap-pad-y: calc(var(--ambx-grid) * 1.5);--ambx-button-cap-inset: var(--ambx-grid)}.ambx-press-sm{--ambx-button-size: calc(var(--ambx-grid) * 16);--ambx-button-cap-pad-x: calc(var(--ambx-grid) * 1.5);--ambx-button-cap-pad-y: var(--ambx-grid);--ambx-button-cap-inset: calc(var(--ambx-grid) * .75)}.ambx-press-md{--ambx-button-size: calc(var(--ambx-grid) * 18);--ambx-button-cap-pad-x: calc(var(--ambx-grid) * 2);--ambx-button-cap-pad-y: calc(var(--ambx-grid) * 1.5);--ambx-button-cap-inset: var(--ambx-grid)}.ambx-press-lg{--ambx-button-size: calc(var(--ambx-grid) * 20);--ambx-button-cap-pad-x: calc(var(--ambx-grid) * 2.5);--ambx-button-cap-pad-y: calc(var(--ambx-grid) * 2);--ambx-button-cap-inset: calc(var(--ambx-grid) * 1.25)}.amb-button-round.ambx-press-sm{--ambx-button-size: calc(var(--ambx-grid) * 10)}.amb-button-round.ambx-press-md{--ambx-button-size: calc(var(--ambx-grid) * 12)}.amb-button-round.ambx-press-lg{--ambx-button-size: calc(var(--ambx-grid) * 14)}.amb-button-square.ambx-press-sm{--ambx-button-size: calc(var(--ambx-grid) * 12)}.amb-button-square.ambx-press-md{--ambx-button-size: calc(var(--ambx-grid) * 14)}.amb-button-square.ambx-press-lg{--ambx-button-size: calc(var(--ambx-grid) * 16)}.ambx-press-sm .amb-button-cap{font-size:var(--ambx-label-size);line-height:var(--ambx-label-line)}.ambx-press-lg .amb-button-cap{font-size:calc(var(--ambx-grid) * 3.5);line-height:calc(var(--ambx-grid) * 5)}.ambx-stack{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ambx-control-label-gap)}.ambx-label{font-size:var(--ambx-label-size);line-height:var(--ambx-label-line);letter-spacing:var(--ambx-grid-quarter);text-transform:uppercase;color:var(--amb-label)}.ambx-travel-horizontal+.ambx-label{margin-top:var(--ambx-slider-label-clearance)}.ambx-travel-vertical+.ambx-label{margin-top:var(--ambx-fader-label-clearance)}.ambx-rotary+.ambx-label{margin-top:var(--ambx-knob-label-clearance)}.amb-knob-markers-full{margin:var(--ambx-knob-marker-clearance);--ambx-knob-marker-clearance: calc( var(--ambx-knob-marker-radius) + var(--ambx-knob-marker-size) / 2 - var(--ambx-knob-size) / 2 )}.amb-console-knob{border-radius:50%;--ambx-console-housing: var(--ambx-grid-half);--ambx-console-face: calc(var(--ambx-size) - 2 * var(--ambx-console-housing));--ambx-console-bar-width: calc(var(--ambx-console-face) * .24);--ambx-console-bar-length: calc(var(--ambx-console-face) * .94)}.amb-console-housing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--amb-thickness: .27;background-color:var(--amb-lume)}.amb-console-face{position:absolute;inset:var(--ambx-console-housing);border-radius:50%}.amb-console-bar{position:absolute;top:0;right:0;bottom:0;left:0;--_ambx-console-light-x: var(--amb-light-x);--_ambx-console-light-y: var(--amb-light-y)}.amb-console-bar-body{position:absolute;top:50%;left:50%;width:var(--ambx-console-bar-width);height:var(--ambx-console-bar-length);margin-top:calc(var(--ambx-console-bar-length) / -2);margin-left:calc(var(--ambx-console-bar-width) / -2);border-radius:calc(var(--ambx-size) * .028);--amb-light-x: calc( var(--_ambx-console-light-x) * cos(var(--ambx-angle)) + var(--_ambx-console-light-y) * sin(var(--ambx-angle)) );--amb-light-y: calc( var(--_ambx-console-light-y) * cos(var(--ambx-angle)) - var(--_ambx-console-light-x) * sin(var(--ambx-angle)) );--amb-elevation: 0}.amb-console-indicator{position:absolute;left:50%;top:7%;width:62%;height:7.5%;transform:translate(-50%);border-radius:calc(var(--ambx-size) * .012);background-color:var(--amb-lume)}.amb-console-marks{position:absolute;top:0;right:0;bottom:0;left:0}.amb-console-mark{position:absolute;left:50%;bottom:100%;width:calc(var(--ambx-size) * .085);height:calc(var(--ambx-size) * .2);margin-bottom:calc(var(--ambx-size) * .07);border-radius:var(--ambx-radius-sm);--amb-albedo: var(--ambx-accent);background-color:var(--amb-lit);transform:translate(-50%)}.amb-console-legend{position:absolute;top:58%;font-size:calc(var(--ambx-size) * .26);line-height:1;color:var(--amb-label)}.amb-console-legend-min{right:100%;margin-right:calc(var(--ambx-size) * .1)}.amb-console-legend-max{left:100%;margin-left:calc(var(--ambx-size) * .1)}.amb-console-knob-marked{margin-top:calc(var(--ambx-size) * .3)}.amb-console-knob-legended{margin-inline:calc(var(--ambx-size) * .34)}.amb-console-toggle{--ambx-switch-w: calc(var(--ambx-grid) * 13);--ambx-switch-h: calc(var(--ambx-grid) * 6.3);--ambx-latch-thumb-w: calc(var(--ambx-switch-h) * .9);--ambx-latch-thumb-h: calc(var(--ambx-switch-h) * .9);--ambx-latch-inset: calc(var(--ambx-switch-h) * .05)}.amb-console-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--ambx-radius-full);--_lit-accent: color-mix( in srgb-linear, var(--ambx-accent) calc(var(--amb-exposure) * 100%), black );background-color:color-mix(in oklab,color-mix(in srgb-linear,var(--amb-lit) 30%,black),var(--_lit-accent) calc(var(--ambx-percent) * 100%));--amb-thickness: .4;transition:background-color .16s ease}.amb-console-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;--amb-albedo: var(--ambx-accent);background-color:var(--amb-lit);border:calc(var(--ambx-latch-thumb-h) * .09) solid var(--amb-lume)}.amb-console-bank{display:inline-flex;flex-direction:column;padding:var(--ambx-grid-half);gap:var(--ambx-grid-half);background-color:var(--amb-lume);border-radius:calc(var(--ambx-radius-md) + var(--ambx-grid-half))}.ambx-bank-horizontal.amb-console-bank{flex-direction:row}.amb-console-bank .ambx-key{cursor:pointer;border:none;padding:0;display:grid;min-width:var(--ambx-select-size);height:var(--ambx-select-size);border-radius:var(--ambx-radius-md)}.amb-console-key{position:relative;isolation:isolate;height:100%;display:grid;place-items:center;border-radius:var(--ambx-radius-md);color:var(--amb-label);--amb-thickness: 2;--_ambx-console-led: var(--amb-led-color, var(--amb-highlight-color))}.amb-console-key-dish{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;height:78%;aspect-ratio:1;border-radius:50%}.amb-console-key-led{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:15%;aspect-ratio:1;border-radius:50%;background-color:color-mix(in oklab,var(--amb-lit),black 35%);transition:background-color .14s ease,box-shadow .14s ease}.amb-console-bank .ambx-key[data-on] .amb-console-key-led{background-color:var(--_ambx-console-led);box-shadow:0 0 4px var(--_ambx-console-led)}.amb-console-bank .ambx-key[data-on] .amb-console-key-text{color:var(--_ambx-console-led);text-shadow:0 0 6px color-mix(in oklab,var(--_ambx-console-led),transparent 45%)}.amb-console-bank .ambx-key:hover .amb-console-key{color:var(--amb-highlight-color)}.amb-console-bank .ambx-key[data-on] .amb-console-key{--amb-thickness: 0}.amb-console-bank .ambx-key:disabled{cursor:not-allowed}.amb-console-bank .ambx-key:disabled .amb-console-key{opacity:.5}.amb-console-bank .ambx-key:focus-visible{outline-offset:var(--ambx-grid-half)}@media(prefers-reduced-motion:reduce){.amb-console-track{transition:none}}*,*:before,*:after{box-sizing:border-box}:root{--grid: 4px}html{scroll-behavior:smooth}body{font-family:Michroma,sans-serif;margin:0;padding:0;overflow-x:hidden;background:#000}.scene{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;max-width:100vw;padding-bottom:6em}.scene-inner{width:100%;max-width:1200px;padding:80px 40px;margin:0 auto}.scene-label{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--amb-lume);margin-bottom:48px;text-align:center}.scene-subtitle{font-size:9px;letter-spacing:.25em;text-transform:lowercase;color:var(--amb-lume);text-align:center;margin-top:-36px;margin-bottom:48px;opacity:.6}.scene-hint{font-size:9px;letter-spacing:.25em;text-transform:lowercase;color:var(--amb-lume);text-align:center;margin-bottom:32px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;max-width:100vw;overflow:hidden;padding-bottom:120px}.hero-title{font-size:clamp(36px,8vw,160px);letter-spacing:.3em;color:var(--amb-label);text-align:center;line-height:1.1;-webkit-user-select:none;user-select:none;padding:0 20px}.hero-sub{font-size:clamp(12px,1.8vw,20px);letter-spacing:.6em;color:var(--amb-lume);text-align:center;margin-top:24px;text-transform:lowercase}.hero-film{margin-top:48px;width:auto;height:auto;max-width:min(720px,84vw);max-height:38vh;overflow:hidden}.hero-scroll-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--amb-lume);font-size:9px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.hero-scroll-circle{width:48px;height:48px;display:grid;place-items:center}.hero-scroll-circle{background:var(--amb-highlight-color)}.hero-scroll-circle svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}.scroll-down-button{position:absolute;bottom:2em;left:50%;transform:translate(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10}.scroll-down-circle{width:40px;height:40px;display:grid;place-items:center;background:var(--amb-highlight-color)}.scroll-down-circle svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}.orbit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;justify-items:center;align-items:center;max-width:700px;margin:0 auto}.orbit-circle{width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);border-radius:50%;position:relative;cursor:pointer}.orbit-circle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:6px;height:6px;border-radius:50%;background:var(--amb-lume);opacity:0;transition:opacity .3s ease}.orbit-circle[data-active=true]:after{opacity:.5}.elevation-row{display:flex;justify-content:center;align-items:center;gap:clamp(24px,4vw,48px);flex-wrap:wrap}.elevation-item{display:flex;flex-direction:column;align-items:center;gap:16px}.elevation-circle{--amb-shade: 1.11;width:clamp(72px,12vw,110px);height:clamp(72px,12vw,110px);border-radius:50%;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}.elevation-circle[data-visible=false]{opacity:0;transform:scale(.7)}.elevation-circle[data-visible=true]{opacity:1;transform:scale(1)}.elevation-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--amb-lume)}.surface-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:800px;margin:0 auto}.surface-gallery.materials-gallery{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));max-width:980px}.materials-gallery .surface-swatch{width:clamp(64px,11vw,150px);height:auto;aspect-ratio:1}.surface-item{display:flex;flex-direction:column;align-items:center;gap:20px}.surface-swatch{width:clamp(80px,16vw,160px);height:clamp(80px,16vw,160px);border-radius:50%;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}.surface-swatch[data-visible=false]{opacity:0;transform:scale(.8)}.surface-swatch[data-visible=true]{opacity:1;transform:scale(1)}.surface-label{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--amb-lume)}.material-color-wall{display:flex;flex-direction:column;gap:28px;max-width:860px;margin:0 auto}.material-color-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.material-color-row-label{flex:0 0 88px;width:88px;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--amb-lume);text-align:right}.material-color-swatches{display:flex;gap:18px;flex-wrap:wrap;flex:1;justify-content:space-between}.material-color-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:clamp(44px,7vw,60px)}.material-color-swatch{width:clamp(44px,7vw,60px);height:clamp(44px,7vw,60px);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}.material-color-swatch.is-round{border-radius:50%}.material-color-swatch[data-visible=false]{opacity:0;transform:scale(.8)}.material-color-swatch[data-visible=true]{opacity:1;transform:scale(1)}.material-color-name{font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:var(--amb-lume);opacity:.75;white-space:nowrap}.edge-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:32px;max-width:600px;margin:0 auto;justify-items:center}.edge-item{display:flex;flex-direction:column;align-items:center;gap:16px}.edge-swatch{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px);border-radius:var(--ambx-radius-xl);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s ease}.edge-swatch[data-visible=false]{opacity:0;transform:translateY(30px)}.edge-swatch[data-visible=true]{opacity:1;transform:translateY(0)}.edge-label{font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--amb-lume)}.component-stage{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px;row-gap:80px;max-width:900px;margin:0 auto;justify-items:center;align-items:center}.component-cell{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}.component-cell[data-visible=false]{opacity:0;transform:translateY(40px) scale(.9)}.component-cell[data-visible=true]{opacity:1;transform:translateY(0) scale(1)}.component-cell:nth-child(1){transition-delay:0s}.component-cell:nth-child(2){transition-delay:.06s}.component-cell:nth-child(3){transition-delay:.12s}.component-cell:nth-child(4){transition-delay:.18s}.component-cell:nth-child(5){transition-delay:.24s}.component-cell:nth-child(6){transition-delay:.3s}.component-cell:nth-child(7){transition-delay:.36s}.kit-stage{gap:72px;align-items:flex-start}.kit-row{display:flex;align-items:flex-end;justify-content:center;gap:40px;height:132px}.kit-name{font-size:9px;letter-spacing:.25em;color:var(--amb-lume);opacity:.7;margin-top:8px}.comp-led-row{display:flex;justify-content:center;gap:24px;margin-top:48px;transition:opacity .7s ease .42s}.comp-led-row[data-visible=false]{opacity:0}.comp-led-row[data-visible=true]{opacity:1}.comp-led-row .amb-led{width:12px;height:12px;border-radius:50%}.theme-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px}.theme-playground{display:flex;flex-direction:column;gap:40px;max-width:1000px;margin:0 auto;align-items:center}.theme-controls{display:flex;flex-direction:column;gap:32px}.theme-controls-row{display:flex;justify-content:center;align-items:center;gap:40px}.finale{min-height:100vh;display:grid;place-items:center;max-width:100vw;overflow:hidden}.finale-text{font-size:clamp(32px,6vw,80px);letter-spacing:.3em;color:var(--amb-label);text-align:center;line-height:1.4;-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.finale-letter{display:inline-block;opacity:0;transform:translateY(40px) scale(.5);filter:blur(8px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}.finale-text[data-visible=true] .finale-letter{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.finale-sub{font-size:clamp(10px,1.5vw,14px);letter-spacing:.5em;text-transform:lowercase;color:var(--amb-lume);margin-top:16px;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease .7s,transform .8s ease .7s}.finale-sub[data-visible=true]{opacity:1;transform:translateY(0)}.made-with{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,84vw);margin:48px auto 0;padding:20px;text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity .8s ease .8s,transform .8s ease .8s,box-shadow .3s ease}.made-with[data-visible=true]{opacity:1;transform:translateY(0)}.made-with-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--amb-lume)}.made-with-shot{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top}.made-with-caption{font-size:13px;color:var(--amb-label)}.finale-links{display:flex;justify-content:center;gap:20px;margin-top:56px}.finale-link{display:inline-block;text-decoration:none}.finale-link .amb-button-cap{display:inline-flex;align-items:center;gap:10px}.finale-link-icon{width:18px;height:18px;flex-shrink:0}.finale-top-button{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:64px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--amb-lume);font-size:9px;letter-spacing:.3em;text-transform:uppercase}.scroll-top-circle{width:48px;height:48px;display:grid;place-items:center}.scroll-top-circle svg{width:20px;height:20px;stroke:var(--amb-lume);fill:none;stroke-width:2}@media(max-width:768px){.surface-gallery{grid-template-columns:repeat(3,1fr);gap:20px}.surface-gallery.materials-gallery{grid-template-columns:repeat(2,1fr)}.edge-wall{grid-template-columns:repeat(2,1fr);gap:20px}.orbit-grid{gap:16px}.component-stage{column-gap:12px;row-gap:40px}.kit-stage{gap:20px;flex-direction:column;align-items:center}.kit-row{gap:16px}.material-color-wall{gap:12px}.material-color-row{flex-direction:row;gap:8px;justify-content:center}.material-color-row-label{flex:0 0 54px;width:54px;text-align:right;font-size:8px}.material-color-swatches{gap:6px}.material-color-item{width:clamp(32px,8vw,44px)}.material-color-swatch{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px)}.theme-playground{gap:20px}.theme-presets{margin-bottom:24px}.theme-controls{gap:20px}.theme-controls-row{gap:20px;flex-wrap:wrap}.scene-inner{padding:70px 10px 20px}.scene-label{margin-bottom:16px}.scene-subtitle{margin-top:-8px;margin-bottom:24px}.scene-hint{margin-bottom:16px}.finale{padding-top:70px;padding-bottom:20px}.finale-links{flex-direction:column;align-items:center}.hero-scroll-hint{bottom:60px}}@keyframes amb-elevation-shift{0%,to{--amb-elevation: 0}50%{--amb-elevation: 3}}.amb-elevation-shift{animation:amb-elevation-shift 4s linear infinite}.cordbar{--bank: calc(var(--ambx-grid) * 11 * var(--keys) + var(--ambx-grid) * 3);--margin: calc(var(--ambx-grid) * 4);position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100;width:min(calc(var(--bank) + var(--margin) * 2),calc(100vw - 16px));pointer-events:none}.cord-assembly{--reveal: 320px;position:relative;transform:translateY(calc(-1 * var(--reveal)));transition:transform .52s cubic-bezier(.48,1.3,.5,1);pointer-events:auto}.cord-assembly.is-open{transform:translateY(0)}.cord-panel{--lip: 12px;--amb-albedo: inherit;position:relative;border-radius:0 0 14px 14px;padding:0 var(--margin) var(--lip)}.cord-console{height:var(--reveal);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:18px;gap:10px}.cord-console-title{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--amb-lume)}.cord-console-preset{margin-left:auto;color:var(--amb-highlight-color);letter-spacing:.2em}.cord-console-well{--amb-thickness: 1;border-radius:var(--ambx-radius-lg);padding:14px 12px 12px}.cord-console-lights{display:flex;align-items:center;justify-content:center;gap:calc(var(--ambx-grid) * 3)}.cord-console-stack{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ambx-grid) * 2)}.cord-console-levels{display:flex;justify-content:center;gap:calc(var(--ambx-grid) * 4)}.cord-fader{--ambx-travel-length: 84px}.cord-slider{--ambx-travel-length: 112px}.cord-console-tone{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;justify-items:center;margin-top:calc(var(--ambx-grid) * 3)}.cord-console-hint{font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:var(--amb-lume);opacity:.6;text-align:center}.theme-keys{display:flex;justify-content:center;padding-top:var(--lip)}@media(prefers-reduced-motion:reduce){.cord-assembly{transition:none}}.groove-swatch{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.groove-swatch[data-visible=false]{opacity:0;transform:translateY(28px)}.groove-swatch[data-visible=true]{opacity:1;transform:none}.groove-lume{background-color:var(--amb-lume)}.groove-channel{width:clamp(80px,12vw,120px);height:28px;border-radius:var(--ambx-radius-full);--amb-thickness: .4}.groove-inset{width:clamp(80px,12vw,120px);height:clamp(80px,12vw,120px);border-radius:var(--ambx-radius-xl);--amb-thickness: .5}