:root{--paper: #ffffff;--paper-2: #faf9f7;--ink: #1a1a1a;--ink-2: #8D8D8B;--ink-2-small: #6f6f6c;--line: #e4e3df;--ph-bg: #f1f0ec;--ph-line: #c9c8c2;--ph-text: #9a9a94;--live: #22c55e;--retired: #ef4444;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 0.8125rem;--fs-sm: 0.875rem;--fs-base: 1.09375rem;--fs-md: clamp(1.25rem, 1rem + 0.6vw, 1.5rem);--fs-lg: clamp(1.5rem, 1rem + 1.2vw, 1.75rem);--fs-xl: clamp(1.75rem, 1rem + 2vw, 2.5rem);--fs-2xl: clamp(2rem, 1rem + 4vw, 3.5rem);--fs-display: clamp(1.5rem, 1rem + 3vw, 5rem);--fs-stat: clamp(4.375rem, 1.735rem + 11.27vw, 13rem);--lh-none: 1;--lh-tight: 1.15;--lh-snug: 1.25;--lh-body: 1.4;--lh-loose: 1.6;--s-1: 0.4375rem;--s-2: 0.875rem;--s-3: 1rem;--s-4: 1.3125rem;--s-5: 2.625rem;--s-6: 6.125rem;--s-7: 8.3125rem;--radius-card: 16px;--nav-h: 3rem;--wrap: min(90vw, 90rem);--measure: 38rem;--wrap-pad: var(--s-4);--grid-gap: clamp(1rem, 2vw, 2rem);--media-gap: calc(var(--grid-gap) / 2);--col: calc((var(--wrap) - 7 * var(--grid-gap)) / 8)}@media not all and (min-width: 38rem){:root{--wrap: 100vw;--wrap-pad: 0.625rem;--s-7: 6.125rem;--s-6: 2.625rem}}@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/dm-sans-latin-ext-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/dm-sans-latin-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/dm-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"DM Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/dm-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.grid{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:var(--grid-gap)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);color-scheme:light}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--ink);background:var(--paper);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}img,video{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4,h5{font-weight:500;line-height:var(--lh-tight);margin:0}h2,h3{font-size:var(--fs-md)}main p{font-size:var(--fs-base);line-height:var(--lh-body)}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--wrap-pad)}.section-label{font-size:var(--fs-base);color:var(--ink-2-small);margin-bottom:var(--s-4)}.js [data-reveal]{opacity:0;transition:opacity .6s ease}.js [data-reveal].is-revealed{opacity:1}.js :has(>[data-reveal],>.pic>[data-reveal]){transition:background-color .6s ease}.js :has(>[data-reveal]:not(.is-revealed),>.pic>[data-reveal]:not(.is-revealed)){background-color:#d4d4d2}.pic{display:contents}.small-print{font-size:var(--fs-xs);line-height:var(--lh-loose);font-style:normal;color:var(--ink)}.media-frame{aspect-ratio:var(--aspect, 16/9);background:var(--ph-bg);display:grid;place-items:center;overflow:hidden}.media-frame>img,.media-frame>.pic>img,.media-frame>video{width:100%;height:100%;object-fit:cover}.ph-label{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:lowercase;color:var(--ph-text)}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none !important}}#main{transition:opacity .65s ease}html.is-animating #main{opacity:0}.page-about,.page-about header{background-color:#24242b;color:#fff}.page-about{--ink-2-small: var(--ink-2)}.page-about a:focus-visible,.page-about button:focus-visible{outline-color:var(--paper)}.page-home,.page-home header,.page-case,.page-case header{background-color:#f9f9f6}.page-notes,.page-notes header{background-color:#d9c8ba}.skip-link{position:absolute;left:var(--s-3);top:var(--s-3);z-index:1000;padding:var(--s-2) var(--s-3);background:var(--paper);color:var(--ink);font-weight:500;transform:translateY(calc(-100% - var(--s-4)))}.skip-link:focus-visible{transform:none}main:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.site-head{position:sticky;top:0;z-index:50;background:var(--paper)}.nav{height:var(--nav-h);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--fs-sm);font-weight:700}@media(min-width: 60rem){.nav{grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:var(--grid-gap)}}.wordmark{font-weight:700;text-decoration:none;justify-self:start}@media(min-width: 60rem){.wordmark{grid-column:1/9}}@media(min-width: 64rem){.wordmark{grid-column:1/10}}.nav-links{list-style:none;display:grid;grid-auto-flow:column;justify-content:start;gap:var(--s-3);margin:0;padding:0}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-links a.is-active{text-decoration:underline;text-underline-offset:.25em}@media(min-width: 38rem){.nav-links{gap:var(--s-5)}}@media(min-width: 60rem){.nav-links{grid-column:9/-1}}@media(min-width: 64rem){.nav-links{grid-column:10/-1}}.hero{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:var(--grid-gap);padding-block:var(--s-7) var(--s-6)}.hero-intro{grid-column:1/-1;font-size:var(--fs-display);font-weight:400;line-height:var(--lh-tight);letter-spacing:.0075em}@media(min-width: 60rem){.hero-intro{grid-column:1/8}}.cards{padding-bottom:var(--s-6)}.card{position:sticky;top:calc(var(--nav-h) + var(--i)*1.25rem);background:var(--paper);border:1px solid var(--line);margin-inline:auto;width:min(100% - 2*var(--wrap-pad),var(--wrap));min-height:0;margin-bottom:var(--s-4);box-shadow:0 -1px 0 var(--line),0 -24px 40px -32px rgba(0,0,0,.18);border-radius:var(--radius-card);overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:16rem 1fr}.card:hover .card-cta,.card:hover .card-title{text-decoration:underline}.card:has(.card-link:focus-visible){outline:2px solid var(--ink);outline-offset:-3px}@media(min-width: 60rem){.card{grid-template-columns:1.1fr 1fr;grid-template-rows:none}}@media not all and (min-width: 38rem){.card{position:relative;top:auto;border:0;border-radius:0;box-shadow:none;background:none;grid-template-rows:auto;margin-bottom:var(--s-5)}.card:has(.card-link:focus-visible){outline-offset:4px}}.card-link{text-decoration:none;color:inherit}.card-link::after{content:"";position:absolute;inset:0;z-index:1}.card-link:focus-visible{outline:none}.card-media{--aspect: 16 / 9;background:var(--ph-bg);display:grid;place-items:center;position:relative;order:-1}.card-media .video-toggle{z-index:2}@media(hover: hover)and (pointer: fine){.card:hover .card-media .video-toggle{opacity:1}}@media(min-width: 60rem){.card-media{border-bottom:0}}.card-body{padding:var(--s-5);display:grid;gap:var(--s-3);align-content:center}@media not all and (min-width: 38rem){.card-body{padding:var(--s-4) 0 0}}.card-meta{display:grid;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:var(--s-3);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2-small)}.card-num{font-weight:700;color:var(--ink)}.card-title{font-size:var(--fs-xl)}.card-blurb{max-width:var(--measure);color:var(--ink);margin:0}.card-foot{margin-top:var(--s-3);display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4);align-items:center;font-size:var(--fs-xs);line-height:var(--lh-loose);color:var(--ink-2-small);border-top:1px solid var(--line);padding-top:var(--s-3)}.card-status.is-live::before{content:"● ";color:var(--live);font-size:.7em}.card-cta{margin-left:auto;color:var(--ink);font-weight:500}.clients{padding-block:var(--s-6);border-top:1px solid var(--line)}.client-grid{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:var(--grid-gap);list-style:none;margin:0;padding:0}.client{grid-column:1/-1;background:var(--paper);border:1px solid var(--line);min-height:5rem;display:grid;place-items:center;padding:var(--s-3);text-align:center}.client img{max-height:4.25rem;width:auto}@media(min-width: 38rem){.client{grid-column:span 4;min-height:7rem}}@media(min-width: 60rem){.client{grid-column:span 2}}.client-name{font-size:var(--fs-sm);color:var(--ink-2-small)}.case-head{padding-block:var(--s-7) var(--s-2);border-bottom:1px solid var(--line)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2-small);margin:0 0 var(--s-3)}.case-title{font-size:var(--fs-2xl)}.case-sub{font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--ink-2);max-width:var(--measure)}@media(min-width: 60rem){.case-sub{--sub-col: calc((100% - 11 * var(--grid-gap)) / 12);max-width:none;width:calc(7*var(--sub-col) + 6*var(--grid-gap))}}.case-sub{margin:var(--s-3) 0 0}.case-facts{display:grid;align-items:start;margin:var(--s-5) 0 0;font-size:var(--fs-sm)}.case-facts div{display:grid;gap:.15rem}@media not all and (min-width: 38rem){.case-facts div{grid-template-columns:4.5rem 1fr;align-items:baseline;gap:0;padding-block:var(--s-2)}.case-facts div+div{border-top:1px solid var(--ink-2)}}.case-facts .status-value{position:relative}.case-facts .status-value.is-live::before,.case-facts .status-value.is-retired::before{content:"";position:absolute;right:100%;top:50%;width:.5em;height:.5em;margin-right:.33333em;border-radius:50%;transform:translateY(-50%)}.case-facts .status-value.is-live::before{background:var(--live)}.case-facts .status-value.is-retired::before{background:var(--retired)}.case-facts .status-value a{margin-left:1px}.case-facts dt{font-size:var(--fs-xs);font-weight:600}.case-facts dd{margin:0;font-weight:500;line-height:var(--lh-tight)}.case-facts a{text-decoration:underline;text-underline-offset:2px}@media(min-width: 38rem){.case-facts{grid-template-columns:auto auto 1fr;gap:var(--s-5)}}@media(min-width: 60rem){.case-facts{grid-template-columns:repeat(12, minmax(0, 1fr));column-gap:var(--grid-gap)}.case-facts>:nth-child(1){grid-column:1/3}.case-facts>:nth-child(2){grid-column:3/9}.case-facts>.status{grid-column:9/-1;justify-self:start}}@media(min-width: 64rem){.case-facts>:nth-child(2){grid-column:3/10}.case-facts>.status{grid-column:10/-1}}.case-hero-figure{margin:0 0 var(--s-4)}.case-hero{width:100%;max-width:100rem;margin:0 auto;aspect-ratio:var(--hero-aspect-mobile, var(--hero-aspect, 16/9));overflow:hidden;position:relative}.case-hero>picture,.case-hero>video{position:absolute;inset:0}.case-hero img,.case-hero video{width:100%;height:100%;object-fit:cover;display:block}@media(min-width: 38rem){.case-hero{aspect-ratio:var(--hero-aspect, 16/9)}}@media(min-width: 100rem){.case-hero{border-radius:var(--radius-card)}}.case-body{--body-cols: 12;--body-col: calc((100% - (var(--body-cols) - 1) * var(--grid-gap)) / var(--body-cols));--body-pad-block: var(--s-5);padding-block:var(--body-pad-block)}@media(min-width: 60rem){.case-body{position:relative}}.case-body>p,.case-body>h1,.case-body>h2,.case-body>h3,.case-body>h4,.case-body>h5,.case-body>h6,.case-body>.stats{max-width:var(--measure);margin-inline:0}@media(min-width: 60rem){.case-body>p,.case-body>h1,.case-body>h2,.case-body>h3,.case-body>h4,.case-body>h5,.case-body>h6,.case-body>.stats{max-width:none;width:calc(7*var(--body-col) + 6*var(--grid-gap));margin-left:0;margin-right:0}}@media(min-width: 60rem){.case-body>.stats{width:calc(6*var(--body-col) + 6*var(--grid-gap))}}.case-body>p{margin-block:0 var(--s-5)}.case-body>p:has(+p){margin-bottom:var(--s-2)}.case-body>h1,.case-body>h2,.case-body>h3,.case-body>h4,.case-body>h5,.case-body>h6{margin-block:0 var(--s-2)}.case{container-type:inline-size;--media-w: calc(min(100cqw, 100rem) - 2 * var(--media-gap));--media-inset: calc((var(--media-w) - min(100cqw, var(--wrap)) + 2 * var(--wrap-pad)) / 2)}.case-body>.media,.case-body>.tweets{width:var(--media-w);max-width:none;margin-inline:calc((100% - var(--media-w))/2)}.case-body>.slider{--slider-inset: calc(var(--media-inset) + var(--media-gap));width:auto;max-width:none;margin-inline:calc(-1*var(--slider-inset))}.case-body>.slider>.slider-nav{--nav-col: calc((100% - 2 * var(--slider-inset) - 11 * var(--grid-gap)) / 12);justify-content:flex-start;padding-right:0;padding-left:var(--slider-inset)}@media(min-width: 60rem){.case-body>.slider>.slider-nav{padding-left:calc(var(--slider-inset) + 8*(var(--nav-col) + var(--grid-gap)))}}@media(min-width: 64rem){.case-body>.slider>.slider-nav{padding-left:calc(var(--slider-inset) + 9*(var(--nav-col) + var(--grid-gap)))}}.case-body>.mosaic{--mosaic-w: min(calc(100cqw - 2 * var(--mosaic-gap)), 100rem);width:var(--mosaic-w);max-width:none;margin-inline:calc((100% - var(--mosaic-w))/2)}.case-body>:is(.stats,.media)~:is(h2,h3)::before{content:"";display:block;width:var(--media-w);margin-left:calc(-1*var(--media-inset));margin-bottom:var(--s-4);border-top:1px solid var(--ink-2)}.case-body>.media figcaption{padding-inline:var(--media-inset)}@media(min-width: 38rem){.case-body>.media>figure:nth-child(odd) figcaption{padding-right:0}.case-body>.media>figure:nth-child(even) figcaption{padding-left:calc((var(--grid-gap) - var(--media-gap))/2)}}@media(min-width: 60rem){.case-body>.media-quad>figure:nth-child(n) figcaption{padding-inline:0}.case-body>.media-quad>figure:first-child figcaption{padding-left:var(--media-inset)}.case-body>.media-quad>figure:last-child figcaption{padding-right:var(--media-inset)}}.scope{font-size:var(--fs-sm)}.scope h2,.scope h3{font-size:inherit}.scope h2{margin-block:5px var(--s-2)}.scope h3{margin-top:var(--s-2)}.scope p{font-size:inherit;margin-block:0 var(--s-4)}.scope .scope-details{border-block:1px solid var(--ink-2)}.scope .scope-details[open]{padding-bottom:var(--s-2)}@media(min-width: 60rem){.scope .scope-details{border:0;padding:0}}.scope .scope-summary{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem;padding-right:var(--s-1);font-size:var(--fs-sm);font-weight:700;cursor:pointer;list-style:none}.scope .scope-summary::-webkit-details-marker{display:none}.scope .scope-summary::after{content:"";width:.75rem;height:.75rem;background:linear-gradient(currentColor, currentColor) center/100% 1.5px no-repeat,linear-gradient(currentColor, currentColor) center/1.5px 100% no-repeat}@media(min-width: 60rem){.scope .scope-summary{display:none}}.scope .scope-details[open]>.scope-summary::after{background:linear-gradient(currentColor, currentColor) center/100% 1.5px no-repeat}.scope .scope-team-heading{margin-top:var(--s-5)}.scope .scope-team{list-style:none;margin:0;padding:0;line-height:var(--lh-body)}.case-body>.scope{max-width:var(--measure);margin:0 auto var(--s-5)}@media(min-width: 60rem){.case-body>.scope{--scope-col: calc((100% - 2 * var(--wrap-pad) - 11 * var(--grid-gap)) / 12);position:absolute;top:var(--body-pad-block);right:var(--wrap-pad);width:calc(3*var(--scope-col) + 2*var(--grid-gap));max-width:none;margin:0}}.case-next{padding-block:var(--s-5) 0}.case-next-title{font-size:var(--fs-sm);font-weight:700;margin:0 0 var(--s-3)}.case-next-title::before{content:"";display:block;width:var(--media-w);margin-left:calc(-1*var(--media-inset));margin-bottom:var(--s-4);border-top:1px solid var(--ink-2)}.more-work{list-style:none;margin:0;padding:0}.more-work li{border-top:1px solid var(--line)}.more-row{--row-col: calc((100% - 11 * var(--grid-gap)) / 12);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s-4);padding-block:var(--s-3);position:relative}.more-row:hover .more-row-title{text-decoration:underline}.more-row:has(.more-row-title:focus-visible){outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}@media(min-width: 60rem){.more-row{grid-template-columns:auto 1fr calc(4*var(--row-col) + 3*var(--grid-gap))}.more-row .more-row-scope{justify-self:stretch}}@media(min-width: 64rem){.more-row{grid-template-columns:auto 1fr calc(3*var(--row-col) + 2*var(--grid-gap))}}.more-row-media{width:6rem;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--ph-bg);position:relative}@media(min-width: 38rem){.more-row-media{width:8rem}}.more-row-media .video-toggle{z-index:2;right:6px;bottom:6px;width:1.5rem;height:1.5rem}.more-row-media .video-toggle svg{width:.625rem;height:.625rem}@media(hover: hover)and (pointer: fine){.more-row:hover .more-row-media .video-toggle{opacity:1}}.more-row-media img,.more-row-media video{width:100%;height:100%;object-fit:cover;display:block}.more-row-text{display:grid;gap:.15rem}@media(min-width: 38rem){.more-row-text{grid-template-columns:1fr auto;align-items:baseline;gap:var(--s-4)}}@media(min-width: 60rem){.more-row-text{display:contents}}.more-row-title{font-size:var(--fs-md);font-weight:500;line-height:var(--lh-tight);color:inherit;text-decoration:none}.more-row-title::after{content:"";position:absolute;inset:0;z-index:1}.more-row-title:focus-visible{outline:none}.more-row-scope{font-size:var(--fs-xs);line-height:var(--lh-loose);color:var(--ink-2-small)}.media{margin-block:var(--s-5)}.media:has(+.media){margin-bottom:var(--media-gap)}.media+.media{margin-top:var(--media-gap)}.media:has(+:is(p,h1,h2,h3,h4,h5,h6,ul,ol)){margin-bottom:var(--s-7)}.media figcaption,.slide-media figcaption,.case-hero-caption{font-size:var(--fs-xs);line-height:var(--lh-loose);color:var(--ink-2-small);margin-top:var(--s-2)}.media-frame{position:relative}.media-frame:where(:has(>img,>.pic>img,>a>img,>a>.pic>img,>video)){aspect-ratio:auto;background:var(--case-tint, var(--paper-2));border:1px solid var(--line)}.media-frame.is-borderless{border:0}.media-frame>img,.media-frame>.pic>img,.media-frame>a>img,.media-frame>a>.pic>img,.media-frame>video{width:100%;height:auto;object-fit:contain}.media-frame>a{display:block}.media-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}.media-duo figure,.media-quad figure{margin:0}.media-duo{display:grid;grid-template-columns:1fr;gap:var(--media-gap)}@media(min-width: 38rem){.media-duo{grid-template-columns:1fr 1fr}}.media-duo-figure{margin-inline:0}.media-duo-figure>.media-duo{margin-block:0}.media-quad{display:grid;grid-template-columns:1fr;gap:var(--media-gap)}@media(min-width: 38rem){.media-quad{grid-template-columns:1fr 1fr}}@media(min-width: 60rem){.media-quad{grid-template-columns:repeat(4, 1fr)}}.video-toggle{position:absolute;right:var(--s-3);bottom:var(--s-3);display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:var(--paper);cursor:pointer}.video-toggle[hidden]{display:none}.video-toggle svg{width:.875rem;height:.875rem}.video-toggle .icon-play{display:none}.video-toggle.is-paused .icon-play{display:block}.video-toggle.is-paused .icon-pause{display:none}.video-toggle:focus-visible{border-radius:50%;outline:2px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 6px var(--ink)}@media(hover: hover)and (pointer: fine){.video-toggle{opacity:0;transition:opacity .2s ease}:hover>.video-toggle,.video-toggle:focus-visible{opacity:1}}.mosaic{--mosaic-gap: 2px;display:grid;gap:var(--mosaic-gap)}.mosaic>span{display:block;min-width:0}.mosaic img{display:block;width:100%;height:100%;object-fit:cover}.mosaic{grid-template-columns:repeat(2, 1fr)}.mosaic>span{aspect-ratio:3/2}.mosaic .mosaic-d{grid-column:1/-1;aspect-ratio:879/600}.mosaic .mosaic-e{aspect-ratio:3/2}@media(min-width: 38rem){.mosaic{grid-template-columns:repeat(6, 1fr);grid-template-rows:154fr 139fr 303fr;aspect-ratio:1440/600}.mosaic>span{aspect-ratio:auto}.mosaic .mosaic-a{grid-area:1/1/2/2}.mosaic .mosaic-b{grid-area:1/2/2/3}.mosaic .mosaic-c{grid-area:1/5/3/7}.mosaic .mosaic-d{grid-area:2/2/4/5}.mosaic .mosaic-e{grid-area:3/5/4/7;width:75%;height:75%;margin-right:auto}}@media not all and (min-width: 38rem){.media-map{display:none}}@media not all and (min-width: 38rem){.media:has(+.media-map+:is(p,h1,h2,h3,h4,h5,h6,ul,ol)){margin-bottom:var(--s-7)}}.fusion-map{position:relative;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;clip-path:inset(0 round var(--radius-card));background:var(--case-tint, var(--paper-2))}.fusion-map.is-borderless{border:0}.fusion-map-brand{position:absolute;right:12px;bottom:12px;z-index:2;width:88px;height:auto;pointer-events:none}.fusion-map-view{position:relative;aspect-ratio:4/3;overflow:hidden}@media(min-width: 38rem){.fusion-map-view{aspect-ratio:2/1}}.fusion-map-canvas,.fusion-map-fallback{position:absolute;inset:0;width:100%;height:100%}.fusion-map-fallback{z-index:3;object-fit:cover;transition:opacity .4s ease,visibility 0s linear .4s}.is-ready .fusion-map-fallback{opacity:0;visibility:hidden}.fusion-map-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(11rem, 1fr));gap:var(--s-2) var(--s-4);padding:var(--s-3);background:#420e40;color:#f8d4d6;font-family:Arimo,Arial,Helvetica,sans-serif;font-size:.875rem}.fusion-map-filters[hidden]{display:none}@media(min-width: 60rem){.fusion-map-filters{position:absolute;top:var(--s-3);left:var(--s-3);z-index:2;grid-template-columns:none;width:13rem;border-radius:6px}}.fusion-map-filter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s-2);cursor:pointer}.fusion-map-filter:has(input:disabled){cursor:default}.fusion-map-filter input{appearance:none;position:relative;box-sizing:content-box;width:2rem;height:1rem;margin:0;border:2px solid currentColor;border-radius:1rem;color:#7b1a79;cursor:inherit;transition:color .15s ease}.fusion-map-filter input::before{content:"";position:absolute;top:50%;left:.15rem;width:.7rem;height:.7rem;border-radius:50%;background:currentColor;transform:translateY(-50%);transition:left .15s ease}.fusion-map-filter input:checked{color:var(--type-color)}.fusion-map-filter input:checked::before{left:1.15rem}.fusion-map-filter input:focus-visible{outline:2px solid #f8d4d6;outline-offset:2px}@media(prefers-reduced-motion: reduce){.fusion-map-filter input,.fusion-map-filter input::before{transition:none}}.fusion-map-popup .mapboxgl-popup-content{padding:var(--s-2) var(--s-3) var(--s-3);border-radius:6px;font-family:Arimo,Arial,Helvetica,sans-serif;color:#707070}.fusion-map-popup p{margin:var(--s-1) 0 0;font-size:.875rem;line-height:1.35}.fusion-map-popup .fusion-map-popup-type{margin:0;padding-bottom:var(--s-1);border-bottom:3px solid #d4d4d4;font-size:.8125rem}.fusion-map-popup .fusion-map-popup-name{margin-top:var(--s-2);font-size:1.125rem;font-weight:700;line-height:1.2;color:var(--ink)}.fusion-map-popup a{color:#7c036f;text-decoration:none}.fusion-map-popup a:hover{color:#d70252;text-decoration:underline}.fusion-map-point{width:var(--size, 24px);height:var(--size, 24px);padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);pointer-events:none}.fusion-map-point:focus-visible{border-radius:50%;outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--paper)}.fusion-map-keys{position:absolute;left:50%;bottom:12px;z-index:2;transform:translateX(-50%);margin:0;padding:.35rem .7rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.75rem;width:max-content;max-width:calc(100% - 24px);text-align:center;pointer-events:none;display:none}.fusion-map-view:has(.fusion-map-point:focus-visible,.mapboxgl-popup :focus-visible) .fusion-map-keys{display:block}.tweets{display:grid;grid-template-columns:1fr;gap:var(--grid-gap);margin-block:var(--s-5)}@media(min-width: 38rem){.tweets{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 60rem){.tweets{grid-template-columns:repeat(3, minmax(0, 1fr))}}.tweets>.tweet-card{max-width:none;margin-block:0}.tweet-card{max-width:var(--measure);margin-block:var(--s-5);padding:var(--s-4);border-radius:var(--radius-card);background:var(--ink);color:var(--paper)}.tweet-quote{margin:0}.tweet-text{margin:0;font-size:var(--fs-base);line-height:var(--lh-body)}.tweet-text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.tweet-media{display:block;width:100%;height:auto;margin-top:var(--s-3);border-radius:6px}.tweet-card .tweet-meta{display:grid;grid-template-columns:1fr;row-gap:.1rem;align-items:center;margin-top:var(--s-3);padding-inline:0;font-size:var(--fs-xs);line-height:var(--lh-loose);color:var(--ink-2)}.tweet-card .tweet-meta:has(.tweet-avatar){grid-template-columns:auto 1fr;column-gap:var(--s-2)}.tweet-card .tweet-meta .tweet-source{display:contents}.tweet-card .tweet-meta .tweet-avatar{grid-row:span 2;align-self:center}.tweet-card .tweet-meta .tweet-author{font-weight:600;color:var(--paper)}.tweet-card .tweet-meta a{color:inherit;text-decoration:none}.tweet-card .tweet-meta a:hover{text-decoration:underline;text-underline-offset:2px}.tweet-card .tweet-meta .tweet-author,.tweet-card .tweet-meta .tweet-handle{padding-block:3px}.tweet-card :is(a,button):focus-visible{outline-color:var(--paper)}.tweet-avatar{display:block;width:2.375rem;height:2.375rem;border-radius:50%;object-fit:cover;background:var(--ph-bg)}.slider{position:relative;margin-block:var(--s-5)}.slider-rail{display:flex;gap:var(--grid-gap);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:2px;padding-left:var(--slider-inset, 0);scroll-padding-left:var(--slider-inset, 0);scroll-snap-type:x mandatory;padding-right:max(var(--slider-inset, 0px),100% - var(--slider-inset, 0px) - var(--slide-w, min(24rem, 78vw)))}.slider-rail::-webkit-scrollbar{display:none}.slider-rail:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}@media(prefers-reduced-motion: reduce){.slider-rail{scroll-behavior:auto}}@media(pointer: fine){.is-draggable>.slider-rail{cursor:grab}}.slider-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}.slider-rail.is-dragging,.slider-rail.is-settling{scroll-snap-type:none}.slide{flex:0 0 auto;scroll-snap-align:start;width:var(--slide-w, min(24rem, 78vw))}.slide>*{margin:0;max-width:none;width:100%}.slide-media{margin:0}.slide-media img,.slide-media video{display:block;width:100%;height:auto}.slider-nav{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-3)}.slider-nav:not(:has(button:not([hidden]))){display:none}.slider.has-hung-nav>.slider-nav{position:absolute;left:0;right:0;margin-top:0;pointer-events:none}.slider.has-hung-nav>.slider-nav .slider-btn{pointer-events:auto}.slider-btn{display:grid;place-items:center;width:5rem;height:2.5rem;padding:0;border:0;border-radius:6px;background:var(--ph-bg);color:var(--ink);cursor:pointer}.slider-btn[hidden]{display:none}.slider-btn .slider-arrow{font-size:var(--fs-sm);line-height:var(--lh-none)}.slider-btn:disabled{opacity:.3;cursor:default;border:.5px solid currentColor}.slider-btn:not(:disabled):hover{background:var(--ph-line)}.pullquote{margin:var(--s-6) auto;max-width:var(--measure);padding:0 0 0 var(--s-4);border-left:2px solid var(--ink)}.pullquote-text{font-size:var(--fs-md);font-weight:500;line-height:var(--lh-snug);margin:0}.pullquote-cite{margin-top:var(--s-3);font-size:var(--fs-sm);color:var(--ink-2-small);display:grid}.pullquote-name{font-weight:500;color:var(--ink)}.stats{display:grid;grid-template-columns:1fr;gap:var(--s-4);max-width:var(--measure);margin:0 auto var(--s-6);padding-bottom:var(--s-5)}@media(min-width: 38rem){.stats{container-type:inline-size;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--s-5)}}.stat{margin:0}.stat-num{display:block;font-size:var(--fs-stat);line-height:var(--lh-none);font-weight:500;letter-spacing:-0.2rem;margin-top:calc(-0.131em + .289rem)}@media(min-width: 38rem){.stat-num{font-size:min(var(--fs-stat),(50cqi - 1.3125rem)/(var(--stat-chars, 4)*.52))}}.stat-unit{font-weight:500;position:relative}.stat-unit.is-times{top:.129em}.stat-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink);margin-top:-8px}.about{padding-block:var(--s-6) var(--s-7);display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:var(--grid-gap)}.about>*{grid-column:1/-1}@media not all and (min-width: 60rem){.about>*+*{border-top:1px solid var(--ink-2);padding-top:var(--s-5)}}@media not all and (min-width: 38rem){.about{padding-top:var(--s-7)}}.page-about .section-label{color:var(--paper)}@media not all and (min-width: 38rem){.about-intro>.section-label{font-size:var(--fs-2xl)}}@media(min-width: 60rem){.about-intro{align-items:start;grid-column:span 4;padding-right:2rem}}.about-photo{max-width:16rem;margin-bottom:var(--s-4)}.about-photo .media-frame{--aspect: 2 / 1}@media not all and (min-width: 38rem){.about-photo{max-width:none}.about-photo .media-frame{aspect-ratio:4/3}.about-photo .media-frame>.pic>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 0%}}@media(min-width: 60rem){.about-photo{max-width:none;max-height:400px;overflow:hidden}}@media(min-width: 60rem){.about-block{grid-column:span 2}}@media(min-width: 60rem){.caps-block{grid-column:5/span 2}}.about-text p{max-width:var(--measure);margin:0 0 var(--s-4)}@media(min-width: 60rem){.about-text{grid-column:4/9}}.about-lede{font-size:var(--fs-lg);line-height:var(--lh-snug);font-weight:500;margin-bottom:var(--s-4)}.cap h3{font-size:var(--fs-base);padding-bottom:var(--s-1);color:var(--paper)}.cap ul{list-style:none;margin:0;padding-left:0;padding-bottom:var(--s-4)}.cap li{line-height:var(--lh-tight);padding-bottom:var(--s-1)}.timeline{list-style:none;margin:0;padding-left:0;padding-bottom:var(--s-4)}.timeline li{line-height:var(--lh-snug);padding-block:var(--s-1)}.tl-when,.tl-what{display:block}.recognition{margin:0;padding-left:1.1rem}.recognition li{margin-bottom:var(--s-2)}.experience h3{font-size:var(--fs-base);color:var(--paper)}.resume-link{display:inline-grid;grid-auto-flow:column;align-items:center;gap:.4em;margin-top:var(--s-2);font-size:var(--fs-base);padding:.5em 1em;border:1px solid var(--paper);border-radius:999px;color:var(--paper);line-height:var(--lh-none);text-decoration:none}.resume-link:focus-visible{outline-color:var(--paper)}.resume-link__icon{width:.8em;height:.8em}.notes-index{padding-block:var(--s-7) 0}.notes-intro{margin-bottom:6rem}.notfound-art{max-width:48rem;margin:calc(-6rem + var(--s-5)) 0 var(--s-7)}.notes-sub{font-size:var(--fs-lg);line-height:var(--lh-snug);color:var(--ink-2);max-width:var(--measure)}@media(min-width: 60rem){.notes-sub{--sub-col: calc((100% - 11 * var(--grid-gap)) / 12);max-width:none;width:calc(7*var(--sub-col) + 6*var(--grid-gap))}}.notes-sub{color:var(--ink);margin:var(--s-3) 0 0}.notes-lede{font-size:var(--fs-2xl);margin-bottom:var(--s-3)}.notes-list{list-style:none;margin:0;padding:0}.notes-list li{border-top:1px solid var(--ink)}.notes-list a{display:block;padding-block:var(--s-4);text-decoration:none;font-size:var(--fs-md);font-weight:500}.notes-list a:hover{text-decoration:underline;text-underline-offset:.15em}.note{padding-block:var(--s-6) var(--s-7);max-width:var(--measure)}.note-title{font-size:var(--fs-xl);margin-bottom:var(--s-5)}.note-body p{margin:0 0 var(--s-4)}.note-body{--bleed: max(0px, min(var(--col), (100vw - 100%) / 2 - var(--wrap-pad)))}.note .media-full,.note .media-duo,.note-body>iframe{width:calc(100% + 2*var(--bleed));margin-inline:calc(-1*var(--bleed))}.note .media-duo{gap:var(--media-gap)}.note-body>iframe{display:block;aspect-ratio:16/9;height:auto;border:0;margin-block:var(--s-5)}.note .media figcaption{color:var(--ink)}.note-back{margin-top:var(--s-6);font-size:var(--fs-base);line-height:var(--lh-body)}.note-back a{color:var(--ink);text-decoration:none}.site-foot{border-top:1px solid var(--line);display:grid;align-content:center;box-sizing:border-box;height:calc(2*var(--s-5) + 1.8rem + 1px)}:is(.page-notes,.page-home,.page-case) .site-foot{border-top-color:var(--ink)}.foot-inner{display:grid;grid-auto-flow:column;justify-content:space-between;align-items:baseline;gap:var(--s-4)}.foot-contact{margin:0;display:grid;justify-items:start;line-height:var(--lh-body)}.foot-contact a{font-size:var(--fs-base);font-weight:500;text-decoration:none}.foot-contact a:hover{text-decoration:underline}.foot-meta{color:var(--ink-2-small);font-size:var(--fs-sm);margin:0}/*# sourceMappingURL=main.css.map */