*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,li,ol[class]:not(.columns):not(.grid):not(.list-highlight),p,ul[class]:not(.grid):not(.list-highlight):not(.notes){margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-mode:"light";--c-primary:#123693;--c-primary-bright:#0053d6;--c-primary-dark:#14234b;--c-highlight:#e1144b;--c-white:#fff;--c-accent-green:#f1f1e6;--c-accent-silver:#f0f5f5;--c-accent-orange:#ffeacc;--c-accent-pink:#ffe6f0;--c-accent-purple:#efedff}@media (prefers-color-scheme:dark){:root{--color-mode:"dark"}}[data-user-color-scheme=dark]{--c-white:#f0f5f5;--c-accent-green:#33e0c8;--c-accent-silver:#d0d0d0;--c-accent-orange:#ff5f19;--c-accent-purple:#ad70ff}@font-face{font-family:dm-sans;src:url(../font/dmsans-regular.woff2) format("woff2"),url(../font/dmsans-regular.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dm-sans;src:url(../font/dmsans-bold.woff2) format("woff2"),url(../font/dmsans-bold.woff) format("woff");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:"dm-serif";src:url(../font/dmserifdisplay-regular.woff2) format("woff2"),url(../font/dmserifdisplay-regular.woff) format("woff");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dm-mono;src:url(../font/dmmono-regular.woff2),url(..font/dmmono-regular.woff);font-display:swap;font-weight:400;font-style:normal}body{background-color:var(--c-white);color:var(--c-primary)}.console{background-color:#14234b}@media (min-width:62.5em){.console{background-color:#0053d6}}h1{color:#fff}.breadcrumbs a,.post .page-title,h2,h3,main a{color:var(--c-primary-bright)}.list-highlight li{border-top:1px solid #b8c7ff}.card{background-color:var(--c-white)}.link-highlight__icon{fill:var(--c-primary-bright)}.code-block,code{background-color:var(--c-accent-silver);color:var(--c-primary-dark)}.bg-dark{background-color:var(--c-primary-dark);color:var(--c-white)}.bg-dark a{color:#fff}.is-scheme-green{background-color:var(--c-accent-green)}.is-scheme-orange{background-color:var(--c-accent-orange)}.is-scheme-pink{background-color:var(--c-accent-pink)}.is-scheme-purple{background-color:var(--c-accent-purple)}.is-scheme-silver{background-color:var(--c-accent-silver)}.is-scheme-white{background-color:var(--c-white)}[data-user-color-scheme=dark] .icon-selfie:first-child,[data-user-color-scheme=dark] img{filter:brightness(.8)}[data-user-color-scheme=dark] .bg-dark,[data-user-color-scheme=dark] .is-scheme-green,[data-user-color-scheme=dark] .is-scheme-orange,[data-user-color-scheme=dark] .is-scheme-pink:not(.card),[data-user-color-scheme=dark] .is-scheme-purple,[data-user-color-scheme=dark] .is-scheme-silver,[data-user-color-scheme=dark] .is-scheme-white,[data-user-color-scheme=dark] body{background-color:var(--c-primary-dark);color:var(--c-accent-silver)}[data-user-color-scheme=dark] .breadcrumbs a,[data-user-color-scheme=dark] .card,[data-user-color-scheme=dark] .card-link,[data-user-color-scheme=dark] .post .page-title,[data-user-color-scheme=dark] h2,[data-user-color-scheme=dark] h3,[data-user-color-scheme=dark] main a{color:var(--c-white)}[data-user-color-scheme=dark] .card:not(.card--feature){background-color:var(--c-primary)}[data-user-color-scheme=dark] .card:not(.card--feature).is-scheme-green{background-color:transparent;border:2px solid var(--c-accent-green)}[data-user-color-scheme=dark] .card:not(.card--feature).is-scheme-orange{background-color:transparent;border:2px solid var(--c-accent-orange)}[data-user-color-scheme=dark] .card:not(.card--feature).is-scheme-pink{background-color:transparent;border:2px solid var(--c-highlight)}[data-user-color-scheme=dark] .list-highlight li{border-top:1px solid #0053d6}[data-user-color-scheme=dark] .link-highlight__icon{fill:var(--c-accent-purple)}[data-user-color-scheme=dark] code{background-color:var(--c-primary);color:var(--c-accent-silver)}[data-user-color-scheme=dark] .code-block{background-color:transparent;border:2px solid var(--c-accent-green);color:var(--c-white)}[data-user-color-scheme=dark] .x-ray-fill{fill:var(--c-primary-dark)}[data-user-color-scheme=dark] .is-dm-pink{color:var(--c-highlight)}[data-user-color-scheme=dark] .is-dm-purple{color:var(--c-accent-purple)}.hair{fill:#bea5aa}.skin-light{fill:var(--c-accent-pink)}.skin-dark{fill:#f5c2be}.mouth{fill:#ff7a9e}.eye{fill:#14234b}.hat-light{fill:#5e7b9d}.hat-shadow{fill:#5a6377}.glasses{fill:#ee6366}.x-ray-fill{fill:#14234b}.bone{fill:#f5f0df}.bone-void{fill:#14234b}.bone-dark{fill:#b8b7a6}.bone-shadow{fill:#544b35}.bone-mid{fill:#b3b3b3}.bone-light{fill:var(--c-white)}.bone-teeth-lower{fill:#f3f1ed}.bone-teeth-shadow{opacity:.3}.sparkles{display:inline-block;position:relative}.sparkle{align-items:center;animation-name:scale;animation-duration:1s;animation-iteration-count:1;animation-timing-function:ease-in-out;display:flex;height:1.5rem;justify-content:center;margin-top:0!important;position:absolute;width:1.5rem}.sparkle,.sparkle-star{transform-origin:center center}.sparkle-star{animation-name:spin;animation-duration:.7s;animation-iteration-count:infinite;animation-timing-function:linear;fill:#e1144b;pointer-events:none}@keyframes scale{0%,to{transform:scale(.25)}50%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}.eye{animation-name:blink;animation-duration:10s;animation-iteration-count:infinite;transform-origin:50%;transform-box:fill-box}@keyframes blink{0%,2%{transform:scaleX(1) scaleY(1)}1%{transform:scaleX(1.3) scaleY(.1)}}.x-ray{cursor:none;min-height:350px;position:relative}.x-ray,.x-ray svg{height:100%;width:100%}.x-ray svg{bottom:0;display:block;left:0;margin:0;position:absolute;right:0;top:0}@media (max-width:49.96875em){.x-ray{min-height:300px}.x-ray svg{margin:0 auto}}@media (min-width:50em){.icon-selfie{max-height:28.5rem}}@media (max-width:49.96875em){.icon-selfie{max-width:18rem}}:root{--fluid-min-width:800;--fluid-max-width:1440;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1440px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--2-min:11.11;--f--2-max:11.52;--step--2:calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:13.33;--f--1-max:14.40;--step--1:calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16.00;--f-0-max:18.00;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:19.20;--f-1-max:22.50;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:23.04;--f-2-max:28.13;--step-2:calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:27.65;--f-3-max:35.16;--step-3:calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:33.18;--f-4-max:43.95;--step-4:calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--f-5-min:39.81;--f-5-max:54.93;--step-5:calc(var(--f-5-min)/16*1rem + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));--f-6-min:47.78;--f-6-max:68.66;--step-6:calc(var(--f-6-min)/16*1rem + (var(--f-6-max) - var(--f-6-min))*var(--fluid-bp))}body{font-family:dm-sans,sans-serif;font-size:var(--step-0)}h1,h2,h3{font-weight:400;line-height:1.2;max-width:64ch}h1,h2{font-family:"dm-serif",serif}h1{font-size:var(--step-5);max-width:22ch}.front h1{max-width:100%}@media (min-width:1150px){.front h1{max-width:26ch}}h2{font-size:var(--step-4);max-width:48ch}h3{font-size:var(--step-2)}ol,ul{margin:0;padding:0}li,p{line-height:1.6;max-width:52ch}.is-text-larger{font-size:var(--step-2);line-height:1.4;max-width:36ch}.is-text-smaller{font-size:var(--step--1);line-height:1.8}.all-caps{font-weight:700;letter-spacing:.125rem;text-transform:uppercase}a{text-decoration:none}a:not([class]):not([role]){text-decoration:underline}a:not([class]):not([role]):hover{text-decoration:none}.link-highlight{align-items:center;display:flex;margin-top:0}.link-highlight:hover{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.link-highlight:hover .link-highlight__icon{transform:translateX(.375em)}.link-highlight:focus .link-highlight__icon{fill:#e1144b}.link-highlight__icon{fill:#0053d6;flex:0 0 var(--step-2);height:1.125em;-webkit-margin-end:.75em;margin-inline-end:.75em;transition:transform .25s ease-in-out;width:1.125em}.switch,pre{font-family:dm-mono,monospace}.page h3:not(.card__heading),.post h3:not(.card__heading){font-size:var(--step-1);font-weight:700}.post .page-title{max-width:27ch}.post time{font-size:var(--step--1);letter-spacing:.125rem;text-transform:uppercase}.post h2{font-size:var(--step-3)}.post li,.post p{max-width:57ch}.post figcaption{font-size:var(--step--1)}.tabbed li a{font-size:var(--step-1)}.notes .note__heading{display:inline-block;max-width:100%}.footnotes{font-size:var(--step--1)}.console{padding:0 1.5rem}@media (min-width:37.5em){.console{padding:0 3rem}}@media (min-width:62.5em){.ui{display:-ms-grid;display:grid;-ms-grid-rows:auto;-ms-grid-columns:7.5rem 1fr;grid-template:"console content"/7.5rem 1fr}.console{height:100vh;padding:0 1.5rem}}.console{grid-area:console}.content{grid-area:content}@media (min-width:62.5em){.console{-ms-grid-row:1;-ms-grid-column:1}.content{-ms-grid-row:1;-ms-grid-column:2}}@supports (grid-auto-rows:0){.constrain,main{display:grid;grid-template:"left centre right"/minmax(1.5em,1fr) minmax(auto,1260px) minmax(1.5em,1fr)}.constrain>*,main>*{grid-column:2;justify-items:center}.full-width{grid-column:1/4;width:100%}@media (min-width:37.5em){.constrain,main{grid-template:"left centre right"/minmax(3em,1fr) minmax(auto,1260px) minmax(3em,1fr)}}@media (min-width:62.5em){.console{padding-top:4.5rem;position:-webkit-sticky;position:sticky;top:0}}}.columns{display:flex;flex-wrap:wrap}.column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:49.96875em){.column{flex-basis:100%}}@media (min-width:50em){.columns{flex-wrap:nowrap}.column{flex-basis:0}.column[style]{flex-grow:0}.column:not(:first-child){margin-left:3rem}.column.is-one-third{flex-basis:calc(33.33333% - 1.5rem)}.column.is-two-third{flex-basis:66.66667%}}@supports (grid-auto-rows:0){.grid{display:grid;grid-template-columns:repeat(auto-fill,1fr);justify-items:start;grid-gap:1.5rem;gap:1.5rem}@media (min-width:25em){.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:50em){.grid{grid-gap:3rem;gap:3rem}}.grid>*{max-width:100%;width:100%}}.full-width *+*,.full-width>*,.rhythm *+*,.rhythm>*{margin-top:1.5rem}.rhythm .card__date,.rhythm .card__excerpt,.rhythm main li:not(:first-child):not(.list-highlight),.rhythm p:not(.is-text-larger)+p{margin-top:.75rem}.rhythm .breadcrumbs li,.rhythm .card__heading,.rhythm h3{margin-top:1.5rem}.rhythm .footnotes,.rhythm .is-double-measure-top,.rhythm .page *+h3,.rhythm .post *+h3,.rhythm .post time+*,.rhythm h1,.rhythm h2{margin-top:3rem}.rhythm .code-block,.rhythm .post .columns{margin:3rem 0 1.5rem}@media (min-width:50em){.rhythm .column{margin-top:0}}.rhythm .card>:first-child,.rhythm .card__media,.rhythm .column>:first-child,.rhythm .constrain,.rhythm .constrain>:first-child,.rhythm .full-width,.rhythm .grid>li,.rhythm .grid li>:first-child,.rhythm .list-highlight li,.rhythm .note__heading,.rhythm .notice,.rhythm .pad-big-y,.rhythm .pad-big-y>:first-child,.rhythm .tabbed section,.rhythm [role=tablist] li,.rhythm br,.rhythm dd,.rhythm main,.rhythm picture img{margin-top:0!important}@media (min-width:37.5em){.rhythm .site-meta{margin-top:0}}.pad-small-all{padding:1.5rem}.pad-big-y{padding-bottom:4.5rem;padding-top:4.5rem}.flex-centred-x,.flex-centred-y{display:flex;justify-content:center}.flex-centred-y{flex-direction:column}.flex-centred-y h1{margin-top:0}@media (max-width:49.96875em){.stacked-no-pad-top{padding-top:0}}.breadcrumbs{display:flex;font-size:var(--step--1)}.brand{padding-top:1.5rem}.nav{display:flex}.nav__item:not(:last-child){margin-right:.75rem}.nav__item a{color:#fff;display:inline-block;font-family:dm-sans,sans-serif;font-size:var(--step--1);font-weight:400!important;padding:.75rem 0;position:relative;text-decoration:none;width:100%}.nav__item a:before{background-color:transparent;content:"";display:block;left:0;height:.375rem;position:absolute;bottom:0;width:100%}.nav__item a:hover:before{background-color:#fff}.nav__item a[aria-current]:before{background-color:#e1144b}@media (min-width:62.5em){.nav{flex-direction:column}.nav__item{border-top:1px solid #123693;margin:0;width:100%}.nav__item a{font-size:var(--step--2)}.nav__item a:before{left:-1.5rem;height:100%;top:0;width:.375rem}}.footer{display:flex;font-size:var(--step-0);justify-content:space-between}@media (max-width:37.46875em){.footer{flex-direction:column}}.site-meta ul{list-style-type:none}.site-meta li{margin-top:.75rem}@media (min-width:37.5em){.site-meta{align-items:flex-end;display:flex;flex-direction:column}.site-meta .switch{margin-top:auto}}.head{display:flex;font-size:var(--step--1);padding:1.5rem 0;position:relative}@media (min-width:62.5em){.head{align-items:flex-end}.head>:not(:last-child){-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}}@media (max-width:62.46875em){.head{font-size:var(--step-0);flex-direction:column}.head .email{margin-top:.75rem}.head [role=switch]{position:absolute;right:0;top:1.5rem}}.breadcrumbs li,.head>*{margin-top:0}.breadcrumbs li:not(:last-child):after{content:"/";padding:0 .375rem}.breadcrumbs a:hover{text-decoration:none}.card{box-shadow:0 .75em 1.875em 0 rgba(34,28,53,.15)}.card__heading{font-family:"dm-serif",serif;font-size:var(--step-2);max-width:100%}.card__type{font-size:var(--step--2)}.card__date{display:inline-block}.card__date,.card__excerpt{font-size:var(--step--1)}.card__styled-link{border:1px solid;border-radius:2rem;display:inline-block;font-size:var(--step--2);font-weight:400;padding:6px 16px;text-decoration:none}.card__styled-link:focus,.card__styled-link:hover{background-color:#e1144b;border-color:#e1144b}.card__styled-link:active{transform:scale(.94)}.card:not(.card--project):not(.card--feature) .card__date,.card:not(.card--project):not(.card--feature) .card__excerpt{font-family:dm-mono,monospace}.card--project .card__heading{color:#fff}.card--project .card__excerpt a{border:0!important;text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.card--project .card__excerpt a:focus,.card--project .card__excerpt a:hover{text-decoration:none}@media (min-width:50em){.card--project .card__text{padding-right:0}}.card__media img{height:100%;object-fit:cover;object-position:50% 50%;width:100%}.card--feature .card__heading{max-width:26ch}.card--feature .card__excerpt{font-size:var(--step-0);margin-top:1.5rem;max-width:48ch}.card--linked{position:relative}.card-link{color:#0053d6;text-decoration:none}.card-link:focus{outline:none}.card-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.card-link:hover:after{outline:2px solid #0053d6;outline-offset:.1875rem}@media (max-width:49.96875em){.card--project .card__text{order:2}.card--project img{max-height:400px}}.code-block,code{font-family:dm-mono,monospace}code{font-size:var(--step-0);padding:0 .1875em}.code-block{font-size:var(--step--1);margin-left:-1.5rem;margin-right:-1.5rem;padding:0 1.5rem 1.5rem;white-space:pre-wrap}img{height:auto;width:100%}.list-highlight li{list-style-type:none;padding:.75rem 0}.list-highlight li:last-child{padding-bottom:0}.tabbed .list-highlight li{padding:.5rem 0}.tabbed ul{padding:0}[role=tablist] a{color:var(--c-primary-dark);display:block;font-weight:700;outline:none;position:relative;text-decoration:none}[role=tablist] a:before{content:"";border-left:.375rem solid transparent;height:calc(100% + 1rem);left:-.8125rem;position:absolute;top:-.5rem}[role=tablist] a:hover{color:var(--c-primary-bright)}[role=tablist] a:hover:before{border-color:var(--c-primary-bright)}[role=tablist] [aria-selected]{color:#0053d6}[role=tablist] [aria-selected]:before{border-color:#0053d6}[role=tablist] [aria-selected]:focus:before{border-color:#e1144b}@media (min-width:50em){[role=tablist] a{border-bottom:0!important}}@media (max-width:49.96875em){[role=tablist] li{border:0}[role=tablist] a,[role=tablist] li{display:inline-block;margin-right:.75rem;position:static}[role=tablist] li+li a{border-top:0!important}[role=tablist] [aria-selected]{border-bottom:.1875rem solid #0053d6}[role=tablist] [aria-selected]:focus{border-color:#e1144b}}[data-user-color-scheme=dark] [role=tablist] a:hover{color:var(--c-highlight)}[data-user-color-scheme=dark] [role=tablist] a:hover:before{border-color:var(--c-highlight)}[data-user-color-scheme=dark] [role=tablist] [aria-selected]{border-color:var(--c-highlight);color:var(--c-highlight)!important}[data-user-color-scheme=dark] [role=tablist] [aria-selected]:before,[data-user-color-scheme=dark] [role=tablist] [aria-selected]:focus:before{border-color:var(--c-highlight)}@media (max-width:49.96875em){[data-user-color-scheme=dark] .tabbed li{border:0}}.switch{display:flex;flex-direction:column;margin-left:auto}.toggle{margin-top:.75rem}.toggle-status{font-size:var(--step--1);margin-top:0}[role=switch]{background-color:transparent;border:1px solid var(--c-white);border-radius:2rem;cursor:pointer;min-height:22px;position:relative;width:48px}[role=switch]:focus{border-color:var(--c-highlight)}[role=switch] span{background-color:var(--c-white);border:1px solid var(--c-white);border-radius:50%;display:inline-block;height:16px;width:16px;position:absolute;top:2px;transition:.25s}[role=switch][aria-checked=false] span{left:2px}[role=switch][aria-checked=true] span{left:28px}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-to-content{background-color:#fff;color:#14234b;font-size:var(--step--1);left:1.5rem;padding:.555em 1rem;position:absolute;text-decoration:none;top:1.5rem;transform:translateY(-200%);z-index:10}.skip-to-content:focus{outline:none;transform:translateY(0)}.card-link:focus:after,:focus{outline:1px solid #e1144b;outline-offset:.375rem}.nav__item a:focus{background-color:transparent;outline:none}.nav__item a:focus:before{background-color:#fff}.card__styled-link:focus,.link-highlight:focus,[role=switch]{outline:none}.link-highlight:focus{color:#e1144b}main{outline:none!important}