:root{--paper:#fff;--yellow:#fbf267;--lime:#a9d63f;--green:#4cbe4a;--teal:#16687d;--slate:#2a4a6b;--navy:#272247;--ink:#1b1636;--max:92rem;--gutter:clamp(1.25rem, 4vw, 2.5rem);--edge:max(var(--gutter), (100% - var(--max)) / 2);--step-0:1.0625rem;--step-1:clamp(1.125rem, .4vw + 1rem, 1.375rem);--step-2:clamp(1.5rem, 1vw + 1.2rem, 2rem);--step-3:clamp(2rem, 2vw + 1.4rem, 2.75rem);--wordmark:clamp(2.75rem, 7vw + .5rem, 6rem);--rule:3px solid var(--navy)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100dvh;font-family:var(--font-body), system-ui, sans-serif;font-size:var(--step-0);color:var(--navy);background:var(--paper);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.6;display:flex}img,picture,svg{max-width:100%;display:block}img[src$=\.gif]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}h1,h2,h3,h4{text-wrap:balance;font-weight:700;line-height:1.15}p{text-wrap:pretty}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.band{padding-inline:var(--edge)}.band>*{max-width:var(--max);margin-inline:auto}.band--yellow{background:var(--yellow)}.band--lime{background:var(--lime)}.band--teal{background:var(--teal);color:var(--paper)}.band--navy{background:var(--navy);color:var(--paper)}main{flex-direction:column;flex:1;display:flex}.flow>*+*{margin-block-start:var(--flow,1rem)}.skip-link{z-index:999;background:var(--navy);color:var(--yellow);padding:.75rem 1.25rem;font-weight:600;position:absolute;left:-9999px}.skip-link:focus{top:.5rem;left:.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.masthead{padding-block:clamp(1.25rem,3vw,2rem) clamp(1.5rem,4vw,2.5rem)}.masthead__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,2.5rem);display:flex}.masthead__text{flex:22rem;min-width:0}.wordmark{font-family:var(--font-display), var(--font-body), cursive;font-size:var(--wordmark);letter-spacing:.01em;color:var(--navy);font-weight:400;line-height:.95;text-decoration:none;display:inline-block}a.wordmark:hover{color:var(--ink)}.masthead__tagline{font-size:var(--step-1);max-width:48ch;margin-block-start:.5rem}.masthead__decor{flex:0 auto;align-items:flex-end;gap:clamp(.5rem,1.5vw,1rem);display:flex}.masthead__decor img{width:auto;height:clamp(3.5rem,7vw,6.25rem)}@media (width<=40rem){.masthead__decor{display:none}}.projects{padding-inline:var(--edge);overflow:hidden}.projects__inner{max-width:var(--max);grid-template-columns:1fr;margin-inline:auto;display:grid}@media (width>=62rem){.projects__inner{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}}.projects__panel{padding-block:clamp(1.75rem,4vw,3rem) clamp(2rem,5vw,3.5rem);position:relative}.projects__panel:before,.projects__panel:after{content:"";background:inherit;width:100vw;position:absolute;inset-block:0}.projects__panel:before{right:100%}.projects__panel:after{left:100%}@media (width>=62rem){.projects__panel--active:after,.projects__panel--archived:before{display:none}}.projects__panel--active{background:var(--lime);color:var(--navy);padding-inline-end:var(--gutter)}.projects__panel--archived{background:var(--teal);color:var(--paper);padding-inline-start:var(--gutter)}@media (width<=61.999rem){.projects__panel--active,.projects__panel--archived{padding-inline:0}}.projects__heading{font-size:var(--step-2);margin-block-end:clamp(1.25rem,3vw,2rem)}.projects__panel--archived .projects__heading{color:var(--yellow)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:clamp(1.25rem,3vw,2rem) clamp(1rem,2vw,1.5rem);padding:0;list-style:none;display:grid}.projects__panel--archived .project-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.project-card{display:flex}.project-card__link{text-align:center;font-weight:700;font-size:var(--step-0);flex-direction:column;flex:1;align-items:center;gap:.6rem;text-decoration:none;display:flex}.project-card__icon{width:auto;max-height:5.5rem;margin-block-start:auto}.project-card__label{text-decoration:none}.project-card__link:hover .project-card__label{text-decoration:underline}.projects__panel--archived .project-card__link{color:var(--yellow)}.detail{background:var(--lime);color:var(--navy);padding-inline:var(--edge);flex:1;padding-block:clamp(1.5rem,3vw,2.25rem) clamp(2.5rem,6vw,4rem)}.detail__inner{max-width:var(--max);margin-inline:auto}.back{margin-block-end:clamp(1rem,2.5vw,1.75rem);display:inline-block}.back img{width:auto;height:3.25rem}.back:hover img{filter:brightness(1.15)}.detail__columns{align-items:start;gap:clamp(1.75rem,4vw,3rem);display:grid}@media (width>=62rem){.detail__columns{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.detail__title{font-size:var(--step-3);margin-block-end:1.25rem}.detail__icon{width:auto;max-height:8.5rem;margin-block-end:1.5rem}.detail__url{font-weight:700;font-size:var(--step-1);overflow-wrap:anywhere;text-decoration:underline;display:inline-block}.detail__body{--flow:1rem;font-size:var(--step-1);margin-block-start:1.25rem}.detail__body a,.detail__body strong{font-weight:700}.preview{border:var(--rule);background:var(--paper);overflow:hidden}.preview__shot{width:100%;height:auto}.preview__missing{color:var(--slate);padding:2rem 1.5rem;font-size:.9375rem}.latest{background:var(--paper);flex:1;padding-block:clamp(2rem,5vw,3.25rem)}.latest__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:clamp(1.25rem,3vw,2rem);display:flex}.latest__heading{font-size:var(--step-2)}.latest__all{font-weight:700;text-decoration:underline}.post-list{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:clamp(1rem,2.5vw,1.5rem);padding:0;list-style:none;display:grid}.post-card{border:var(--rule);background:var(--paper);flex-direction:column;gap:.5rem;height:100%;padding:1.25rem;transition:transform .12s,box-shadow .12s;display:flex}@media (prefers-reduced-motion:reduce){.post-card{transition:none}}.post-card:hover{box-shadow:5px 5px 0 var(--green);transform:translate(-3px,-3px)}.post-card__date{color:var(--slate);text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;font-weight:600}.post-card__title{font-size:var(--step-1)}.post-card__title a{text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card{position:relative}.post-card__title a:hover{text-decoration:underline}.post-card__excerpt{color:var(--slate)}.article{padding-inline:var(--edge);background:var(--lime);flex:1;padding-block:clamp(1.5rem,3vw,2.25rem) clamp(2.5rem,6vw,4rem)}.article__inner{background:var(--paper);border:var(--rule);max-width:46rem;margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}.article__title{font-size:var(--step-3)}.article__meta{color:var(--slate);text-transform:uppercase;letter-spacing:.06em;margin-block:.5rem 1.75rem;font-size:.875rem;font-weight:600}.prose{--flow:1.1rem;font-size:var(--step-1)}.prose h2{font-size:var(--step-2);margin-block-start:2rem}.prose h3{font-size:var(--step-1);margin-block-start:1.75rem}.prose img{border:var(--rule);width:100%;height:auto}.prose a{font-weight:700}.prose blockquote{border-inline-start:5px solid var(--green);padding-inline-start:1.25rem;font-style:italic}.prose code{background:var(--yellow);padding:.1em .35em;font-size:.9em}.prose pre{background:var(--ink);color:var(--paper);padding:1rem;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose ul,.prose ol{padding-inline-start:1.5rem}.prose li+li{margin-block-start:.4rem}.article__nav{border-block-start:var(--rule);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-block-start:2.5rem;padding-block-start:1.5rem;font-weight:700;display:flex}.site-footer{padding-block:clamp(1.25rem,3vw,1.75rem)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.socials{align-items:center;gap:.75rem;margin-inline-start:-.4rem;padding:0;list-style:none;display:flex}.socials a{width:2.25rem;height:2.25rem;color:var(--yellow);place-items:center;display:grid}.socials a:hover{color:var(--paper)}.socials svg{fill:currentColor;width:1.4rem;height:1.4rem}.site-footer__colophon{color:#b9b4d4;font-size:.875rem}.notfound{text-align:center;background:var(--lime);padding-block:clamp(3rem,10vw,7rem);padding-inline:var(--edge);flex:1;place-items:center;display:grid}.notfound h1{font-family:var(--font-display), cursive;font-size:var(--wordmark);font-weight:400}