@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:400;src:url(../fonts/BebasNeue-alpha.woff2) format("woff2"),url(../fonts/BebasNeue-webfont.woff) format("woff")}@font-face{ascent-override:92%;descent-override:8%;font-family:Bebas Neue Fallback;line-gap-override:0%;size-adjust:102%;src:local("Arial")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(../fonts/Inter.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100 900;src:url(../fonts/Inter-Italic.woff2) format("woff2")}@font-face{ascent-override:92%;descent-override:8%;font-family:Inter Fallback;line-gap-override:0%;size-adjust:109%;src:local("Arial")}:root{--font-family:"Inter","Inter Fallback",Arial,sans-serif;--background-color:#222;--header-color:#eee;--text-color:#bbb;--shared-box-shadow:0 0 0 1px hsla(0,0%,100%,.1) inset;--border-radius-sm:0.5rem;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:3.5rem;--step--1:0.875rem;--step-0:1rem;--step-1:1.4rem;--step-2:2.75rem;--step-3:3.25rem;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body,html{max-inline-size:100vw}body{background:var(--background-color);font-family:var(--font-family);inline-size:100%;margin-inline:auto;max-inline-size:72ch;padding-block:var(--space-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;transition:opacity .3s ease}body.visible{opacity:1}.content-container{display:flex;flex-direction:column;gap:var(--space-4)}:is(h1,h2,h3){color:var(--header-color);font-weight:400;margin:var(--space-5) 0 var(--space-2) 0}h1{font-size:var(--step-3);line-height:1.2}h1,h2{font-family:"Bebas Neue","Bebas Neue Fallback",var(--font-family)}h2{font-size:var(--step-2);line-height:1.25}h3{font-size:var(--step-1);line-height:1.3}.hero-container h1{margin:var(--space-2) 0 var(--space-2)}.page-title{margin:var(--space-2) 0 var(--space-5) 0}a,blockquote,li,p,summary,ul{font-size:var(--step-0);line-height:1.9}p a:not(.button,.button *){text-decoration:underline}figcaption{font-size:var(--step--1);line-height:1.9}details blockquote{margin-top:var(--space-2)}.hero-container{align-items:center;display:flex;gap:0 var(--space-4)}@media (max-width:488px){.hero-container{align-items:start;flex-direction:column}.hero-container .portrait{padding-bottom:var(--space-3)}}.footer-links,.more-work-list-container ul,.recommendations,.toc li,.work-list-container ul{list-style:none}.toc li{margin-bottom:var(--space-1);padding-left:1.2em;position:relative}.toc li:before{content:"↓";left:0;position:absolute}.getintouch-container{margin-bottom:4rem}a{color:var(--header-color);text-decoration:none}details a{text-decoration:underline}.title{color:var(--header-color)}.list-plain{list-style:none;margin:0;padding:0}.toc{margin:0;padding-left:0}.page-title{color:var(--header-color);font-size:var(--step-2)}.work-content li:not(:last-child){margin-bottom:var(--space-2)}.work-content li{margin-left:var(--space-2)}.work-content ul{display:inline-block;list-style:disc outside;margin:var(--space-3) 0}figcaption{padding:var(--space-2) 0 var(--space-4) 0}.recommendations li:last-child figcaption{padding-bottom:0}blockquote{font-style:italic}.recommendation figcaption{align-items:center;display:flex;gap:var(--space-2)}cite{font-style:normal}.recommendation .meta{display:flex;flex-direction:column}.recommendations{padding:var(--space-2) 0}:is(p,ul,blockquote,figcaption,dd,.recommendation .role,.recommendation .date){color:var(--text-color)}.recommendation .date,.recommendation .role{font-size:var(--step--1)}img{border-radius:var(--border-radius-sm);display:block;margin:var(--space-4) 0 0 0;-o-object-fit:cover;object-fit:cover;width:100%}.image-grid{align-items:center;display:grid;gap:var(--space-4);grid-template-columns:1fr;justify-items:center;margin:var(--space-3) 0}@media (min-width:900px){.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-grid.full-bleed{align-items:center;left:50%;padding-inline:var(--space-4);position:relative;transform:translateX(-50%);width:min(100vw,1440px)}.image-grid>.video-demo,.image-grid>figure,.image-grid>img,.image-grid>video{height:auto;width:100%}.video-demo{grid-column:span 1;margin:0;max-width:100%;width:100%}@media (min-width:900px){.video-demo{grid-column:span 2}}.video-demo__media{display:block;height:auto;max-height:80vh;-o-object-fit:contain;object-fit:contain;width:100%}.video-demo__caption{color:var(--text-color);font-size:var(--step--1);margin-top:.5rem}.avatar{height:auto;width:4rem}.avatar,.portrait img{border-radius:50%;margin:0}.portrait img{width:9rem}.portrait figcaption{padding:0}.intro{align-items:center;display:flex;flex-direction:row;gap:var(--space-3);margin:var(--space-3) 0}.intro .page-title{margin:0}.summary{display:flex;flex-direction:column;margin:auto 0}.button{border-radius:var(--border-radius-sm);box-shadow:var(--shared-box-shadow);display:inline-block;margin:var(--space-3) 0 var(--space-1) 0;margin-right:var(--space-2);padding:var(--space-1) var(--space-2)}.work-meta{-moz-column-gap:var(--space-3);column-gap:var(--space-3);display:grid;grid-template-columns:max-content 1fr;margin:0 0 var(--space-4) 0;row-gap:var(--space-3)}.work-meta dt{margin:0}.work-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.work-meta dd,.work-meta dd li,.work-meta dt{font-size:var(--step--1);line-height:2}.meta-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.meta-list li:not(:last-child):after{content:",\00a0"}.work-meta li{align-items:center;display:flex;flex-wrap:wrap;margin:0}details>summary{list-style:none;margin-bottom:2rem}details>summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:1rem}.work-content details.details-accordion[open]+details.details-accordion>summary{margin-top:var(--space-4)}summary:before{border-radius:100px;content:"＋";display:inline-block;margin-right:var(--space-1)}details[open] summary:before{content:"－"}.work-content details.details-accordion>:not(summary){opacity:0;transition:opacity .2s ease-in-out}.work-content details.details-accordion[open]>:not(summary){opacity:1}.details-accordion summary{cursor:pointer}.details-accordion summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.details-accordion{scroll-margin-top:4rem}.posts{display:flex;flex-direction:column;gap:var(--space-3);padding:.25rem 0}.thumbnail p{margin:.25rem 0 0}.small-thumbnail{align-items:center;border-radius:.5rem;color:var(--text-color);display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-2) 0}.small-thumbnail img{height:auto;margin:0;width:100%}.pills{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 0 var(--space-1) 0;width:100%}.pills li{border-radius:50px;box-shadow:var(--shared-box-shadow);display:flex;font-size:var(--step--1);margin:0 var(--space-1) 0 0;padding:var(--space-1) var(--space-2);white-space:nowrap}.footer-links{display:flex;flex-direction:row;gap:var(--space-3);margin:0 0 var(--space-1) 0}@media (max-width:630px){.footer-links{flex-direction:column;gap:var(--space-2);margin:0 0 var(--space-2) 0}}.site-footer p{margin:0 0 var(--space-1) 0}.site-footer{margin:var(--space-4) 0 0 0}.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.skip-link{background:#000;border-radius:.25rem;color:#fff;padding:var(--space-1) var(--space-2);position:absolute;text-decoration:none;top:-6.25rem;z-index:100}.skip-link:focus,.skip-link:focus-visible{left:var(--space-2);top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media only screen and (max-width:33.75rem){body{padding:var(--space-3)}}@media (min-width:1200px){.back-to-top{inset-block-end:var(--space-4);inset-inline-end:var(--space-4);position:fixed;z-index:1000}}