:root{--bg:#0b0b0b;--ink:#efefef;--muted:#9a9a9a;--line:#2c2c2c;--panel:#141414;--shadow:0 24px 50px #00000073;--ledge:#efefef;--nav:64px;--max:920px;--gutter:40px}[data-theme=light]{--bg:#f3f3f1;--ink:#141414;--muted:#5c5c5c;--line:#d7d7d3;--panel:#fff;--shadow:0 18px 36px #1414141a;--ledge:#141414}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px;scroll-padding-top:calc(var(--nav) + 12px)}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background:#0b0b0b;background:var(--bg);color:#efefef;color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.55;min-height:100vh}body.nav-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.skip{background:#efefef;background:var(--ink);color:#0b0b0b;color:var(--bg);left:12px;padding:8px 12px;position:absolute;top:-48px;z-index:40}.skip:focus{top:12px}.page{max-width:100%;min-width:0;overflow-x:hidden;perspective:1400px}.wrap{margin:0 auto;max-width:920px;max-width:var(--max);padding-left:40px;padding-left:var(--gutter);padding-right:40px;padding-right:var(--gutter);width:100%}.site-header{background:#0b0b0b;background:var(--bg);border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{gap:12px;justify-content:space-between;min-height:64px;min-height:var(--nav)}.brand,.nav{align-items:center;display:flex;min-width:0}.brand{gap:10px}.mark{border:1px solid #efefef;border:1px solid var(--ink);display:grid;flex:0 0 auto;font-family:IBM Plex Mono,monospace;font-size:.72rem;height:32px;place-items:center;width:32px}.brand-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-links{align-items:center;display:none;flex-wrap:nowrap;gap:2px}.menu-btn,.nav-links a,.text-btn{background:#0000;border:0;color:#9a9a9a;color:var(--muted);cursor:pointer;font-size:.84rem;padding:8px 9px;white-space:nowrap}.menu-btn:hover,.nav-links a.active,.nav-links a:hover,.text-btn:hover{color:#efefef;color:var(--ink)}.menu-btn{border:1px solid #2c2c2c;border:1px solid var(--line);flex:0 0 auto;padding:8px 12px}.drawer{background:#0b0b0b;background:var(--bg);inset:64px 0 0 0;inset:var(--nav) 0 0 0;overflow:auto;padding:12px 0 40px;position:fixed;z-index:25}.drawer-nav{display:flex;flex-direction:column}.drawer-nav .text-btn,.drawer-nav a{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--line);color:#9a9a9a;color:var(--muted);display:block;font-size:1.3rem;padding:14px 0;text-align:left}.drawer-nav .text-btn:hover,.drawer-nav a.active,.drawer-nav a:hover{color:#efefef;color:var(--ink)}main{min-width:0}.hero{grid-gap:36px;display:grid;gap:36px;max-width:100%;overflow-x:clip;padding-bottom:56px;padding-top:48px}.eyebrow,.index,.period,.place,.tag{color:#9a9a9a;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.04em}h1,h2,h3,h4{font-weight:500;letter-spacing:-.03em;line-height:1.15}h1{font-size:clamp(2rem,9vw,3.6rem);margin:12px 0 14px;overflow-wrap:anywhere}.display{font-size:clamp(1.1rem,2.6vw,1.45rem);margin-bottom:16px;max-width:28ch}.lede{color:#9a9a9a;color:var(--muted);max-width:58ch}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{align-items:center;border:1px solid #efefef;border:1px solid var(--ink);display:inline-flex;font-size:.9rem;justify-content:center;padding:12px 16px;transition:transform .25s ease,box-shadow .25s ease}.btn:hover{box-shadow:0 10px 0 #2c2c2c;box-shadow:0 10px 0 var(--line);transform:translateY(-2px) translateZ(8px)}.btn-primary{background:#efefef;background:var(--ink);color:#0b0b0b;color:var(--bg)}.btn-ghost{background:#0000;color:#efefef;color:var(--ink)}.scene{display:grid;height:250px;max-width:100%;perspective:900px;place-items:center;position:relative;width:100%}.scene:before{animation:floor 10s linear infinite;background-image:linear-gradient(#2c2c2c 1px,#0000 0),linear-gradient(90deg,#2c2c2c 1px,#0000 0);background-image:linear-gradient(var(--line) 1px,#0000 1px),linear-gradient(90deg,var(--line) 1px,#0000 1px);background-size:28px 28px;content:"";inset:40% 0 -20%;opacity:.45;pointer-events:none;position:absolute;transform:perspective(420px) rotateX(68deg)}.stack{animation:drift 7s ease-in-out infinite;height:160px;max-width:100%;position:relative;transform:rotateX(58deg) rotate(-22deg);transform-style:preserve-3d;width:min(92%,260px);z-index:1}.plane{align-items:flex-end;background:#0b0b0b;background:var(--bg);border:1px solid #efefef;border:1px solid var(--ink);box-shadow:0 10px 20px #00000059;display:flex;inset:12% 8%;padding:10px 12px;position:absolute;transform:translateZ(calc(var(--d)*-26px)) translateY(calc(var(--d)*-12px))}.plane span{font-family:IBM Plex Mono,monospace;font-size:.72rem}@keyframes drift{0%,to{transform:rotateX(58deg) rotate(-22deg) translateY(0)}50%{transform:rotateX(64deg) rotate(-14deg) translateY(-12px)}}@keyframes floor{0%{background-position:0 0,0 0}to{background-position:0 28px,28px 0}}.tilt-frame{perspective:1000px}.tilt-inner{transform-style:preserve-3d;transition:transform .2s ease}.reveal{opacity:0;transform:translateY(32px) rotateX(10deg);transform-origin:center top;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:none}section{padding:8px 0 64px}.section-head{align-items:baseline;border-top:1px solid #2c2c2c;border-top:1px solid var(--line);display:flex;gap:14px;margin-bottom:22px;padding-top:22px}h2{font-size:1.4rem}.profile-grid,.project-list,.timeline{grid-gap:16px;display:grid;gap:16px}.blog-card,.exp,.profile-card,.project{background:#141414;background:var(--panel);border:1px solid #2c2c2c;border:1px solid var(--line);box-shadow:0 24px 50px #00000073;box-shadow:var(--shadow)}.exp,.project{padding:18px}.company-row{align-items:center;display:flex;gap:12px;min-width:0}.logo-box{border:1px solid #efefef;border:1px solid var(--ink);display:grid;flex:0 0 auto;height:42px;place-items:center;transform:rotateY(-18deg);width:42px}.logo-box svg{height:22px;width:22px}.exp-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.company{font-size:1.15rem}.role{border-top:1px solid #2c2c2c;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.role h4{font-size:.98rem}.role ul{color:#9a9a9a;color:var(--muted);margin-top:8px;padding-left:18px}.role li+li{margin-top:6px}.skill-list p{grid-gap:4px;border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--line);color:#9a9a9a;color:var(--muted);display:grid;gap:4px;padding:12px 0}.skill-list strong{color:#efefef;color:var(--ink);font-weight:500}.meta-grid{grid-gap:24px;display:grid;gap:24px;margin-top:28px}.meta-line{color:#9a9a9a;color:var(--muted);margin-top:10px}.meta-line span{display:block;font-family:IBM Plex Mono,monospace;font-size:.75rem}.profile-grid{grid-template-columns:1fr}.profile-card{align-items:center;display:flex;gap:14px;min-height:88px;padding:16px}.profile-card img{filter:grayscale(1) contrast(1.2);height:40px;object-fit:contain;width:40px}.profile-panel{background:#141414;background:var(--panel);border:1px solid #2c2c2c;border:1px solid var(--line);box-shadow:0 24px 50px #00000073;box-shadow:var(--shadow);padding:16px}.profile-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.profile-tabs{display:flex;flex-wrap:wrap;gap:6px}.profile-tab{align-items:center;background:#0000;border:1px solid #0000;color:#9a9a9a;color:var(--muted);cursor:pointer;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:.75rem;gap:8px;letter-spacing:.03em;padding:8px 12px}.profile-tab img{filter:grayscale(1) contrast(1.15);height:18px;object-fit:contain;opacity:.7;width:18px}.profile-tab.is-active,.profile-tab:hover{background:#0b0b0b;background:var(--bg);border-color:#2c2c2c;border-color:var(--line);color:#efefef;color:var(--ink)}.profile-tab.is-active img,.profile-tab:hover img{filter:none;opacity:1}.profile-controls{align-items:center;display:flex;gap:8px}.profile-ctrl{background:#0b0b0b;background:var(--bg);border:1px solid #2c2c2c;border:1px solid var(--line);color:#efefef;color:var(--ink);cursor:pointer;display:grid;font-size:1.25rem;height:36px;line-height:1;place-items:center;width:36px}.profile-ctrl:hover{border-color:#efefef;border-color:var(--ink)}.profile-link{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--line);color:#9a9a9a;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.04em;margin-left:4px;padding-bottom:2px}.profile-link:hover{border-color:#efefef;border-color:var(--ink);color:#efefef;color:var(--ink)}.profile-scroller{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-behavior:smooth}.profile-scroller:focus-visible{outline:1px solid #efefef;outline:1px solid var(--ink);outline-offset:4px}.profile-marquee{-webkit-overflow-scrolling:touch;cursor:grab;mask-image:linear-gradient(90deg,#0000,#000 3%,#000 97%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 3%,#000 97%,#0000);overflow-x:auto;overflow-y:hidden;padding:4px 0 8px;scrollbar-width:thin}.profile-marquee.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.profile-marquee-track{align-items:stretch;display:flex;gap:14px;width:max-content}.achieve-card{aspect-ratio:2.6/1;background:#fff;border:1px solid #2c2c2c;border:1px solid var(--line);flex:0 0 auto;margin:0;overflow:hidden;position:relative;transition:border-color .3s ease;width:min(82vw,420px)}.achieve-card img{background:#fff;display:block;filter:grayscale(1) contrast(1.05);height:100%;inset:0;object-fit:contain;object-position:center;position:absolute;transition:filter .35s ease;width:100%}.achieve-card:focus-within,.achieve-card:hover{border-color:#efefef;border-color:var(--ink)}.achieve-card:focus-within img,.achieve-card:hover img{filter:grayscale(.2) contrast(1.02)}.device{margin:0 0 18px;max-width:100%;padding:6px 22px 26px 6px;perspective:900px}.device-screen{animation:bob 7s ease-in-out infinite;background:#141414;background:var(--panel);border:1px solid #efefef;border:1px solid var(--ink);box-shadow:12px 14px 0 #efefef;box-shadow:12px 14px 0 var(--ledge);max-width:100%;overflow:hidden;transform:rotateY(var(--tilt)) rotateX(6deg);transform-style:preserve-3d}.device-screen img{filter:grayscale(1) contrast(1.05);height:150px;object-fit:cover;transition:filter .35s ease;width:100%}.project:focus-within .device-screen,.project:hover .device-screen{box-shadow:14px 16px 0 #efefef;box-shadow:14px 16px 0 var(--ledge)}.project:focus-within .device-screen img,.project:hover .device-screen img{filter:grayscale(.2) contrast(1.02)}@keyframes bob{0%,to{transform:rotateY(var(--tilt)) rotateX(6deg) translateY(0)}50%{transform:rotateY(var(--tilt)) rotateX(3deg) translateY(-5px)}}.tag{display:inline-block;margin-bottom:8px}.blog-card h3,.project h3{font-size:1.2rem;margin-bottom:8px}.blog-card p,.project p{color:#9a9a9a;color:var(--muted)}.links{display:flex;gap:16px;margin-top:12px}.contact-row a,.links a,.sandbox a{text-decoration:underline;text-underline-offset:3px}.contact-row,.sandbox{color:#9a9a9a;color:var(--muted);margin-top:18px;word-break:break-word}.blog-list{grid-gap:14px;display:grid;gap:14px;list-style:none}.blog-card{display:block;padding:18px;transform:rotateX(2deg)}.blog-card:hover{transform:translateY(-4px)}.contact-row{display:flex;flex-wrap:wrap;gap:12px 18px}.site-footer{border-top:1px solid #2c2c2c;border-top:1px solid var(--line);color:#9a9a9a;color:var(--muted);font-size:.85rem;padding:24px 0 40px}@media (min-width:900px){:root{--gutter:32px}.drawer,.menu-btn{display:none!important}.nav-links{display:flex}.hero{align-items:center;grid-template-columns:1.15fr .85fr;min-height:calc(100vh - 64px);min-height:calc(100vh - var(--nav));padding-bottom:72px;padding-top:72px}.hero-copy{text-align:center}.hero-copy .display,.hero-copy .lede{margin-left:auto;margin-right:auto}.hero-copy .actions{justify-content:center}.meta-grid,.profile-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:repeat(3,1fr)}.achieve-card{width:min(56vw,460px)}}@media (max-width:520px){:root{--gutter:24px}.actions{flex-direction:column}.btn{width:100%}.scene{height:210px}.stack{width:min(78%,220px)}.brand-name{font-size:.86rem}.device-screen{box-shadow:8px 10px 0 #efefef;box-shadow:8px 10px 0 var(--ledge)}.device{padding:4px 14px 18px 4px}.profile-panel{padding:12px}.profile-toolbar{align-items:stretch;flex-direction:column}.profile-controls{justify-content:space-between}.achieve-card{width:min(88vw,320px)}}@media (prefers-reduced-motion:reduce){.device-screen,.reveal,.scene:before,.stack,.tilt-inner{animation:none;opacity:1;transform:none;transition:none}.profile-marquee-track{animation:none}.profile-marquee{mask-image:none;-webkit-mask-image:none;overflow-x:auto}}
/*# sourceMappingURL=main.e65d634d.css.map*/