@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2)format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-latin-500-normal.woff2)format("woff2")}:root{--paper:#f5f0e6;--paper-raised:#fbf8f1;--ink:#201c16;--ink-soft:#3d372e;--muted:#6b6356;--accent:#aa4b13;--rule:#201c1629;--shadow-warm:58 38 18;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--hand:"Caveat", "Bradley Hand", "Segoe Print", cursive;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-icon:cubic-bezier(.2, 0, 0, 1);--hover-duration:.2s;--gutter:clamp(20px, 6vw, 88px);--frame-max:1600px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{background-color:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul[role=list]{padding:0;list-style:none}button{font:inherit;color:inherit}::selection{background:#aa4b132e}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.accent{color:var(--accent)}.nowrap{white-space:nowrap}img[data-failed]{visibility:hidden}:is(.project__object,.scenery,.project-page__art):has(img[data-failed]) :is(.project__shadow,.scenery__shadow,.project-page__shadow,.project__screen,.project__screen-text){display:none}main:focus{outline:none}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:20;background:var(--ink);color:var(--paper);border-radius:6px;padding:10px 14px;text-decoration:none;position:absolute;top:8px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.site{isolation:isolate;position:relative;overflow-x:clip}.site:after{content:"";z-index:30;background-image:var(--grain);opacity:.07;mix-blend-mode:multiply;pointer-events:none;background-size:200px 200px;position:absolute;inset:0}.frame{max-width:var(--frame-max);min-height:100vh;padding-inline:var(--gutter);flex-direction:column;margin:0 auto;display:flex;position:relative}.route{flex-direction:column;flex:1;display:flex}.route>main{flex:1}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-top:clamp(14px,1.6vw,26px);display:flex}.wordmark{min-height:44px;font-family:var(--serif);letter-spacing:-.01em;align-items:center;font-size:clamp(26px,1.2vw + 14px,32px);font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.site-nav{gap:clamp(8px,3.2vw,48px);margin-inline-end:-12px;display:flex}.site-nav__link{min-height:44px;color:var(--ink-soft);align-items:center;padding-inline:12px;font-size:15px;text-decoration:none;display:inline-flex;position:relative}.site-nav__link:after{content:"";background:var(--accent);opacity:0;height:1.5px;position:absolute;bottom:9px;left:12px;right:12px}.site-nav__link[aria-current=page]{color:var(--ink)}.site-nav__link[aria-current=page]:after{opacity:1}@media (hover:hover) and (pointer:fine){.site-nav__link:hover{color:var(--accent)}}.text-link{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:7px;align-items:center;gap:.3em;font-size:16px;text-decoration-thickness:1px;display:inline-flex}.text-link--accent{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.arrow-icon{transition:transform .16s var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.text-link:hover{color:var(--accent);text-decoration-color:currentColor}.text-link:hover .arrow-icon[data-direction=up-right]{transform:translate(1.5px,-1.5px)}}.back-link{min-height:44px;color:var(--muted);align-items:center;gap:.45em;font-size:15px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.back-link:hover{color:var(--ink)}.back-link:hover .arrow-icon{transform:translate(-2px)}}.hero{z-index:3;pointer-events:none;padding-top:clamp(24px,3vw,48px);position:relative}.hero>*{pointer-events:auto;width:fit-content}.hero__title{font-family:var(--serif);letter-spacing:-.018em;text-wrap:balance;font-size:clamp(46px,4.7vw + 22px,98px);font-weight:500;line-height:.98}.hero__lede{max-width:42rem;color:var(--ink-soft);text-wrap:pretty;margin-top:clamp(14px,1.2vw,20px);font-size:clamp(17px,.45vw + 14px,20px)}.hero .text-link{margin-top:clamp(8px,.8vw,14px)}.desk{margin-inline:calc(-1 * var(--gutter));margin-top:clamp(-64px,-3.6vw,-12px);position:relative}.desk__stage{aspect-ratio:1024/320;position:relative}.desk__surface{pointer-events:none;background:radial-gradient(60% 70% at 30% 0,#fffbf2b3,#0000 70%),linear-gradient(#fffcf600 0%,#fffcf68c 10%,#faf5eb59 55%,#f5f0e600 100%);border-top:1px solid #201c1609;position:absolute;inset:22% -20% -30%}.desk__projects{position:absolute;inset:0}.project{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.project__object{display:block;position:relative}.project__lift{transform-origin:50% 92%;transition:transform var(--hover-duration) var(--ease-out);display:block;position:relative}.project__lift img{width:100%}.project__shadow,.scenery__shadow,.project-page__shadow{pointer-events:none;background:radial-gradient(closest-side, rgb(var(--shadow-warm) / .34), rgb(var(--shadow-warm) / .14) 55%, transparent), radial-gradient(closest-side, rgb(var(--shadow-warm) / .12), transparent);transform-origin:50%;transition:opacity var(--hover-duration) var(--ease-out), transform var(--hover-duration) var(--ease-out);background-position:50% 30%,70% 60%;background-repeat:no-repeat;background-size:100% 46%,112% 100%;position:absolute}.project--computer .project__shadow{height:18%;bottom:-2%;left:9%;right:3%}.project--notebook .project__shadow{height:22%;bottom:2%;left:5%;right:0%}.project--tray .project__shadow{height:22%;bottom:2%;left:4%;right:0%}.project__screen{mix-blend-mode:screen;opacity:0;transition:opacity var(--hover-duration) ease;pointer-events:none;background:radial-gradient(110% 90% at 38% 28%,#ffeed633,#ffeed60f 60%,#ffeed605);position:absolute;inset:0;-webkit-mask:url(/art/computer-screen-mask.png) 50%/100% 100% no-repeat;mask:url(/art/computer-screen-mask.png) 50%/100% 100% no-repeat}.project--computer .project__lift{container-type:inline-size}.project__screen-text{letter-spacing:-.01em;color:#ece6dcdb;transform-origin:0 0;pointer-events:none;width:36%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:2.5cqi;line-height:1.45;position:absolute;top:46%;left:39%;transform:rotate(-5.4deg)}.project__screen-text--input{color:#ece6dc61;font-size:2cqi;top:67%;left:39%}.project__caret{vertical-align:-.15em;background:currentColor;width:.09em;height:1.05em;margin-left:.15em;display:inline-block}.project__label{grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:12px;display:grid}.project__dot{background:var(--accent);border-radius:50%;width:6px;height:6px;transform:translateY(1px)}.project__title{font-family:var(--serif);font-size:clamp(19px,.5vw + 14px,22px);font-weight:500;line-height:1.1}.project__subtitle{color:var(--muted);grid-column:2;margin-top:3px;font-size:clamp(13px,.2vw + 11px,14.5px)}.project__rule{background:var(--rule);grid-column:2;width:100%;min-width:7.5em;height:1px;margin-top:8px;position:relative}.project__rule:after{content:"";background:var(--accent);transform-origin:0;transition:transform .22s var(--ease-out);position:absolute;inset:0 0 -.5px;transform:scaleX(0)}.project:focus-visible{outline:none}.project:focus-visible .project__label{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}.project:focus-visible .project__rule:after,.project:active .project__rule:after{transform:scaleX(1)}.project:focus-visible .project__screen{opacity:1}.project:focus-visible .project__title{color:var(--accent)}@media (hover:hover) and (pointer:fine){.project:hover .project__rule:after{transform:scaleX(1)}.project:hover .project__title{color:var(--accent)}.project:hover .project__screen{opacity:1}}@media (prefers-reduced-motion:no-preference){.project--computer:focus-visible .project__lift,.project--tray:focus-visible .project__lift{transform:translateY(-3px)}.project--notebook:focus-visible .project__lift{transform:translateY(-4px)rotate(-.8deg)}.project:focus-visible .project__shadow{opacity:.78;transform:scale(.97)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project--computer:hover .project__lift,.project--tray:hover .project__lift{transform:translateY(-3px)}.project--notebook:hover .project__lift{transform:translateY(-4px)rotate(-.8deg)}.project:hover .project__shadow{opacity:.78;transform:scale(.97)}}.scenery{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.scenery img{width:100%}.scenery--plant{z-index:0;transform-origin:62% 84%}.scenery--plant .scenery__shadow{height:12%;bottom:9%;left:30%;right:6%}.scenery--books{z-index:1}.scenery--books .scenery__shadow{height:22%;bottom:-1%;left:2%;right:-10%}.desk__projects{z-index:2}.desk-note{z-index:3;font-family:var(--hand);color:#2c2a30;background-color:var(--paper-raised);box-shadow:0 0 0 1px rgb(var(--shadow-warm) / .04), 0 1px 2px rgb(var(--shadow-warm) / .08), 0 10px 18px -10px rgb(var(--shadow-warm) / .32);transform:rotate(var(--note-r,-4deg));background-image:linear-gradient(#42587617 1px,#0000 1px),linear-gradient(90deg,#42587617 1px,#0000 1px);background-size:11px 11px;border-radius:2px;padding:.9em 1em .75em 1.1em;font-size:clamp(17px,1.25vw + 4px,25px);font-weight:500;line-height:1.05;display:block;position:relative}.desk-note__text{max-width:10em;display:block}.desk-note__mark{fill:none;width:70%;height:auto;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-top:.15em;display:block}@media (width>=700px){.project{left:var(--box-l);top:var(--box-t);width:var(--box-w);height:var(--box-h);position:absolute}.project__object{left:var(--obj-l);top:var(--obj-t);width:var(--obj-w);height:var(--obj-h);pointer-events:none;position:absolute}.project__label{left:var(--label-l);top:var(--label-t);position:absolute;transform:translate(-3px)}.scenery{left:var(--l);top:var(--t);width:var(--w);height:var(--h)}.desk-note{left:var(--note-l);top:var(--note-t);width:var(--note-w);position:absolute}}@media (width>=700px) and (width<=1099.98px){.desk{padding-bottom:104px}.desk-note{left:auto;right:var(--gutter);--note-r:-3deg;width:auto;max-width:15em;font-size:21px;top:calc(100% + 28px)}}@media (width<=699.98px){.hero__title{font-size:clamp(38px,11.5vw,46px)}.desk{margin-inline:0;margin-top:40px}.desk__stage{aspect-ratio:auto}.desk__surface,.scenery{display:none}.desk__projects{gap:44px;display:grid;position:static}.project{gap:14px;display:grid}.project--computer .project__object{width:min(84%,340px)}.project--notebook .project__object{width:min(70%,280px)}.project--tray .project__object{width:min(58%,238px)}.project__lift{width:var(--art-w);margin-left:var(--art-l);margin-top:var(--art-top);margin-bottom:var(--art-bottom)}.project__label{padding-left:2px}.project__title{font-size:23px}.project__subtitle{font-size:15px}.desk-note{--note-r:-3deg;width:fit-content;max-width:17em;margin:52px 4px 0 auto;font-size:21px}}.site-footer{justify-content:space-between;align-items:center;gap:24px;padding-block:clamp(36px,4vw,64px) clamp(20px,2vw,32px);display:flex}.page{padding-top:clamp(32px,5vw,72px);padding-bottom:clamp(24px,4vw,56px)}.page-title{font-family:var(--serif);letter-spacing:-.018em;text-wrap:balance;font-size:clamp(48px,4vw + 28px,96px);font-weight:500;line-height:.98}.page-lede{max-width:30ch;font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;margin-top:clamp(16px,1.6vw,24px);font-size:clamp(24px,1vw + 18px,32px);font-weight:500;line-height:1.22}.notes-page .muted{max-width:40ch;margin-top:18px}.kicker{color:var(--muted);align-items:center;gap:10px;margin-bottom:14px;font-size:15px;display:flex}.kicker:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.draft-note{border-left:2px solid var(--accent);max-width:44ch;color:var(--muted);margin-top:20px;padding-left:14px;font-size:14px}.project-page .back-link{margin-left:-2px}.project-page__header{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,96px);margin-top:clamp(12px,2vw,28px);display:grid}.project-page__art{justify-self:center;width:100%;max-width:520px;position:relative}.project-page__art--notebook{max-width:420px}.project-page__art--tray{max-width:400px}.project-page__art img{width:100%;position:relative}.project-page__shadow{height:20%;bottom:0;left:8%;right:2%}.prose{gap:clamp(36px,4vw,56px);max-width:64rem;margin-top:clamp(48px,6vw,96px);display:grid}.prose section,.experiment{grid-template-columns:minmax(160px,1fr) minmax(0,2.2fr);gap:16px clamp(24px,4vw,64px);display:grid}.prose h2{font-family:var(--serif);font-size:clamp(24px,.8vw + 18px,30px);font-weight:500;line-height:1.15}.prose p,.experiment__body p{max-width:62ch;color:var(--ink-soft);text-wrap:pretty}.prose p+p,.experiment__body p+p{margin-top:.9em}.experiments{max-width:64rem;margin-top:clamp(40px,5vw,80px)}.experiment{border-top:1px solid var(--rule);padding-block:clamp(28px,3vw,40px)}.experiment:last-child{border-bottom:1px solid var(--rule)}.experiment__name{font-family:var(--serif);font-size:clamp(30px,1.2vw + 22px,40px);font-weight:500;line-height:1}.experiment__kind{color:var(--muted);margin-top:8px;font-size:15px}.experiment__body .experiment__summary{color:var(--ink);font-size:18px}.experiment__body .experiment__stack{color:var(--muted);margin-top:1.1em;font-size:14px}.link-row{flex-wrap:wrap;gap:0 28px;margin-top:6px;display:flex}.facts{max-width:64rem;margin-top:clamp(48px,6vw,88px)}.facts__row{border-top:1px solid var(--rule);grid-template-columns:minmax(160px,1fr) minmax(0,2.2fr);gap:4px clamp(24px,4vw,64px);padding-block:14px;display:grid}.facts__row:last-child{border-bottom:1px solid var(--rule)}.facts dt{color:var(--muted);font-size:15px}.project-page__next{margin-top:clamp(40px,5vw,72px)}.about-page__intro{max-width:34ch}.about-page__section{max-width:64rem;margin-top:clamp(48px,6vw,88px)}.section-label{color:var(--muted);margin-bottom:14px;font-size:15px;font-weight:400}.threads__item{border-top:1px solid var(--rule);grid-template-columns:minmax(160px,1fr) minmax(0,2.2fr);gap:4px clamp(24px,4vw,64px);padding-block:16px;display:grid}.threads__item:last-child{border-bottom:1px solid var(--rule)}.threads__name{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.2}.threads__text{color:var(--ink-soft)}.contact{gap:2px;display:grid}.contact__email{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.copy-email{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.copy-email__button{background:var(--paper-raised);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;font-size:14px;transition-property:scale,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex;box-shadow:0 0 0 1px oklch(0% 0 0/.06),0 1px 2px -1px oklch(0% 0 0/.06),0 2px 4px oklch(0% 0 0/.04)}@media (hover:hover) and (pointer:fine){.copy-email__button:hover{box-shadow:0 0 0 1px oklch(0% 0 0/.08),0 1px 2px -1px oklch(0% 0 0/.08),0 2px 4px oklch(0% 0 0/.06)}}.copy-email__button:active{scale:.96}.copy-email__icons{width:16px;height:16px;display:inline-grid;position:relative}.copy-email__icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition-property:opacity,filter,scale;transition-duration:.3s;transition-timing-function:var(--ease-icon);grid-area:1/1}.copy-email__icon[data-shown=false]{opacity:0;filter:blur(4px);scale:.25}.copy-email__icon--check{stroke:var(--accent)}.copy-email__status{color:var(--muted);font-size:14px}@media (width<=899.98px){.project-page__header{grid-template-columns:1fr}.project-page__art{justify-self:start;max-width:440px}}@media (width<=699.98px){.prose section,.experiment,.facts__row,.threads__item{grid-template-columns:1fr}.site-nav{gap:0}.site-nav__link{padding-inline:10px}.site-nav__link:after{left:10px;right:10px}.site-footer{flex-wrap:wrap}}@media (width<=359.98px){.site-nav__link{padding-inline:8px;font-size:14px}.site-nav__link:after{left:8px;right:8px}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes rise-desk{0%{opacity:0;transform:translateY(10px)}}@keyframes fade-in{0%{opacity:0}}.intro{animation:rise .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.intro--desk{animation-name:rise-desk;animation-duration:.42s;animation-delay:.24s}[data-intro-done] .intro{animation:none}.route--enter{animation:rise .22s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.intro,.route--enter{animation-name:fade-in;animation-duration:.16s;animation-delay:0s}[data-intro-done] .intro{animation:none}.arrow-icon,.project__rule:after,.project__shadow{transition:none}.text-link:hover .arrow-icon,.back-link:hover .arrow-icon{transform:none}.copy-email__button:active{scale:none}.copy-email__icon{transition-property:opacity;transition-duration:.12s}.copy-email__icon[data-shown=false]{filter:none;scale:1}}