*,:before,:after{box-sizing:border-box}html,body,h1,h2,p,ul,li{margin:0;padding:0}ul{list-style:none}:root{--paper:#2d3a1f;--ink:#f5f2ea;--ink-soft:#f5f2eab0;--ink-faint:#f5f2ea63;--rule:#f5f2ea2b;--accent:#98a85e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Times New Roman,Times,Songti SC,Songti TC,SimSun,Noto Serif CJK SC,Noto Serif SC,serif}body{background:var(--paper);min-height:100vh}#root{flex-direction:column;min-height:100dvh;padding:clamp(1.5rem,6vw,3rem) clamp(1.5rem,6vw,3rem) clamp(1rem,3.5vw,1.75rem);display:flex}.route{flex:1;min-width:0;transition:opacity .22s;display:flex}.route[data-leaving]{opacity:0}.hero{width:100%;margin:auto}.page{width:100%;margin:clamp(1rem,5vh,3rem) auto auto}.hero{text-align:center;max-width:34rem}.hero-intro{min-width:0}.hero-photos{grid-template-columns:minmax(0,45fr) minmax(0,55fr);place-items:center;gap:16px;width:min(100%,360px);margin:24px auto 0;display:grid}.hero-portrait{aspect-ratio:1;object-fit:cover;border:1px solid var(--rule);border-radius:50%;width:min(100%,144px);height:auto;display:block;overflow:hidden}.hero-project{width:100%;min-width:0;color:var(--ink-soft);border-radius:8px;text-decoration:none;display:block}.hero-project img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rule);border-radius:8px;width:100%;height:auto;display:block}.hero-project-caption{margin-top:8px;font-size:.85rem;line-height:1.5;display:block}.hero-project:hover{color:var(--ink)}.hero-project:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (width>=960px){.hero{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:48px;max-width:960px;display:grid}.hero-photos{grid-template-columns:minmax(0,1fr);gap:20px;width:280px;margin:0}.hero-portrait,.hero-project{width:240px}}.hero-name{letter-spacing:-.01em;font-size:clamp(1.75rem,7vw,3rem);font-weight:400;line-height:1.25}.signature{width:min(360px,82%);height:auto;color:var(--ink);margin:clamp(.5rem,2vw,.9rem) auto 0;display:block;overflow:visible}.hero-subtitle{color:var(--ink-soft);text-wrap:balance;margin-top:clamp(.75rem,3vw,1.15rem);font-size:clamp(1rem,3.6vw,1.15rem);line-height:1.55}.text-link{color:var(--ink);border-bottom:1px solid var(--accent);opacity:.75;padding-bottom:1px;text-decoration:none;transition:opacity .2s}.text-link:hover,.text-link:focus-visible{opacity:1}.type{display:inline-grid}.type>*{grid-area:1/1}.type-reserve{visibility:hidden}.cursor{margin-left:.06em;animation:1.05s step-end infinite blink}.cursor[data-done]{opacity:0;transition:opacity .45s .5s;animation:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal{margin-top:clamp(1.1rem,4vw,1.6rem);font-size:.85rem}.terminal-line{min-height:1.5em;color:var(--ink-soft);justify-content:center;align-items:baseline;gap:.4em;display:flex}.terminal-arrow{color:var(--ink-faint);flex-shrink:0}.terminal-input{font:inherit;color:var(--ink);caret-color:var(--accent);background:0 0;border:0;border-bottom:1px solid #0000;outline:none;width:min(24rem,76%);padding:0 0 2px;transition:border-color .2s}.terminal-input::placeholder{color:var(--ink-faint);opacity:1;font-style:italic}.terminal-input:focus{border-bottom-color:var(--rule)}.terminal-response{min-height:1.4em;color:var(--ink-soft);margin-top:.3rem;font-size:.8rem}.nav{margin-top:clamp(1.35rem,5vw,2.25rem)}.nav ul{flex-wrap:wrap;justify-content:center;gap:clamp(.85rem,4vw,1.75rem);display:flex}.nav a,.back{color:var(--ink);border-bottom:1px solid #0000;padding-bottom:1px;font-size:clamp(1rem,3.6vw,1.1rem);text-decoration:none;transition:border-color .2s,opacity .2s}.nav a:hover,.nav a:focus-visible,.back:hover,.back:focus-visible{border-bottom-color:currentColor}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:28px;display:flex}.page-home{min-height:44px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;gap:.65rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.page-home .signature{width:120px;height:auto;margin:0}.page-home-arrow{color:var(--ink-soft);font-size:1rem}.page-home:hover{opacity:.75}.page-header .back{margin:0}.page-header a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (width<=599px){.page-header{margin-bottom:24px}.page-home .signature{width:100px}}.page{max-width:38rem}.back{color:var(--ink-soft);margin-bottom:clamp(1.75rem,6vw,2.75rem);font-size:1rem;display:inline-block}.page-title{margin-bottom:clamp(1.25rem,4vw,1.75rem);font-size:clamp(1.5rem,5.5vw,2rem);font-weight:400}.page-meta{color:var(--ink-soft);margin-top:-.75rem;margin-bottom:clamp(1.25rem,4vw,1.75rem)}.meta{color:var(--ink-soft);font-size:.85em;font-style:italic}.projects-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1.75rem;display:flex}.projects-heading .page-title{margin:0}.project-filters{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.project-filters button{font:inherit;color:var(--ink-soft);cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:.65rem 0;font-size:.9rem}.project-filters button[aria-pressed=true]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.project-filters button:hover{color:var(--ink)}.project-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;margin-bottom:clamp(1.25rem,4vw,1.75rem);display:flex}.project-heading .page-title{margin-bottom:0}.project-devpost{color:var(--ink);border-bottom:1px solid var(--accent);align-items:center;gap:.4rem;padding-bottom:2px;text-decoration:none;display:inline-flex}.project-devpost:hover{opacity:.75}.project-devpost:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cards li+li,.entries li+li{border-top:1px solid var(--rule);margin-top:clamp(1.25rem,4vw,1.75rem);padding-top:clamp(1.25rem,4vw,1.75rem)}.card,.entry{color:inherit;text-decoration:none;display:block}.entry{justify-content:space-between;align-items:center;gap:1rem;display:flex}.entry-text{min-width:0}.entry-logo{aspect-ratio:1;object-fit:contain;opacity:.8;flex-shrink:0;width:clamp(28px,7vw,34px);transition:opacity .2s}.entry:hover .entry-logo,.entry:focus-visible .entry-logo{opacity:1}.card{gap:clamp(.75rem,3vw,1.25rem);display:grid}@media (width>=34rem){.card{grid-template-columns:11rem 1fr;align-items:start}}.card h2,.entry h2{border-bottom:1px solid #0000;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:400;transition:border-color .2s;display:inline-block}.card:hover h2,.card:focus-visible h2,.entry:hover h2,.entry:focus-visible h2{border-bottom-color:var(--accent)}.card p,.entry p{color:var(--ink-soft);margin-top:.4rem;font-size:clamp(.95rem,3.4vw,1.05rem);line-height:1.55}.work-entry{color:inherit;border-top:1px solid var(--rule);padding:1.5rem 0 0;text-decoration:none;display:block}.entries li+li .work-entry{border-top:0;padding-top:0}.work-entry-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.work-entry h2{border-bottom:1px solid #0000;margin-bottom:.5rem;font-size:1.5rem;font-weight:400;transition:border-color .2s;display:inline-block}.work-entry:hover h2,.work-entry:focus-visible h2{border-bottom-color:var(--accent)}.work-entry p{color:var(--ink-soft);line-height:1.5}.work-entry .entry-logo{opacity:1;width:38px;height:38px}.work-logo{flex:0 0 38px;width:38px;height:38px;display:flex}.work-logo--shield .entry-logo{filter:none}.work-logo--uwfe .entry-logo{filter:brightness(0)invert()}:root[data-theme=cream] .work-logo--shield .entry-logo{filter:none}:root[data-theme=cream] .work-logo--uwfe .entry-logo{filter:brightness(0)}.work-entry .work-entry-result{color:var(--ink);margin-top:.75rem}.work-entry:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.spyder-story-section{padding:1.5rem 0}.spyder-story-section h2{margin:.65rem 0 .85rem;font-size:1.4rem;font-weight:400}.spyder-story-section p{color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.spyder-story .wp-photo{min-width:0;margin:1.5rem 0 0}.spyder-story .wp-photo-frame{aspect-ratio:4/3;border:1px solid var(--rule);background:linear-gradient(145deg, var(--rule), transparent);place-items:center;display:grid;position:relative;overflow:hidden}.spyder-story .wp-photo img{object-fit:contain;width:100%;height:100%;display:block}.spyder-story .wp-photo-frame--rotate-ccw img{width:75%;max-width:none;height:133.333%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.spyder-story .wp-placeholder{text-align:center;color:var(--ink-soft);justify-items:center;gap:.8rem;padding:1.5rem;display:grid}.spyder-story .wp-placeholder small{font-size:.75rem;font-style:italic}.spyder-story .wp-photo figcaption{color:var(--ink-soft);margin-top:.65rem;font-size:.85rem;line-height:1.5}.entry-photo-group{margin:2rem 0 2.5rem}.entry-photo-group h2{margin-bottom:1.25rem;font-size:1.4rem;font-weight:400}.entry-gallery{columns:2;column-gap:1.25rem}.entry-gallery figure{break-inside:avoid;margin:0 0 1.5rem}.entry-gallery a{display:block}.entry-gallery img{border-radius:3px;width:100%;height:auto;display:block}.entry-gallery a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.entry-gallery figcaption{color:var(--ink-soft);margin-top:.65rem;font-size:.85rem;line-height:1.5}.entry-gallery--single{columns:1;max-width:390px;margin-inline:auto}.project-photo-group{width:100%}.project-gallery{columns:2;column-gap:1.5rem}.project-gallery figure{margin-bottom:1.5rem}.project-gallery--fixed-columns figure:nth-child(5){break-before:column}.project-gallery--two-over-one{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.project-gallery--two-over-one figure{min-width:0;margin:0}.project-gallery--two-over-one figure:last-child{grid-column:1/-1}@media (width<=480px){.entry-gallery{columns:1}.project-gallery--fixed-columns figure:nth-child(5){break-before:auto}}.thumb{background:var(--rule);border:1px solid var(--rule);color:var(--ink-soft);letter-spacing:.02em;place-items:center;font-size:.8rem;font-style:italic;transition:border-color .2s;display:grid;overflow:hidden}.card:hover .thumb,.card:focus-visible .thumb{border-color:var(--accent)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.embed{aspect-ratio:16/9;border:1px solid var(--rule);background:var(--rule);position:relative;overflow:hidden}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.prose{color:var(--ink-soft);margin-top:clamp(1.25rem,4vw,1.75rem)}.lede{color:var(--ink)}.page-note{color:var(--ink-soft);margin-top:clamp(1rem,3.5vw,1.5rem);font-size:clamp(.98rem,3.4vw,1.05rem);font-style:italic;line-height:1.65}.links{border-top:1px solid var(--rule);flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.links a{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:1px;font-size:.95rem;text-decoration:none;transition:opacity .2s}.links a:hover,.links a:focus-visible{opacity:.7}.prose p{font-size:clamp(.98rem,3.4vw,1.05rem);line-height:1.65}.prose p+p{margin-top:1rem}.about-collage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(8px,2vw,14px);margin:2.5rem 0 1rem;padding:0 4px;display:grid}.about-collage img{border-radius:2px;width:100%;height:auto;display:block}.about-collage img:first-child{transform:rotate(-2deg)}.about-collage img:nth-child(2){margin-top:24px;transform:rotate(1deg)}.about-collage img:last-child{margin-top:8px;transform:rotate(-1deg)}.journal-intro,.about-intro{color:var(--ink-soft);max-width:36rem;font-size:1.2rem;line-height:1.6}.journal-section,.about-section{margin-top:2.5rem}.journal-section>h2,.about-section h2{margin-bottom:.85rem;font-size:1.25rem;font-weight:400}.journal-empty{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--ink-soft);padding:1.25rem 0;font-style:italic;line-height:1.6}.journal-context{color:var(--ink-soft);margin-bottom:1.5rem;font-size:.9rem}.note-ideas{margin:0;padding:0;list-style:none}.note-ideas li{border-top:1px solid var(--rule);padding:1.25rem 0}.journal-kicker{color:var(--ink-soft);font-size:.8rem;font-style:italic}.note-ideas h3{margin:.5rem 0;font-size:1.15rem;font-weight:400}.note-ideas p,.about-section p{color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.about-page{max-width:48rem}.about-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 3rem;display:grid}.about-photos figure{min-width:0;margin:0}.about-photo-frame{aspect-ratio:4/5;background:var(--rule);border:1px solid var(--rule);place-items:center;display:grid;overflow:hidden}.about-photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.about-photos figure:first-child img{object-fit:contain}.about-photo-placeholder{color:var(--ink-soft);text-align:center;padding:1rem;line-height:1.5}.about-photo-placeholder small{margin-top:.75rem;font-size:.75rem;font-style:italic;display:block}.about-photos figcaption{color:var(--ink-soft);margin-top:.65rem;font-size:.85rem;line-height:1.4}.about-section{max-width:38rem}.about-section p+p{margin-top:1rem}.about-section>.text-link{margin-top:1rem;display:inline-block}@media (width<=480px){.about-photos{gap:.5rem}.about-photo-placeholder{padding:.4rem;font-size:.75rem}.about-photo-placeholder small{font-size:.65rem}.about-photos figcaption{font-size:.75rem}}.site-footer{width:100%;padding-top:clamp(1.5rem,5vw,2.5rem)}.footer-row{flex-direction:column;align-items:center;gap:clamp(.7rem,2.5vw,1.1rem);display:flex}.footer-icons{align-items:center;gap:clamp(.85rem,3vw,1.15rem);display:flex}.icon-link,.webring a{color:var(--ink);opacity:.55;transition:opacity .2s;display:inline-flex}.icon-link:hover,.icon-link:focus-visible,.webring a:hover,.webring a:focus-visible{opacity:1}.webring{align-items:center;gap:.3rem;display:flex}.ring-arrow{width:11px;height:auto}.ring-mark{width:26px;height:auto}.copyright{letter-spacing:.01em;color:var(--ink-faint);white-space:nowrap;font-size:.62rem}@media (height<=560px){#root{padding:.9rem clamp(1rem,5vw,3rem)}.hero-subtitle{margin-top:.45rem}.nav{margin-top:.8rem}.terminal{margin-top:.55rem}.site-footer{padding-top:.9rem}.footer-row{gap:.5rem}}:root[data-theme=cream]{--paper:#f5f2ea;--ink:#2d3a1f;--ink-soft:#2d3a1fa6;--ink-faint:#2d3a1f5c;--rule:#2d3a1f2e;--accent:#597143;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=cream] .ring-arrow,:root[data-theme=cream] .ring-mark,:root[data-theme=cream] .entry-logo{filter:invert()}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}