@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer vendor{lite-youtube{contain:content;cursor:pointer;background-color:#000;background-position:50%;background-size:cover;max-width:720px;display:block;position:relative}lite-youtube:before{content:"";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;width:100%;height:60px;padding-bottom:50px;transition:all .2s cubic-bezier(0,0,.2,1);display:block;position:absolute;top:0}lite-youtube:after{content:"";padding-bottom:56.25%;display:block}lite-youtube>iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}lite-youtube>.lty-playbtn{cursor:pointer;z-index:1;-webkit-filter:grayscale();filter:grayscale();background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"red\"/><path d=\"M45 24 27 14v20\" fill=\"white\"/></svg>");border:none;width:68px;height:48px;transition:-webkit-filter .1s cubic-bezier(0,0,.2,1),filter .1s cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{-webkit-filter:none;filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer defaults{:root{--xs:22.5rem;--small:37.5rem;--sub-medium:43.75rem;--medium:56.25rem;--sub-large:64rem;--large:80rem;--xl:90rem;--xxl:120rem;--bonkers:150rem;--width-max-content:53rem;--aspect-ratio:16/9;--layout-grid:repeat(4,1fr);--gap:1.5rem;--gap-small:1rem;--gap-large:calc(var(--gap)*2);--gap-xl:calc(var(--gap)*4);--gap-section:3rem;--mobile-inset:var(--gap);--heroBrightness:.45;--heroSaturation:1.25;--themeTransitionProperties:color,background,text-decoration-color,border-color,fill;--themeTransitionDuration:.7s;--themeTransitionTiming:ease-out;--filterDarken:brightness(var(--heroBrightness))saturate(var(--heroSaturation));--line-height-prose:1.5;--line-height-heading:1;--tab-size-code:2;--code-bg:#f5f2f0;--code-color-base:black;--code-color-1:#6b6b6b;--code-color-2:#444;--code-color-3:#905;--code-color-4:#905;--code-color-5:#527a00;--code-color-6:#9a6e3a;--code-color-6-bg:rgba(255,255,255,.5);--code-color-7:#006b99;--code-color-8:#006b99;--code-color-9:#e90;--code-color-10:#e90;--code-shadow:0 1px white;--code-border-radius:0;--font-logo:Gabarito,sans-serif;--font-title:Gabarito,sans-serif;--font-heading:Gabarito,sans-serif;--font-body:Nunito Sans,sans-serif;--font-secondary:Nunito Sans,sans-serif;--font-accent:Gabarito,sans-serif;--font-code:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;--smallhed:clamp(.9rem,.7333rem + .7407vw,1.4rem);--font-weight-title:900;--font-weight-heading:800;--font-weight-logo:700;--font-weight-card:700;--fluid-12-16:clamp(.75rem,.6364rem + .4848vw,1rem);--fluid-12-18:clamp(.75rem,.5795rem + .7273vw,1.125rem);--fluid-14-18:clamp(.875rem,.7614rem + .4848vw,1.125rem);--fluid-16-24:clamp(1rem,.7727rem + .9697vw,1.5rem);--fluid-18-28:clamp(1.125rem,.8409rem + 1.2121vw,1.75rem);--fluid-24-32:clamp(1.5rem,1.2727rem + .9697vw,2rem);--fluid-24-42:clamp(1.5rem,.9886rem + 2.1818vw,2.625rem);--fluid-24-48:clamp(1.5rem,.8182rem + 2.9091vw,3rem);--fluid-24-64:clamp(1.5rem,.3636rem + 4.8485vw,4rem);--fluid-36-96:clamp(2.25rem,.5455rem + 7.2727vw,6rem);--fluid-36-128:clamp(2.25rem,-.3636rem + 11.1515vw,8rem);--fluid-48-128:clamp(3rem,.7273rem + 9.697vw,8rem);--font-size-title:clamp(2.5rem,1.0417rem + 6.4815vw,6.875rem);--font-size-small:clamp(1rem,.9167rem + .3704vw,1.25rem);--font-size-prose:clamp(1rem,.8333rem + .7407vw,1.4rem);--font-size-code-min:.8em;--font-size-code-max:.9em;--font-size-h1:3em;--font-size-h2:2em;--font-size-h3:1.5em;--line-height-prose:1.5;--line-height-heading:1.1;--bigshadow:-3px 5px 8px 0px rgba(0,0,0,.04),-5px 9px 18px 0px rgba(0,0,0,.1),-20px 27px 48px 0px rgba(0,0,0,.16);--glassLightBg:rgba(255,255,255,.55);--glassLightText:black;--glassDarkBg:rgba(0,0,0,.25);--glassDarkText:white;--glassBgBlur:blur(4px)}@media (prefers-color-scheme:dark){:root{--code-bg:#282923;--code-color-base:#f8f8f2;--code-color-1:#8292a2;--code-color-2:#f8f8f2;--code-color-3:#fc4a8b;--code-color-4:#ae81ff;--code-color-5:#a6e22e;--code-color-6:#f8f8f2;--code-color-6-bg:inherit;--code-color-7:#e6db74;--code-color-8:#66d9ef;--code-color-9:#fd971f;--code-color-10:#f8f8f2;--code-shadow:0 1px rgba(0,0,0,.3)}}@media (min-width:calc(37.5rem + .001px)){:root{--gap:2rem}}@media (min-width:calc(56.25rem + .001px)){:root{--mobile-inset:0;--gap:2.5rem;--gap-section:4rem}}@media (min-width:calc(64rem + .001px)){:root{--layout-grid:repeat(12,1fr);--gap-section:6rem}}html{background:var(--color-background);min-height:calc(100% + env(safe-area-inset-top))}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-display:auto;font-family:var(--font-body);color:var(--color-text);background:var(--color-background);transition-property:var(--themeTransitionProperties);transition-duration:var(--themeTransitionDuration);transition-timing-function:var(--themeTransitionTiming);font-size:max(.875rem,min(.7083rem + .7407vw,1.375rem))}a,.text-button{color:var(--color-link);cursor:pointer;text-underline-offset:.15em;text-decoration:underline;transition:all .1s ease-in-out}:is(a,.text-button):hover{color:var(--color-text);-webkit-text-decoration-color:var(--color-link-decoration);text-decoration-color:var(--color-link-decoration);text-underline-offset:.25em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.2em}.pseudolink{text-underline-offset:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;border:10dppx solid red;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:0;transition:all .2s ease-in-out}.pseudolink:hover{-webkit-text-decoration-color:var(--color-link-decoration);text-decoration-color:var(--color-link-decoration);text-underline-offset:.25em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.2em}.icon{fill:currentColor}.btn-icon{-webkit-appearance:none;appearance:none;background:var(--color-background-alt);color:var(--color-link);border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition-property:color,-webkit-filter,filter;transition-duration:.2s;display:flex}@media (min-width:calc(80rem + .001px)){.btn-icon{width:3rem;height:3rem}.btn-icon svg{width:28px;height:28px}}.btn-icon:hover{-webkit-filter:contrast(.8);filter:contrast(.8);cursor:pointer}.site-wrap{--slide-duration:.5s;transition-property:grid-template-rows;transition-timing-function:linear;transition-duration:var(--slide-duration);grid-template-rows:[page-start switcher-start]min-content[switcher-end nav-start]min-content[nav-end content-start]auto[content-end footer-start]min-content[footer-end page-end];grid-auto-flow:row;min-height:100dvh;display:grid;position:relative}.main-content{padding-bottom:var(--gap-large);flex-direction:column;display:flex}@media (min-width:calc(56.25rem + .001px)){.main-content{padding-inline:var(--gap)}}@media (min-width:calc(80rem + .001px)){.main-content{padding-inline:var(--gap-large)}}.main-content>*{width:100%}.layout-page,.landing{max-width:var(--xl);row-gap:var(--gap-section);margin:0 auto;display:grid}@media (min-width:calc(56.25rem + .001px)){:is(.layout-page,.landing){column-gap:var(--gap);grid-template-rows:auto;grid-template-columns:1fr}}.page-section,.landing-section{gap:var(--gap);grid-template-columns:1fr;display:grid}.home__intro{min-height:50vh}.home__titles{align-items:center;margin-bottom:1em;display:flex}.home__gallery{gap:var(--gap)}@media (min-width:calc(56.25rem + .001px)){.home__gallery{grid-template-columns:1fr 1fr}}.contentgrid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.contentgrid>:empty{display:none}@media (min-width:calc(37.5rem + .001px)){.casestudy-textcontent>*{grid-column:1}}@media (min-width:calc(56.25rem + .001px)){.casestudy-textcontent{column-gap:var(--gap);grid-template-columns:minmax(auto,80ch) minmax(1px,1fr);display:grid}}.aside{grid-column:1/-1}.figset{grid-column:1/-1}.figset img{border:1px solid var(--color-border-alt);object-fit:cover;object-position:left top;background:#fff;max-height:50vw}@media (min-width:calc(56.25rem + .001px)){.figset img{padding:.5rem}}.figset .media{gap:var(--gap-small);display:grid}.figset .media br{display:none}@media (min-width:calc(56.25rem + .001px)){.figset .media{gap:var(--gap);padding:.5rem}}.figset .media:has(>:first-child():last-child){grid-template-columns:80ch}.figset .media:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}@media (min-width:calc(56.25rem + .001px)){.figset .media:has(>:nth-child(3):last-child){grid-template-columns:1fr 1fr 1fr}}.figset .media:has(:nth-child(4n)){grid-template-columns:1fr 1fr}@media (min-width:calc(56.25rem + .001px)){.figset .media:has(:nth-child(4n)){grid-template-columns:1fr 1fr 1fr 1fr}}iframe,img{width:100%;max-width:100%;height:auto}figure img{width:100%;height:auto;transition:all .2s ease-in-out}figure figcaption{font-size:var(--text-size-small);margin-top:.5em}@container (width:100vw){figure figcaption{padding:0 var(--mobile-inset)}}figure a:hover{overflow:hidden}figure a:hover img{scale:1.05}.figure{overflow:hidden;container-type:inline-size}.figure--featured{aspect-ratio:1;display:grid;overflow:hidden}.figure--featured a{color:var(--text);grid-row:1;grid-template-columns:1fr;text-decoration:none;display:grid;overflow:hidden}.figure--featured a:hover .caption-content{opacity:1;transition:all .4s ease-in-out}.figure--featured img{aspect-ratio:1;object-fit:cover;grid-area:1/1}.figure--featured figcaption{padding:var(--gap);z-index:1;grid-area:1/1;margin-top:auto}.figure--featured figcaption .caption-content{opacity:0;box-shadow:var(--bigshadow);border-radius:.25rem;padding:1em 1.5em;transition:all .2s ease-in-out 1s;display:inline-block}.figure--featured .figure__title{color:#fff;font-weight:700;font-size:var(--fluid-24-32);font-family:var(--font-heading);text-decoration:none}.gallery__link{color:var(--color-text);aspect-ratio:1;grid-template-rows:1fr;grid-template-columns:1fr;text-decoration:none;display:grid;overflow:hidden;container-type:inline-size}.gallery__link img{z-index:1;aspect-ratio:1}.gallery__link img{grid-area:1/1}.gallery__link figcaption{grid-area:1/1}.gallery__link .caption-content{grid-area:1/1}.gallery__link figcaption{margin:clamp(var(--gap-small),calc(var(--gap-small) + 2cqw),var(--gap));padding:clamp(var(--gap-small),calc(var(--gap-small) + 2cqw),var(--gap));z-index:2;opacity:0;color:var(--glassDarkText);border-radius:.25rem;grid-template-rows:1fr;grid-template-columns:1fr;transition:all .2s ease-in-out 1s;display:grid}.gallery__link .caption-content{color:#fff;font-size:max(1rem,min(1rem + 2cqw,2.5rem));font-family:var(--font-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);grid-row:1;margin-top:auto;text-decoration:none}.gallery__link:hover a{text-decoration:none}.gallery__link:hover figcaption{opacity:1;transition:all .4s ease-in-out}.gallery{margin:0;padding:0;list-style:none;display:grid}.gallery img{aspect-ratio:1;object-fit:cover}@media (min-width:calc(37.5rem + .001px)){.gallery--main{grid-gap:0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:dense;margin:0}}@media (min-width:calc(56.25rem + .001px)){.gallery--main{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width:calc(80rem + .001px)){.gallery--main{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (min-width:calc(37.5rem + .001px)){.gallery--main li:nth-child(10n+1){grid-area:auto/auto/span 2/span 2}}.gallery--home{grid-template-columns:1fr 1fr}@media (min-width:calc(43.75rem + .001px)){.gallery--home{grid-template-columns:1fr 1fr 1fr}}.gallery--home li:nth-child(n+9){display:none}@media (min-width:calc(43.75rem + .001px)){.gallery--home li:nth-child(n+9){display:block}}@media (min-width:calc(56.25rem + .001px)){.gallery--home li:nth-child(n+9){display:block}}.avatar img{aspect-ratio:1;object-fit:cover;border-radius:50%;overflow:hidden}.figset{margin:2em 0}.figset .media{display:grid}.figset figcaption *{font-size:.9em}.tag-cloud{flex-flow:wrap;justify-content:center;align-items:baseline;gap:.5em;padding:1em;line-height:1.1;display:flex;overflow:visible}.tag:not(.token){font-family:var(--font-accent);font-size:var(--fluid-12-18);text-align:center;border-radius:1.2em;min-width:5em;margin:1px 0;padding:.5em 1em;display:inline-block;box-shadow:0 2px 2px transparent}.tag-link:hover{color:var(--color-primary-invert);background:var(--color-primary-alt);text-decoration:none;-webkit-transform:translateY(-.2em)rotate(-1deg);transform:translateY(-.2em)rotate(-1deg);box-shadow:0 .2em .8em rgba(0,0,0,.5)}.tag-link:nth-child(2n):hover{-webkit-transform:translateY(-.2em)rotate(-1deg);transform:translateY(-.2em)rotate(-1deg)}.tag-link:nth-child(3n):hover{-webkit-transform:translateY(-.2em)rotate(2deg);transform:translateY(-.2em)rotate(2deg)}.tag-link:nth-child(5n):hover{-webkit-transform:translateY(-.2em)rotate(-1.4deg);transform:translateY(-.2em)rotate(-1.4deg)}.tag-link:nth-child(7n):hover{-webkit-transform:translateY(-.2em)rotate(1.1deg);transform:translateY(-.2em)rotate(1.1deg)}.tag-link:nth-child(11n):hover{-webkit-transform:translateY(-.2em)rotate(1.3deg);transform:translateY(-.2em)rotate(1.3deg)}.tag-link:nth-child(13n):hover{-webkit-transform:translateY(-.2em)rotate(1.8deg);transform:translateY(-.2em)rotate(1.8deg)}.tag-link:nth-child(17n):hover{-webkit-transform:translateY(-.2em)rotate(-2deg);transform:translateY(-.2em)rotate(-2deg)}.site-top{z-index:2;padding:var(--gap);grid-area:nav/1}@media (min-width:calc(80rem + .001px)){.site-top{padding-inline:var(--gap-large)}}.site-header{justify-content:flex-start;align-items:flex-end;gap:.2em var(--gap);max-width:var(--xl);padding-right:var(--gap);height:-webkit-min-content;flex-wrap:wrap;height:min-content;margin:0 auto;display:flex}@media (min-width:calc(43.75rem + .001px)){.site-header{align-items:center;padding-right:0}}.site-header__logo{text-align:center;padding-right:var(--gap);display:block}.site-logo{color:var(--color-logo);font-display:auto;line-height:1.1;font-family:var(--font-logo);font-size:var(--fluid-16-24);font-weight:var(--font-weight-logo);text-align:center;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-block}.site-logo:hover{color:var(--color-logo-hover);text-decoration:none}.site-logo:focus{color:var(--color-logo-hover);text-decoration:none}@media (min-width:calc(43.75rem + .001px)){.topnav{margin-left:auto}}.topnav__list{color:var(--color-nav);font-family:var(--font-accent);font-display:auto;font-size:var(--fluid-14-18);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;align-items:flex-end;gap:.25em 1em;margin:0;padding:0;list-style:none;display:flex}@media (min-width:calc(80rem + .001px)){.topnav__list{gap:1.2em}}.topnav__list a{color:inherit;text-underline-offset:-.1em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:.3em;transition:all .2s ease-in-out}@media (min-width:calc(56.25rem + .001px)){.topnav__list a{border-bottom-width:.25em;padding-bottom:.25em}}.topnav__list a.topnav__item--active{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.8em;color:inherit;text-decoration-thickness:.3em}.topnav__list a:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.8em;color:inherit;text-decoration-thickness:.3em}.topnav__list a:focus{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.8em;color:inherit;text-decoration-thickness:.3em}.topnav__list:has(a:hover) a:not(:hover){color:var(--color-text-secondary)}body:has(.hero--dark) :is(.topnav__list:has(a:hover) a:not(:hover)){color:#fff}.topnav__list:hover .topnav__item--active:not(:hover){text-decoration-color:transparent}.theme-toggle{position:absolute;top:.625rem;right:.625rem}@media (min-width:calc(43.75rem + .001px)){.theme-toggle{position:static;top:auto;right:auto}}.theme-toggle svg{transition-duration:var(--themeTransitionDuration);transition-property:fill,rotate;-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}.theme-toggle[aria-expanded=true]{color:var(--color-secondary)}.theme-toggle[aria-expanded=true] svg{rotate:1.75turn}.themepicker{--slide-duration:.5s;transition-property:grid-template-rows;transition-duration:var(--slide-duration);grid-template-rows:0fr;align-items:stretch;margin-top:-1px;display:grid;overflow:hidden}.themepicker.is-open{grid-template-rows:1fr}.themepicker.is-open .themepicker__content{visibility:visible}.themepicker__close-container{-webkit-filter:contrast(.9);filter:contrast(.9);transition:opacity .3s ease-in-out,top .3s ease-in-out;display:none;position:absolute;top:-3rem;right:.625rem}@media (min-width:calc(43.75rem + .001px)){.themepicker__close-container{display:initial}}.is-open .themepicker__close-container{opacity:1;transition-delay:.5s;top:.625rem}.themepicker__content{visibility:hidden;transition:visibility var(--slide-duration);background:var(--color-background-alt);border-bottom:1px solid var(--color-border);max-width:100%;min-height:0;overflow-y:auto;box-shadow:inset 0 -2rem 2rem -1.5rem rgba(0,0,0,.26);align-self:end!important}.themepicker__options{justify-content:center;gap:var(--gap);margin:0;padding:3rem 2rem 2rem;list-style:none;display:flex}@media (min-width:calc(80rem + .001px)){.themepicker__options{padding-top:4rem}}.themepicker__btn{background:var(--color-background);color:var(--color-text);cursor:pointer;border:2px solid transparent;border-radius:.5rem;padding:1rem;line-height:1.2}.themepicker__btn[aria-checked=true]{border-color:var(--color-primary)}.themepicker__palette{display:flex}.themepicker__name{font-family:var(--font-accent);text-transform:uppercase;white-space:nowrap;letter-spacing:.2em;padding-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.themepicker__swatch{border-radius:50%;width:1em;height:1em;margin-bottom:3px;display:inline-block;box-shadow:0 0 0 3px #fff,-6px -1px 3px rgba(0,0,0,.2)}.themepicker__swatch:first-child{box-shadow:0 0 0 3px #fff}.themepicker__swatch--primary{background-color:var(--color-primary)}.themepicker__swatch--secondary{background-color:var(--color-secondary)}.themepicker__swatch--border{background-color:var(--color-border)}.themepicker__swatch--textsecondary{background-color:var(--color-text-secondary)}.themepicker__swatch--text{background-color:var(--color-text)}.text-short{font-size:var(--fluid-14-18);letter-spacing:.03em}.text-short :-webkit-any(p,li){text-wrap:pretty;margin-top:1em}.text-short :is(p,li){text-wrap:pretty;margin-top:1em}.text-short :-webkit-any(p):first-child{margin-top:0}.text-short :is(p):first-child{margin-top:0}.page-title{font-size:var(--font-size-h1);text-wrap:balance}.home__body{font-size:var(--fluid-16-24)}.home__body strong{font-weight:900}.home__body p{text-wrap:pretty;max-width:65ch;margin-bottom:1em}.text-long{font-size:var(--font-size-prose);line-height:var(--line-height-prose)}.text-long :-webkit-any(p,li):last-child{margin-bottom:0}.text-long :is(p,li):last-child{margin-bottom:0}.text-long :-webkit-any(p,li){text-wrap:pretty}.text-long :is(p,li){text-wrap:pretty}.text-long p:not([class]){max-width:75ch;margin-bottom:1em}.text-long :where(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){font-family:var(--font-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);color:var(--color-heading);text-wrap:balance}.text-long h1:not([class]){font-size:var(--font-size-h1)}.text-long h2:not([class]){font-size:var(--font-size-h2)}.text-long h3:not([class]){font-size:var(--font-size-h3)}.text-long :-webkit-any(h1,h2,h3):not([class]){margin-top:1em;margin-bottom:1rem}.text-long :is(h1,h2,h3):not([class]){margin-top:1em;margin-bottom:1rem}.text-long :-webkit-any(ol,ul):not([class]){margin:0}.text-long :is(ol,ul):not([class]){margin:0}.text-long ol:not([class]){padding-left:2em}.text-long ul:not([class]){padding-left:1.6em;list-style-type:square}.text-long ul:not([class]) li::marker{color:var(--color-list-marker)}.text-long :-webkit-any(ul,ol):not([class]) li:not([class]){margin-bottom:.7em}.text-long :-webkit-any(ul,ol):not([class]) li:not([class]):last-child{margin-bottom:1em}.text-long :is(ul,ol):not([class]) li:not([class]){margin-bottom:.7em}.text-long :is(ul,ol):not([class]) li:not([class]):last-child{margin-bottom:1em}.text-long blockquote{border-left:5px solid var(--color-secondary);margin-top:2em;margin-bottom:2em;margin-left:1em;padding-left:1em}.text-long blockquote>:last-child{margin-bottom:0}.meta{color:var(--color-text-secondary);font-family:var(--font-meta);font-size:var(--font-size-small);margin-bottom:1em}.slashlist{font-display:auto;font-family:var(--font-accent);flex-wrap:wrap;justify-content:flex-start;margin:0;padding:0;line-height:1.1;list-style:none;display:flex}.meta__head+.slashlist{margin-top:0}.slashlist li{padding:0 0 .5em}.slashlist li:not(:last-child):after{content:"/";padding:0 .25em;display:inline}@media (min-width:calc(80rem + .001px)){.slashlist li:not(:last-child):after{padding:0 .75em}}.site-footer{background-color:var(--color-background-alt);font-size:var(--font-size-small);padding:var(--gap-large)var(--gap);container-type:inline-size}.site-footer a{text-decoration:none}@media (min-width:calc(80rem + .001px)){.site-footer{padding-inline:var(--gap-large)}}.footer__content{gap:var(--gap);grid-template-columns:var(--layout-grid);max-width:var(--xl);margin:0 auto;display:grid}.footer__group{text-align:left;grid-column:span 3;display:block}@media (min-width:calc(64rem + .001px)){.footer__group{grid-column:span 4}}.footer__copyright{grid-column:1/-1}.footer__icons{grid-area:1/-1}.footlist__head{font-weight:700;font-family:var(--font-accent);color:var(--color-text-secondary);font-size:inherit;margin-bottom:.5rem}.footer__name{padding-bottom:.5em;line-height:1.1}.footer__icons{align-self:flex-start;margin-bottom:.5rem;margin-left:auto;line-height:1}@container (width>=1100px){.footer__icons{align-self:flex-end}}.footer__icons a{color:var(--color-text)}.footer__icons a:hover{color:var(--color-primary)}.teaser__list,.note__list{margin:0;padding:0;list-style:none}:is(.teaser__list,.note__list)>li{margin:0}.postcontent__content+.teaser__container{margin-top:var(--gap-large)}.note{border-style:solid;border-width:1px 0 0;border-color:var(--color-border);grid-gap:.5em 1em;grid-template:"pic content"".meta"/48px 1fr;margin:0;padding:2em 0;display:grid}.note .avatar{grid-area:pic}.note .meta{grid-area:meta}.note--full{margin-top:var(--gap);border-width:1px 0;grid-column:content}.note__content{grid-area:content}.meta{color:var(--color-text-secondary);margin-bottom:0}.meta a{color:currentColor;text-decoration:none}.meta a:hover{color:var(--color-link-hover)}.meta svg{fill:currentColor;height:1em}.meta .icon--comment-alt{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.meta .icon--retweet{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.meta .icon--star{-webkit-transform:translateY(.2em);transform:translateY(.2em)}.meta__icon{align-items:baseline;gap:.3em;margin-left:1em;display:inline-flex}.teaser{border-style:solid;border-width:1px 0 0;border-color:var(--color-border);padding:2em 0}.teaser__list li:first-child .teaser{border-top:0;padding-top:0}.teaser__meta{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0}.teaser__title{font-size:max(1.6rem,min(1.9167rem + .3704vw,1.8rem));font-weight:700;font-family:var(--font-accent);margin:.1em 0 .2em;line-height:1.2}.teaser__title:not(:has(>a)){text-underline-offset:-.1em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:.1em;transition:all .2s ease-in-out}.teaser__title:not(:has(>a)):hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.1em}.teaser__title a{color:var(--color-title);text-decoration:none}.teaser__title a:hover{color:var(--color-primary)}.teaser__summary{font-size:var(--font-size-small);margin-bottom:0}.box{border:1px solid var(--color-border);padding:var(--gap);background-color:var(--color-background-alt)}.card__container{container-type:inline-size}.card__list{gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}@container (width>=550px){.card__list{grid-template-columns:1fr 1fr}.card__list li:has(.card){border:0;align-items:stretch;padding:0;display:grid}.card__list .card--featured{aspect-ratio:1}}@container (width>=1024px){.card__list{grid-template-columns:1fr 1fr 1fr}}@container (width>=1200px){.card__list{grid-template-columns:1fr 1fr 1fr 1fr}}.card__list__heading{font-size:var(--smallhed);text-transform:uppercase;font-family:var(--font-accent)}.card__list__intro{margin-bottom:var(--gap-large);border-bottom:1px solid var(--color-border)}.card,.teaser{transition:all .4s ease-in-out;position:relative;translate:0}.card{border:0;align-items:stretch;padding:0;display:flex}.card:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.3)}.card:hover img{scale:1.1}.card:hover .card__title{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.1em}.card:focus-within{box-shadow:0 .5rem 1rem rgba(0,0,0,.3)}.card:focus-within img{scale:1.1}.card:focus-within .card__title{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:.1em}.card a{color:var(--color-text);grid-template:"image""content"1fr/1fr;gap:0;text-decoration:none;display:grid}.card img{object-fit:cover;max-width:100%;height:100%;transition:all .2s ease-in-out}.card__title{text-underline-offset:-.1em;font-size:1.5em;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-decoration-thickness:.1em;transition:all .3s ease-in-out}.card__image{object-fit:cover;grid-area:image;max-width:100%;display:block;overflow:hidden}.card__content{grid-area:content}.card--standard{gap:0}.card--standard .card__content{padding:var(--gap-small);color:var(--color-text)}.card--standard:hover{background:var(--color-background-alt)}.card--standard:focus-within{background:var(--color-background-alt)}.card--standard .card__image{aspect-ratio:16/9}.card--standard img{aspect-ratio:16/9}.card--featured{aspect-ratio:auto 16/9;grid-template-columns:1fr;align-items:stretch;gap:0;max-width:100%;transition:all .2s ease-in-out;display:grid;overflow:hidden;container-type:inline-size}@media (min-width:calc(56.25rem + .001px)){.card--featured{aspect-ratio:1}}.card--featured a{background:rgba(0,0,0,.65);grid-row:1/-1;display:grid}.card--featured .tag-list{opacity:1;margin-top:auto;line-height:1.1;transition:all .2s ease-in-out}.card--featured .tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.25)}.card--featured:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.3)}.card--featured:hover a{background:rgba(0,0,0,.8)}.card--featured:hover .tag-list{opacity:1}.card--featured:hover img{opacity:.8;scale:1.05}.card--featured .card__content{padding:clamp(var(--gap-small),calc(var(--gap-small) + 2cqw),var(--gap));color:#fff;flex-direction:column;grid-row:2;gap:1rem;display:flex}.card--featured .card__image{z-index:-1;grid-row:1/-1;min-height:120px;position:absolute;top:0;bottom:0;left:0;right:0}.card--featured img{object-position:left top;opacity:.7}.card--featured .card__title{color:#fff;font-size:max(1rem,min(1rem + 5cqw,2.5rem));font-family:var(--font-heading);font-weight:var(--font-weight-card);line-height:var(--line-height-heading);text-decoration:none}.card__kicker{font-family:var(--font-accent);text-transform:uppercase;font-size:var(--fluid-12-18);letter-spacing:.1em;font-weight:700}.workcard__container{gap:var(--gap-large);flex-flow:wrap;padding:0;display:flex}.workcard{--image:1fr;--overlap:3fr;--card:2fr;--empty:0;grid-template-columns:[img-start]var(--image)[card-start]var(--overlap)[img-end empty-start]var(--card)[card-end]var(--empty)[empty-end];grid-template-rows:[gap-start]var(--gap-large)[main-start]auto [main-end]var(--gap-large)[gap-end];width:100%;display:grid}@media (min-width:calc(64rem + .001px)){.workcard{--image:2fr;--overlap:3fr;--card:3fr;--empty:2fr}}.workcard:nth-child(2n){grid-template-columns:[empty-start]var(--empty)[card-start]var(--card)[empty-end img-start]var(--overlap)[card-end]var(--image)[img-end];margin-left:auto}.workcard .comingsoon{text-transform:uppercase;letter-spacing:.1em;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:2;box-shadow:var(--bigshadow);background:#fff;padding:.35em 1em;font-size:1.5em;font-weight:900;position:absolute;-webkit-transform:rotate(-30deg)translate(-5em,-3em);transform:rotate(-30deg)translate(-5em,-3em)}.workcard__non-link,.workcard__link{object-fit:cover;box-shadow:var(--bigshadow);grid-area:gap/img;display:inline-block;position:relative;overflow:hidden}:is(.workcard__non-link,.workcard__link) .workcard__image{background-size:cover;min-width:100%;min-height:100%;transition:all .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.workcard__link .workcard__image:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.workcard__content{background:var(--color-surface);padding:var(--gap-large);z-index:2;box-shadow:var(--bigshadow);grid-area:main/card-start/main/card-end}.workcard__title{font-size:var(--fluid-18-28);font-weight:var(--font-weight-heading);font-family:var(--font-heading);margin-bottom:.5em}.workcard__title a{color:var(--color-text);text-underline-offset:-.1em;text-decoration-color:transparent}.workcard__title a:hover{color:var(--color-primary);text-underline-offset:.1em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:3px}.workcard:has(.workcard__non-link){-webkit-filter:grayscale();filter:grayscale();--color-text:var(--color-text-disablesd)}.workcard:has(.workcard__non-link) *{color:var(--color-text-disabled)}.workcard__summary{font-size:var(--fluid-14-18);text-wrap:pretty}.workcard__cta-container{font-size:var(--fluid-14-18);margin-top:1em}.workcard__cta{font-size:.9em;text-decoration-color:transparent}:root{--shadeFilter:var(--filterDarken)}.article{--gutter:minmax(1.5rem,1fr);--pop:0;--content:minmax(0,65ch);--article-grid:[full-start]var(--gutter)[pop-start]var(--pop)[content-start]var(--content)[content-end]var(--pop)[pop-end]var(--gutter)[full-end];grid-template-columns:var(--article-grid);display:grid}@media (min-width:calc(37.5rem + .001px)){.article{--gutter:minmax(2rem,1fr)}}@media (min-width:calc(80rem + .001px)){.article{--pop:6rem}}.article>*{grid-column:content}.hero-wrap{grid-template-columns:var(--article-grid);grid-column:full;display:grid}.hero--span{grid-column:full}.main-content:has(.hero--span){padding-left:0;padding-right:0}@media (min-width:calc(56.25rem + .001px)){.hero--span~.article-content{padding-inline:var(--gap)}}@media (min-width:calc(64rem + .001px)){.hero--span~.article-content{padding-inline:var(--gap-large)}}.hero--offset{align-items:center;margin-bottom:2em}.main-content:has(.hero--offset){grid-area:nav/1/footer}.hero--offset figure{grid-area:1/full}.hero--offset .page-title{z-index:1;grid-area:1/pop}.hero--dark{--color-title:white}.hero--dark img{-webkit-filter:var(--shadeFilter);filter:var(--shadeFilter)}.hero--aspect-ratio{aspect-ratio:1}@media (min-width:calc(37.5rem + .001px)){.hero--aspect-ratio{aspect-ratio:4/3}}@media (min-width:calc(56.25rem + .001px)){.hero--aspect-ratio{aspect-ratio:16/9}}@media (min-width:calc(90rem + .001px)){.hero--aspect-ratio{aspect-ratio:2}}@media (min-width:calc(150rem + .001px)){.hero--aspect-ratio{aspect-ratio:3}}.hero--aspect-ratio img{object-fit:cover;width:100%;height:100%}.hero--aspect-ratio picture{object-fit:cover;width:100%;height:100%}.hero--aspect-ratio figure{object-fit:cover;width:100%;height:100%}.article-hero{grid-column:full;grid-template-columns:subgrid;display:grid}.article-hero img{grid-column:full;margin-left:auto;margin-right:auto}@media (min-width:calc(90rem + .001px)){.article-hero img:not(.hero--span :is(.article-hero img)){max-width:var(--xl)}}.article-hero figcaption{grid-column:content}.article-titles{grid-column:pop;grid-template-columns:subgrid}.article-meta{grid-column:content;grid-template-columns:subgrid;text-align:center;padding-bottom:2em}.article-content{grid-column:full;grid-template-columns:subgrid;display:grid}.article-content>*{grid-column:content;max-width:100vw}.article-content>:last-child:not([class]){margin-bottom:0}.article-content>.codepen{height:600px;max-height:80dvh}.article-content>:-webkit-any(lite-youtube,.codepen,.aspect-ratio,.cp_embed_wrapper,pre[class*=language-]){text-overflow:clip;grid-column:full;margin:1em 0 2em}@media (min-width:calc(80rem + .001px)){.article-content>:-webkit-any(lite-youtube,.codepen,.aspect-ratio,.cp_embed_wrapper,pre[class*=language-]){grid-column:pop}}.article-content>:is(lite-youtube,.codepen,.aspect-ratio,.cp_embed_wrapper,pre[class*=language-]){text-overflow:clip;grid-column:full;margin:1em 0 2em}@media (min-width:calc(80rem + .001px)){.article-content>:is(lite-youtube,.codepen,.aspect-ratio,.cp_embed_wrapper,pre[class*=language-]){grid-column:pop}}.article-content img[src$=\#pop]{grid-column:pop;width:100%;display:block}.article-content img[src$=\#block]{margin-left:auto;margin-right:auto;display:block}.article-content img[src$=\#avatar]{border-radius:50%;max-width:50%;margin-left:auto;margin-right:auto;display:block}.article-content img[src$=\#right]{float:right;margin-bottom:1em;margin-left:1em}.article-content figure{grid-template-columns:subgrid;grid-column:full;margin:1em 0 2em;display:grid}.article-content figure img{grid-column:full}@media (min-width:calc(80rem + .001px)){.article-content figure img{grid-column:content}[class*=pop] :is(.article-content figure img){grid-column:pop}}.article-content figure figcaption{grid-column:content}.like.expanded{gap:var(--gap)}.like__name{font-size:var(--font-size-small);font-weight:700}.like__list{flex-flow:wrap;justify-content:flex-start;gap:.5em;padding:0;list-style:none;display:flex}.reply{grid-gap:1em;font-size:var(--font-size-small);grid-template-columns:50px 1fr;grid-template-areas:"avatar content";display:grid}.reply__list{gap:var(--gap);grid-template-rows:auto;padding:0;list-style:none;display:grid}.reply__avatar{grid-area:avatar}.reply__content{grid-area:content}.reply__meta{font-family:var(--font-accent)}.reply__author{font-weight:700}.reply__divider{color:var(--border)}.avatar{text-align:center}.avatar--small img{width:50px;height:50px}.avatar--medium img{width:100px;height:100px}.avatar--large img{width:120px;height:120px}.expando{-webkit-appearance:none;appearance:none;color:var(--link);background:0 0;border:none;border-radius:0;align-items:center;gap:.5em;padding:0;display:flex}.big-subhed{grid-column:1/-1;align-items:baseline;gap:1rem;line-height:1;display:flex}:-webkit-any(.landing-section,.page-section) .big-subhed{margin-bottom:-.7em}:is(.landing-section,.page-section) .big-subhed{margin-bottom:-.7em}.big-subhed__heading{font-family:var(--font-title);font-weight:var(--font-weight-heading);font-size:var(--fluid-24-64)}.big-subhed__more{font-family:var(--font-heading);font-weight:700}.list-header{font-family:var(--font-accent);justify-content:space-between;align-items:baseline;gap:var(--gap);margin:2em 0 .5em;display:flex}.list-header__more{text-transform:uppercase;font-weight:600;text-decoration:none}.bighed{font-family:var(--font-title);font-weight:var(--font-weight-heading);font-size:var(--fluid-48-128);color:var(--color-text);margin:1em 0 .5em;line-height:1}.bighed:after{content:"";background:var(--color-primary);width:25%;height:1rem;margin-top:.5em;display:block}.bighed s{text-decoration:none;display:inline-block;position:relative}.bighed s:before{content:"";background:url(/static/img/stroke-1.svg) 0 0/100% 100% no-repeat;width:110%;height:.2em;display:block;position:absolute;top:55%;left:-5%}.smallhed{font-size:var(--smallhed)}.reallysmallhed{font-size:max(.9rem,min(.8667rem + .1481vw,1rem))}.smallhed,.reallysmallhed{font-family:var(--font-accent);font-display:auto;text-transform:uppercase;color:var(--color-text-secondary);font-weight:700}:is(.smallhed,.reallysmallhed) a{color:inherit;text-decoration:none}.article-kicker{text-transform:uppercase;color:var(--color-primary);letter-spacing:.2em;margin-top:4em;font-size:.9em}.article-kicker+:-webkit-any(.article__title,.article-title,.hero__title,.page__title,.page-title){margin-top:0}.article-kicker+:is(.article__title,.article-title,.hero__title,.page__title,.page-title){margin-top:0}.article__title,.article-title,.hero__title,.page__title,.page-title{font-family:var(--font-title);font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--color-title);text-wrap:balance;text-wrap:balance;width:100%;max-width:20ch;margin:.75em 0 .7em;line-height:1;display:block}:is(.article__title,.article-title,.hero__title,.page__title,.page-title):has(+.meta){margin-bottom:.25em}.article-title,.article__title{text-align:center;margin-left:auto;margin-right:auto}.article-subtitle,.article__subtitle{font-family:var(--font-accent);letter-spacing:.01em;text-align:center;color:var(--color-heading);grid-column:pop;font-size:1.8em;font-weight:700;line-height:1.2}.article__subsubtitle{letter-spacing:.01em;text-align:center;color:var(--color-heading);grid-column:pop;margin-top:1.5em;margin-bottom:3em;font-size:1em;font-weight:400;line-height:1.2}.resume{max-width:var(--xl);margin:var(--gap)auto;padding:var(--gap);row-gap:var(--gap);line-height:1.4;display:grid}@media (min-width:calc(56.25rem + .001px)){.resume{column-gap:var(--gap);padding:var(--gap);grid-template-rows:auto;grid-template-columns:1fr}}@media (min-width:calc(64rem + .001px)){.resume{grid-template:"header header-aside""body body-aside""intro intro""work extras"/2fr 1fr}}@media (min-width:calc(80rem + .001px)){.resume{column-gap:var(--gap-large)}}.resume a{color:var(--color-text);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-decoration-thickness:1px}.resume .bullet-separator{color:var(--color-text-secondary)}@media (min-width:calc(64rem + .001px)){.resume .header{grid-area:header}}@media (min-width:calc(64rem + .001px)){.resume .body:not(:empty){grid-area:body}}.resume__intro{border-top:1px solid var(--color-border);padding-top:var(--gap-large)}@media (min-width:calc(64rem + .001px)){.resume__intro{grid-area:intro}}@media (min-width:calc(64rem + .001px)){.resume__work{grid-area:work}}.resume__extras{border-top:1px solid var(--color-border-alt);padding-top:var(--gap)}@media (min-width:calc(64rem + .001px)){.resume__extras{border-top:0;grid-area:extras;grid-template-columns:1fr;align-content:start;padding-top:0;display:grid}}.extra{gap:var(--gap);padding-bottom:var(--gap);grid-template-columns:1fr;display:grid;container-type:inline-size}.extra+.extra{padding-top:var(--gap);border-top:1px solid var(--color-border-alt)}.extra .resume__list{margin:0;padding-left:1.2em;font-size:.9em}@container (width>190px){.extra .resume__list{column-gap:var(--gap);grid-template-columns:1fr 1fr;grid-auto-flow:dense}.extra .resume__list li{margin-bottom:0}}.resume__name{font-size:2em;font-weight:700;font-family:var(--font-heading);margin-bottom:.5em}.resume__list{gap:.5em;margin-bottom:0;padding-bottom:0;padding-left:1.2em;list-style-type:square;display:grid}.resume__list li{text-wrap:pretty;line-height:1.3}.resume__list li::marker{color:var(--color-text-secondary)}.resume__sectionhed{font-size:1.3em;font-family:var(--font-heading);color:var(--color-text-secondary)}.resume__entry{padding-top:var(--gap);padding-bottom:var(--gap)}.resume__entry:last-child{padding-bottom:0}.resume__entry+.resume__entry{border-top:1px solid var(--color-border-alt)}section:last-child:has(.resume__entry) .resume__entry:last-child{border-bottom:0;padding-bottom:0}.resume__title{font-size:1.1em;font-family:var(--font-heading);margin-bottom:.25em}.position__entrytitle{margin-top:1.5em}.resume__subhed{text-wrap:balance;font-size:.9em;font-family:var(--font-accent)}.resume__detail{color:var(--color-text-secondary);font-size:.9em;line-height:1.4;font-family:var(--font-accent)}.resume__study{color:var(--color-text-secondary);font-size:.9em;line-height:1.4}.resume__item-details{margin-top:1em}.extra .resume__item-details{margin-top:.5em;font-size:.9em}.resume__joblist{gap:var(--gap);display:grid}.resume__job{--bar-offset:-1.1em;--bar-width:1px;--disc-diameter:9px;position:relative}@media (min-width:calc(64rem + .001px)){.resume__job{--bar-offset:-1.5em;--disc-diameter:9px}}.resume__job:not(:only-child):before{content:"";width:var(--disc-diameter);height:var(--disc-diameter);background:var(--color-primary);left:var(--bar-offset);z-index:1;outline:1px solid var(--color-background);border-radius:50%;display:block;position:absolute;top:.25em}.resume__job:not(:last-child):after{content:"";width:var(--bar-width);height:calc(100% + var(--gap));background:var(--color-border-alt);left:calc((var(--bar-offset)) + (.5*var(--disc-diameter)));display:block;position:absolute;top:.5rem}.downloads{gap:var(--gap-small);grid-template-columns:1fr;width:100%;padding-left:0;padding-right:0;list-style:none;display:grid}.downloads li{margin:0}.download{font-size:var(--fluid-12-18);align-items:baseline;gap:.5em;display:inline-flex}svg [id^=svg-fa] path{fill:currentColor}.download--main{border:3px solid var(--color-primary);font-size:var(--fluid-16-24);padding:.5em 1.2em .4em;text-decoration:none}.download--main:hover{border-color:var(--color-secondary);translate:-1px -1px}.download--main:active{fill:var(--color-background-alt);translate:-1px -1px}.notice{border:1px solid var(--color-border-alt);padding:var(--gap);gap:var(--gap);margin-bottom:var(--gap);font-family:var(--font-accent);font-size:var(--fluid-12-18);display:flex;position:relative}@media (min-width:calc(56.25rem + .001px)){.notice{padding:var(--gap)var(--gap-large)}}.notice .icon{top:0 -.2em 0;font-size:2em}@media (min-width:calc(56.25rem + .001px)){.notice .icon{aspect-ratio:1;background:var(--color-border-alt);text-align:center;border-radius:50%;justify-content:space-around;align-items:center;gap:0;width:6rem;height:6rem;display:flex;position:absolute;translate:-8rem -5rem}}.aside{background:var(--color-background-alt);padding:var(--gap);margin:var(--gap)0;font-size:.9em}.aside-heading{margin-top:0;font-size:1.4em}.aside-content{margin-top:1em}@media (min-width:calc(37.5rem + .001px)){.aside-content{columns:2;column-gap:var(--gap)}}.casegrid{--casegrid:"challenge challenge challenge" "role       company       year";--cols:1fr 1fr 1fr;--pad-box:var(--gap-small);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--gap);font-size:var(--fluid-14-18);grid-template-areas:var(--casegrid);grid-template-columns:var(--cols);align-items:stretch;padding:4px 0;display:grid}@media (min-width:calc(56.25rem + .001px)){.casegrid{--casegrid:"challenge role" "challenge company" "challenge year";--cols:1fr 1fr}}@media (min-width:calc(64rem + .001px)){.casegrid{--casegrid:"challenge role company year";--cols:40% 1fr 1fr 1fr}}@media (min-width:calc(80rem + .001px)){.casegrid{--cols:45% 1fr 1fr 1fr;--pad-box:var(--gap)}}.casegrid>div{text-wrap:balance;line-height:1.3}.casegrid-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.5em;font-size:.9em;font-weight:600}.casegrid-challenge{border-bottom:1px solid var(--color-border);padding:var(--pad-box)0;grid-area:challenge}@media (min-width:calc(56.25rem + .001px)){.casegrid-challenge{border-right:1px solid var(--color-border);padding:var(--pad-box)var(--gap-small)var(--pad-box)0;border-bottom:0;grid-row:span 3}}@media (min-width:calc(64rem + .001px)){.casegrid-challenge{padding:var(--pad-box)var(--gap-small)var(--pad-box)0;grid-row:auto}}.casegrid-role{border-right:1px solid var(--color-border);padding:var(--pad-box)var(--gap-small)var(--pad-box)0;grid-area:role}@media (min-width:calc(56.25rem + .001px)){.casegrid-role{border-right:0;border-bottom:1px solid var(--color-border);padding:var(--pad-box)0 var(--pad-box)var(--gap-small)}}@media (min-width:calc(64rem + .001px)){.casegrid-role{border-bottom:0;border-right:1px solid var(--color-border);padding:var(--pad-box)var(--gap-small)}}.casegrid-company{border-right:1px solid var(--color-border);padding:var(--pad-box)var(--gap-small);grid-area:company}@media (min-width:calc(56.25rem + .001px)){.casegrid-company{border-right:0;border-bottom:1px solid var(--color-border);padding:var(--pad-box)0 var(--pad-box)var(--gap-small)}}@media (min-width:calc(64rem + .001px)){.casegrid-company{border-bottom:0;border-right:1px solid var(--color-border);padding:var(--pad-box)var(--gap-small)}}.casegrid-year{padding:var(--pad-box)0 var(--pad-box)var(--gap-small);grid-area:year}}@layer code{code[class*=language-],pre[class*=language-]{color:var(--code-color-base);text-shadow:var(--code-shadow);font-family:var(--font-code);font-size:var(--font-size-code-max);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:var(--tab-size-code);-o-tab-size:var(--tab-size-code);tab-size:var(--tab-size-code);-webkit-hyphens:none;hyphens:none;background:0 0;line-height:1.5}pre[class*=language-]{padding:var(--gap);margin:var(--gap)0;border-radius:var(--code-border-radius);overflow:auto}.article *+pre[class*=language-]{margin-top:var(--gap-small)}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--code-bg)}:not(pre)>code[class*=language-]{border-radius:var(--code-border-radius);white-space:normal;padding:.1em}:not(pre)>code:not(class){white-space:normal;background:var(--color-background-alt);color:var(--color-code);vertical-align:baseline;font-size:.8em;font-family:var(--font-code);border:1px solid rgba(255,255,255,.08);border-radius:.3em;padding:.075em .4em .09em;display:inline-block}code[class*=language-]{font-size:var(--font-size-code-max);margin:0 auto;display:block}@include bp(medium){font-size: var(--font-size-code-min);}.token:-webkit-any(.comment,.prolog,.doctype,.data){color:var(--code-color-1)}.token:is(.comment,.prolog,.doctype,.data){color:var(--code-color-1)}.token.punctuation{color:var(--code-color-2)}.token.namespace{opacity:.7}.token:-webkit-any(.property,.tag,.constant,.symbol,.deleted){color:var(--code-color-3)}.token:is(.property,.tag,.constant,.symbol,.deleted){color:var(--code-color-3)}.token:-webkit-any(.boolean,.number){color:var(--code-color-4)}.token:is(.boolean,.number){color:var(--code-color-4)}.token:-webkit-any(.selector,.attr-name,.string,.char,.builtin,.inserted){color:var(--code-color-5)}.token:is(.selector,.attr-name,.string,.char,.builtin,.inserted){color:var(--code-color-5)}.token:-webkit-any(.operator,.entity,.url,.variable){color:var(--code-color-6);background:var(--code-color-6-bg)}.token:is(.operator,.entity,.url,.variable){color:var(--code-color-6);background:var(--code-color-6-bg)}:-webkit-any(.language-css,.style) .token{color:var(--code-color-6);background:var(--code-color-6-bg)}:is(.language-css,.style) .token{color:var(--code-color-6);background:var(--code-color-6-bg)}.token:-webkit-any(.atrule,.attr-value,.function,.class-name){color:var(--code-color-7)}.token:is(.atrule,.attr-value,.function,.class-name){color:var(--code-color-7)}.token.keyword{color:var(--code-color-8)}.token:-webkit-any(.regex,.important){color:var(--code-color-9)}.token:is(.regex,.important){color:var(--code-color-9)}.token:-webkit-any(.important,.bold){font-weight:700}.token:is(.important,.bold){font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}}@layer utility{:-webkit-any(.sr-only,.sr-skip-link){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:is(.sr-only,.sr-skip-link){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.unset-sr-only{clip:none;white-space:unset;border:0;width:auto;height:auto;padding:0;position:static;overflow:hidden}:-webkit-any(.sr-only-focusable,.sr-skip-link):-webkit-any(:active,:focus){clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}:is(.sr-only-focusable,.sr-skip-link):is(:active,:focus){clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.sr-skip-link:focus{z-index:9999;background-color:var(--bg);color:var(--link);white-space:nowrap;border-radius:0 0 .5rem .5rem;outline:0;padding:1rem 1.5rem;font-size:1rem;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.mobile-inset{padding-inline:var(--mobile-inset)}.glass-light,.glass-dark{-webkit-backdrop-filter:var(--glassBgBlur);backdrop-filter:var(--glassBgBlur)}.glass-light{background:var(--glassLightBg);color:var(--glassLightText)}.glass-dark{background:var(--glassDarkBg);color:var(--glassDarkText)}.inline-block{display:inline-block}.small{font-size:.8em}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartbeat{--animate-duration:1s;-webkit-animation-name:heartbeat;animation-name:heartbeat;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:3;animation-iteration-count:3}}[data-theme*=light],[data-theme=default]{--code-bg:#f5f2f0;--code-color-base:black;--code-color-1:#6b6b6b;--code-color-2:#444;--code-color-3:#905;--code-color-4:#905;--code-color-5:#527a00;--code-color-6:#9a6e3a;--code-color-7:#006b99;--code-color-8:#006b99;--code-color-9:#e90;--code-color-10:#e90;--code-shadow:0 1px white;--code-border-radius:0}[data-theme*=dark]{--code-bg:#282923;--code-color-base:#f8f8f2;--code-color-1:#8292a2;--code-color-2:#f8f8f2;--code-color-3:#fc4a8b;--code-color-4:#ae81ff;--code-color-5:#a6e22e;--code-color-6:#f8f8f2;--code-color-6-bg:inherit;--code-color-7:#e6db74;--code-color-8:#66d9ef;--code-color-9:#fd971f;--code-color-10:#f8f8f2;--code-shadow:0 1px rgba(0,0,0,.3)}