@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cygre;src:url(/assets/Cygre-Regular-CuZiXHiT.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cygre;src:url(/assets/Cygre-Bold-CLTk2e2X.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Akkurat Mono;src:url(/assets/AkkuratMono-Regular-IN2GXUmW.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20,U+2C-2F,U+30-39,U+41-5A,U+61-7A,U+AD,U+B6-B7,U+2019,U+2022}:root{--u:calc(100vw / 1920);--bg:#fff;--card:#f2f2f2;--ink:#000;--rule:#e4e4e4;--yellow:#f7d55c;--manrope:"Manrope Variable", "Manrope", Helvetica, Arial, sans-serif;--cygre:"Cygre", Helvetica, Arial, sans-serif;--mono:"Akkurat Mono", "Cygre", ui-monospace, Menlo, monospace;--pad:max(16px, calc(32 * var(--u)));--stage:calc(555 * var(--u));--gallery-h:70vh;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--bg);transition:background-color 1.4s var(--ease-out);-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);transition:background-color 1.4s var(--ease-out);color:var(--ink);font-family:var(--manrope);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}h1,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}::selection{background:var(--yellow)}.ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.ln>span{will-change:transform;display:inline-block}.gl{z-index:10;pointer-events:none;display:block;position:fixed;inset:0}.is-over-specimen,.is-over-specimen *{cursor:pointer!important}.om-hero{--hero:max(30px, 6.6vw);z-index:30;pointer-events:none;position:fixed;inset:0}.om-hero-bg{background:var(--bg);position:absolute;inset:0}.om-hero-title{left:var(--pad);margin-top:calc(var(--hero) * -1.1);font-family:var(--manrope);font-weight:400;font-size:var(--hero);letter-spacing:-.02em;white-space:nowrap;transform-origin:0 0;line-height:1;position:absolute;top:50%}.om-hero-data{left:var(--pad);top:calc(50% + var(--hero) * 1.1 + 24px);position:absolute}.has-liquid-cursor,.has-liquid-cursor *{cursor:none!important}.om-cursor,.om-cursor-mono{z-index:40;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.om-cursor{mix-blend-mode:difference;--cursor-liquid:#fff}.om-cursor-mono{z-index:41;mix-blend-mode:saturation;--cursor-liquid:gray}.om-cursor-mono.is-off{display:none}.om-cursor.is-label{mix-blend-mode:normal;--cursor-liquid:var(--ink)}.om-cursor-defs{width:0;height:0;position:absolute}.om-cursor-goo{filter:url(#om-goo);width:300px;height:120px;position:absolute;top:-60px;left:-150px}.om-cursor-body,.om-cursor-drop{background:var(--cursor-liquid);position:absolute;top:0;left:0}.om-cursor-drop{border-radius:50%}.om-cursor-dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px}.om-cursor .om-cursor-text{color:#fff;align-items:center;height:24px;font-size:10px;line-height:1;display:flex;position:absolute;top:0;left:0;overflow:hidden}.om-cursor .om-cursor-text .flap{transform:translateY(-.75px)}.om{padding:var(--pad);background:var(--bg);transition:background-color 1.4s var(--ease-out);position:relative}.om-head{gap:calc(23 * var(--u));flex-direction:column;display:flex}.om-row{justify-content:space-between;align-items:center;display:flex}.om-title{font-family:var(--manrope);font-weight:400;font-size:max(20px, calc(25.4 * var(--u)));letter-spacing:-.02em;line-height:1}.om-head>.om-row:first-child{position:relative}.om-logo{width:max(28px, calc(34 * var(--u)));height:max(28px, calc(34 * var(--u)));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.om-switch{--sw:max(28px, calc(34 * var(--u)));--sw-pad:max(3px, calc(4 * var(--u)));--sw-r:max(4px, calc(5 * var(--u)));align-items:center;gap:max(10px, calc(14 * var(--u)));display:inline-flex}.om-view{white-space:nowrap;transition:color .5s var(--ease-out);align-items:baseline;display:inline-flex}.om-view.is-preview{color:#9a9a9a}.flap{perspective:9em;white-space:pre;display:inline-flex}.flap>span{text-align:center;transform-origin:50% 55%;backface-visibility:hidden;width:1ch;display:inline-block}.sw-track{padding:var(--sw-pad);border-radius:calc(var(--sw-r) + var(--sw-pad));background:var(--card);display:inline-flex;position:relative}.sw-thumb{top:var(--sw-pad);width:var(--sw);height:var(--sw);border-radius:var(--sw-r);background:var(--ink);will-change:transform, width;position:absolute;left:0}.sw{z-index:1;width:var(--sw);height:var(--sw);border-radius:var(--sw-r);color:#707070;transition:background-color .35s var(--ease-out), color .45s var(--ease-out);background:0 0;place-items:center;display:grid;position:relative}.sw[aria-checked=true]{cursor:default}.sw-lit{z-index:2;padding:var(--sw-pad);color:#fff;pointer-events:none;display:inline-flex;position:absolute;inset:0}.sw-lit-icon{width:var(--sw);height:var(--sw)}@media (hover:hover){.sw[aria-checked=false]:hover{background:var(--yellow);color:var(--ink)}}.sw:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.sw svg,.sw-lit svg{fill:none;stroke:currentColor;stroke-width:4.6px;stroke-linecap:round;width:100%;height:100%;display:block}.om-rulebox{gap:calc(14 * var(--u));flex-direction:column;display:flex}.om-rule{background:var(--rule);transform-origin:0;height:1px;display:block}.om-label{font-family:var(--mono);font-weight:400;font-size:max(9px, calc(6.4 * var(--u)));letter-spacing:0;white-space:nowrap;color:var(--ink);line-height:1}.om-sub-right{gap:max(16px, calc(24 * var(--u)))}.om-sound{opacity:.45;transition:opacity .3s}.om-sound:hover,.om-sound[aria-pressed=true]{opacity:1}.om-stage{margin-top:calc(72 * var(--u));position:relative}.om[data-mode=gallery]:not(.is-transitioning) .om-stage{height:var(--gallery-h)}.gallery{height:var(--gallery-h);grid-template-columns:minmax(0, 1fr) var(--stage) minmax(0, 1fr);z-index:2;grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;inset:0 0 auto}.om[data-mode=grid]:not(.is-transitioning) .gallery{visibility:hidden}.om[data-mode=grid] .gallery{pointer-events:none}.g-name{grid-area:1/1;place-self:center start}.g-code{margin-bottom:max(10px, calc(14 * var(--u)));opacity:.55}.g-title{font-family:var(--cygre);font-weight:400;font-size:max(15px, calc(19.4 * var(--u)));text-transform:uppercase;line-height:1}.g-title b{font-weight:700}.g-stage{width:var(--stage);aspect-ratio:1;border-radius:50%;grid-area:1/2;align-self:center}.g-desc{margin-left:max(16px, calc(27.19vw - var(--stage) / 2));place-self:center start;align-items:flex-start;gap:max(12px, calc(16 * var(--u)));flex-direction:column;grid-area:1/3;display:flex}.g-short{font-family:var(--manrope);font-size:max(14px, calc(15.6 * var(--u)));line-height:1}.om-defs{width:0;height:0;position:absolute}.g-inspect .button-038__goo{filter:url(#om-goo-button);grid-area:1/1;display:grid;position:relative}.g-inspect .button-038__blob{background:var(--button-038-color-background);pointer-events:none;will-change:transform;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0}.g-inspect{--button-038-color:#fff;--button-038-color-background:var(--ink);--button-038-color-focus:var(--ink);--button-038-padding:.95em 1.35em;font-family:var(--mono);font-size:max(10px, calc(7.5 * var(--u)));letter-spacing:.02em}.om-sheet{z-index:20;pointer-events:none;position:fixed;inset:0}.om-sheet svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.om-sheet polyline{fill:none;stroke:var(--ink);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.om-sheet-head{left:var(--pad);bottom:var(--pad);flex-direction:column;gap:8px;display:flex;position:absolute}.om-sheet-hint{opacity:.45}.om-pin{will-change:transform, opacity;flex-direction:column;gap:5px;display:flex;position:absolute;top:0;left:0}.om-pin-label{opacity:.45}.om-pin-value{font-size:max(11px, calc(9 * var(--u)))}.g-nav{--bead-a:max(42px, calc(51 * var(--u)));justify-self:center;align-items:center;gap:calc(var(--bead-a) * .3);padding:calc(52 * var(--u)) 0 calc(44 * var(--u));flex-direction:column;grid-area:2/1/3/4;display:flex}.g-pill{width:calc(var(--bead-a) * 6.64);height:var(--bead-a);position:relative}.g-dots{position:absolute;inset:0}.g-dot,.g-next,.g-prev{will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.g-dot{width:var(--bead-a);height:var(--bead-a);margin:calc(var(--bead-a) * -.5) 0 0 calc(var(--bead-a) * -.5)}.g-next,.g-prev{--d:calc(var(--bead-a) * .547);width:var(--d);height:var(--d);margin:calc(var(--d) * -.5) 0 0 calc(var(--d) * -.5)}.g-dot:focus-visible,.g-next:focus-visible,.g-prev:focus-visible{outline-offset:3px}.grid{gap:calc(10 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:none}.om[data-mode=grid] .grid,.om.is-transitioning .grid{display:grid}.card{isolation:isolate;align-items:center;gap:calc(61 * var(--u));padding:calc(20 * var(--u));cursor:pointer;outline-offset:-1px;touch-action:pan-y;border-radius:.3rem;flex-direction:column;display:flex;position:relative}.card-bg{z-index:-1;border-radius:inherit;background:var(--card);position:absolute;inset:0}.card-head{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.card-idblock{gap:calc(11 * var(--u));width:max(150px, calc(126 * var(--u)));flex-direction:column;display:flex}.card-id{font-family:var(--mono);font-size:max(9.5px, calc(7 * var(--u)));line-height:1}.card-name{font-family:var(--cygre);font-weight:400;font-size:max(11px, calc(9.7 * var(--u)));line-height:1.25}.card-name b{font-weight:700}.card-ellipse{width:calc(356.27 * var(--u));aspect-ratio:1;border-radius:50%}.card-foot{justify-content:space-between;align-self:stretch;align-items:center;display:flex}.card-desc{font-family:var(--manrope);font-size:max(13px, calc(15.6 * var(--u)));white-space:nowrap;line-height:1}.card-brand{font-family:var(--cygre);font-size:max(11px, calc(9.7 * var(--u)));white-space:nowrap;line-height:1}.loader{z-index:100;background:var(--bg);transition:opacity .9s var(--ease-out);place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.loader>*{transition:opacity .5s var(--ease-out)}.loader.is-ready>*{opacity:1}.loader.is-done{opacity:0;pointer-events:none}.loader-bar{background:var(--rule);width:160px;height:1px;position:relative;overflow:hidden}.loader-bar i{background:var(--ink);transform-origin:0;transition:transform .5s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.hud{z-index:200;color:#fff;font:10px/1.5 var(--mono);white-space:pre;pointer-events:none;background:#000000d1;padding:8px 10px;position:fixed;bottom:8px;left:8px}.no-webgl .g-stage,.no-webgl .card-ellipse,.no-webgl .g-dot{background:radial-gradient(circle at 40% 35%, var(--fb1,#f4f4f4), var(--fb2,#d9d9d9))}.no-webgl .g-dot{border:calc(var(--bead-a) * .065) solid #080808}.no-webgl .g-next,.no-webgl .g-prev{color:#fff;background:#080808;place-items:center;display:grid}.no-webgl .g-next:after,.no-webgl .g-prev:after{content:"→";font-size:calc(var(--bead-a) * .28)}.no-webgl .g-prev:after{content:"←"}@media (max-width:760px){:root{--u:calc(100vw / 640);--pad:16px}.om-title{font-size:20px}.om-head>.om-row:first-child{grid-template-columns:minmax(0,1fr) auto;row-gap:14px;display:grid}.om-logo{order:-1;grid-column:1/-1;justify-self:center;position:static;transform:none}.om-switch .om-label,.om-sub-right>.om-label:last-child{display:none}.om-switch{--sw:42px;--sw-pad:3px;--sw-r:6px}.gallery{text-align:center;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);justify-items:center}.g-name{grid-area:1/1;justify-self:center;padding-top:8px}.g-stage{width:min(78vw, var(--stage));grid-area:2/1}.g-desc{grid-area:3/1;justify-self:center;align-items:center;margin-left:0}.g-nav{grid-area:4/1;padding:18px 0 4px}.grid{grid-template-columns:minmax(0,1fr);gap:10px}.card{gap:28px;padding:16px}.card-ellipse{width:min(72vw,300px)}.card-desc{white-space:normal;max-width:60%;line-height:1.15}}@media (prefers-reduced-motion:reduce){.sw,.om-view,.loader,.loader-bar i{transition-duration:.01ms!important}}:root{--button-038-color:#131313;--button-038-color-background:#fff;--button-038-color-focus:#000;--button-038-padding:.75em 1em;--button-038-border-radius:2.5em;--button-038-focus-inset:-.125em;--button-038-stagger:15ms;--button-038-ease-hover:cubic-bezier(.625, .05, 0, 1);--button-038-ease-focus:cubic-bezier(.32, .72, 0, 1)}.button-038{color:var(--button-038-color);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#0000;outline-style:none;padding:0;line-height:1;text-decoration:none;display:inline-grid;position:relative}.button-038:after{content:"";inset:var(--button-038-focus-inset);border-radius:var(--button-038-border-radius);transition:box-shadow .3s var(--button-038-ease-focus), scale .45s var(--button-038-ease-hover);pointer-events:none;z-index:1;display:block;position:absolute}.button-038:focus-visible:after{box-shadow:0 0 0 .125em var(--button-038-color-focus);scale:var(--button-038-scale-x) var(--button-038-scale-y);transition:box-shadow .3s var(--button-038-ease-focus), scale .55s 50ms var(--button-038-ease-hover)}.button-038__bg{background-color:var(--button-038-color-background);border-radius:var(--button-038-border-radius);width:100%;height:100%;transition:scale .45s var(--button-038-ease-hover);grid-area:1/1;padding:0}.button-038__inner{width:100%;height:100%;padding:var(--button-038-padding);grid-area:1/1;justify-content:center;align-items:center;display:flex}.button-038__text{clip-path:inset(-10% 0%)}.button-038__text span{will-change:transform;white-space:nowrap;text-shadow:0 1.3em;transition:translate .6s calc(var(--index) * var(--button-038-stagger)) var(--button-038-ease-hover);display:inline-block;translate:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button-038:is(:hover,:focus-visible) .button-038__bg,[data-hover]:is(:hover,:focus-visible) .button-038 .button-038__bg{scale:var(--button-038-scale-x) var(--button-038-scale-y);transition:scale .55s 50ms var(--button-038-ease-hover)}.button-038:is(:hover,:focus-visible) .button-038__text span,[data-hover]:is(:hover,:focus-visible) .button-038 .button-038__text span{transition:translate .6s calc(var(--index) * var(--button-038-stagger) + 50ms) var(--button-038-ease-hover);translate:0 -1.3em}}
