*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #F7F7F7;--surface: #EDEDED;--ink: #161616;--ink-2: #4D4D4D;--ink-3: #6E6E6E;--rule: #DEDEDE;--accent: #161616;--note: #F3DC6B;--note-ink: #2A2408;--font-display: "Newsreader", "Iowan Old Style", Georgia, serif;--font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.563rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-3xl: 3.815rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--ease: cubic-bezier(.2, 0, 0, 1);--transition-fast: .15s var(--ease);--transition-base: .25s var(--ease);--transition-slow: .4s var(--ease);color-scheme:light}[data-theme=dark]{--paper: #0F0F0F;--surface: #1A1A1A;--ink: #EDEDED;--ink-2: #B3B3B3;--ink-3: #858585;--rule: #2E2E2E;--accent: #EDEDED;--note: #E6CE5C;color-scheme:dark}html{font-size:clamp(16px,.55vw + 8px,20px);scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);background-color:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden;overflow-y:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-xs);left:var(--space-xs);z-index:100;padding:var(--space-xs) var(--space-sm);background:var(--ink);color:var(--paper);font-size:var(--text-sm);text-decoration:none;transform:translateY(-200%)}.skip-link:focus{transform:none}.main-content:focus{outline:none}::selection{background:var(--accent);color:var(--paper)}.layout{min-height:100vh;position:relative}.layout-frame{height:calc(100vh - 2rem);border:1px solid var(--rule);margin:var(--space-sm);position:relative;background-color:var(--paper);transition:border-color var(--transition-base),background-color var(--transition-base);overflow:hidden}.header{position:absolute;top:var(--space-xl);left:var(--space-xl);z-index:20;display:flex;justify-content:space-between;align-items:flex-start;width:calc(100% - 6rem);pointer-events:none}.header-content{flex:1}.name{font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));font-weight:300;font-optical-sizing:auto;color:var(--ink);line-height:1.05;letter-spacing:-.015em;margin-bottom:var(--space-xs);text-wrap:balance}.role{font-size:var(--text-base);font-weight:400;color:var(--ink-2);margin:0}.navigation{position:absolute;left:var(--space-xl);top:50%;transform:translateY(-50%);z-index:20}.nav-links{display:flex;flex-direction:column;gap:var(--space-xs)}.nav-link{color:var(--ink-3);text-decoration:none;font-size:var(--text-sm);font-weight:400;transition:color var(--transition-base);position:relative;padding:var(--space-2xs) 0;width:fit-content}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);font-weight:500}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.theme-toggle-container{position:relative;pointer-events:auto}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;background:none;border:none;padding:var(--space-2xs) 0;font-family:inherit;font-size:var(--text-sm);color:var(--ink-3);cursor:pointer;border-bottom:1px solid transparent;transition:color var(--transition-base),border-color var(--transition-base)}.theme-toggle:hover{color:var(--ink);border-bottom-color:var(--accent)}.theme-toggle-icon{flex:none}.main-content{padding:var(--space-2xl) 0 var(--space-2xl) var(--space-xl);height:100%;position:relative;z-index:10;pointer-events:none;overflow-y:hidden}.page-enter-active{opacity:1;transition:opacity var(--transition-slow)}.page{position:relative;z-index:10;pointer-events:auto}.home-page{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.home-map{position:absolute;top:0;right:0;bottom:0;left:0}.home-bio{position:absolute;left:var(--space-xl);bottom:var(--space-xl);max-width:34ch;font-size:var(--text-sm);line-height:1.6;color:var(--ink-3);pointer-events:none;z-index:2}.home-bio i{font-style:normal;color:var(--ink-2)}.now-note{position:absolute;top:7.5rem;right:var(--space-xl);z-index:2;width:14rem;padding:var(--space-sm) 1.1rem 1.1rem;background:var(--note);color:var(--note-ink);transform:rotate(-1.5deg);box-shadow:0 1px 1px #0000001f,0 10px 18px -10px #00000073}.now-note-label{font-size:var(--text-xs);opacity:.7;margin-bottom:var(--space-2xs)}.now-note-item{display:flex;align-items:flex-start;gap:.55rem;width:100%;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.now-note-item:focus-visible{outline:2px solid var(--note-ink);outline-offset:3px}.now-note-box{position:relative;flex:none;width:.85rem;height:.85rem;margin-top:.2rem;border:1.5px solid currentColor;border-radius:2px}.now-note-box:after{content:"";position:absolute;left:.22rem;top:.02rem;width:.25rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) scale(0);transition:transform .2s var(--ease)}.now-note-item[aria-pressed=true] .now-note-box:after{transform:rotate(45deg) scale(1)}.now-note-text{font-family:var(--font-display);font-style:italic;font-size:1.1rem;line-height:1.3;transition:opacity .35s var(--ease)}.now-note-strike{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 58%;background-size:0% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .35s var(--ease)}.now-note-item[aria-pressed=true] .now-note-text{opacity:.65}.now-note-item[aria-pressed=true] .now-note-strike{background-size:100% 1.5px}.now-note-date{margin-top:var(--space-xs);font-size:var(--text-xs);opacity:.6}.project-map{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s var(--ease)}.project-map.is-ready{opacity:1}.map-svg{display:block;width:100%;height:100%;touch-action:none;font-family:var(--font-body)}.map-link{stroke:var(--ink-3);stroke-opacity:.16;stroke-width:1;transition:stroke-opacity var(--transition-base),stroke var(--transition-base)}.map-node{transition:opacity var(--transition-base);outline:none}.map-hit{fill:transparent}.map-dot{fill:var(--ink);transition:r var(--transition-base),fill var(--transition-base)}.map-ring{fill:none;stroke:var(--ink);stroke-width:1;opacity:0;transform:scale(.6);transition:opacity var(--transition-base),transform var(--transition-base)}.map-label{fill:var(--ink-2);font-size:.8125rem;-webkit-user-select:none;user-select:none;transition:fill var(--transition-base);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.map-node.is-project{cursor:pointer}.map-node.is-project .map-label{fill:var(--ink)}.map-node.is-tech .map-dot{fill:var(--ink-3)}.map-node.is-tech .map-label{fill:var(--ink-3);font-size:.72rem;transition:opacity var(--transition-base),fill var(--transition-base)}.map-node.is-dragging{cursor:grabbing}.map-svg.has-active .map-node,.map-svg.has-active .map-link{opacity:.18}.map-svg.has-active .map-node.is-active,.map-svg.has-active .map-node.is-linked,.map-svg.has-active .map-link.is-linked{opacity:1}.map-link.is-linked{stroke:var(--ink);stroke-opacity:.8}.map-node.is-active .map-ring,.map-node.is-project:focus-visible .map-ring{opacity:1;transform:scale(1)}.map-node.is-project:focus-visible .map-ring{stroke-width:2}.map-node.is-active .map-dot{r:5.5}.map-node.is-linked.is-tech .map-label,.map-node.is-active.is-tech .map-label{fill:var(--ink)}.map-node.is-hinting .map-ring{animation:map-hint 1.1s var(--ease) var(--hint-delay, 0ms) 1 both}@keyframes map-hint{0%{opacity:0;transform:scale(.6)}35%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.map-preview{position:absolute;width:15rem;padding:var(--space-xs);background:var(--paper);border:1px solid var(--rule);pointer-events:none;z-index:4}.map-preview-media{aspect-ratio:4 / 3;background:var(--surface);margin-bottom:var(--space-xs);overflow:hidden}.map-preview-media img{width:100%;height:100%;object-fit:contain;display:block}.map-preview-title{font-family:var(--font-display);font-size:var(--text-base);line-height:1.3;color:var(--ink);padding-inline:var(--space-2xs);text-wrap:balance}.map-preview-meta{font-size:var(--text-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs)}.map-preview-action{display:none;font-size:var(--text-xs);color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;padding:0 var(--space-2xs) var(--space-2xs)}.project-map.is-ladder .map-preview{pointer-events:auto;cursor:pointer}.project-map.is-ladder .map-preview-action{display:block}.map-caption{position:absolute;right:var(--space-xl);bottom:var(--space-xl);max-width:30ch;text-align:right;font-size:var(--text-xs);color:var(--ink-3);pointer-events:none}.projects-page{position:absolute;top:0;right:0;bottom:0;left:0}.projects-scroll{position:absolute;top:12rem;left:clamp(12rem,17vw,15rem);right:0;bottom:0;overflow-y:auto;padding:0 var(--space-xl) var(--space-2xl) 0;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.projects-index{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:var(--space-2xl);align-items:start}.projects-list-column{min-width:0}.projects-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.project-filter-button{border:none;border-bottom:1px solid transparent;background-color:transparent;color:var(--ink-3);font-family:inherit;font-size:var(--text-sm);padding:var(--space-2xs) 0;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.project-filter-button:hover{color:var(--ink)}.project-filter-button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.project-filter-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:.15em}.project-list{list-style:none;border-top:1px solid var(--rule)}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-lg);row-gap:var(--space-2xs);padding:var(--space-sm) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}.project-row:focus-visible{outline-offset:-2px}.project-row-title{font-family:var(--font-display);font-size:var(--text-md);line-height:1.3;color:var(--ink-2);text-wrap:balance;transition:color var(--transition-fast)}.project-row-year{font-size:var(--text-sm);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:.2em}.project-row-tools{grid-column:1;font-size:var(--text-xs);color:var(--ink-3)}.project-row:hover .project-row-title,.project-row:focus-visible .project-row-title{color:var(--ink)}.project-hover{position:sticky;top:0;margin:0}.project-hover-media{aspect-ratio:4 / 3;background:var(--surface);max-height:60vh}.project-hover-media img{width:100%;height:100%;object-fit:contain;display:block}.project-detail{width:100%}.project-back{display:inline-block;font-size:var(--text-sm);color:var(--ink-3);text-decoration:none;padding:var(--space-2xs) 0;margin-bottom:var(--space-md);border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.project-back:hover{color:var(--ink);border-bottom-color:var(--accent)}.project-detail-header{margin-bottom:var(--space-lg)}.project-detail-title{font-family:var(--font-display);font-size:clamp(var(--text-xl),3.2vw,var(--text-2xl));font-weight:300;line-height:1.1;letter-spacing:-.01em;max-width:28ch;text-wrap:balance;outline:none}.project-detail-main{max-width:68ch;min-width:0}.project-detail-meta{display:flex;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-xs);margin-bottom:var(--space-md);border-bottom:1px solid var(--rule);font-size:var(--text-sm);color:var(--ink-3);font-variant-numeric:tabular-nums}.project-detail-layout{display:grid;grid-template-columns:minmax(0,9fr) minmax(16rem,11fr);gap:var(--space-2xl);align-items:start}.project-detail-description{font-size:var(--text-base);line-height:1.7;color:var(--ink-2)}.project-detail-description b{font-weight:500;color:var(--ink)}.project-detail-side{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.project-detail-media{margin:0}.project-detail-media img{display:block;width:100%;max-height:62vh;object-fit:contain;object-position:left top}.project-detail-facts{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--text-sm)}.project-facts-label{font-size:var(--text-sm);font-weight:400;color:var(--ink-3)}.project-tools{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-lg);border-top:1px solid var(--rule)}.project-tools li{padding:var(--space-xs) 0;border-bottom:1px solid var(--rule);color:var(--ink);line-height:1.35}.project-detail-link{width:fit-content;margin-top:var(--space-xs);color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.project-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--rule)}.project-pager-link{display:flex;flex-direction:column;gap:var(--space-2xs);text-decoration:none;color:inherit}.project-pager-link.is-next{text-align:right;grid-column:2}.project-pager-label{font-size:var(--text-xs);color:var(--ink-3)}.project-pager-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--ink-2);transition:color var(--transition-fast)}.project-pager-link:hover .project-pager-title{color:var(--ink)}.contact-page{position:absolute;top:0;right:0;bottom:0;left:0}.contact-scroll{position:absolute;top:12rem;left:clamp(12rem,17vw,15rem);right:0;bottom:0;overflow-y:auto;padding:0 var(--space-xl) var(--space-2xl) 0}.contact-layout{display:grid;grid-template-columns:minmax(0,40rem) minmax(12rem,19rem);gap:var(--space-2xl);align-items:start}.contact-content{min-width:0}.contact-portrait{margin:0;width:100%;aspect-ratio:4 / 5;max-width:100%;background:var(--surface);overflow:hidden}.contact-portrait img{display:block;width:100%;height:100%;object-fit:cover}.contact-portrait.is-mono img{filter:grayscale(1)}.contact-portrait.is-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--space-md);border:1px dashed var(--rule);text-align:center;font-size:var(--text-xs);color:var(--ink-3)}.contact-intro{font-size:var(--text-sm);color:var(--ink-3);margin-bottom:var(--space-sm)}.contact-email{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-md);row-gap:var(--space-xs);margin-bottom:var(--space-2xl)}.contact-email-address{font-family:var(--font-display);font-size:clamp(var(--text-xl),3.2vw,var(--text-2xl));font-weight:300;line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.contact-email-address:hover{border-bottom-color:var(--ink-3)}.contact-copy{font-family:inherit;font-size:var(--text-sm);color:var(--ink-3);background:none;border:none;padding:var(--space-2xs) 0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.contact-copy:hover{color:var(--ink);text-decoration-color:currentColor}.contact-copy.is-copied{color:var(--ink)}.contact-list{list-style:none;border-top:1px solid var(--rule)}.contact-row{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}.contact-row:focus-visible{outline-offset:-2px}.contact-row-label{font-size:var(--text-sm);color:var(--ink-3);padding-top:.15em}.contact-row-value{color:var(--ink-2);overflow-wrap:anywhere;transition:color var(--transition-fast)}.contact-row:hover .contact-row-value,.contact-row:focus-visible .contact-row-value{color:var(--ink)}.loading{color:var(--ink-3)}@media (max-width: 768px){body{overflow-y:auto}.layout-frame{margin:0;border:none;height:auto;min-height:100vh;overflow:visible}.header{position:static;padding:var(--space-lg) var(--space-lg) 0;width:auto;flex-direction:column;gap:var(--space-md);padding-right:4.5rem;z-index:30;background-color:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-container{position:absolute;top:var(--space-md);right:var(--space-md);z-index:40}.theme-toggle{min-height:2.75rem}.nav-link,.project-filter-button,.project-back,.contact-copy{padding-block:.75rem}.project-detail-link{display:inline-block;padding-block:.6rem}.navigation{position:static;transform:none;padding:var(--space-lg);z-index:30;background-color:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links{flex-direction:row;gap:var(--space-lg)}.main-content{padding:var(--space-lg)}.name{font-size:var(--text-2xl)}.projects-page,.projects-scroll{position:static;overflow:visible;padding:0}.projects-index,.project-detail-layout{grid-template-columns:minmax(0,1fr)}.project-hover{display:none}.project-detail-layout{gap:var(--space-md)}.project-detail-main{display:contents}.project-detail-meta{order:-2;margin-bottom:0}.project-detail-side{position:static;order:-1}.project-detail-media img{max-height:50vh}.contact-page,.contact-scroll{position:static;overflow:visible;padding:0}.contact-row{grid-template-columns:4.5rem minmax(0,1fr)}.contact-email-address{font-size:var(--text-lg)}.contact-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.contact-portrait{order:-1;width:13rem}.now-note{display:none}.home-page{position:static;display:flex;flex-direction:column;gap:var(--space-md)}.home-bio{position:static;order:-1}.home-map{position:relative;inset:auto;margin-bottom:var(--space-xl)}.project-map{position:relative;inset:auto}.map-label{font-size:.75rem}.map-caption{right:0;left:0;bottom:auto;top:100%;text-align:left;max-width:none;padding-top:var(--space-xs)}.map-preview{position:fixed;left:var(--space-sm);right:var(--space-sm);bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));width:auto;z-index:50;box-shadow:0 -1px 0 var(--rule),0 12px 32px #00000040;display:grid;grid-template-columns:5.5rem 1fr;column-gap:var(--space-sm);align-items:center}.map-preview[hidden]{display:none}.map-preview-media{grid-row:span 3;margin-bottom:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}