:root{color-scheme:dark;--background: #101311;--surface: #171b18;--surface-raised: #1d221e;--text: #f3f0e7;--muted: #a5aaa3;--line: rgba(243, 240, 231, .14);--line-strong: rgba(243, 240, 231, .28);--accent: #b8e986;--container: 72rem;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--background);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--background)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app{display:flex;min-height:100vh;flex-direction:column}.container,.section{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.header{position:fixed;z-index:100;top:0;right:0;left:0;border-bottom:1px solid var(--line);background:#101311eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{display:flex;min-height:7rem;flex-direction:column;justify-content:center;gap:.75rem;padding-block:.75rem}.brand{display:flex;width:100%;align-items:center;gap:.65rem}.brand-mark{width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:var(--surface);object-fit:cover;object-position:50% 20%}.brand-name{font-size:.9rem;font-weight:650;letter-spacing:.01em}.brand-tagline{margin-top:.1rem;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.35rem}.nav-link{position:relative;padding:.35rem 0;color:var(--muted);font-size:clamp(.7rem,3.35vw,.82rem);line-height:1.25;white-space:nowrap;transition:color .18s ease}.nav-link:after{position:absolute;right:0;bottom:-.35rem;left:0;height:1px;background:var(--accent);content:"";opacity:0;transform:scaleX(0);transition:opacity .18s ease,transform .18s ease}.nav-link:hover,.nav-link-active{color:var(--text)}.nav-link-active:after{opacity:1;transform:scaleX(1)}.main{flex:1 0 auto;padding-top:7rem}.section{padding-block:4.5rem;border-bottom:1px solid var(--line);scroll-margin-top:7rem}.section-heading{margin:0 0 2.25rem;font-size:clamp(1.75rem,8vw,2.6rem);font-weight:500;letter-spacing:-.04em}.home{display:grid;min-height:calc(100svh - 7rem);align-items:center;gap:2.5rem;padding-top:3rem}.home-copy{position:relative;z-index:1}.hero-title{max-width:10ch;margin:0;font-size:clamp(4rem,21vw,8.5rem);font-weight:500;letter-spacing:-.075em;line-height:.82}.hero-subtitle{max-width:43rem;margin:2rem 0 0;color:#d2d5cf;font-size:clamp(1rem,4.4vw,1.22rem);line-height:1.7;white-space:pre-line}.hero-actions{margin-top:2rem}.text-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:.75rem;border-bottom:1px solid var(--line-strong);color:var(--text);font-size:.82rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;transition:border-color .18s ease,color .18s ease}.text-link:after{color:var(--accent);content:"↗";font-size:1rem}.text-link:hover{border-color:var(--accent);color:var(--accent)}.hero-portrait{position:relative;width:min(82vw,25rem);align-self:end;justify-self:center}.hero-portrait:before{position:absolute;z-index:-1;right:3%;bottom:0;left:3%;height:74%;border-top:1px solid var(--line);background:var(--surface);content:""}.hero-portrait img{width:100%;max-height:31rem;object-fit:contain;object-position:bottom}.experience-list{border-top:1px solid var(--line-strong)}.experience-item{display:grid;gap:1rem;padding-block:2rem;border-bottom:1px solid var(--line)}.experience-heading{display:flex;flex-direction:column;gap:.45rem}.experience-title,.experience-timeframe{margin:0}.experience-title{font-size:clamp(1.2rem,5vw,1.55rem);font-weight:550;letter-spacing:-.025em;line-height:1.2}.experience-timeframe{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:500;letter-spacing:.05em}.experience-description{max-width:42rem;margin:0;color:var(--muted);font-size:.96rem;line-height:1.7}.experience-logo{display:grid;width:4.75rem;height:3.5rem;order:-1;place-items:center;padding:.45rem;background:#f5f5f1}.experience-logo img{width:100%;height:100%;object-fit:contain}.tech-list{display:grid;margin:0;padding:0;border-top:1px solid var(--line-strong);list-style:none}.tech-item{display:flex;min-height:4.25rem;align-items:center;border-bottom:1px solid var(--line);color:#dfe1dc;font-size:.92rem;transition:color .18s ease}.tech-item:hover{color:var(--text)}.tech-icon{width:1.6rem;height:1.6rem;flex:0 0 auto;margin-right:.8rem;color:var(--accent);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.tech-icon-letter{display:grid;border:1px solid currentColor;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;font-weight:750;letter-spacing:-.04em;line-height:1;place-items:center}.tech-item:hover .tech-icon{color:var(--text)}.demo-grid{display:grid;border-top:1px solid var(--line-strong)}.demo-preview{display:flex;min-width:0;min-height:17rem;flex-direction:column;aspect-ratio:1 / .88;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;overflow:hidden;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:center;transition:background .2s ease}.demo-preview:hover,.demo-preview:focus-visible{background:var(--surface)}.demo-preview[aria-hidden=true]{opacity:0;pointer-events:none}.demo-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:0;background:#050706eb;cursor:pointer}.demo-modal-wrap{width:100%;height:100%}.demo-modal{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:1rem;padding:5rem .5rem 1rem;overflow:auto;background:var(--surface-raised);cursor:default;text-align:center}.demo-modal-scrollable{align-items:stretch;justify-content:flex-start;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.demo-close{position:absolute;z-index:2;top:max(1rem,env(safe-area-inset-top));right:1rem;min-height:2.75rem;padding:.55rem .8rem;border:1px solid var(--line-strong);border-radius:0;background:var(--background);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:600}.page-header{margin-bottom:2rem}.page-title{margin:0;font-size:clamp(2.5rem,14vw,6rem);font-weight:500;letter-spacing:-.06em}.page-subtitle,.muted{color:var(--muted)}.page-subtitle{margin:1rem 0 0;line-height:1.7}.plain-content{padding-block:2rem;border-top:1px solid var(--line-strong)}.plain-content h2,.plain-content p{margin-top:0}.list{margin:1rem 0 0;padding-left:1.25rem;color:var(--muted);line-height:1.8}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;margin-top:1rem;padding:.65rem 1rem;border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--text);cursor:pointer}.footer{background:var(--background)}.footer-inner{display:flex;flex-direction:column;gap:.45rem;padding-block:1.5rem;color:var(--muted);font-size:.78rem}@media(min-width:36rem){.container,.section{width:min(calc(100% - 3rem),var(--container))}.header-inner{min-height:4.75rem;flex-direction:row;justify-content:space-between}.brand{width:auto}.nav{width:auto;justify-content:flex-end;gap:clamp(1rem,3vw,2rem)}.nav-link{font-size:.78rem}.main{padding-top:4.75rem}.section{padding-block:6rem;scroll-margin-top:4.75rem}.home{min-height:calc(100svh - 4.75rem)}.tech-list{grid-template-columns:repeat(2,1fr)}.tech-item:nth-child(odd){border-right:1px solid var(--line)}.tech-item:nth-child(2n){padding-left:1.25rem}.footer-inner{flex-direction:row;justify-content:space-between}}@media(min-width:48rem){.home{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:3rem;padding-block:4rem 0}.hero-title{font-size:clamp(5.5rem,11vw,9rem)}.hero-portrait{width:100%}.experience-item{grid-template-columns:minmax(12rem,.8fr) minmax(0,1.5fr) 5rem;align-items:start;gap:2rem;padding-block:2.5rem}.experience-logo{order:initial;justify-self:end}.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-preview:nth-child(odd){border-right:1px solid var(--line)}.demo-modal-wrap{width:min(calc(100% - 4rem),72rem);height:min(calc(100% - 4rem),50rem)}.demo-modal{padding:4rem 2rem 2rem;border:1px solid var(--line-strong)}.demo-modal-scrollable{align-items:center;justify-content:center}}@media(min-width:64rem){.section:not(.home){display:grid;grid-template-columns:minmax(11rem,.3fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem)}.section-heading{position:sticky;top:7rem;align-self:start;margin:0}.tech-list{grid-template-columns:repeat(4,1fr)}.tech-item{padding-left:1.1rem;border-right:1px solid var(--line)}.tech-item:nth-child(2n){padding-left:1.1rem}.tech-item:nth-child(4n){border-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}