.lab{--lab-tile:transparent;--lab-dots:.5px dotted #11111129;--lab-line:var(--line);--lab-text:var(--fg);--lab-dim:var(--fg-dim);--lab-accent:var(--blue);--lab-raised:var(--bg);--lab-ease:cubic-bezier(.35, 0, 0, 1);background:var(--lab-tile);width:100cqw;height:100%;color:var(--lab-text);-webkit-user-select:none;user-select:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;top:0;left:0}@container (max-width:560px){.lab{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr))}.lab__tile:nth-of-type(n+4),.lab .lab__rule--h,.lab .lab__rule--v.lab__rule--3{display:none}.lab .lab__rule--v.lab__rule--1{left:33.3333%}.lab .lab__rule--v.lab__rule--2{left:66.6667%}}.lab__tile{place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.lab__rules{pointer-events:none;position:absolute;inset:0}.lab__rule{position:absolute}.lab__rule--v{border-left:var(--lab-dots);top:0;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.lab__rule--h{border-top:var(--lab-dots);left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.lab__rule--v.lab__rule--1{left:25%}.lab__rule--v.lab__rule--2{left:50%}.lab__rule--v.lab__rule--3{left:75%}.lab__rule--h.lab__rule--1{top:33.3333%}.lab__rule--h.lab__rule--2{top:66.6667%}.lab-ease{flex-direction:column;gap:6cqmin;width:68cqmin;display:flex}.lab-ease__graph{width:100%;overflow:visible}.lab-ease__axis{fill:none;stroke:var(--lab-line);stroke-width:1px;vector-effect:non-scaling-stroke}.lab-ease__curve{fill:none;stroke:var(--lab-accent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:3.2s infinite lab-draw}.lab-ease__track{background:var(--lab-line);height:2px;position:relative}.lab-ease__dot{background:var(--lab-text);border-radius:50%;width:5cqmin;height:5cqmin;margin-top:-2.5cqmin;animation:3.2s infinite lab-ride;position:absolute;top:50%;left:calc(100% - 5cqmin)}@keyframes lab-draw{0%{stroke-dashoffset:1px;animation-timing-function:var(--lab-ease)}55%,to{stroke-dashoffset:0}}@keyframes lab-ride{0%{animation-timing-function:var(--lab-ease);left:0}55%,to{left:calc(100% - 5cqmin)}}.lab-spring{place-items:end center;width:40cqmin;height:44cqmin;display:grid;position:relative}.lab-spring__box{background:var(--lab-accent);transform-origin:50% 100%;border-radius:4px;width:24cqmin;height:24cqmin;animation:2.8s infinite lab-spring}.lab-spring__shadow{filter:blur(2px);background:#11111124;border-radius:50%;width:26cqmin;height:3cqmin;animation:2.8s infinite lab-spring-shadow;position:absolute;bottom:-3cqmin}@keyframes lab-spring{0%{opacity:0;animation-timing-function:linear(0, .3 8%, .92 20%, 1.12 30%, 1.05 40%, .98 52%, 1.01 66%, 1 80%, 1);transform:translateY(-140%)}4%{opacity:1}45%,82%{opacity:1;animation-timing-function:var(--lab-ease);transform:none}to{opacity:0;transform:scale(0)}}@keyframes lab-spring-shadow{0%{opacity:0;animation-timing-function:linear(0, .3 8%, .92 20%, 1.12 30%, 1.05 40%, .98 52%, 1.01 66%, 1 80%, 1);transform:scale(.3)}45%,82%{opacity:1;animation-timing-function:var(--lab-ease);transform:none}to{opacity:0;transform:scale(0)}}.lab-mask{font-family:var(--display);letter-spacing:-.04em;flex-direction:column;font-size:10cqmin;font-weight:500;line-height:1.02;display:flex}.lab-mask__line{margin-block:-.06em;padding-block:.06em;display:block;overflow:visible clip}.lab-mask__line:last-child{color:var(--lab-accent)}.lab-mask__text{white-space:nowrap;animation:3.6s infinite both lab-rise;display:inline-block}@keyframes lab-rise{0%{animation-timing-function:var(--lab-ease);transform:translateY(110%)}30%,78%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:none}94%,to{transform:translateY(-110%)}}.lab-morph__pill{border:1px solid var(--lab-line);background:var(--lab-raised);border-radius:999px;align-items:center;gap:4cqmin;width:70cqmin;height:16cqmin;padding-inline:2.5cqmin;animation:3.4s infinite lab-morph;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff9,0 8px 24px -14px #11111140}.lab-morph__avatar{background:var(--lab-accent);border-radius:50%;flex:none;width:11cqmin;height:11cqmin}.lab-morph__link,.lab-morph__cta{background:var(--lab-dim);border-radius:2px;flex:none;height:2.5cqmin;animation:3.4s infinite lab-morph-content}.lab-morph__link{width:10cqmin}.lab-morph__cta{background:var(--lab-text);border-radius:999px;width:16cqmin;height:9cqmin;margin-left:auto}@keyframes lab-morph{0%,12%{width:16cqmin;animation-timing-function:var(--lab-ease)}48%,80%{width:70cqmin;animation-timing-function:var(--lab-ease)}to{width:16cqmin}}@keyframes lab-morph-content{0%,28%{opacity:0}50%,74%{opacity:1}86%,to{opacity:0}}.lab-code{width:76cqmin;font-family:var(--label);color:var(--lab-text);margin:0;font-size:5.6cqmin;line-height:1.6}.lab-code em{color:var(--lab-accent);font-style:normal}.lab-code__line{width:calc(var(--chars) * 1ch);white-space:pre;animation:lab-type 5.2s steps(var(--chars), end) infinite both;display:block;overflow:hidden}.lab-code__line:nth-child(2){animation-delay:.55s}.lab-code__line:nth-child(3){animation-delay:.9s}.lab-code__line:nth-child(4){animation-delay:1.5s}.lab-code__line--last{overflow:visible}.lab-code__line--last:after{content:"";vertical-align:-.2em;background:var(--lab-accent);width:.55ch;height:1.1em;margin-left:.15ch;animation:.9s step-end infinite lab-caret;display:inline-block}@keyframes lab-type{0%{width:0}18%,80%{width:calc(var(--chars) * 1ch)}92%,to{width:0}}@keyframes lab-caret{50%{opacity:0}}.lab-cube{--s:30cqmin;width:var(--s);height:var(--s);perspective:600px}.lab-cube__body{width:100%;height:100%;transform-style:preserve-3d;animation:9s linear infinite lab-turn;position:relative;transform:rotateX(-24deg)rotateY(35deg)}.lab-cube__face{border:1px solid var(--lab-text);background:#11111108;position:absolute;inset:0}.lab-cube__face--front{border-color:var(--lab-accent);transform:translateZ(calc(var(--s) / 2));background:#eb59391f}.lab-cube__face--back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.lab-cube__face--right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.lab-cube__face--left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.lab-cube__face--top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.lab-cube__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}@keyframes lab-turn{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}.lab-like{place-items:center;width:40cqmin;height:40cqmin;display:grid;position:relative}.lab-like__heart{background:var(--lab-accent);width:14cqmin;height:14cqmin;margin-top:4cqmin;animation:2.6s infinite lab-like;position:relative;transform:rotate(-45deg)}.lab-like__heart:before,.lab-like__heart:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;position:absolute}.lab-like__heart:before{top:-50%;left:0}.lab-like__heart:after{top:0;left:50%}.lab-like__spark{background:var(--lab-accent);opacity:0;width:3cqmin;height:3cqmin;transform:rotate(var(--a)) translateY(-15cqmin);border-radius:50%;animation:2.6s infinite lab-spark;position:absolute}@keyframes lab-like{0%,30%{background:#d6d6d6;transform:rotate(-45deg)scale(1)}38%{background:var(--lab-accent);transform:rotate(-45deg)scale(1.3)}46%{transform:rotate(-45deg)scale(.9)}54%,86%{background:var(--lab-accent);transform:rotate(-45deg)scale(1)}94%,to{background:#d6d6d6}}@keyframes lab-spark{0%,34%{opacity:0;transform:rotate(var(--a)) translateY(-6cqmin) scale(1)}38%{opacity:1}56%,to{opacity:0;transform:rotate(var(--a)) translateY(-17cqmin) scale(.4)}}.lab-toggle{background:var(--lab-accent);border-radius:999px;width:36cqmin;height:20cqmin;animation:2.8s infinite lab-track;position:relative}.lab-toggle__knob{background:var(--lab-raised);border-radius:999px;width:15cqmin;height:15cqmin;animation:2.8s infinite lab-knob;position:absolute;top:2.5cqmin;left:2.5cqmin;transform:translate(16cqmin);box-shadow:0 1px 4px #1113}@keyframes lab-track{0%,30%{background:#d6d6d6}40%,80%{background:var(--lab-accent)}90%,to{background:#d6d6d6}}@keyframes lab-knob{0%,30%{width:15cqmin;animation-timing-function:var(--lab-ease);transform:translate(0)}36%{width:19cqmin;transform:translate(8cqmin)}44%,80%{width:15cqmin;animation-timing-function:var(--lab-ease);transform:translate(16cqmin)}86%{width:19cqmin;transform:translate(4cqmin)}94%,to{width:15cqmin;transform:translate(0)}}.lab-check{align-items:center;gap:5cqmin;display:flex}.lab-check__box{border:1.5px solid var(--lab-accent);background:var(--lab-accent);border-radius:4px;place-items:center;width:15cqmin;height:15cqmin;animation:3s infinite lab-box;display:grid;position:relative}.lab-check__tick{border-right:2px solid var(--lab-raised);border-bottom:2px solid var(--lab-raised);width:4cqmin;height:8cqmin;margin-top:-1.5cqmin;animation:3s infinite lab-tick;transform:rotate(45deg)scale(1)}.lab-check__text{font-family:var(--display);letter-spacing:-.03em;color:var(--lab-dim);font-size:11cqmin;font-weight:500;animation:3s infinite lab-done;position:relative}.lab-check__text:after{content:"";background:var(--lab-text);transform-origin:0;width:104%;height:1.5px;animation:3s infinite lab-strike;position:absolute;top:54%;left:-2%}@keyframes lab-box{0%,24%{border-color:var(--lab-text);background:0 0}30%,84%{background:var(--lab-accent);border-color:var(--lab-accent)}92%,to{border-color:var(--lab-text);background:0 0}}@keyframes lab-tick{0%,26%{transform:rotate(45deg)scale(0)}34%{transform:rotate(45deg)scale(1.25)}40%,84%{transform:rotate(45deg)scale(1)}90%,to{transform:rotate(45deg)scale(0)}}@keyframes lab-strike{0%,36%{animation-timing-function:var(--lab-ease);transform:scaleX(0)}52%,84%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}@keyframes lab-done{0%,40%{color:var(--lab-text)}52%,84%{color:var(--lab-dim)}92%,to{color:var(--lab-text)}}.lab-typing{border:1px solid var(--lab-line);background:var(--lab-raised);border-radius:10cqmin 10cqmin 10cqmin 2cqmin;align-items:center;gap:3cqmin;padding:6cqmin 8cqmin;display:flex}.lab-typing__dot{background:var(--lab-dim);border-radius:50%;width:4cqmin;height:4cqmin;animation:1.2s infinite lab-bounce}@keyframes lab-bounce{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-3cqmin)}}.lab-toast{place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.lab-toast__card{border:1px solid var(--lab-line);background:var(--lab-raised);white-space:nowrap;border-radius:4px;align-items:center;gap:6cqmin;padding:5cqmin 6cqmin;font-size:7cqmin;line-height:1;animation:3.6s infinite lab-toast;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #1111114d}.lab-toast__action{color:var(--lab-accent);font-weight:500}.lab-toast__timer{background:var(--lab-accent);transform-origin:0;width:100%;height:1.5px;animation:3.6s infinite lab-timer;position:absolute;bottom:0;left:0;transform:scaleX(.55)}@keyframes lab-toast{0%,8%{opacity:0;animation-timing-function:var(--lab-ease);transform:translateY(-260%)}26%,80%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:none}94%,to{opacity:0;transform:translateY(-260%)}}@keyframes lab-timer{0%,26%{transform:scaleX(1)}80%,to{transform:scaleX(0)}}.lab-skeleton{align-items:center;gap:5cqmin;width:72cqmin;display:flex}.lab-skeleton__avatar,.lab-skeleton__bar{background:linear-gradient(90deg,#e2e2e2 0%,#f3f3f3 40%,#e2e2e2 80%) 0 0/300% 100%;animation:1.6s linear infinite lab-shimmer}.lab-skeleton__avatar{border-radius:50%;flex:none;width:16cqmin;height:16cqmin}.lab-skeleton__lines{flex-direction:column;flex:1;gap:3cqmin;display:flex}.lab-skeleton__bar{border-radius:2px;height:4cqmin}.lab-skeleton__bar--short{width:60%}@keyframes lab-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.lab *,.lab :after{animation:none!important}}
.what-i-do{--what-i-do-bg:var(--blue);--what-i-do-fg:var(--brand-50);--what-i-do-panel-bg:var(--bg);--what-i-do-panel-fg:var(--fg);--what-i-do-line:var(--what-i-do-panel-fg);--what-i-do-gutter:20px}@media (min-width:768px){.what-i-do{--what-i-do-gutter:36px}}.what-i-do-intro{background:var(--bg);height:100svh;position:relative;overflow:clip}.what-i-do-intro__content{z-index:0;height:100%;padding:var(--what-i-do-gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,3vw,48px);display:flex;position:relative}.what-i-do-intro__statement{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin:0;font-size:clamp(22px,3.6vw,64px);font-weight:500;line-height:1}.what-i-do-intro__statement-lead{font-size:2em;display:block}.what-i-do-intro__heading{font-family:var(--sans);letter-spacing:-.02em;color:var(--what-i-do-bg);margin:0;font-size:clamp(24px,2.4vw,40px);font-weight:500;line-height:1}.what-i-do-intro__bracket{display:inline-block}.what-i-do-intro__bracket--left{margin-right:.25em}.what-i-do-intro__bracket--right{margin-left:.25em}.what-i-do-intro__stroke{z-index:1;pointer-events:none;color:var(--what-i-do-bg);position:absolute;inset:0;overflow:clip}.what-i-do-intro__inverted{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.what-i-do-intro__inverted .what-i-do-intro__content{width:100%;height:100%}.what-i-do-intro__inverted .what-i-do-intro__statement,.what-i-do-intro__inverted .what-i-do-intro__heading{color:var(--what-i-do-fg)}.what-i-do-intro__stroke svg{width:130%;height:130%;position:absolute;top:-15%;left:-15%}.what-i-do-panel{background:var(--what-i-do-panel-bg);color:var(--what-i-do-panel-fg);margin-top:-1px;position:relative}.what-i-do-panel--pinned{height:100vh}html[data-header-tucked] header:not(:has(:focus-visible)){translate:0 calc(-100% - 8px)}.what-i-do-panel--pinned .what-i-do-panel__viewport{border-top:1px solid var(--what-i-do-line);position:absolute;inset:0;overflow:hidden}.what-i-do-panel__list{border-top:1px solid var(--what-i-do-line);margin:0;padding:0;list-style:none}.what-i-do-panel--pinned .what-i-do-panel__list{border-top:0}.discipline__row{height:44px;padding:0 var(--what-i-do-gutter);border-bottom:1px solid var(--what-i-do-line);grid-template-columns:auto 1fr auto;align-items:center;column-gap:24px;font-size:15px;line-height:1;display:grid}.discipline__index{font-family:var(--label);white-space:nowrap;font-size:12px}.discipline__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discipline__tag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}@media (min-width:768px){.discipline__row{grid-template-columns:repeat(12,minmax(0,1fr))}.discipline__index{grid-column:span 3}.discipline__title{grid-column:span 6}.discipline__tag{grid-column:span 3}}.discipline__body{position:relative;overflow:hidden}.discipline__inner{flex-direction:column;display:flex}.discipline__content{padding:32px var(--what-i-do-gutter) 48px;gap:32px;display:grid}.discipline__heading{font-family:var(--sans);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.4vw,3.5rem);font-weight:500;line-height:.95}.discipline__story{font-family:var(--sans);gap:16px;margin-top:24px;font-size:15px;line-height:1.45;display:grid}.discipline__story p{text-wrap:pretty;margin:0}.discipline__uses{flex-direction:column;gap:12px;display:flex}.discipline__uses-label{font-family:var(--label);text-transform:uppercase;letter-spacing:.02em;color:var(--fg-dim);font-size:12px;line-height:1}.discipline__chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.discipline__chips li{border:1px solid var(--line);font-family:var(--label);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:6px 10px;font-size:12px;line-height:1}.discipline__media-slot{order:-1;container-type:inline-size}.discipline__media{aspect-ratio:16/9;position:relative;overflow:hidden}.discipline__media>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.discipline__media[data-fit=contain]>img{object-fit:contain}.discipline__numeral{display:none}@media (min-width:768px){.discipline__story{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:992px){.discipline__body{height:70vh}.discipline__inner{height:var(--discipline-open,70vh);padding:48px var(--what-i-do-gutter) 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.discipline__content{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:0;position:relative}.discipline__text{grid-column:4/span 6}.discipline__uses{grid-column:10/span 3;align-items:flex-end}.discipline__chips{justify-content:flex-end}.discipline__numeral{z-index:0;translate:0 calc(var(--rise,0) * 1%);line-height:.8;font-size:var(--discipline-numeral-size,calc(70vh * .95));pointer-events:none;display:block;position:absolute;bottom:-.035em;left:-.07em}.discipline__numeral[data-digit="1"]{left:.12em}.discipline__numeral-glyph{font-family:var(--display);letter-spacing:-.05em;color:var(--what-i-do-bg);font-weight:500;line-height:.8;display:inline-block;position:relative}.discipline__numeral-ghost{color:#0000;-webkit-text-stroke:1px var(--what-i-do-bg);position:absolute;inset:0;translate:.09em -.06em}.discipline__media-slot{z-index:2;margin:24px calc(var(--what-i-do-gutter) * -1) 0 calc((100% - 11 * 24px) / 12 * 3 + 3 * 24px);order:0;grid-column:1;position:relative}.discipline__media{aspect-ratio:auto;width:100%;position:absolute;inset:0 auto 0 0}}
