.lab-body{--chalk: #ebe8df;--g: #ebe8df;--rule: rgba(235,232,223,.18);background:#000}.lab{position:relative;height:100svh;min-height:560px;overflow:hidden;background:#030304}.js-only{display:none}.js .js-only{display:block}.lab-stage{position:absolute;top:0;right:0;bottom:0;left:0}.js .lab:not(.has-scene):not(.no-scene) .lab-top,.js .lab:not(.has-scene):not(.no-scene) .lab-list{visibility:hidden}.lab-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}.lab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000c7,#0000 38%),linear-gradient(180deg,#000000b3,#0000 20%),radial-gradient(ellipse at 50% 55%,#0000 55%,#0000008c)}.lab-top{position:absolute;z-index:2;top:calc(var(--nav-h) + 3.5vh);left:var(--gutter)}.lab-mark{margin:0 0 10px;font:400 10px/1 var(--display);letter-spacing:.36em;text-transform:uppercase;color:var(--paper-dim)}.lab-top h1{margin:0 0 8px;font:400 clamp(24px,2.6vw,38px)/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--chalk)}.lab-line{margin:0;font:300 clamp(16px,1.3vw,19px)/1.3 var(--read);color:var(--paper-dim)}.lab-list{position:absolute;z-index:2;left:var(--gutter);top:calc(var(--nav-h) + 3.5vh + 112px)}.lab-list ol{list-style:none;margin:0;padding:0;display:flex;gap:40px}.lab-list a{display:grid;grid-template-columns:30px auto;column-gap:4px;align-items:baseline;padding:10px 0 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--paper-dim);min-width:150px}.lab-list .n{grid-row:span 2;font:400 11px var(--display);letter-spacing:.14em;color:var(--graphite);padding-top:6px}.lab-list b{font:300 clamp(19px,1.5vw,24px)/1.1 var(--read);letter-spacing:-.015em;color:inherit}.lab-list .c{font:500 11px var(--note);letter-spacing:.18em;text-transform:uppercase;color:var(--graphite)}.lab-list a:hover,.lab-list a:focus-visible,.lab-list a.is-hover{color:var(--chalk);outline:0}.lab-list a.is-hover .n,.lab-list a:focus-visible .n{color:var(--g)}.lab-list a.is-hover .c{color:var(--paper-dim)}.lab-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.lab-tag{position:absolute;left:0;top:0;display:inline-flex;gap:10px;align-items:baseline;padding:12px 0 0;border-top:1px solid var(--rule);color:var(--paper-dim);text-decoration:none;text-shadow:0 0 8px #000;pointer-events:auto;will-change:transform;white-space:nowrap}.lab-tag .n{font:400 10px var(--display);letter-spacing:.14em;color:var(--graphite)}.lab-tag b{font:400 13px var(--note);letter-spacing:.2em;text-transform:uppercase;font-weight:500}.lab-tag.is-hover{color:var(--chalk);border-top-color:var(--g)}.lab-tag.is-hover .n{color:var(--g)}.lab.no-scene{height:auto;min-height:100svh}.lab.no-scene .lab-list{position:static;transform:none;padding:calc(var(--nav-h) + 22vh) var(--gutter) 10vh;max-width:560px}.lab.no-scene .lab-top{position:absolute}.no-js .lab{height:auto;min-height:100svh}.no-js .lab-list{position:static;transform:none;padding:calc(var(--nav-h) + 22vh) var(--gutter) 10vh;max-width:560px}@media(max-width:900px){.lab-list{top:auto;bottom:28px;transform:none;right:var(--gutter)}.lab-list ol{flex-direction:column;gap:0}.lab-list a{padding:10px 0}.lab-list .c{display:none}.lab-list .n{grid-row:auto}.lab-tag b{font-size:11px}}.lab.has-scene .lab-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lab.has-scene:before{background:linear-gradient(180deg,#0009,transparent 18%)}.lab.has-scene .lab-list:focus-within{clip:auto;width:auto;height:auto;overflow:visible;white-space:normal;top:calc(var(--nav-h) + 18px);left:var(--gutter);padding:12px 16px;background:#000000eb}.lab-tag{color:#ebe8df;text-shadow:0 1px 3px #000,0 0 10px #000;border-color:#ebe8df80}.lab-tag .n{color:#d3d0c8}@media(max-width:900px){.lab.no-scene .lab-list ol,.no-js .lab-list ol,.lab.has-scene .lab-list:focus-within ol{flex-direction:column;gap:12px}}.lab.has-scene .lab-top{pointer-events:none}.lab.has-scene .lab-mark{display:none}.lab.has-scene .lab-line{font-size:14px;color:#c5c1b6}.lab-tag{padding:6px 8px;background:#090909e8;border-top:0;border-bottom:1px solid #77776e}.lab-tag.is-hover{background:#262522}
