@font-face{font-family:Atkinson Hyperlegible Next;src:url(./atkinson-hyperlegible-next-_PkjPGrw.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f7f8;--surface:#fff;--ink:#111722;--muted:#616b7b;--line:#d8dce3;--studio:#b3c7e7;--lime:#c6f775;--lime-ink:#172218;--section:#edf0f4;--header:#f7f7f8;--blue:#283f5c;--blue-soft:#e5ebf3;--green:#50714e;--font:"Atkinson Hyperlegible Next", sans-serif;--display:var(--font);--mono:var(--font);--gutter:clamp(24px, 3.51563vw, 80px);--rail:clamp(300px, 25.5208vw, 460px);--ease:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#151b24;--surface:#1e2631;--ink:#eef1f6;--muted:#a9b4c5;--line:#364150;--studio:#839bbc;--section:#202a37;--header:#151b24;--blue:#bccfe9;--blue-soft:#263347}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted) var(--paper);scroll-padding-top:112px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:.22em;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.025em;text-wrap:balance;font-weight:450;line-height:1.15}h2{font-size:clamp(30px,3.125vw,48px)}h3{font-size:28px}::selection{background:var(--lime);color:var(--lime-ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}.container{margin-inline:var(--gutter);width:auto}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:21px;height:21px}.text-link{background:0 0;align-items:center;gap:8px;padding-block-start:10px;padding-block-end:10px;font-size:17px;line-height:1.3;display:inline-flex}.text-link:hover{text-decoration:underline}.text-link .icon{width:18px;height:18px}.icon-button{border:1px solid var(--line);background:0 0;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;padding:0;display:inline-flex}.icon-button:hover{background:var(--blue-soft)}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px;position:fixed;top:10px;left:16px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.mono{font-family:var(--font)}.site-header{z-index:20;background:var(--header);position:sticky;top:0}.header-inner{height:92px;margin-inline:var(--gutter);align-items:center;display:flex}.wordmark{letter-spacing:-.03em;font-size:33px;font-weight:550;line-height:1}.primary-nav{align-items:center;gap:44px;margin-left:auto;display:flex}.primary-nav a{padding-block-start:12px;padding-block-end:12px;font-size:19px}.primary-nav a:hover,.primary-nav a[aria-current]{text-decoration:underline}.header-actions{gap:8px;margin-left:52px;display:flex}.moon-icon,[data-theme=dark] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:block}.menu-toggle{display:none}.gallery-opening{grid-template-columns:var(--rail) minmax(0, 1fr);margin-left:var(--gutter);display:grid}.hero-copy{padding-top:48px;padding-right:18px}.hero-copy h1{letter-spacing:-.028em;text-wrap:initial;max-width:374px;font-size:clamp(28px,2.21355vw,34px);font-weight:400;line-height:1.24}.project-index{width:min(276px,100%);margin-top:54px}.project-index>p{color:var(--muted);margin-bottom:12px;font-size:18px}.project-index ol{margin:0;padding:0;list-style:none}.project-index a{grid-template-columns:60px 1fr 42px;align-items:center;min-height:55.5px;font-size:22px;line-height:1.25;display:grid}.project-order{color:var(--muted);font-variant-numeric:tabular-nums;font-size:17px}.index-arrow{background:var(--lime);width:42px;height:42px;color:var(--lime-ink);opacity:0;transition:opacity .18s var(--ease), transform .3s var(--ease);border-radius:12px;place-items:center;display:grid;transform:translate(-5px)}.project-index a[aria-current] .index-arrow,.project-index a:hover .index-arrow{opacity:1;transform:none}.project-index a:focus-visible .index-arrow{opacity:1;transform:none}.project-index:has(a:hover) a[aria-current]:not(:hover) .index-arrow{opacity:0}.studio-feature{min-width:0}.studio-visual{background:var(--studio);aspect-ratio:1090/639;place-items:center;display:grid;overflow:hidden}.studio-visual img{object-fit:contain;width:88%;max-width:none;height:120%}.studio-caption{min-height:90px;padding:9px var(--gutter) 20px 0;justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-caption h2{font-size:33px;font-weight:450}.studio-visual{position:relative}.studio-visual img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-inner{margin-right:calc(var(--gutter) - (100vw - 100%))}.project-gallery{gap:96px;display:grid}.project-row{grid-template-columns:var(--rail) minmax(0, 1fr);margin-left:var(--gutter);display:grid}.project-info{padding:64px 48px 0 0}.project-info h3{font-size:34px;font-weight:400}.project-info>p{max-width:290px;color:var(--muted);margin-top:26px;font-size:18px;line-height:1.6}.project-meta{color:var(--muted);gap:4px;margin:28px 0 12px;font-size:14px;display:grid}.project-row:first-child .project-info{padding-top:76px}.project-row:first-child .project-info>p{margin-top:96px}.project-art{min-width:0;display:block;position:relative}.product-screenshot{width:100%;height:auto}.project-art:focus-visible{outline-offset:-5px}.tumpeet-art{aspect-ratio:1090/639;color:#f7ebd7;background:#513039;place-items:center;display:grid;overflow:hidden}.trumpet-art{object-fit:contain;width:90%;height:85%}.product-art-label{letter-spacing:.04em;font-size:13px;position:absolute;top:28px;right:32px}.tumpeet-caption{font-family:Georgia,serif;font-size:clamp(22px,2.6vw,40px);font-style:italic;position:absolute;bottom:32px;left:36px}.project-additional{grid-template-columns:var(--rail) minmax(0, 1fr);margin:96px var(--gutter) 100px;border-block:1px solid var(--line);padding-block-start:40px;padding-block-end:40px;display:grid}.project-additional h3{font-size:34px}.additional-copy{max-width:700px}.additional-copy>p{font-size:25px;line-height:1.45}.additional-copy>.text-link{margin-top:16px}.workbench{margin:0 var(--gutter) 108px;grid-template-columns:var(--rail) minmax(0, 1fr);display:grid}.workbench-heading{padding-right:40px}.workbench-heading h3{font-size:28px}#repo-status{max-width:270px;color:var(--muted);margin-top:15px;font-size:12px}.repo-grid{min-width:0}.repo-card{border-top:1px solid var(--line);align-items:flex-start;gap:20px;padding:25px 0;display:flex}.repo-card:last-child{border-bottom:1px solid var(--line)}.repo-card>div{flex:1;min-width:0}.repo-card h4{overflow-wrap:anywhere;font-size:22px}.repo-card:hover h4{text-underline-offset:.18em;text-decoration:underline}.repo-card p{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:16px}.repo-icon{color:var(--muted);margin-top:2px}.repo-language{color:var(--muted);margin-top:13px;font-size:12px;display:block}.retry-repos{grid-column:2;justify-self:start;margin-top:16px}.about-section{background:var(--section);padding:92px var(--gutter)}.about-grid{grid-template-columns:var(--rail) minmax(0, 1fr);display:grid}.about-heading{padding-right:54px}.about-heading h2{font-size:28px}.portrait{max-width:280px;margin-top:48px}.portrait img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto}.portrait figcaption{color:var(--muted);margin-top:12px;font-size:13px}.about-copy{max-width:760px}.about-copy>p{color:var(--muted);margin-top:24px;font-size:20px;line-height:1.65}.about-copy .about-lead{color:var(--ink);letter-spacing:-.025em;margin-top:0;font-size:clamp(28px,2.75vw,42px);line-height:1.28}.about-copy a{color:var(--ink);text-decoration:underline}.toolkit-section{margin-top:54px}.toolkit-section h3{margin-bottom:22px;font-size:24px}.toolkit-list{margin:0}.toolkit-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.8fr) 1.3fr;gap:24px;padding-block-start:18px;padding-block-end:18px;display:grid}.toolkit-list dt{font-size:17px}.toolkit-list dd{color:var(--muted);margin:0;font-size:17px}.contact-section{grid-template-columns:var(--rail) minmax(0, 1fr);padding:100px var(--gutter) 70px;display:grid}.contact-section h2{max-width:260px;font-size:30px}.contact-copy>p:first-child{letter-spacing:-.02em;max-width:650px;font-size:clamp(25px,2.2vw,34px);line-height:1.4}.email-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;display:flex}.email-link{letter-spacing:-.03em;align-items:center;gap:15px;font-size:clamp(24px,2.65vw,40px);text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.email-link .icon{width:28px;height:28px}.copy-email{flex-shrink:0}.copy-status{min-height:26px;color:var(--muted);margin-top:12px;font-size:15px}.site-footer{border-top:1px solid var(--line);align-items:center;gap:40px;padding-block-start:24px;padding-block-end:24px;font-size:14px;display:flex}.site-footer>p{color:var(--muted);margin-right:auto}.site-footer .text-link{font-size:15px}@media (min-width:1700px){.hero-copy h1{max-width:420px;font-size:38px}.project-index{margin-top:64px}}@media (max-width:1350px){:root{--rail:30vw}.hero-copy h1{font-size:28px}.intro-break{display:none}.project-index{width:min(260px,100%);margin-top:34px}.project-index a{grid-template-columns:42px 1fr 38px;min-height:48px;font-size:20px}.index-arrow{width:38px;height:38px}.project-info{padding:40px 32px 0 0}.project-info>p{font-size:17px}.project-row:first-child .project-info{padding-top:40px}.project-row:first-child .project-info>p{margin-top:26px}.gallery-opening{padding-bottom:48px}.about-heading{padding-right:40px}}@media (max-width:1000px){:root{--rail:32vw}.header-inner{height:80px}.wordmark{font-size:27px}.primary-nav{gap:28px}.header-actions{margin-left:28px}.hero-copy{padding-top:24px;padding-right:24px}.hero-copy h1{font-size:25px}.project-index{margin-top:26px}.project-index>p{font-size:16px}.project-index a{grid-template-columns:32px 1fr 34px;min-height:44px;font-size:18px}.project-order{font-size:13px}.index-arrow{border-radius:9px;width:34px;height:34px}.studio-caption{min-height:74px;padding-top:12px}.studio-caption h2{font-size:28px}.studio-caption .text-link{font-size:15px}.project-gallery{gap:64px}.project-info,.project-row:first-child .project-info{padding-top:0}.project-info h3,.project-additional h3{font-size:28px}.project-info>p{margin-top:18px;font-size:16px}.project-row:first-child .project-info>p{margin-top:18px}.project-meta{margin-top:20px;font-size:12px}.project-additional{margin-block-start:64px;margin-block-end:64px}.workbench{margin-bottom:64px}.about-section{padding-block-start:64px;padding-block-end:64px}.about-copy>p{font-size:18px}.toolkit-list>div{grid-template-columns:1fr;gap:5px}.contact-section{padding-block-start:64px;padding-block-end:40px}}@media (max-width:760px){:root{--gutter:24px}.gallery-opening{grid-template-columns:1fr;margin-inline-start:0;margin-inline-end:0;padding-bottom:28px}.hero-copy{padding:28px var(--gutter) 36px;grid-template-columns:1fr 1fr;gap:32px;display:grid}.hero-copy h1{font-size:28px}.project-index{margin:0}.studio-caption{padding-inline:var(--gutter)}.studio-visual{aspect-ratio:1.5}.project-row{grid-template-columns:1fr;gap:24px;margin:0}.project-info,.project-row:first-child .project-info{padding:0 var(--gutter)}.project-info>p{max-width:500px}.project-meta{flex-wrap:wrap;gap:6px 14px;margin-top:16px;display:flex}.project-info>.text-link{margin-top:2px}.project-additional,.workbench,.about-grid,.contact-section{grid-template-columns:1fr;gap:28px}.workbench-heading{padding:0}#repo-status{max-width:none}.retry-repos{grid-column:1}.about-grid{gap:36px}.about-heading{grid-template-columns:1fr 160px;gap:24px;padding:0;display:grid}.portrait{margin:0}.about-heading h2{max-width:200px}.about-copy .about-lead{max-width:580px}.contact-section h2{max-width:none}.email-link{font-size:clamp(22px,4.6vw,34px)}}@media (max-width:600px){html{scroll-padding-top:90px}.header-inner{height:76px;margin-inline:var(--gutter);flex-wrap:wrap}.wordmark{white-space:nowrap;font-size:24px}.header-actions{gap:7px;margin-left:auto}.icon-button{border-radius:10px;width:42px;height:42px}.theme-toggle .icon{width:19px;height:19px}.js-ready .menu-toggle{flex-direction:column;gap:5px;display:flex}.menu-toggle span{width:18px;height:1px;transition:transform .18s var(--ease);background:currentColor}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px)rotate(-45deg)}.primary-nav{background:var(--header);order:3;gap:32px;width:100%;padding:8px 0 16px}.primary-nav a{font-size:19px}.js-ready .primary-nav{padding:18px var(--gutter) 24px;border-bottom:1px solid var(--line);display:none;position:absolute;top:76px;left:0}.js-ready .primary-nav.is-open{display:flex}html:not(.js-ready) .header-inner{height:auto;min-height:112px;padding-top:20px}.hero-copy{padding-top:24px;padding-bottom:30px;display:block}.hero-copy h1{max-width:460px;font-size:clamp(26px,7.4vw,36px);line-height:1.2}.project-index{width:100%;margin-top:28px}.project-index>p{margin-bottom:10px;font-size:15px}.project-index ol{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.project-index a{grid-template-columns:24px 1fr 25px;min-height:46px;font-size:17px}.index-arrow{border-radius:7px;width:25px;height:28px}.index-arrow .icon{width:17px;height:17px}.studio-visual{aspect-ratio:1.2}.studio-visual img{width:110%;height:110%}.studio-caption h2{font-size:27px}.studio-caption{min-height:80px;padding-bottom:8px}.project-gallery{gap:48px}.project-info h3,.project-additional h3{font-size:30px}.project-info>p{font-size:17px;line-height:1.55}.project-meta{font-size:13px}.project-art{margin:0 12px}.tumpeet-art{aspect-ratio:1.25;margin:0}.product-art-label{font-size:11px;top:18px;right:24px}.tumpeet-caption{bottom:22px;left:24px}.project-additional{gap:22px;margin-block-start:56px;margin-block-end:56px;padding-block-start:28px;padding-block-end:28px}.additional-copy>p{font-size:22px}.workbench{gap:22px;margin-bottom:56px}.repo-card{gap:14px;padding-block-start:22px;padding-block-end:22px}.repo-card h4{font-size:21px}.repo-card p{font-size:15px}.about-section{padding-block-start:48px;padding-block-end:48px}.about-heading{grid-template-columns:1fr 128px}.about-heading h2{font-size:27px}.portrait figcaption{font-size:11px}.about-copy .about-lead{font-size:30px}.about-copy>p{font-size:17px}.toolkit-section{margin-top:36px}.contact-section{gap:24px;padding-block-start:52px;padding-block-end:30px}.contact-section h2{font-size:28px}.contact-copy>p:first-child{font-size:26px}.email-actions{gap:12px;margin-top:26px}.email-link{gap:6px;font-size:clamp(21px,5.65vw,30px)}.email-link .icon{width:22px;height:22px}.site-footer{flex-wrap:wrap;gap:6px 28px;padding-block-start:18px;padding-block-end:18px}.site-footer>p{width:100%}}@media (max-width:359px){:root{--gutter:18px}.wordmark{font-size:22px}.header-actions{gap:5px}.icon-button{width:40px;height:40px}.project-index ol{gap:0 12px}.project-index a{grid-template-columns:22px 1fr 25px;font-size:15px}.about-heading{grid-template-columns:1fr 112px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}