html{--bg:#fff;--text:#1d1d1f;--line:#d2d2d7;--subtle:#fafafa;--muted:#616166;--panel:#f5f5f7;--link:#06c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#161617;--text:#f5f5f7;--line:#3b3b40;--subtle:#1d1d1f;--muted:#ababaf;--panel:#242426;--link:#75baff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--bg:#161617;--text:#f5f5f7;--line:#3b3b40;--subtle:#1d1d1f;--muted:#ababaf;--panel:#242426;--link:#75baff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--link);outline-offset:6px;border-radius:2px}::selection{background:#d8eaff}.skip{background:var(--bg);z-index:10;padding:15px;position:absolute;top:-100px}.skip:focus{top:5px}.header{border-bottom:1px solid var(--line);background:var(--subtle)}.header-inner{justify-content:space-between;align-items:center;max-width:980px;min-height:66px;margin:0 auto;padding:0 32px;display:flex}.name{letter-spacing:-.4px;font-size:16px;font-weight:600}.header nav{gap:30px;font-size:12px;display:flex}.header nav a{padding:14px 0}.header nav a:hover,footer a:hover{color:var(--link)}main,footer{max-width:916px;margin:0 auto}.intro{padding:98px 0 88px}.kicker{letter-spacing:1.7px;color:var(--muted);margin:0 0 20px;font-size:10px;font-weight:600}h1{letter-spacing:-2.8px;margin:0 0 16px;font-size:clamp(42px,5.2vw,66px);font-weight:600;line-height:1.08}.lead{letter-spacing:-.6px;color:var(--muted);margin:0 0 23px;font-size:26px;line-height:1.35}.summary{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.8}.text-link{color:var(--link);align-items:center;gap:8px;min-height:34px;font-size:14px;display:inline-flex}.text-link span{font-size:23px;line-height:1}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.6px;margin:0;font-size:23px;font-weight:600}.section-heading p{color:var(--muted);margin:0;font-size:12px}.project{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:28px 0;transition:background .18s;display:flex}.project-number{color:var(--muted);align-self:flex-start;padding-top:5px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.project-copy{flex:1}.project-title{align-items:baseline;gap:13px;display:flex}.project h3{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:600}.type{color:var(--muted);font-size:10px}.project-copy p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.host{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.project-arrow{color:var(--muted);font-size:18px;transition:transform .18s}.project:hover h3{color:var(--link)}.project:hover .project-arrow{color:var(--link);transform:translate(2px,-2px)}.project:hover{background:var(--subtle)}.mobile-host{display:none}.portfolio{background:var(--panel);border-radius:3px;justify-content:space-between;align-items:center;gap:24px;margin-top:65px;padding:32px 34px;display:flex}.portfolio h2{letter-spacing:-.5px;margin:0 0 10px;font-size:20px;font-weight:600}.portfolio p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.portfolio .text-link{white-space:nowrap}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:70px;padding:24px 0 35px;font-size:10px;display:flex}footer nav{gap:24px;display:flex}footer a{padding:5px 0;display:inline-block}footer>span{padding:5px 0}@media (width<=1000px){main,footer{margin-left:32px;margin-right:32px}.host{display:none}.mobile-host{color:var(--muted);margin-top:10px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}}@media (width<=600px){.header-inner{min-height:60px;padding:0 22px}.header nav{gap:18px;font-size:11px}.header nav a:last-child{display:none}.name{font-size:14px}main,footer{margin-left:22px;margin-right:22px}.intro{padding:64px 0 60px}h1{letter-spacing:-2px;font-size:44px}.lead{max-width:275px;font-size:22px}.summary{font-size:14px}.desktop-break{display:none}.section-heading{padding-bottom:20px;display:block}.section-heading h2{font-size:22px}.section-heading p{margin-top:9px}.project{gap:15px;padding:25px 0}.project h3{font-size:18px}.project-copy p{max-width:270px;font-size:13px}.project-number{font-size:10px}.project-arrow{align-self:flex-start;padding-top:0}.type{font-size:10px}.portfolio{margin-top:40px;padding:26px 24px;display:block}.portfolio h2{font-size:20px;line-height:1.3}.portfolio .text-link{margin-top:17px}footer{flex-wrap:wrap;gap:15px;margin-top:45px;padding-bottom:25px}footer nav{gap:20px}.text-link{min-height:44px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.header-inner{flex-wrap:wrap;gap:24px}.header nav{gap:20px;margin-left:auto}.preferences{align-items:center;gap:8px;display:flex}.preferences select{color:var(--text);background:var(--subtle);border:1px solid var(--line);cursor:pointer;border-radius:5px;max-width:145px;min-height:36px;padding:7px;font:11px -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.preferences select:focus-visible,.discord:focus-visible{outline:2px solid var(--link);outline-offset:4px}.summary{max-width:510px}.portfolio p{max-width:440px}footer{flex-wrap:wrap;gap:12px}footer nav{flex-wrap:wrap;align-items:center;gap:18px}footer nav a,footer nav button{align-items:center;gap:5px;min-height:36px;display:inline-flex}.discord{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0}.discord span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.discord:hover{color:var(--link)}.copy-status{min-height:16px;color:var(--text);text-align:right;flex-basis:100%;margin:0;font-size:12px}select,button{-webkit-tap-highlight-color:transparent}@media (width<=760px){.header-inner{gap:0 16px;padding-top:12px;padding-bottom:10px}.preferences{flex-basis:100%;justify-content:flex-end;margin-top:4px}.preferences select{min-height:40px}.header nav{gap:16px}.header nav a:last-child{display:inline-block}.portfolio{align-items:start}.portfolio .text-link{white-space:normal}footer nav a,footer nav button{min-height:44px}.copy-status{text-align:left}}@media (width<=370px){.header nav{gap:12px}.header nav a:last-child{display:none}.preferences{justify-content:space-between}.intro{padding-top:46px}}html{scroll-behavior:smooth;scroll-padding-top:155px}.header{z-index:20;pointer-events:none;background:0 0;border:0;height:82px;padding:0 16px;position:sticky;top:0}.header-inner{pointer-events:auto;border:1px solid #0000;border-bottom-color:var(--line);background:var(--subtle);border-radius:0;max-width:980px;min-height:66px;padding:0 32px;transition:max-width .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),border-radius .45s,box-shadow .45s,background .45s;position:relative;overflow:hidden}.header.is-compact .header-inner{border-color:var(--line);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);border-radius:18px;max-width:860px;transform:translateY(10px);box-shadow:0 6px 25px #0000000d}.home-mark{letter-spacing:-2px;justify-content:center;align-items:center;min-width:36px;min-height:44px;font-size:27px;font-weight:650;display:inline-flex}.home-mark span{transition:transform .4s cubic-bezier(.22,1,.36,1)}.is-compact .home-mark span{transform:scale(.85)}.header nav a{color:var(--muted);transition:color .2s;position:relative}.header nav a:hover,.header nav a[aria-current=location]{color:var(--text)}.header nav a:after{content:"";background:var(--link);border-radius:2px;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.header nav a[aria-current=location]:after{transform:scaleX(1)}.scroll-progress{background:var(--link);transform-origin:0;opacity:0;pointer-events:none;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.is-compact .scroll-progress{opacity:.65}.header a:focus-visible,.header select:focus-visible{outline-offset:2px}.back-top{align-items:center;gap:10px;min-height:44px;display:inline-flex}@media (width<=760px){.header{height:122px;padding:0 10px}.header-inner{gap:0 16px;min-height:106px;padding:8px 12px}.header.is-compact .header-inner{border-radius:14px;transform:translateY(6px)}.header .name{font-size:25px}.header .preferences{justify-content:flex-end;margin-top:0}.header.is-compact .preferences select{background:var(--panel)}.header .home-mark{min-height:40px}.header nav{gap:22px;font-size:12px}.header nav a:last-child{display:inline-block}}@media (width<=370px){.header nav{gap:18px}.header .preferences{justify-content:flex-end}.preferences select{max-width:140px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-inner,.home-mark span,.header nav a:after,.scroll-progress{transition:none!important}}.header nav a{transition:none}.header-inner{transition:max-width .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),border-radius .45s,box-shadow .45s}.current-work{border-top:1px solid var(--line);gap:20px;margin-bottom:28px;padding:30px 0 42px;display:grid}.current-work .kicker{margin-bottom:12px}.current-work h2{letter-spacing:-.6px;margin:0;font-size:25px;font-weight:600}.current-work h2 a:hover{color:var(--link)}.current-work h2 span{color:var(--muted);font-size:17px}.current-work-copy p{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.8}.current-work-copy p:first-child{color:var(--text)}.current-work-links{flex-wrap:wrap;gap:4px 24px;margin-top:16px;display:flex}.current-work-links a{min-height:44px;color:var(--link);align-items:center;gap:7px;font-size:13px;display:inline-flex}.current-work-links a:hover{text-underline-offset:4px;text-decoration:underline}@media (width>=761px){.current-work{grid-template-columns:1fr 2fr;gap:48px;margin-bottom:30px;padding:34px 0 50px}}.fallback{padding:64px 24px}.fallback a{color:var(--link);text-decoration:underline}.fallback li{padding:8px 0}.skip:focus{z-index:30;position:fixed}