@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,Consolas,monospace;color:#e5e9e8;background:#101313;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101313;--surface: #151919;--text: #e5e9e8;--muted: #8c9795;--faint: #46504f;--accent: #2d9ca1;--accent-dark: #00666b;--line: #28302f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),var(--bg);background-size:100% 5rem;color:var(--text);font-size:16px;line-height:1.65}::selection{background:var(--accent-dark);color:#f4f7f6}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-shell{width:min(100% - 48px,980px);margin:0 auto}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid var(--line)}.brand{font-size:1rem;font-weight:600;letter-spacing:-.03em}.brand-mark{color:var(--accent)}nav{display:flex;align-items:center;gap:clamp(16px,3vw,32px)}nav a{color:var(--muted);font-size:.82rem;transition:color .16s ease}nav a:hover{color:var(--text)}.section{position:relative;display:grid;align-items:center;min-height:86vh;padding:112px 0;scroll-margin-top:40px}.hero{min-height:calc(100vh - 88px);padding-top:88px}.section-index{position:absolute;top:48px;right:0;color:var(--faint);font-size:.72rem;letter-spacing:.08em}.command-block{width:100%}.terminal-line{display:flex;align-items:baseline;min-height:1.8rem;gap:.72rem;color:var(--text);font-size:clamp(1rem,1.1vw + .8rem,1.22rem);font-weight:500}.prompt{color:var(--accent);font-weight:600}.cursor{color:var(--accent);font-size:.85em;line-height:1;animation:blink .86s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}.command-output{opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.command-output.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}h1{margin:42px 0 12px;font-size:clamp(2.15rem,6vw,4.5rem);font-weight:500;line-height:1.05;letter-spacing:-.06em}.hero-copy{max-width:680px;margin:0;color:#b5bdbb;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65}.scroll-cue{display:inline-block;margin-top:72px;color:var(--muted);font-size:.78rem;transition:color .16s ease}.scroll-cue:hover{color:var(--accent)}.about-copy{max-width:760px;margin:38px 0 0;font-size:clamp(1.2rem,2.3vw,1.75rem);line-height:1.65;letter-spacing:-.025em}.about-note{margin:28px 0 0;color:var(--muted);font-size:.9rem}.projects-list{margin-top:36px;border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 22px;align-items:center;gap:18px;min-height:116px;border-bottom:1px solid var(--line);transition:background .18s ease,padding .18s ease,border-color .18s ease}.project-row:hover{padding:0 14px;background:#141a1a;border-color:var(--accent-dark)}.project-count{color:var(--faint);font-size:.72rem}.project-main{display:grid;gap:5px}.project-main strong{font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:500}.project-main>span{color:var(--muted);font-size:.9rem}.project-tech{color:#a4adab;font-size:.78rem;text-align:right}.project-arrow{color:var(--accent);transform:translate(-4px,4px);opacity:0;transition:transform .18s ease,opacity .18s ease}.project-row:hover .project-arrow{opacity:1;transform:translate(0)}.contact-terminal{min-height:330px}.contact-output{display:grid;margin:36px 0 0 2.1rem}.contact-output a{display:grid;grid-template-columns:120px minmax(0,1fr) 20px;align-items:center;max-width:660px;padding:10px 0;border-bottom:1px solid transparent;color:#ccd2d1;transition:color .16s ease,border-color .16s ease}.contact-output a span:first-child{color:var(--muted)}.contact-output a span:last-child{color:var(--accent);opacity:0;transition:opacity .16s ease}.contact-output a:hover{color:var(--text);border-color:var(--line)}.contact-output a:hover span:last-child{opacity:1}footer{display:flex;justify-content:space-between;align-items:center;min-height:112px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}footer a:hover{color:var(--accent)}.story-intro{position:relative;padding-top:132px}.story-heading{display:grid;align-content:end;min-height:calc(64vh - 132px);padding-bottom:88px}.story-intro h1{max-width:760px;margin-bottom:20px}.story-deck{max-width:620px;margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem)}.story-chapters{border-top:1px solid var(--line)}.story-chapter{padding:104px 0 128px;border-bottom:1px solid var(--line)}.story-label{display:block;margin-bottom:30px;color:var(--accent);font-size:.72rem;letter-spacing:.08em}.story-chapter>p{max-width:860px;margin:0;color:#c8cfcd;font-size:clamp(1.05rem,1.55vw,1.25rem);line-height:1.9;letter-spacing:-.015em}.story-slider{width:min(100%,520px);margin-top:52px;transition:width .32s ease}.story-slider--landscape{width:min(100%,780px)}.story-slider-viewport{aspect-ratio:3 / 4;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:aspect-ratio .32s ease}.story-slider--landscape .story-slider-viewport{aspect-ratio:4 / 3}.story-slider-track{display:flex;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1)}.story-slide{display:grid;place-items:center;flex:0 0 100%;height:100%;margin:0;background:var(--surface)}.story-slide img{display:block;width:100%;height:100%;object-fit:contain}.story-slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.story-counter{color:var(--muted);font-size:.75rem}.story-buttons{display:flex;gap:8px}.story-buttons button{display:grid;place-items:center;width:44px;height:40px;padding:0;border:1px solid var(--line);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.story-buttons button:hover{border-color:var(--accent-dark);color:var(--accent);background:#182020}.story-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.site-shell{width:min(100% - 32px,980px)}.site-header{min-height:72px}nav a:not(.nav-mobile){display:none}nav{gap:18px}.section{min-height:78vh;padding:96px 0}.hero{min-height:calc(100vh - 72px);padding-top:64px}.section-index{top:30px}h1{margin-top:32px}.scroll-cue{margin-top:52px}.project-row{grid-template-columns:30px minmax(0,1fr) 20px;gap:12px;min-height:128px}.project-tech{grid-column:2;grid-row:2;text-align:left;margin-top:-24px}.project-arrow{grid-column:3;grid-row:1 / span 2;opacity:.8}.contact-output{margin-left:0}.contact-output a{grid-template-columns:86px minmax(0,1fr) 18px;font-size:.82rem}.story-intro{padding-top:104px}.story-heading{min-height:calc(58vh - 104px);padding-bottom:72px}.story-chapter{padding:76px 0 96px}.story-chapter>p{font-size:1rem;line-height:1.8}.story-slider{margin-top:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}