@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper: #fff;--paper-2: #e6e6e6;--rule: #e6e6e6;--muted: #6b6b6b;--ink: #000;--chip-bg: #e6e6e6;--radius: 2px;--accent: var(--ink);--font: "Helvetica Neue", Helvetica, Arial, sans-serif;--shell: 125rem;--gutter: .188rem;--gutter-tight: .188rem;--pad: .5625rem;--text-inset: var(--pad);--measure: 62ch;--header-h: calc(var(--pad) + .846rem);--strip-h: calc(var(--pad) * 2 + .846rem);--work-gap: calc(var(--s4) * 1.5);--bar-h: calc(var(--pad) * 2 + .846rem);--page-top: var(--s3);--s0: .25rem;--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s6: 3rem;--s8: 4rem;--s12: 6rem;--s16: 9rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-micro: .12s;--dur-reveal: .36s;color-scheme:light}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.24s;animation-timing-function:var(--ease-out)}@keyframes page-in{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){main{animation:page-in .32s var(--ease-out) both}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:var(--header-h)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;font-weight:500;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;transition:text-decoration-thickness var(--dur-micro) var(--ease-out)}.prose a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.prose{max-width:var(--measure)}.register__empty{padding-inline:var(--text-inset)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:var(--gutter);top:var(--s2);z-index:30;background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);padding:var(--s1) var(--s2);font-size:.875rem;transform:translateY(-300%);transition:transform var(--dur-micro) var(--ease-out)}.skip:focus{transform:translateY(0)}.pill{display:inline-flex;align-items:flex-end;border:0;border-radius:var(--radius);background:var(--ink);color:var(--paper);padding:.423rem .188rem;font-size:.6875rem;font-weight:500;letter-spacing:.012em;line-height:0;white-space:nowrap}.count,.fact__label{font-size:.72em}.count{line-height:0;align-self:flex-start;translate:0 -.15em;margin-inline-start:.2em}.pill--filled{background:var(--chip-bg);color:var(--ink)}.masthead{position:fixed;inset-block-start:0;inset-inline:0;z-index:20;block-size:var(--header-h);display:flex;align-items:start;padding-block-start:var(--pad);background:var(--paper)}.masthead__inner{inline-size:100%;padding-inline:var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--gutter)}.masthead__centre{justify-self:center}.masthead__end{justify-self:end}.nav{display:flex;align-items:start;gap:var(--gutter)}.grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(16,minmax(0,1fr))}.chip{position:relative;display:inline-flex;align-items:flex-end;border:0;border-radius:var(--radius);background:var(--ink);color:var(--paper);padding:.423rem .188rem;font-size:.6875rem;font-weight:500;letter-spacing:.012em;line-height:0;text-decoration:none;white-space:nowrap;transition:background-color .2s ease-in-out,color .2s ease-in-out}.chip:hover,.chip[aria-current=page]{background:var(--chip-bg);color:var(--ink)}a.chip:after,button.chip:after{content:"";position:absolute;inset:-6px -4px}.chip--clock{cursor:default;font-variant-numeric:tabular-nums}.chip--clock:hover{background:var(--ink);color:var(--paper)}@media(max-width:40rem){.chip--clock{display:none}}.chip--name:hover,.chip--name[aria-current=page]{background:var(--ink);color:var(--paper)}.masthead__left{display:flex;align-items:center;gap:var(--gutter)}.is-split .word{display:inline-block;white-space:nowrap}.is-split .char{display:inline-block;white-space:pre;opacity:0;translate:0 .5em;animation:char-in .42s var(--ease-out) forwards;animation-delay:calc(var(--i) * var(--stagger, 8ms))}@keyframes char-in{to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.is-split .char{opacity:1;translate:0 0;animation:none}}main{padding-block-start:var(--header-h)}.label{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s4);font-size:.875rem;font-weight:700;letter-spacing:.14em;line-height:1;text-transform:uppercase}.label:after{content:"";flex:1 1 auto;height:1px;background:var(--rule);margin-inline-end:calc(50% - 50vw)}.label--link{text-decoration:none}.label--link:hover .label__text{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.plus-list{list-style:none;margin:0;padding:0}.plus-list>li:before{content:"+" / "";color:var(--muted);margin-inline-end:var(--s1)}.intro{padding-block:var(--s4) var(--s6)}.intro__standfirst{margin:0 0 var(--s3);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.intro__lede{font-size:1.125rem;line-height:1.65;max-width:var(--measure)}.is-intro .ring-stage,.is-intro .lede p+p{opacity:0}.ring-stage,.lede p+p{transition:opacity .7s var(--ease-out)}.ring-stage .ring__hero{transition:opacity .38s var(--ease-out)}.ring-stage.is-spinning .ring__hero{opacity:0}.ring-stage.is-spinning .ring__item{transition:none}.ring-stage{flex:1;display:flex;flex-direction:column;padding-block:var(--s4) 0}.ring-stage>.ring__viewport{flex:1}.ring__track{list-style:none;margin:0;padding:0 var(--gutter);display:flex;gap:var(--s1);overflow-x:auto}.ring__item{flex:0 0 18rem}.ring__item img{inline-size:100%;block-size:100%;object-fit:cover}.ring__controls{display:flex;justify-content:center;align-items:start;gap:var(--gutter);margin-block-start:var(--s4)}.ring__btn{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;cursor:pointer;font-family:inherit}.ring__btn:focus-visible{position:static;inline-size:auto;block-size:auto;padding:.423rem .188rem;overflow:visible;clip-path:none}.chip--case{background:var(--chip-bg);color:var(--ink)}.ring-stage.is-ready{--item-w: clamp(6rem, 11vw, 12rem);--item-h: clamp(4.5rem, 8.25vw, 9rem);--step: calc(360deg / var(--count));--ring-spread: 2.8;--ring-tilt: 0deg;--hero-w: clamp(13rem, 38vw, 32rem);--info-col: 34rem;--ring-cap: 42vw;--ring-radius: 40rem}@supports (width: calc(1px*tan(45deg))){.ring-stage.is-ready{--ring-radius: min( calc( (var(--item-w) / 2 + var(--s2)) / tan(180deg / var(--count)) * var(--ring-spread) ), var(--ring-cap) )}}.ring-stage.is-ready .ring__viewport{position:relative;min-block-size:clamp(17rem,54vh,34rem);display:flex;align-items:center;perspective:1600px;overflow:hidden}.ring-stage.is-ready .ring__track{position:absolute;inset:0;display:block;padding:0;overflow:visible;transform-style:preserve-3d;transform:rotateX(calc(var(--tilt, var(--ring-tilt)) * -1)) rotateY(calc(var(--turn, 0) * -1 * var(--step) + var(--sway, 0deg)))}.ring-stage.is-ready .ring__item{position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--item-w);block-size:var(--item-h);margin-inline-start:calc(var(--item-w) / -2);margin-block-start:calc(var(--item-h) / -2);transform:rotateY(calc(var(--n) * var(--step))) translateZ(var(--ring-radius)) scale(var(--scale, 1));transition:transform .42s var(--ease-out),filter .42s var(--ease-out);visibility:hidden;filter:grayscale(1) contrast(.85)}.ring-stage.is-ready .ring__item.is-active,.ring-stage.is-ready .ring__item.is-near{visibility:visible}.ring-stage.is-ready .ring__item.is-active{visibility:visible;filter:none}@media(max-width:48rem){.ring-stage.is-ready{--item-w: clamp(3.5rem, 17vw, 5.5rem);--item-h: clamp(2.6rem, 12.75vw, 4.15rem);--hero-w: min(72vw, 20rem);--ring-cap: 64vw}.ring-stage.is-ready .ring__viewport{min-block-size:clamp(13rem,38vh,22rem)}}.ring__hero{display:none}.ring-stage.is-ready .ring__hero{display:block;position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:var(--hero-w);aspect-ratio:4 / 3;margin-inline-start:calc(var(--hero-w) / -2);margin-block-start:calc(var(--hero-w) * .75 / -2);transform-style:preserve-3d;transform:rotateY(calc(var(--turn, 0) * var(--step) - var(--sway, 0deg))) rotateX(var(--tilt, var(--ring-tilt)))}.ring__hero-item{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .32s var(--ease-out),visibility .32s}.ring__hero-item.is-active{opacity:1;visibility:visible}.ring__hero-item img{inline-size:100%;block-size:100%;object-fit:cover}.ring-stage.is-ready .ring__viewport{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ring__viewport img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.ring-stage.is-ready .ring__item{pointer-events:none}.ring-stage.is-ready .ring__hero{pointer-events:auto}.ring-stage.is-ready.is-dragging .ring__viewport{cursor:grabbing;user-select:none}@media(prefers-reduced-motion:reduce){.ring-stage.is-ready .ring__track,.ring-stage.is-ready .ring__item{transition:none}}.landing{display:flex;flex-direction:column;justify-content:space-between;min-block-size:calc(100svh - var(--header-h));padding-block-end:var(--pad)}.lede{max-inline-size:54rem;margin-inline:auto;padding:calc(var(--strip-h) + var(--work-gap)) var(--text-inset) 0;font-size:1rem;line-height:1.5;letter-spacing:0;text-align:center}.lede p{margin:0 0 .9em}.lede p:last-child{margin-bottom:0}.filters{position:sticky;inset-block-start:var(--header-h);z-index:15;background:var(--paper);display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:var(--gutter);padding:var(--pad) var(--text-inset) var(--pad)}.filters .chip{cursor:pointer;font-family:inherit}.filters .chip[aria-pressed=true]{background:var(--chip-bg);color:var(--ink)}.projects{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--work-gap);padding-block:var(--work-gap) var(--pad)}.project,.project__link{min-inline-size:0}.project__link{display:block;text-decoration:none}.image-strip{display:flex;gap:var(--gutter);block-size:clamp(8rem,23vh,16rem);justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--text-inset)}.image-strip::-webkit-scrollbar{display:none}.image-item{flex:0 0 auto;block-size:100%;background:var(--paper-2)}.image-item img{block-size:100%;inline-size:auto;max-inline-size:none;object-fit:cover}.project-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gutter) var(--s2);padding:0 var(--text-inset) var(--s1);font-size:.6875rem;letter-spacing:.012em;line-height:1.3}.fact{display:inline-flex;align-items:center;gap:.4em}@media(max-width:40rem){.project-meta .fact--category,.case__facts .fact--category{display:none}}.fact__label{color:var(--muted);align-self:flex-end;translate:0 .25em}.information{padding:0 var(--text-inset) calc(var(--bar-h) + var(--s6));font-size:.6875rem;letter-spacing:.012em;line-height:1.45}.information__cols{margin-block-start:var(--s8);display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:var(--s6)}.meta{flex:0 0 auto;display:grid;gap:var(--s4);align-content:start}.body-text{flex:0 1 var(--info-col);min-inline-size:0}@media(max-width:56rem){.meta,.body-text{flex:1 1 100%;inline-size:100%;max-inline-size:var(--info-col);margin-inline:auto}}.meta-label{display:block;font-weight:700;padding-block-end:.3rem;margin-block-end:.5rem;border-block-end:1px solid var(--ink)}.meta-label--spaced{margin-block-start:var(--s6)}.meta-list{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}.meta-dim{color:var(--muted)}.body-text__lede{max-inline-size:45rem;margin-block-end:var(--s6)}.body-text__lede p{margin:0 0 .9em}.entries{list-style:none;margin:0;padding:0}.entry{border-block-end:1px solid var(--rule);padding-block:var(--s2)}.entry:last-child{border-block-end:0}.entry__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.entry__role{font-weight:700}.entry__dates{color:var(--muted);white-space:nowrap}.entry__org{color:var(--muted)}.entry__body{margin-block-start:.5rem;max-inline-size:45rem}.entry__body p{margin:0}@media(max-width:48rem){.meta,.body-text{grid-column:span 16}.meta{order:2}}.resume-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:15;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--gutter);padding:var(--pad) var(--text-inset);background:var(--paper)}.resume-bar__copy{justify-self:end;font-size:.6875rem;letter-spacing:.012em;line-height:1;color:var(--muted)}.case{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-block-size:calc(100svh - var(--header-h) - var(--strip-h));padding-block-end:var(--pad)}.stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;inline-size:100%;padding:var(--s2) var(--text-inset);border:0;background:none;font:inherit;color:inherit;cursor:pointer}.slide{margin:0;display:flex;align-items:center;justify-content:center}.slide[hidden]{display:none}.slide img,.slide video{max-block-size:min(68vh,46rem);max-inline-size:100%;inline-size:auto;block-size:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.slide video{cursor:auto}.case__foot{display:flex;flex-direction:column;align-items:center;gap:var(--s2);inline-size:100%}.expand{position:static;display:flex;line-height:0}.expand>summary{display:inline-grid;grid-template-areas:"label";align-items:end;justify-items:center;line-height:0;cursor:pointer;list-style:none}.expand__show,.expand__hide{grid-area:label}.expand__hide,.expand[open] .expand__show{visibility:hidden}.expand[open] .expand__hide{visibility:visible}.expand>summary::-webkit-details-marker{display:none}.expand[open]>summary{background:var(--chip-bg);color:var(--ink)}.expand__body{position:absolute;inset-block-end:calc(100% + var(--gutter));inset-inline-start:50%;translate:-50% 0;inline-size:min(45rem,88vw);padding:var(--s2);background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius);font-size:.6875rem;line-height:1.45;letter-spacing:.012em;text-align:center}.expand__body p{margin:0 0 .9em}.expand__body p:last-child{margin-bottom:0}.case__facts{position:relative;font-size:.6875rem;letter-spacing:.012em;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:var(--gutter) var(--s2);margin:0;padding:0 var(--text-inset)}.case__facts>li{display:flex;align-items:start}.case__facts>li.fact{align-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}