:root{--bg:#000;--fg:#fff;--muted:color-mix(in srgb, var(--fg) 58%, transparent);--line:color-mix(in srgb, var(--fg) 14%, transparent);--max-width:1040px;--font-serif:"Menlo", "Monaco", "Courier New", monospace;--font-sans:"Menlo", "Monaco", "Courier New", monospace;--fs-1:12px;--fs-2:14px;--fs-3:16px;--fs-4:18px;--fs-5:24px;--lh-tight:1.3;--lh-snug:1.45;--lh-relaxed:1.6;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--fg);background:var(--bg);font-weight:400}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0;padding:0;overflow-x:hidden}html.home-active,body.home-active,html.home-active #root{background:#000}@media (width<=640px){html.page-art,html.page-projects,html.page-connect{--fg:#fff!important;--bg:#000!important}}html{zoom:.9}body{color:var(--fg);font-size:16px;line-height:1.55}html.home-active,body.home-active{overflow:hidden}.top-btn-wrap{justify-content:center;padding:64px 0 0;display:flex}.top-btn{font-family:var(--font-sans);font-size:var(--fs-3);color:var(--muted);letter-spacing:.2px;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;font-weight:600;display:flex}.top-btn-arrow{font-size:var(--fs-5);line-height:1}.top-btn:hover{color:var(--fg)}a{color:inherit;text-decoration:none}a:hover{opacity:1}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.site-bg-video{object-fit:cover;z-index:0;pointer-events:none;opacity:0;width:111.111vw;height:111.111vh;position:fixed;inset:0}.site-bg-video.visible{opacity:1}.layout{max-width:var(--max-width);z-index:1;margin:0 auto;padding:32px 24px 96px;position:relative}.header{border-bottom:1px solid var(--line);flex-direction:column;gap:24px;margin-bottom:28px;padding-bottom:28px;display:flex}.wordmark{font-family:var(--font-serif);font-size:var(--fs-5);letter-spacing:-.5px;color:var(--fg);font-weight:600;line-height:1}.nav{font-family:var(--font-sans);flex-wrap:wrap;gap:28px;display:flex}.nav-link{font-size:var(--fs-5);color:var(--fg);letter-spacing:.2px;border-bottom:3px solid #0000;padding-bottom:3px;font-weight:600;line-height:1}.nav-link.active{border-bottom-color:var(--fg)}.main{min-height:60vh}.header-home{border-bottom:none}.header-home .wordmark,.header-home .nav-link{text-shadow:none;color:#fff}@media (width>=720px){.layout{padding:56px 40px 112px}.header{flex-direction:row;justify-content:space-between;align-items:baseline;gap:32px}}.home{text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:calc(111.111vh - 200px);padding:60px 0 64px;display:flex}.tagline{font-family:var(--font-sans);font-size:var(--fs-5);font-weight:600;line-height:var(--lh-snug);color:#fff;letter-spacing:.2px;max-width:720px;margin:0}@media (width>=720px){.home{text-align:center;align-items:center;min-height:calc(111.111vh - 220px);padding:100px 0 24px}.tagline{white-space:nowrap;max-width:none;margin:0 auto}}.lightbox{z-index:100;cursor:zoom-out;background:#000000eb;position:fixed;inset:0;overflow:auto}.lightbox.fitted{justify-content:center;align-items:center;display:flex}.lightbox.fitted .lightbox-img{cursor:zoom-in;-webkit-user-select:none;user-select:none;width:auto;max-width:95vw;height:auto;max-height:95vh}.lightbox.zoomed{cursor:zoom-out}.lightbox.zoomed .lightbox-img{cursor:zoom-out;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:auto;max-height:none;display:block}.lightbox-close,.lightbox-nav{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, transparent);z-index:110;border-radius:999px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:fixed}.lightbox-close:hover,.lightbox-nav:hover{background:color-mix(in srgb, var(--fg) 18%, transparent)}.lightbox-close{width:40px;height:40px;font-size:24px;line-height:1;top:20px;right:20px}.lightbox-nav{width:48px;height:48px;font-size:32px;line-height:1;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{color:color-mix(in srgb, var(--fg) 70%, transparent);letter-spacing:.5px;z-index:110;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=560px){.lightbox-nav{width:40px;height:40px;font-size:26px}.lightbox-prev{left:8px}.lightbox-next{right:8px}}.page-title{font-family:var(--font-sans);font-size:var(--fs-1);text-transform:uppercase;color:var(--muted);letter-spacing:1.6px;margin:0 0 40px;font-weight:400}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tile{aspect-ratio:1;background:#1a1a1a;margin:0;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%}.tile-button{cursor:pointer;background:#1a1a1a;border:0;outline:0 solid #0000;padding:0;display:block}.tile-button:hover{outline:2px solid var(--fg);outline-offset:-2px}.tile-placeholder{background:#1a1a1a;width:100%;height:100%}.tile figcaption{font-size:var(--fs-2);color:var(--muted);padding:8px 0}.stack{flex-direction:column;gap:32px;display:flex}.stack figure{margin:0}.stack .frame{aspect-ratio:16/10;background:#1a1a1a;width:100%}.stack img{width:100%;height:auto}.stack figcaption{font-size:var(--fs-2);color:var(--muted);padding-top:10px}@media (width>=560px){.grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width>=900px){.grid{grid-template-columns:repeat(4,1fr);gap:16px}}.video-tile{background:#000;outline:0 solid #0000;width:100%;height:100%;display:block;position:relative;overflow:hidden}.video-tile img{object-fit:cover;width:100%;height:100%}.video-tile:hover{outline:2px solid var(--fg);outline-offset:-2px}.play-icon{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding-left:3px;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-tile:hover .play-icon{background:#000000d9}.design-hero{align-items:center;gap:40px;margin-bottom:56px;display:flex}.design-hero .design-statement{flex:1;margin-bottom:0}.design-hero .colorways{flex-shrink:0}@media (width<=640px){.design-hero{flex-direction:column;align-items:flex-start;gap:28px}}.design-statement{font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-relaxed);color:var(--fg);flex-direction:column;gap:14px;max-width:100%;margin:0 0 56px;font-weight:400;display:flex}.design-statement p{margin:0}.design-github-inline{color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--fg) 30%, transparent);white-space:nowrap;margin-left:4px;padding-bottom:1px}.design-github-inline:hover{border-bottom-color:var(--fg)}.inspiration-link{color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--fg) 30%, transparent);white-space:nowrap;padding-bottom:1px}.inspiration-link:hover{border-bottom-color:var(--fg)}.inline-link{color:var(--fg);border-bottom:1px solid var(--fg)}.design-grid{grid-template-columns:1fr;gap:56px;display:grid}.project-card{outline-offset:12px;outline:2px solid #0000;flex-direction:column;gap:16px;display:flex}.project-card:hover{outline-color:var(--fg)}.project-image{aspect-ratio:3/2;background:#0d0d0d;width:100%;display:block;overflow:hidden}.project-image img{object-fit:contain;object-position:center;width:100%;height:100%}.project-image-link{cursor:pointer}.project-image-empty{width:100%;height:100%;font-family:var(--font-serif);font-size:var(--fs-5);color:color-mix(in srgb, var(--fg) 45%, transparent);letter-spacing:-.5px;background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%);justify-content:center;align-items:center;display:flex}.project-body{flex-direction:column;gap:10px;display:flex}.project-title{font-family:var(--font-serif);font-size:var(--fs-2);letter-spacing:-.2px;margin:0;font-weight:600}.project-title-link{color:var(--fg);border-bottom:1px solid #0000;padding-bottom:1px}.project-title-link:hover{border-bottom-color:var(--fg)}.project-text{font-family:var(--font-sans);font-size:var(--fs-2);font-weight:400;line-height:var(--lh-relaxed);color:color-mix(in srgb, var(--fg) 85%, transparent);flex-direction:column;gap:12px;display:flex}.project-text p{margin:0}.project-links{font-family:var(--font-sans);font-size:var(--fs-2);flex-wrap:wrap;gap:18px;margin-top:4px;display:flex}.project-links a{color:var(--fg);border-bottom:1px solid color-mix(in srgb, var(--fg) 30%, transparent);padding-bottom:1px}.project-links a:hover{border-bottom-color:var(--fg)}@media (width>=720px){.design-grid{grid-template-columns:1fr 1fr 1fr;gap:48px 24px}}.colorways{width:100%;max-width:260px}@media (width<=640px){.colorways{display:none}}.cw-body{grid-template-columns:1fr 37px;align-items:stretch;gap:8px;display:grid}.cw-grid{grid-area:2/1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.cw-square{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:4px;width:100%;position:relative;overflow:hidden}.cw-square-sl{overflow:visible}.cw-needle{pointer-events:none;background:#0009;height:4px;position:absolute;left:0;right:0;transform:translateY(-50%)}.cw-dot{opacity:.6;pointer-events:none;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.cw-labels{font-family:var(--font-sans);font-size:var(--fs-1);color:var(--muted);text-align:center;-webkit-user-select:none;user-select:none;grid-area:1/1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.cw-presets{flex-direction:column;grid-area:2/2;justify-content:space-between;display:flex}.cw-preset{aspect-ratio:1;cursor:pointer;width:100%;font-family:var(--font-sans);box-sizing:border-box;-webkit-user-select:none;user-select:none;border-style:solid;border-width:3px;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:flex}@keyframes cw-flicker{0%{box-shadow:inset 0 0 0 3px}50%{box-shadow:inset 0 0 0 1px}to{box-shadow:inset 0 0 0 3px}}.cw-preset-active{animation:1s steps(12,end) infinite cw-flicker}.resume{max-width:100%;font-family:var(--font-sans)}.resume .design-statement{margin-bottom:24px}.contact{font-size:var(--fs-2);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:0;display:flex}.contact a{color:var(--fg)}.email-link{align-items:center;gap:6px;display:inline-flex}.contact-link{align-items:center;gap:5px;display:inline-flex}.contact .dot{color:color-mix(in srgb, var(--fg) 25%, transparent)}.hero-split{align-items:flex-start;gap:36px;margin-bottom:28px;display:flex}.hero-split+.section-heading{margin-top:0}.hero-split .portrait{flex:1 1 0;min-width:0;max-width:none;margin:0}.hero-text{flex:1 1 0;min-width:0}.portrait{max-width:560px;margin:0 0 48px}.portrait img{border-radius:6px;width:100%;height:auto;display:block}.portrait figcaption{font-size:var(--fs-1);color:var(--muted);margin-top:10px}.resume-toggle{font-family:var(--font-sans);font-size:var(--fs-2);line-height:inherit;color:var(--fg);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}.section-heading{font-family:var(--font-sans);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin:28px 0 16px;font-weight:500}.job-list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.job-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.job-company{font-family:var(--font-serif);font-size:var(--fs-3);letter-spacing:-.1px;font-weight:600}.job-company a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--fg) 30%, transparent)}.job-company a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.job-role{font-size:var(--fs-2);color:var(--muted)}.job-meta{font-size:var(--fs-2);color:var(--muted);text-align:right;white-space:nowrap;line-height:var(--lh-snug)}.job-bullets{font-size:var(--fs-2);color:color-mix(in srgb, var(--fg) 88%, transparent);font-weight:400;line-height:var(--lh-relaxed);flex-direction:column;gap:6px;margin:8px 0 0;padding-left:18px;display:flex}.edu-body{font-size:var(--fs-2);margin-top:4px}.edu-coursework{font-size:var(--fs-2);color:var(--muted);line-height:var(--lh-relaxed);margin-top:6px}.coursework-label{font-style:italic}.skill-groups{flex-direction:column;gap:14px;margin:0;display:flex}.skill-row{font-size:var(--fs-2);line-height:var(--lh-relaxed);grid-template-columns:200px 1fr;gap:18px;display:grid}.skill-row dt{text-transform:lowercase;color:var(--fg);font-weight:500}.skill-row dd{color:color-mix(in srgb, var(--fg) 85%, transparent);margin:0;font-weight:400}@media (width<=640px){.hero-split{flex-direction:column;gap:20px}.hero-split .portrait{max-width:420px}.contact{flex-wrap:nowrap;justify-content:center;gap:8px}.job-company a{text-underline-offset:3px;text-decoration:underline}.job-head{flex-direction:column;gap:4px}.job-meta{text-align:left}.skill-row{grid-template-columns:1fr;gap:2px}}