@font-face{font-family:Tango Sans;src:url(/assets/fonts/TangoSans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #f5f5f2;--bg-elevated: #ebebea;--bg-subtle: #e2e2e0;--bg-dark: #111110;--text-primary: #111110;--text-soft: #111110;--line: #ccc}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);font-family:IBM Plex Sans,-apple-system,sans-serif;font-weight:400;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page{position:relative}.hero{position:relative;height:120vh;overflow:hidden;padding:0;background:var(--bg-dark)}.hero-content{position:absolute;top:20%;left:5%;z-index:1;pointer-events:none}.hero-content h1{font-family:Tango Sans,IBM Plex Sans,sans-serif;font-size:3vw;font-weight:400;color:#111110;letter-spacing:normal;margin-bottom:0;line-height:1}.hero-content .title{font-family:Tango Sans,IBM Plex Mono,sans-serif;font-size:1.6vw;font-weight:400;color:#111110;letter-spacing:normal;margin-bottom:0}.hero-content .intro{display:none}.hero-dither{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none}.hero-dither canvas{display:block;width:100%;height:100%;background-color:var(--bg)}h1{font-size:clamp(1rem,1.8vw,1.5rem);font-weight:500;letter-spacing:-.01em;margin-bottom:.4em;line-height:1.2;color:var(--text-primary)}.title{font-family:IBM Plex Mono,monospace;font-size:clamp(.65rem,1vw,.8rem);font-weight:400;color:var(--text-primary);letter-spacing:.03em;margin-bottom:1.4em}.intro{font-size:clamp(.75rem,1vw,.9rem);line-height:1.65;margin-bottom:0;font-weight:400;color:#111110a6}section{padding:10vh 6vw;position:relative}.about-section{background:var(--bg-dark);color:var(--bg);padding:12vh 8vw}.about-section h2{color:#f5f5f280}.about-layout{display:grid;grid-template-areas:"photo bio";grid-template-columns:1fr 1.6fr;gap:6vw;align-items:start;max-width:1300px}.about-photo{grid-area:photo}.about-text{grid-area:bio}.about-photo{position:sticky;top:5vh}.about-headshot{display:block;width:100%;height:auto;filter:grayscale(25%)}.about-headshot-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.about-bio{font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.8;color:#f5f5f299}.experience-section{background:var(--bg);color:var(--text-primary);padding:6vh 8vw}.timeline{position:relative;display:flex;flex-direction:column;gap:3em;max-width:1100px}.timeline:before{content:"";position:absolute;left:34px;top:36px;bottom:0;width:4px;background-image:radial-gradient(circle,rgba(17,17,16,.28) 2px,transparent 2px);background-size:4px 12px;background-repeat:repeat-y}.timeline--track:before{display:none}.timeline-track{position:absolute;left:34px;top:36px;width:4px;height:0;background-image:radial-gradient(circle,rgba(17,17,16,.28) 2px,transparent 2px);background-size:4px 12px;background-repeat:repeat-y;transition:height 1.2s ease-out;pointer-events:none}.timeline-entry{display:grid;grid-template-columns:72px 1fr;gap:2.5em;align-items:start;position:relative}.timeline-node{width:72px;height:72px;position:relative;z-index:1}.timeline-entry:last-child{overflow:hidden}.timeline-entry:last-child .timeline-node:after{content:"";position:absolute;left:34px;width:4px;top:72px;height:2000px;background:var(--bg)}.timeline-logo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(1);box-shadow:0 0 0 4px var(--bg)}.timeline-meta{display:flex;flex-direction:column;gap:.25em;margin-bottom:.6em}.timeline-date{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:#11111059;letter-spacing:.04em}.timeline-company{font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,1.5vw,1.2rem);color:#1111108c;letter-spacing:.02em}.timeline-role-date{display:block;font-family:IBM Plex Mono,monospace;font-size:.68rem;color:#1111104d;letter-spacing:.04em;margin-top:.2em;margin-bottom:.5em}.timeline-body h3{font-size:clamp(1rem,1.5vw,1.15rem);font-weight:500;color:var(--text-primary);margin-top:1em;margin-bottom:.35em;letter-spacing:-.01em}.timeline-body h3:first-of-type{margin-top:0}.timeline-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65em}.timeline-bullets li{font-size:.875rem;line-height:1.65;color:#11111099;padding-left:1.2em;position:relative}.timeline-bullets li:before{content:"-";position:absolute;left:0;color:#11111040}.section-divider{width:100%;height:15vh;display:block;overflow:hidden}.section-divider canvas{display:block;width:100%;height:100%}.tech-section{background:var(--bg-subtle);color:var(--text-primary);padding:6vh 8vw}.tech-section .tech-grid{max-width:900px}h2{font-size:clamp(.75rem,1.5vw,.9rem);font-weight:500;text-transform:uppercase;letter-spacing:.2em;margin-bottom:3em;position:relative;font-family:IBM Plex Mono,monospace;display:inline-block}.about-section h2:before,.experience-section h2:before,.tech-section h2:before,.contact-section h2:before{content:"// ";opacity:.5}.tech-section h2{color:var(--text-soft)}.tech-categories{display:flex;flex-direction:column;gap:3.5em;max-width:900px}.tech-category{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.tech-category.is-visible{opacity:1;transform:none}.tech-category:nth-child(2){transition-delay:.1s}.tech-category:nth-child(3){transition-delay:.2s}.tech-category-label{display:block;font-family:IBM Plex Mono,monospace;font-size:.68rem;color:#11111059;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2em}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1em}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1.1em .8em;background:#0000000a;border-radius:6px;transition:background .2s ease,transform .2s ease;cursor:default}.tech-item:hover{background:#00000014;transform:translateY(-2px)}.tech-item i{font-size:1.8rem;filter:grayscale(1);opacity:.7;transition:opacity .2s ease}.tech-item:hover i{opacity:1}.tech-item span{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:#1111108c;letter-spacing:.02em;text-align:center}.tech-item--text{justify-content:center;min-height:80px}.tech-item--text span{font-size:.78rem;color:#11111073}@media(max-width:768px){.hero{height:120svh}.hero-content{top:20%;left:0;right:0;text-align:center}.hero-content h1{font-size:7.5vw}.hero-content .title{font-size:5vw}section{padding:8vh 6vw}.about-section{padding:5vh 6vw}.about-layout{display:flex;flex-direction:column;gap:3vh}.about-photo{position:relative;width:220px;align-self:center}.about-text{width:100%}.tech-section{padding-top:8vh;padding-bottom:8vh}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1em}.timeline:before{left:22px;top:24px;bottom:0;width:3px;background-image:radial-gradient(circle,rgba(17,17,16,.28) 1.5px,transparent 1.5px);background-size:3px 10px}.timeline-entry:last-child .timeline-node:after{left:22px;width:3px;top:48px}.timeline-entry{grid-template-columns:48px 1fr;gap:1.2em}.timeline-node{width:48px;height:48px}.timeline-track{left:22px;top:24px;width:3px;background-image:radial-gradient(circle,rgba(17,17,16,.28) 1.5px,transparent 1.5px);background-size:3px 10px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:100;mix-blend-mode:overlay}.contact-section{background:var(--bg-dark);color:var(--bg);padding:10vh 8vw 0;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-section h2{color:#f5f5f2;margin-bottom:2.5em}.contact-section>p{font-family:Tango Sans,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:200;color:#f5f5f2;margin-bottom:1em;letter-spacing:.03em;line-height:1.2}.contact-links{display:flex;flex-direction:row;gap:3em;margin-bottom:6vh;flex-wrap:wrap;justify-content:center}.contact-link{font-family:IBM Plex Mono,monospace;font-size:clamp(.75rem,1.2vw,.95rem);letter-spacing:.06em;color:#f5f5f2;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#f5f5f2e6}.contact-canvas{width:100%;max-width:600px;height:350px;align-self:center;margin-bottom:4vh}.contact-canvas canvas{display:block;width:100%;height:100%;background-color:#111110}@media(max-width:768px){.contact-section{padding:8vh 6vw 0}.contact-links{flex-direction:column;gap:1.5em;align-items:center}.contact-canvas{height:280px}}