:root{--color-primary:var(--color-green);--color-secondary:var(--color-grey-600);--color-primary-bg:var(--color-primary);--color-primary-fg:var(--color-grey-600);--color-secondary-bg:var(--color-secondary);--color-secondary-fg:var(--color-white);--color-bg:var(--color-white);--color-fg:var(--color-grey-600);--color-bg-inverse:var(--color-grey-800);--color-fg-inverse:var(--color-white);--color-muted-bg:var(--color-grey-100);--color-muted-fg:var(--color-grey-500);--color-lowlight-bg:var(--color-grey-50);--color-border:var(--color-grey-200);--body-color-bg:var(--color-bg);--body-color-fg:var(--color-fg);--color-link:var(--color-grey);--masthead-color-bg:var(--color-bg);--masthead-color-fg:var(--color-fg);--nav-active-bg:var(--color-grey-600);--nav-active-fg:var(--color-white);--nav-hover-bg:var(--color-grey-100);--nav-hover-fg:var(--color-grey-600);--footer-color-bg:var(--color-grey-600);--footer-color-muted-fg:var(--color-grey-400);--footer-color-link:var(--color-primary);--page-header-color-bg:var(--color-primary);--page-header-color-fg:var(--color-fg);--page-header-accent-color:var(--color-fg)}@media (prefers-color-scheme:dark){:root{--color-primary:var(--color-green);--color-secondary:var(--color-grey);--color-primary-bg:var(--color-primary);--color-primary-fg:var(--color-grey-800);--color-secondary-bg:var(--color-secondary);--color-secondary-fg:var(--color-white);--color-bg:var(--color-grey-800);--color-fg:var(--color-white);--color-bg-inverse:var(--color-white);--color-fg-inverse:var(--color-grey-800);--color-muted-bg:var(--color-grey-900);--color-muted-fg:var(--color-grey-300);--color-lowlight-bg:var(--color-grey-900);--color-border:var(--color-grey-600);--body-color-bg:var(--color-bg);--body-color-fg:var(--color-fg);--color-link:inherit;--color-undecorated-link-hover:var(--color-primary);--masthead-color-bg:var(--color-bg);--masthead-color-fg:var(--color-fg);--nav-active-bg:var(--color-primary);--nav-active-fg:var(--color-fg-inverse);--nav-hover-bg:var(--color-grey-600);--nav-hover-fg:var(--color-white);--footer-color-bg:var(--color-grey-900);--footer-color-muted-fg:var(--color-grey-400);--footer-color-link:var(--color-primary);--page-header-color-bg:var(--color-grey-900);--page-header-color-fg:var(--color-white);--page-header-child-color-bg:none;--page-header-child-color-fg:none;--page-header-accent-color:var(--color-primary);--sl-color-primary-50:var(--color-primary-50);--sl-color-primary-100:var(--color-primary-100);--sl-color-primary-200:var(--color-primary-200);--sl-color-primary-300:var(--color-primary-300);--sl-color-primary-400:var(--color-primary-400);--sl-color-primary-500:var(--color-primary-500);--sl-color-primary-600:var(--color-primary);--sl-color-primary-700:var(--color-primary-700);--sl-color-primary-800:var(--color-primary-800);--sl-color-primary-900:var(--color-primary-900);--sl-color-primary-950:var(--color-primary-950);--sl-focus-ring:auto}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-top:0;margin-bottom:0}ul[role=list],ol[role=list]{padding:0;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}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.container{padding:var(--space-l-xl)var(--space-s-m);max-width:1200px;margin:0 auto}:focus-visible{outline-offset:.1em}td,th{border-bottom:1px solid var(--color-border);padding:var(--space-l-xl)var(--space-s-m)}th{text-align:left}table{font-size:var(--step-0);width:100%}body{background-color:var(--body-color-bg);margin:0}:root{--color-white:#fff;--color-grey-50:#f8fafc;--color-grey-100:#f1f5f9;--color-grey-200:#e2e8f0;--color-grey-300:#cbd5e1;--color-grey-400:#94a3b8;--color-grey-500:#64748b;--color-grey-600:#23292e;--color-grey-700:#1d2226;--color-grey-800:#171b1e;--color-grey-900:#111416;--color-grey-950:#0b0d0e;--color-yellow-highlight:rgba(251,247,25,.5);--color-green-highlight:#bcfd6d;--color-purple-highlight:#bb6dfd;--color-blue:#6bf;--color-red:#be4242;--color-pink:#db2a62;--color-green-light:#d4fda1;--color-green:#bcfd6d;--color-green-dark:#96ca57;--color-green-darker:#77a145;--color-greener-100:#d0fdcd;--color-greener-200:#b9fdb5;--color-greener-300:#a2fd9d;--color-greener-400:#8bfd85;--color-greener-500:#74fd6d;--color-greener-600:#5ed158;--color-greener-700:#47a342;--color-greener-800:#30752c;--color-greener-900:#194716;--color-gradient-brand:linear-gradient(90deg,#bcfd6d 0%,#74fd6d 100%);--leading-base:1.4;--leading-tight:1.2;--leading-loose:1.6;--leading-looser:1.8;--border-radius-s:var(--space-3xs);--border-radius:var(--space-2xs);--border-radius-l:var(--space-xs);--border-radius-full:9999px;--padding-xs:var(--space-xs);--padding-s:var(--space-s);--padding-m:var(--space-m);--padding-l:var(--space-l);--padding-xl:var(--space-xl);--step--2:clamp(.7813rem,.7747rem + .0326vi,.8rem);--step--1:clamp(.9375rem,.9158rem + .1087vi,1rem);--step-0:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);--step-1:clamp(1.35rem,1.2761rem + .3696vi,1.5625rem);--step-2:clamp(1.62rem,1.5041rem + .5793vi,1.9531rem);--step-3:clamp(1.944rem,1.771rem + .8651vi,2.4414rem);--step-4:clamp(2.3328rem,2.0827rem + 1.2504vi,3.0518rem);--step-5:clamp(2.7994rem,2.4462rem + 1.7658vi,3.8147rem);--step-6:clamp(3.3593rem,2.8883rem + 2.3011vi,4.8828rem);--step-7:clamp(4.0311rem,3.3205rem + 3.0565vi,6.1035rem)}body{color:var(--body-color-fg);font-family:Atkinson Hyperlegible,sans-serif;font-size:var(--step-0);font-weight:400;line-height:var(--leading-base)}a{color:var(--color-link);padding:0 .1em;text-decoration:none;transition:all .2s;box-shadow:inset 0 -.1em}a:hover{box-shadow:inset 0 -2em 0 0 var(--body-color-fg);color:var(--body-color-bg)}a:active{box-shadow:inset 0 -2em 0 0 var(--body-color-fg);color:var(--body-color-bg)}a:focus{box-shadow:inset 0 -2em 0 0 var(--body-color-fg);color:var(--body-color-bg)}h1{font-family:Overpass;font-size:var(--step-7);letter-spacing:-.03em;text-transform:lowercase}h1.note{text-transform:none;font-size:var(--step-5)}h2{font-family:Overpass;font-size:var(--step-3);letter-spacing:-.02em;line-height:1.2}h3{font-family:Overpass;font-size:var(--step-2);letter-spacing:-.02em;line-height:1.2}.tldr__heading{letter-spacing:normal}p:not(:last-child){margin-bottom:1.5em}.muted{color:var(--color-muted-fg)}small{font-size:var(--step--1);line-height:1.2}small a{color:currentColor}abbr{text-decoration:none}p>code,li>code,dd>code,td>code{background-color:var(--color-muted-bg);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--color-code);word-wrap:break-word;border-radius:.2em;padding:.1em .3em;font-family:Fira Code,monospace;font-size:.9em}.large{font-size:var(--step-1)}.feature{font-size:var(--step-7);letter-spacing:-.05em;text-transform:lowercase;font-family:Overpass;font-weight:800}.accent{color:var(--color-pink)}article{line-height:var(--leading-looser)}.listing h2{font-size:var(--step-1)}@media (min-width:768px){.listing h2{font-size:var(--step-3)}}.list-heading{border-bottom:1px solid var(--color-border);font-size:var(--step-0);padding-bottom:var(--step--2)}.eyebrow{font-size:var(--step-2);letter-spacing:normal;display:block}:root{--space-3xs:clamp(.3125rem,.3125rem + 0vi,.3125rem);--space-2xs:clamp(.5625rem,.5408rem + .1087vi,.625rem);--space-xs:clamp(.875rem,.8533rem + .1087vi,.9375rem);--space-s:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);--space-m:clamp(1.6875rem,1.6223rem + .3261vi,1.875rem);--space-l:clamp(2.25rem,2.163rem + .4348vi,2.5rem);--space-xl:clamp(3.375rem,3.2446rem + .6522vi,3.75rem);--space-2xl:clamp(4.5rem,4.3261rem + .8696vi,5rem);--space-3xl:clamp(6.75rem,6.4891rem + 1.3043vi,7.5rem);--space-3xs-2xs:clamp(.3125rem,.2038rem + .5435vi,.625rem);--space-2xs-xs:clamp(.5625rem,.4321rem + .6522vi,.9375rem);--space-xs-s:clamp(.875rem,.7446rem + .6522vi,1.25rem);--space-s-m:clamp(1.125rem,.8641rem + 1.3043vi,1.875rem);--space-m-l:clamp(1.6875rem,1.4049rem + 1.413vi,2.5rem);--space-l-xl:clamp(2.25rem,1.7283rem + 2.6087vi,3.75rem);--space-xl-2xl:clamp(3.375rem,2.8098rem + 2.8261vi,5rem);--space-2xl-3xl:clamp(4.5rem,3.4565rem + 5.2174vi,7.5rem);--space-s-l:clamp(1.125rem,.6467rem + 2.3913vi,2.5rem)}@keyframes slideInDown{0%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(10%)}to{transform:translate(0)}}.hero{color:var(--color-grey-700);padding:var(--space-m);background:#74fd6d;background:var(--color-gradient-brand);border-radius:var(--border-radius);position:relative}.hero p{max-width:29em}.hero .hero__headline{font-family:Overpass;font-size:var(--step-4);letter-spacing:-.03em;margin-bottom:var(--space-m);text-wrap:balance;font-weight:800;line-height:1.2;position:relative}@media (min-width:768px){.hero{margin:var(--space-l)0;padding:var(--space-xl)}.hero:before{opacity:.05;content:"";background-color:#2a2a2a;border-radius:1000px;width:6rem;height:70%;animation:2s ease-out slideInDown;display:block;position:absolute;top:-4rem;right:12rem}.hero:after{opacity:.05;content:"";background-color:#2a2a2a;border-radius:1000px;width:6rem;height:70%;animation:2.5s ease-out slideInDown;display:block;position:absolute;bottom:-4rem;right:4rem}}.callout{background-color:var(--color-lowlight-bg);border-radius:var(--border-radius);margin-left:-2rem;margin-right:-2rem;padding:2rem}@media (min-width:640px){.callout{padding:2rem}}.social{width:100%;margin:1rem 0;padding:0;font-size:2rem;list-style-type:none;display:-ms-flexbox;display:flex}.social__link{box-shadow:none;color:var(--footer-color-link);margin-right:var(--space-2xs);border:none}.social__link:hover,.social__link:active,.social__link:focus{box-shadow:none;color:var(--color-primary-dark)}.a11y-webring-club{background:var(--color-grey-800);border-radius:var(--border-radius);padding:var(--space-m);width:fit-content;margin-bottom:1rem}@media (min-width:768px){.a11y-webring-club li{margin-right:.5rem;display:inline-block}}.a11y-webring-club li a{box-shadow:none;padding:.2em}h2#a11y-webring-club{font-size:var(--step-1)}h1:not(.page-header--child h1){animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:backwards}.page-header{background-color:var(--page-header-color-bg);color:var(--page-header-color-fg)}@media (min-width:768px){.page-header{padding-top:var(--space-2xl)}}.page-header .content:after{content:"";height:var(--space-xs);width:var(--space-3xl);background-color:var(--page-header-accent-color);margin-top:var(--space-m);border-radius:1000px;animation-name:animate-sausage;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:backwards;display:block}@keyframes animate-sausage{0%{opacity:0;position:relative;left:-5rem}to{opacity:1;position:relative;left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header--child{background-color:var(--page-header-child-color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--page-header-child-color-fg)}@media (min-width:768px){.page-header--child{padding-top:0}}.page-header--topic{background-color:var(--color-muted-bg)}.page-header__summary{font-size:var(--step-1);text-wrap:balance;margin-bottom:0}.status{max-width:40rem}.panel{border-radius:var(--border-radius);padding:var(--padding-m)}@media (min-width:768px){.panel{margin:var(--space-l)0;padding:var(--space-xl)}}.btn{color:#fff;background-color:#2a2a2a;border:0;border-radius:1000px;padding:.5em .8em}.btn:hover{color:#2a2a2a;cursor:pointer;background-color:#ff0}.btn:focus-visible{color:#2a2a2a;cursor:pointer;background-color:#ff0}.logo{width:6rem;height:auto}.logo path{fill:var(--masthead-color-fg)}#masthead{background-color:var(--masthead-color-bg);color:var(--masthead-color-fg);padding:var(--space-l)0;container:headerContainer/inline-size}#masthead>.container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}#masthead a{box-shadow:none}@media (max-width:600px){#masthead>.container{-ms-flex-direction:column;flex-direction:column}}.open-menu{display:none}footer{background-color:var(--footer-color-bg);color:#fff;z-index:1;line-height:1.2;position:relative}footer a:hover{color:#2a2a2a;box-shadow:inset 0 -2em #fff}footer a:active{color:#2a2a2a;box-shadow:inset 0 -2em #fff}footer a:focus{color:#2a2a2a;box-shadow:inset 0 -2em #fff}footer .muted{color:var(--footer-color-muted-fg)}.nav{font-size:var(--step-1);font-weight:700}.nav ul{-ms-flex-align:center;align-items:center;gap:var(--space-2xs);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start;display:-ms-flexbox;display:flex}.nav a{border-radius:var(--border-radius-s);padding:var(--space-2xs)var(--space-xs);transition:none}.nav a:hover{background-color:var(--nav-hover-bg);color:var(--nav-hover-fg)}.nav a:active{background-color:var(--nav-hover-bg);color:var(--nav-hover-fg)}.nav a:focus-visible{background-color:var(--nav-hover-bg);color:var(--nav-hover-fg)}.nav a.active{background-color:var(--nav-active-bg);color:var(--nav-active-fg)}@media (max-width:600px){.nav{font-size:var(--step-0)}.nav ul{gap:var(--space-3xs)}.nav a{padding:var(--space-3xs)var(--space-2xs)}}.roles{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}.role{border-bottom:1px solid var(--color-border);padding:var(--space-2xs)0;gap:var(--space-3xs);-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}.role__row{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.role__date{font-size:var(--step--1)}.role__projects .fa-li{color:var(--color-muted-fg)}.qual__title{font-size:var(--step-1)}#skills{gap:var(--space-xl);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:700px){#skills{gap:var(--space-l);grid-template-columns:1fr}.role__row{-ms-flex-align:start;align-items:flex-start;gap:var(--space-2xs);-ms-flex-direction:column;flex-direction:column}}.project{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.project>*{--flow-space:var(--space-3xs)}.projects{margin:0}.projects>*{--flow-space:var(--space-l)}.project--casestudy{box-shadow:0 0 1rem 0 (rgba(0,0,0,.1));background-color:#fff;margin-bottom:5rem;margin-left:-2rem;margin-right:-2rem;padding:2rem 2rem 3rem;position:relative}.project__casestudy{box-shadow:none;color:#fff;background-color:#2a2a2a;border:none;border-radius:1000px;padding:.2em 1em;display:inline-block;position:absolute;bottom:-1.5rem;right:2rem}.project__casestudy:hover{box-shadow:none;color:#2a2a2a;background-color:#0ff}.project__casestudy:active{box-shadow:none;color:#2a2a2a;background-color:#0ff}.project__casestudy:focus{box-shadow:none;color:#2a2a2a;background-color:#0ff}.open-menu{font-size:2rem}.drawer__header-actions .sl-icon-button,.drawer__close{font-size:2rem!important}.drawer-menu a{font-size:var(--step-2);font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.b-0{border-width:0}.bg-muted{background-color:var(--color-muted-bg)}.bg-blue{background-color:var(--color-blue)}.bg-grey{background-color:var(--color-grey)}.fg-white{color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.fg-primary{color:var(--color-primary)}.bg-body{background-color:var(--color-bg)}.fg-body{color:var(--color-fg)}.bg-gradient{background:var(--color-gradient-brand)}.bg-none{background-color:transparent}.d-inline{display:inlne}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-start{-ms-flex-align:start;align-items:flex-start}.items-center{-ms-flex-align:center;align-items:center}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.m-0{margin:0!important}.py-0{padding-top:0;padding-bottom:0}.p-s{padding:var(--space-s)}.p-m{padding:var(--space-m)}.p-l{padding:var(--space-l)}.p-xl{padding:var(--space-xl)}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-balance{text-wrap:balance}.leading-tight{line-height:var(--leading-tight)}.leading-base{line-height:var(--leading-base)}.leading-loose{line-height:var(--leading-loose)}.leading-looser{line-height:var(--leading-looser)}.text-2xs{font-size:var(--step--3)}.text-xs{font-size:var(--step--2)}.text-s{font-size:var(--step--1)}.text-lg{font-size:var(--step-1)}.text-xl{font-size:var(--step-2)}.text-2xl{font-size:var(--step-3)}.text-3xl{font-size:var(--step-4)}.font-normal{font-weight:400}.font-bold{font-weight:700}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.readable{max-width:52rem}.bullet{margin-left:1.3rem;list-style-type:disc}@media (min-width:640px){.bullet{margin-left:3rem}}.bullet li{margin-bottom:1em}.block a[href]:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.undecorated{box-shadow:none;padding:0}.undecorated:hover{box-shadow:none;color:var(--color-undecorated-link-hover,inherit);text-underline-offset:.1em;text-decoration:underline}.undecorated:active{box-shadow:none;color:var(--color-undecorated-link-hover,inherit);text-underline-offset:.1em;text-decoration:underline}.undecorated:focus{box-shadow:none;color:var(--color-undecorated-link-hover,inherit);text-underline-offset:.1em;text-decoration:underline}:root{scroll-behavior:smooth;scroll-snap-type:y}dl{-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex}dl>div{border-bottom:1px solid var(--color-border);padding:var(--space-2xs)0;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}@media (min-width:900px){dl>div{-ms-flex-direction:row;flex-direction:row}}dl>div:last-child{border-bottom:none}dt,dd{margin:0}dt{font-weight:700}.section:not([class*=bg-]){border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.page-header+.section{border-top:none}.flow{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;display:-ms-flexbox;display:flex}.flow>*{margin-top:0;margin-bottom:0}.flow>*+*{margin-top:var(--flow-space,1.5rem)}.flow-l>*{--flow-space:var(--space-l)}.flow-m>*{--flow-space:var(--space-m)}.flow-xl>*{--flow-space:var(--space-xl)}.flow-xs>*{--flow-space:var(--space-3xs)}.flow-s>*{--flow-space:var(--space-s)}.skip{padding:var(--space-2xs);transition:none}.skip .container{padding-top:0;padding-bottom:0}.skip:not(:focus):not(:active){clip:rect(1px,1px,1px,1px);width:1px;height:1px;position:absolute;top:-1000px;left:auto;overflow:hidden}.skip:focus{background-color:var(--color-fg);box-shadow:none;outline-offset:-.2em;display:block}.note__date{display:inline-block}.note__date:first-letter{text-transform:uppercase}