:root{--font-heading: "Cormorant Garamond", serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;--bg: #f4efe8;--surface: #f8f4ee;--surface-muted: #ede3d7;--text: #1b1612;--text-muted: #65584c;--line: #d4c6b6;--accent: #ac623a;--accent-strong: #8f4c28}:root[data-theme=dark]{--bg: #10151b;--surface: #171e26;--surface-muted: #263241;--text: #edf2f7;--text-muted: #aab6c4;--line: #3a4a5d;--accent: #d5966f;--accent-strong: #e3b191}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);line-height:1.7;background:var(--bg)}a{color:inherit}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.content-width{width:min(980px,calc(100% - 2.6rem));margin-inline:auto}.top-nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--surface) 80%,transparent)}.top-nav-inner{min-height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem}.brand{text-decoration:none;font-family:var(--font-heading);font-size:1.8rem;letter-spacing:.01em;line-height:1}.menu-button{display:none;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:.36rem .68rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.top-nav-links ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem}.top-nav-links a{text-decoration:none;color:var(--text-muted);font-weight:600;padding:.25rem .62rem;border-radius:999px;transition:color .15s ease}.top-nav-theme{justify-self:end}.theme-toggle{position:relative;display:inline-grid}.theme-toggle-trigger{width:2.25rem;height:2.25rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.theme-toggle-trigger:hover{border-color:color-mix(in srgb,var(--line) 60%,var(--accent));color:var(--accent)}.theme-toggle-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--surface-muted) 54%,transparent)}.theme-toggle-icon,.theme-option-icon{width:.98rem;height:.98rem;display:inline-flex;align-items:center;justify-content:center}.theme-toggle-icon{display:none}.theme-toggle-icon-system{display:inline-flex}:root[data-theme-preference=light] .theme-toggle-icon-light,:root[data-theme-preference=dark] .theme-toggle-icon-dark{display:inline-flex}:root[data-theme-preference=light] .theme-toggle-icon-dark,:root[data-theme-preference=light] .theme-toggle-icon-system,:root[data-theme-preference=dark] .theme-toggle-icon-light,:root[data-theme-preference=dark] .theme-toggle-icon-system{display:none}.theme-toggle-icon svg,.theme-option-icon svg{width:100%;height:100%;stroke-linecap:round;stroke-linejoin:round}.theme-toggle-menu{position:absolute;top:calc(100% + .4rem);right:0;min-width:8rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,#000 20%,transparent);display:grid;gap:.1rem;padding:.26rem;z-index:70}.theme-toggle-menu[hidden]{display:none}.theme-toggle-option{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;gap:.46rem;padding:.38rem .44rem;font-family:var(--font-mono);font-size:.82rem;text-align:left;cursor:pointer}.theme-toggle-option:hover,.theme-toggle-option:focus-visible{outline:none;background:color-mix(in srgb,var(--surface-muted) 68%,transparent)}.theme-toggle-option.is-selected{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 16%,transparent)}.theme-option-label{line-height:1.1}.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}.page-main{padding:3rem 0 3.2rem}.page-content{display:grid;gap:2.5rem}.hero-block{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:2rem;padding-bottom:2.2rem;border-bottom:1px solid var(--line)}.hero-copy,.hero-aside{display:grid;gap:.8rem;align-content:start}.timeline-meta,.timeline-company,.project-meta,.project-location,.post-meta-line,.education-school{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.73rem;letter-spacing:.03em}.hero-copy h1,.section-intro h2,.timeline-card h3,.project-preview h3,.featured-post h3,.post-list-item h4,.education-card h3,.systems-snapshot-item h3,.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin:0;font-family:var(--font-heading);line-height:1.12;font-weight:600}.hero-copy h1{font-size:clamp(2.45rem,5vw,4.15rem);max-width:13ch}.hero-subhead{margin:0;max-width:52ch;font-size:1.05rem}.hero-intro{margin:0;max-width:56ch;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.button{text-decoration:none;border-radius:999px;min-height:40px;padding:.54rem .92rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:transform .14s ease,border-color .14s ease,color .14s ease,background-color .14s ease}.button:hover{transform:translateY(-1px)}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#fffaf4}.button-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:#fffaf4}.button-secondary{border:1px solid var(--line);color:var(--text);background:transparent}.hero-portrait{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:1/1}.hero-portrait picture{display:block;width:100%;height:100%}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%}.hero-contact-line{margin:0;color:var(--text-muted);font-size:.9rem}.hero-socials{display:flex;flex-wrap:wrap;gap:.36rem}.hero-socials a{display:inline-flex;align-items:center;gap:.34rem;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.2rem .46rem;font-size:.72rem;font-weight:700;color:var(--text-muted)}.hero-social-icon{width:15px;height:15px;display:block;flex:0 0 auto;filter:grayscale(1) brightness(0)}:root[data-theme=dark] .hero-social-icon{filter:grayscale(1) brightness(0) invert(1)}.content-section{padding-top:1.3rem;border-top:1px solid var(--line);display:grid;gap:.9rem}.content-section-work,.content-section-writinging{gap:.9rem}.section-intro{display:grid;gap:.48rem}.section-intro h2{font-size:clamp(1.4rem,3.3vw,2.15rem)}.section-intro p{margin:0;max-width:58ch;color:var(--text-muted)}.section-intro-main{display:flex;justify-content:space-between;align-items:end;gap:.9rem}.section-intro-link{text-decoration:none;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}.lead-copy{margin:0;max-width:62ch}.home-focus-list{margin:0;padding:0;list-style:none;display:grid;gap:.32rem;max-width:60ch}.home-focus-list li{position:relative;padding-left:.95rem;color:var(--text-muted)}.home-focus-list li:before{content:"";width:.34rem;height:.34rem;border-radius:50%;background:var(--accent);position:absolute;left:0;top:.72rem}.home-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.home-work-column{display:grid;gap:.8rem;align-content:start}.home-column-title{margin:0;font-family:var(--font-heading);font-size:1.55rem;line-height:1.15}.home-column-link{justify-self:start}.project-grid-home-resume{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-snapshot-grid{display:grid;gap:1rem}.systems-snapshot-item{display:grid;gap:.42rem;border-left:2px solid var(--line);padding-left:.88rem}.systems-snapshot-item h3{margin:0;font-size:1.28rem}.systems-snapshot-item p{margin:0;color:var(--text-muted);max-width:66ch}.timeline-stack{display:grid;gap:1.3rem}.timeline-card,.project-preview,.featured-post,.post-list-item,.education-card{display:grid;gap:.5rem;border-left:2px solid var(--line);padding-left:.88rem}.timeline-card h3,.project-preview h3,.featured-post h3,.post-list-item h4{font-size:1.34rem}.timeline-company{display:flex;align-items:center;gap:.44rem;flex-wrap:wrap}.timeline-company-logo-wrap{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .26rem;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 82%,transparent);line-height:0}.timeline-company-logo{height:18px;width:auto;max-width:92px;object-fit:contain;display:block}.timeline-summary,.project-preview p,.featured-post p,.post-list-item p{margin:0}.timeline-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.timeline-card li{color:var(--text-muted);font-size:.93rem}.timeline-card-compact ul{display:none}.project-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid-full,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid-home{grid-template-columns:1fr}.writinging-home-layout,.writinging-index-layout{display:grid;gap:1rem;grid-template-columns:1fr}.writinging-home-layout-minimal{max-width:64ch}.post-list-stack{display:grid;gap:.9rem}.tag-list{display:flex;flex-wrap:wrap;gap:.34rem}.tag-list span{border:1px solid var(--line);border-radius:999px;padding:.18rem .4rem;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.home-inline-links{margin:.15rem 0 0;display:flex;flex-wrap:wrap;gap:.65rem;font-weight:700}.home-inline-links a{text-decoration:none;border-bottom:1px solid var(--line)}.education-grid{display:grid;gap:1rem}.education-card h3,.skill-group-card h3{font-size:1.43rem}.education-card p{margin:0}.skill-group-card li{color:var(--text-muted);font-size:.93rem}.home-contact-inline{margin:-1rem 0 0;color:var(--text-muted);font-size:.95rem}.home-writinging-note{margin:0;color:var(--text-muted);font-size:.93rem}.home-writing-list{display:grid;gap:.55rem}.home-writinginginginginginging-note a{font-weight:700;text-decoration:none;color:var(--text)}.home-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.home-contact-note{margin:0;color:var(--text-muted);font-size:.92rem}.home-contact-note a{color:inherit}.content-section-post{gap:.92rem}.post-content{display:grid;gap:.7rem;max-width:70ch}.post-content p,.post-content ul,.post-content ol,.post-content blockquote,.post-content pre{margin:0}.post-content ul,.post-content ol{padding-left:1.2rem}.post-content blockquote{border-left:2px solid var(--accent);padding-left:.8rem;color:var(--text-muted)}.post-content code{font-family:var(--font-mono);font-size:.9em;background:color-mix(in srgb,var(--surface-muted) 55%,transparent);border-radius:4px;padding:.08rem .2rem}.post-content pre{border:1px solid var(--line);border-radius:8px;padding:.72rem;overflow-x:auto}.post-content pre code{background:transparent;padding:0}.post-footer-nav{border-top:1px solid var(--line);padding-top:.86rem;display:flex;flex-direction:column;gap:.36rem}.site-footer{border-top:1px solid var(--line);padding:1rem 0 1.4rem}.site-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-footer p{margin:0;color:var(--text-muted);font-size:.9rem}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.36rem}.site-footer a{text-decoration:none;color:var(--text-muted);font-size:.78rem}.top-nav-links a.is-active,.top-nav-links a:hover{color:var(--text)}.reveal{animation:fade-rise .26s ease both}@keyframes fade-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-block{grid-template-columns:1fr;gap:1.2rem}.home-work-grid,.project-grid,.project-grid-full,.project-grid-home-resume,.skills-grid{grid-template-columns:1fr}}@media(max-width:820px){.content-width{width:min(980px,calc(100% - 1.2rem))}.top-nav-inner{grid-template-columns:auto auto auto}.menu-button{display:inline-flex}.top-nav-links{position:absolute;top:calc(100% + .35rem);left:.8rem;right:.8rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,transparent);display:none;padding:.45rem}.top-nav-links.is-open{display:block}.top-nav-links ul{flex-direction:column;align-items:stretch;gap:.2rem}.top-nav-links a{padding:.34rem .45rem}.section-intro-main,.site-footer-inner{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}