.site-header{font-family:var(--font-body);display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-bg)}.header-left{display:flex;align-items:center;gap:.5rem}.site-name-link{text-decoration:none;color:inherit}.site-name-link:hover{color:var(--color-text-muted)}.site-name{font-weight:300;font-size:.85rem;text-transform:uppercase;letter-spacing:.25em}.header-right{display:flex;align-items:center;gap:.5rem}.header-right a{text-decoration:none;color:var(--color-text);font-weight:300;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;transition:color var(--transition)}.header-right a:hover{color:var(--color-text-muted)}.theme-toggle{background:transparent;border:none;padding:.35rem;cursor:pointer;color:inherit;opacity:.6;transition:opacity var(--transition);display:flex;align-items:center;justify-content:center;border-radius:4px}.theme-toggle:hover{opacity:1;background:transparent}.hamburger,.menu-backdrop{display:none}@media(max-width:768px){.site-header{padding:.85rem}.site-name{font-size:.78rem;letter-spacing:.18em}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;padding:8px;cursor:pointer;z-index:201;min-width:44px;min-height:44px;align-items:center}.hamburger-line{display:block;width:20px;height:1.5px;background-color:var(--color-text);transition:transform .25s ease,opacity .25s ease;transform-origin:center}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.header-right{position:fixed;top:0;right:0;width:240px;height:100vh;background-color:var(--color-surface);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;gap:0;z-index:200;transform:translate(100%);transition:transform .3s ease;box-shadow:var(--shadow-md)}.header-right.menu-open{transform:translate(0)}.header-right a{font-size:.85rem;letter-spacing:.15em;padding:.75rem 0;width:100%;min-height:44px;display:flex;align-items:center}.header-right .theme-toggle{margin-top:1rem;padding:.75rem 0;min-height:44px}.menu-backdrop{display:none;position:fixed;inset:0;background:#0000004d;z-index:199}.header-right.menu-open~.menu-backdrop{display:block}}body[class*=hero-visible] .hamburger .hamburger-line{background-color:#ffffffe6}@media(max-width:480px){.site-header{padding:.6rem .75rem}.site-name{font-size:.68rem;letter-spacing:.15em}}.site-footer{font-family:var(--font-body);background-color:var(--color-bg);border-top:1px solid var(--color-border-subtle);padding:3rem 2rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.footer-nav{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}.footer-nav a{font-family:var(--font-body);font-weight:300;font-size:.82rem;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;color:var(--color-text-secondary);transition:color var(--transition)}.footer-nav a:hover{color:var(--color-text)}.footer-email{display:inline-block;font-weight:300;font-size:.84rem;color:var(--color-text-secondary);text-decoration:none;margin-bottom:1.5rem;transition:color var(--transition)}.footer-email:hover{color:var(--color-text)}.footer-quote{font-family:var(--font-heading);font-style:italic;font-size:.85rem;color:var(--color-caption);max-width:420px;margin:0 auto 1.5rem}.footer-bottom{font-size:.75rem;color:var(--color-muted-line)}@media(max-width:480px){.site-footer{padding:2rem 1.25rem 1.25rem}.footer-nav{gap:1rem}.footer-nav a{font-size:.75rem}.footer-email,.footer-quote{font-size:.8rem}.footer-bottom{font-size:.68rem}}.scroll-progress{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;z-index:100;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.scroll-progress.visible{opacity:1;transform:translateY(0)}.scroll-progress.at-bottom{opacity:0;transform:translateY(10px)}.scroll-progress.merging{opacity:1;transform:translate(calc(-50vw + 2rem + 22px))}.scroll-progress.merging .scroll-progress-ring{opacity:0;transition:opacity .5s ease}.scroll-progress.merging .scroll-progress-dots{gap:8px}.scroll-progress.merging .scroll-progress-dot{position:static;width:6px;height:6px;animation:breathe 3s infinite ease-in-out}.scroll-progress.merging .scroll-progress-dot:nth-child(1){animation-delay:0s}.scroll-progress.merging .scroll-progress-dot:nth-child(2){animation-delay:-1s}.scroll-progress.merging .scroll-progress-dot:nth-child(3){animation-delay:-2s}.scroll-progress-ring{width:100%;height:100%;transform:rotate(-90deg);transition:opacity .5s ease}.scroll-progress-track{fill:none;stroke:var(--color-border-subtle);stroke-width:2}.scroll-progress-fill{fill:none;stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .15s ease}.scroll-progress-dots{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:gap .5s ease}.scroll-progress-dot{position:absolute;width:4px;height:4px;background-color:var(--color-text);border-radius:50%;animation:orbit-progress 6s infinite linear;transition:width .5s ease,height .5s ease}.scroll-progress-dot:nth-child(1){animation-delay:0s}.scroll-progress-dot:nth-child(2){animation-delay:-2s}.scroll-progress-dot:nth-child(3){animation-delay:-4s}@keyframes orbit-progress{0%{transform:translate(8px)}12.5%{transform:translate(5.6px,-2.1px)}25%{transform:translateY(-3px)}37.5%{transform:translate(-5.6px,-2.1px)}50%{transform:translate(-8px)}62.5%{transform:translate(-5.6px,2.1px)}75%{transform:translateY(3px)}87.5%{transform:translate(5.6px,2.1px)}to{transform:translate(8px)}}@media(max-width:480px){.scroll-progress{width:36px;height:36px;bottom:1.5rem;right:1.5rem}.scroll-progress.merging{transform:translate(calc(-50vw + 1.5rem + 18px))}.scroll-progress.merging .scroll-progress-dot{width:5px;height:5px}.scroll-progress.merging .scroll-progress-dots{gap:6px}}.scroll-indicator{position:absolute;bottom:3%;left:50%;transform:translate(-50%);opacity:calc(1 - var(--hero-scroll, 0));transition:opacity .2s;pointer-events:auto;cursor:pointer;animation:bounce 2s ease-in-out infinite;z-index:5}.scroll-indicator-dots{position:relative;width:20px;height:40px;animation:entrance-spin 3s cubic-bezier(.2,.8,.3,1) forwards}.scroll-dot{position:absolute;width:6px;height:6px;background-color:#ffffffd9;border-radius:50%;top:50%;left:50%;margin:-3px 0 0 -3px;animation:orbit-vertical 5s infinite linear}.scroll-dot:nth-child(1){animation-delay:0s}.scroll-dot:nth-child(2){animation-delay:-1.67s}.scroll-dot:nth-child(3){animation-delay:-3.33s}@keyframes entrance-spin{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes orbit-vertical{0%{transform:translateY(-14px)}12.5%{transform:translate(4.2px,-9.9px)}25%{transform:translate(6px)}37.5%{transform:translate(4.2px,9.9px)}50%{transform:translateY(14px)}62.5%{transform:translate(-4.2px,9.9px)}75%{transform:translate(-6px)}87.5%{transform:translate(-4.2px,-9.9px)}to{transform:translateY(-14px)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}body.home-page-active main{padding:0;justify-content:flex-start;text-align:left}body.home-page-active .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-bg);transition:background-color .3s ease}body.home-page-active.home-hero-visible .site-header{background-color:transparent}body.home-page-active.home-hero-visible .site-header a,body.home-page-active.home-hero-visible .site-header .site-name,body.home-page-active.home-hero-visible .theme-toggle{color:#fff}.home-hero{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#0a0a0a}.home-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.home-hero-overlay{position:absolute;inset:0;z-index:1;background:#00000080}.home-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;z-index:1;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 70%,var(--color-bg) 100%);pointer-events:none;opacity:var(--hero-scroll, 0)}.home-hero-bridge{height:80px;background:linear-gradient(to bottom,#0a0a0a,var(--color-bg));margin-top:-1px;opacity:calc(1 - var(--hero-scroll, 0))}body.home-page-active .site-footer{border-top:none}body.home-page-active .site-footer>*{animation:fadeUp .6s ease both}body.home-page-active .site-footer>*:nth-child(1){animation-delay:.6s}body.home-page-active .site-footer>*:nth-child(2){animation-delay:.72s}body.home-page-active .site-footer>*:nth-child(3){animation-delay:.84s}body.home-page-active .site-footer>*:nth-child(4){animation-delay:.96s}.home-hero-name{font-family:var(--font-heading);font-size:18vw;color:#fff;position:absolute;z-index:2;bottom:18%;left:50%;transform:translate(-50%);white-space:nowrap;letter-spacing:-.02em;line-height:1;margin:0;animation:heroNameReveal .8s ease both}.home-hero-location{animation:fadeUp .6s ease both;animation-delay:.5s;position:absolute;z-index:2;bottom:5rem;left:2.5rem;color:#fffc;font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin:0}.home-hero-role{animation:fadeUp .6s ease both;animation-delay:.65s;position:absolute;z-index:2;bottom:5rem;right:2.5rem;color:#fffc;font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;text-align:right;margin:0}@keyframes heroNameReveal{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.home-hero-name{font-size:16vw;bottom:22%}.home-hero-location{display:none}.home-hero-role{left:2rem;right:2rem;text-align:center;font-size:.75rem}}@media(max-width:480px){.home-hero-name{font-size:15vw;bottom:28%}.home-hero-role{left:1.5rem;right:1.5rem;font-size:.68rem;bottom:4.5rem}}body.about-page-active main{padding:0;justify-content:flex-start}body.about-page-active .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-bg);transition:background-color .3s ease}body.about-page-active.about-hero-visible .site-header{background-color:transparent}body.about-page-active.about-hero-visible .site-header a,body.about-page-active.about-hero-visible .site-name,body.about-page-active.about-hero-visible .theme-toggle{color:#ffffffe6}body.about-page-active.about-hero-visible .site-header a:hover,body.about-page-active.about-hero-visible .theme-toggle:hover{color:#fff9}.about-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a0a}.about-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block}.about-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 70%,var(--color-bg) 100%);pointer-events:none;opacity:var(--hero-scroll, 0)}.about-hero-identity{position:absolute;bottom:12%;left:6%;color:#fff;display:flex;flex-direction:column;text-align:left}.about-hero-eyebrow{font-family:var(--font-body);font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;opacity:.8;margin-bottom:.6rem}.about-hero-name{font-family:var(--font-heading);font-size:6.5rem;font-weight:400;line-height:1.1;margin-bottom:.4rem}.about-hero-role{font-family:var(--font-body);font-size:1rem;text-transform:uppercase;letter-spacing:.15em;opacity:.8}.about-content{max-width:1000px;width:100%;margin:0 auto;padding:3rem 2rem;text-align:left}.about-content>*{animation:none}.fade-section{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-section.visible{opacity:1;transform:translateY(0)}.about-link{font-family:var(--font-heading);font-weight:600;color:var(--color-text);text-decoration:none;border-bottom:1.5px solid var(--color-muted-line);transition:border-color var(--transition),color var(--transition)}.about-link:hover{border-bottom-color:var(--color-text)}.about-intro{max-width:680px}.about-intro p{color:var(--color-text-secondary);line-height:1.8;font-size:1rem;margin-bottom:1rem}.about-intro p:last-child{margin-bottom:0}.about-projects{list-style:decimal;padding-left:1.5rem;margin:.75rem 0}.about-projects li{color:var(--color-text-secondary);line-height:1.8;font-size:1rem;margin-bottom:.35rem}.page-section:has(.about-journey){margin-top:1.5rem}.about-journey{display:flex;gap:2.5rem;align-items:stretch}.about-journey-text{flex:1;min-width:0}.about-journey-text p{color:var(--color-text-secondary);line-height:1.8;font-size:1rem;margin-bottom:1rem}.about-journey-text p:last-child{margin-bottom:0}.about-timeline{flex-shrink:0;width:220px;display:flex;flex-direction:column;gap:.75rem;position:relative;padding:.5rem 0}.about-timeline:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background-color:var(--color-muted-line)}.timeline-item{display:flex;align-items:flex-start;gap:.85rem;flex:1}.timeline-item:first-child{flex:0}.timeline-dot{width:12px;height:12px;background-color:var(--color-caption);border-radius:50%;z-index:1;flex-shrink:0;margin-top:1px}.timeline-label{white-space:nowrap}.timeline-year{font-weight:700;font-size:.9rem;color:var(--color-text-secondary);display:block;line-height:1.3}.timeline-desc{font-size:.78rem;color:var(--color-caption);display:block;line-height:1.4}.about-featured{margin-top:3rem}.about-featured h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.about-featured-grid{display:flex;gap:1.5rem}.about-featured-item{display:flex;flex-direction:column;flex:1;text-decoration:none;min-width:0}.about-featured-number{font-family:var(--font-body);font-size:.8rem;color:var(--color-caption);letter-spacing:.05em;margin-bottom:.5rem}.about-featured-thumb{height:180px;overflow:hidden}.about-featured-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .4s ease,transform .4s ease}.about-featured-thumb img.about-thumb--contain{object-fit:contain;background-color:#fff}.about-featured-item:hover .about-featured-thumb img{filter:grayscale(0%);transform:scale(1.03)}.about-featured-title{font-family:var(--font-heading);font-size:.85rem;margin-top:.5rem;color:var(--color-text)}.about-featured-more{display:inline-block;margin-top:1.5rem;font-family:var(--font-body);font-size:.85rem;color:var(--color-caption);text-decoration:none;transition:color .3s ease}.about-featured-more:hover{color:var(--color-text)}@media(max-width:768px){.about-content{padding:2rem 1.5rem}.about-hero-name{font-size:5rem}.about-journey{gap:2rem}.about-timeline{width:200px}.about-hero-identity{max-width:55%}.about-hero-role{font-size:.9rem}.about-featured-thumb{height:150px}}@media(max-width:480px){.about-content{padding:1.5rem 1rem}.about-hero-identity{bottom:15%;left:5%}.about-hero-eyebrow{font-size:.85rem}.about-hero-name{font-size:3.5rem}.about-hero-role{font-size:.8rem}.about-intro p,.about-projects li,.about-journey-text p{font-size:.92rem;line-height:1.7}.about-journey{flex-direction:column;gap:1.5rem}.about-timeline{flex-direction:row;width:100%;padding:0}.about-timeline:before{inset:6px 0 auto;width:auto;height:2px}.timeline-item{flex-direction:column;align-items:center;flex:1;min-width:0;gap:.4rem}.timeline-item:first-child{flex:1}.timeline-label{text-align:center;white-space:normal}.timeline-year{font-size:.82rem}.timeline-desc{font-size:.72rem}.about-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.about-featured-thumb{height:140px}}.blog-post{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.blog-post:last-child{border-bottom:none}.blog-post-header{margin-bottom:1.5rem}.blog-post-title{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-text);margin-bottom:.25rem}.blog-post-meta{display:flex;align-items:center;gap:.75rem}.blog-post-date{font-size:.85rem;color:var(--color-text-muted)}.blog-post-reading-time{font-size:.82rem;color:var(--color-caption)}.blog-post-body>*{margin-bottom:1.5rem}.blog-post-body>*:last-child{margin-bottom:0}.blog-post-body>*{opacity:0;filter:blur(4px);transform:translateY(14px)}.blog-post-body>*.revealed{animation:blurFadeUp .45s cubic-bezier(.25,.1,.25,1) both}.blog-text{color:var(--color-text-secondary);line-height:1.85;font-size:1rem}.blog-highlight{color:var(--color-text);background:linear-gradient(transparent 55%,var(--color-highlight-bg) 55%);padding:0 .15rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.blog-inline-code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em;background-color:var(--color-inline-code-bg);color:var(--color-text);padding:.15em .4em;border-radius:4px}.blog-code-wrapper{position:relative}.blog-code-copy{position:absolute;top:.5rem;right:.5rem;background-color:var(--color-surface);color:var(--color-text-secondary);opacity:.7;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:500;cursor:pointer;opacity:0;transition:opacity var(--transition),background-color var(--transition)}.blog-code-wrapper:hover .blog-code-copy{opacity:1}.blog-code-copy:hover{background-color:var(--color-surface);opacity:1}.blog-code-block{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88rem;line-height:1.6;background-color:var(--color-code-bg);color:var(--color-code-text);padding:1.25rem 1.5rem;border-radius:var(--radius-md);overflow-x:auto;white-space:pre;margin:0}.syn-keyword{color:var(--syn-keyword)}.syn-string{color:var(--syn-string)}.syn-number{color:var(--syn-number)}.syn-comment{color:var(--syn-comment);font-style:italic}.syn-func{color:var(--syn-func)}.blog-heading{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-text);margin-top:1.5rem}.blog-figure{margin:2rem 0}.blog-image{width:100%;max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.blog-caption{text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem;font-style:italic}.blog-grid{display:flex;flex-direction:column;gap:1rem}.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:1.5rem 1.75rem;box-shadow:var(--shadow-sm);border-left:4px solid transparent;transition:transform var(--transition),box-shadow var(--transition),border-left-color var(--transition)}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-left-color:var(--color-brand);color:inherit}.blog-card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.blog-card-date{font-size:.78rem;color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase}.blog-card-reading-time{font-size:.75rem;color:var(--color-caption)}.blog-card-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-text);margin-bottom:.4rem;line-height:1.4}.blog-card-summary{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.article-section{margin-top:3rem;padding-bottom:.5rem;border-bottom:none;scroll-margin-top:1.5rem;position:relative}.article-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-brand);transform-origin:left;animation:revealLine .6s ease both;animation-delay:.3s}.article-subheading{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-text)}.article-label{font-size:.85rem;font-weight:600;color:var(--color-brand-dark);text-transform:uppercase;letter-spacing:.5px}.article-toc{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:10px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.article-toc-title{font-size:.8rem;color:var(--color-label);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.article-toc ol{padding-left:1.25rem}.article-toc li{margin:.55rem 0;font-size:.88rem}.article-toc a{color:var(--color-brand);text-decoration:none;transition:color .2s ease}.article-toc a:hover{color:var(--color-brand-dark);text-decoration:underline}.article-table-wrap{overflow-x:auto;margin-top:.5rem}.article-table{width:100%;border-collapse:collapse;font-size:.82rem}.article-table th{font-size:.69rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-table-header-text);text-align:left;padding:.6rem .75rem;border-bottom:2px solid var(--color-table-header-border);white-space:nowrap}.article-table tbody tr{border-bottom:1px solid var(--color-table-row-border);transition:background .15s}.article-table tbody tr:hover{background:var(--color-table-hover)}.article-table tbody tr:last-child{border-bottom:none}.article-table td{padding:.6rem .75rem;vertical-align:middle;color:var(--color-text-muted);font-size:.8rem}.article-table td strong{color:var(--color-text);font-weight:500}.article-table td code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;color:var(--color-text);font-weight:500}.blog-back-link{display:inline-block;margin-top:2.5rem;margin-bottom:2rem;font-size:.9rem}@media(max-width:480px){.blog-post-title{font-size:1.4rem}.blog-post-header{margin-bottom:1rem}.blog-text{font-size:.92rem;line-height:1.75}.blog-heading{font-size:1.15rem;margin-top:1.2rem}.blog-figure{margin:1.25rem 0}.blog-caption{font-size:.8rem}.blog-code-copy{opacity:1}.blog-code-block{font-size:.8rem;padding:1rem 1.15rem;border-radius:var(--radius-sm)}.blog-grid{gap:.75rem}.blog-card{padding:1.15rem 1.25rem}.blog-card-title{font-size:1.1rem}.blog-card-summary{font-size:.85rem}.blog-back-link{margin-bottom:1.5rem;font-size:.85rem}.article-table{font-size:.75rem}.article-table th{font-size:.62rem;padding:.4rem}.article-table td{padding:.4rem}.article-table td code{font-size:.68rem}.article-toc{padding:1rem 1.15rem}.article-toc li{font-size:.82rem}}body.life-page-active main{padding:0;justify-content:flex-start}body.life-page-active .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-bg);transition:background-color .3s ease}body.life-page-active.life-hero-visible .site-header{background-color:transparent}body.life-page-active.life-hero-visible .site-header a,body.life-page-active.life-hero-visible .site-name,body.life-page-active.life-hero-visible .theme-toggle{color:#ffffffe6}body.life-page-active.life-hero-visible .site-header a:hover,body.life-page-active.life-hero-visible .theme-toggle:hover{color:#fff9}.life-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a0a}.life-hero-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.life-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 70%,var(--color-bg) 100%);pointer-events:none;opacity:var(--hero-scroll, 0)}.life-hero-identity{position:absolute;bottom:12%;left:6%;color:#fff;display:flex;flex-direction:column;text-align:left}.life-hero-eyebrow{font-family:var(--font-body);font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;opacity:.8;margin-bottom:.6rem}.life-hero-title{font-family:var(--font-heading);font-size:6.5rem;font-weight:400;line-height:1.1;margin-bottom:0}.life-sign-off{margin-top:1.5rem;font-style:italic}.life-content{max-width:1000px;width:100%;margin:0 auto;padding:3rem 2rem;text-align:left}@media(max-width:768px){.life-content{padding:2rem 1.5rem}.life-hero-title{font-size:5rem}}@media(max-width:480px){.life-content{padding:1.5rem 1rem}.life-hero-identity{bottom:15%;left:5%}.life-hero-eyebrow{font-size:.85rem}.life-hero-title{font-size:3.5rem}}body.projects-page-active main{padding:0;justify-content:flex-start}body.projects-page-active .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-bg);transition:background-color .3s ease}body.projects-page-active.projects-hero-visible .site-header{background-color:transparent}body.projects-page-active.projects-hero-visible .site-header a,body.projects-page-active.projects-hero-visible .site-name,body.projects-page-active.projects-hero-visible .theme-toggle{color:#ffffffe6}body.projects-page-active.projects-hero-visible .site-header a:hover,body.projects-page-active.projects-hero-visible .theme-toggle:hover{color:#fff9}.projects-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a0a}.projects-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.projects-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 70%,var(--color-bg) 100%);pointer-events:none;opacity:var(--hero-scroll, 0)}.projects-hero-identity{position:absolute;bottom:12%;left:6%;color:#fff;display:flex;flex-direction:column;text-align:left}.projects-hero-eyebrow{font-family:var(--font-body);font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;opacity:.8;margin-bottom:.6rem}.projects-hero-title{font-family:var(--font-heading);font-size:6.5rem;font-weight:400;line-height:1.1;margin-bottom:0}.projects-content{max-width:960px;width:100%;margin:0 auto;padding:3rem 2rem;text-align:left}.project-grid{display:flex;flex-direction:column;gap:0;margin-top:1.5rem;border-top:1px solid var(--color-border-subtle);animation:none;opacity:1}.project-card{position:relative;animation:fadeUp .4s ease both;background:transparent;border-radius:0;overflow:hidden;text-decoration:none;color:inherit;box-shadow:none;border-bottom:1px solid var(--color-border-subtle);transition:background-color .2s ease;display:flex;flex-direction:row;align-items:center;padding:1.5rem 0;gap:1.5rem}.project-card:hover{background-color:var(--color-surface);color:inherit}.project-card-number{font-family:var(--font-heading);font-size:1.8rem;line-height:1;color:var(--color-border-subtle);pointer-events:none;transition:color .2s ease;flex-shrink:0;width:3.5rem;text-align:center}.project-card:hover .project-card-number{color:var(--color-brand)}.project-card-preview{width:200px;height:130px;flex-shrink:0;overflow:hidden;border:1px solid var(--color-border-subtle)}.project-card-image{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);transition:filter .3s ease}.project-card-image--contain{object-fit:contain;background-color:#fff}.project-card:hover .project-card-image{filter:grayscale(0%)}.project-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-brand) 0%,#a8d4be 100%)}.project-card-body{flex:1;min-width:0;display:flex;flex-direction:column}.project-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.project-card-status{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-variant:small-caps;padding:0;border-radius:0;background:none}.project-card-status.active{color:var(--color-status-active-text)}.project-card-status.paused{color:var(--color-status-paused-text)}.project-card-status.completed{color:var(--color-status-completed-text)}.project-card-date{font-size:.78rem;color:var(--color-status-completed-text)}.project-card-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:400;color:var(--color-text);margin-bottom:.25rem;transition:color .2s ease}.project-card:hover .project-card-title{color:var(--color-brand)}.project-card-description{font-size:.88rem;color:var(--color-text-muted);line-height:1.55}.project-card-arrow{font-size:.72rem;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.1em;text-decoration:underline;text-underline-offset:3px;display:inline-block;transition:color .2s ease;flex-shrink:0;align-self:center}.project-card:hover .project-card-arrow{color:var(--color-brand)}.project-card:nth-child(1){animation-delay:.08s}.project-card:nth-child(2){animation-delay:.16s}.project-card:nth-child(3){animation-delay:.24s}.project-card:nth-child(4){animation-delay:.32s}.project-card:nth-child(5){animation-delay:.4s}@media(max-width:768px){.projects-content{padding:2rem 1.5rem}.projects-hero-title{font-size:4rem}.project-card-preview{width:160px;height:110px}}@media(max-width:600px){.projects-content{padding:1.5rem 1rem}.projects-hero-title{font-size:3rem}.project-card{flex-direction:column;align-items:flex-start;padding:1.25rem 0;gap:.75rem}.project-card-number{width:auto;text-align:left}.project-card-preview{width:100%;height:180px}.project-card-arrow{align-self:flex-start;margin-top:.5rem}}@media(max-width:480px){.projects-hero-identity{bottom:15%;left:5%}.projects-hero-eyebrow{font-size:.85rem}.projects-hero-title{font-size:2.5rem}}body.vision-page-active main{padding:0;justify-content:flex-start}body.vision-page-active .site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-bg);transition:background-color .3s ease}body.vision-page-active.vision-hero-visible .site-header{background-color:transparent}body.vision-page-active.vision-hero-visible .site-header a,body.vision-page-active.vision-hero-visible .site-name,body.vision-page-active.vision-hero-visible .theme-toggle{color:#ffffffe6}body.vision-page-active.vision-hero-visible .site-header a:hover,body.vision-page-active.vision-hero-visible .theme-toggle:hover{color:#fff9}.vision-hero{position:relative;width:100%;height:100vh;overflow:hidden;background:#0a0a0a}.vision-hero-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.vision-hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 70%,var(--color-bg) 100%);pointer-events:none;opacity:var(--hero-scroll, 0)}.vision-hero-identity{position:absolute;bottom:12%;left:6%;color:#fff;display:flex;flex-direction:column;text-align:left}.vision-hero-eyebrow{font-family:var(--font-body);font-size:1.1rem;text-transform:uppercase;letter-spacing:.15em;opacity:.8;margin-bottom:.6rem}.vision-hero-title{font-family:var(--font-heading);font-size:6.5rem;font-weight:400;line-height:1.1;margin-bottom:0}.vision-content{max-width:1000px;width:100%;margin:0 auto;padding:3rem 2rem;text-align:left}.vision-content>*{animation:none}@media(max-width:768px){.vision-content{padding:2rem 1.5rem}.vision-hero-title{font-size:5rem}}@media(max-width:480px){.vision-content{padding:1.5rem 1rem}.vision-hero-identity{bottom:15%;left:5%}.vision-hero-eyebrow{font-size:.85rem}.vision-hero-title{font-size:3.5rem}}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:1000;padding:.5rem 1.5rem;background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-brand);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;text-decoration:none;transition:top .15s ease}.skip-to-content:focus{top:.75rem}main{padding:3rem 6rem;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width:768px){main{padding:2rem 1.5rem}}@media(max-width:480px){main{padding:1.5rem 1rem}}:root{--color-text: #333;--color-text-secondary: #555;--color-text-muted: #666;--color-text-placeholder: #888;--color-bg: #f5f5f5;--color-bg-card: #f9f9f9;--color-border: #ccc;--color-accent: #007bff;--color-accent-hover: #0056b3;--color-surface: #ffffff;--color-surface-raised: #f8faf9;--color-border-subtle: #e2e6ea;--color-border-strong: #dde0e4;--color-brand: #7aab96;--color-brand-dark: #5f937e;--color-brand-bg: rgba(122, 171, 150, .14);--color-brand-bg-subtle: rgba(122, 171, 150, .08);--color-label: #5a6a7d;--color-caption: #6b7280;--color-muted-line: #b0b7bf;--color-code-bg: #e8ecf0;--color-code-text: #2d3748;--color-inline-code-bg: #eef0f3;--color-highlight-bg: #fce5a8;--color-table-header-border: #e8e8e4;--color-table-row-border: #f0f0ec;--color-table-hover: #fafaf8;--color-table-header-text: #888883;--color-status-active-bg: #e6f5ef;--color-status-active-text: #5f937e;--color-status-paused-bg: #fff5e6;--color-status-paused-text: #c4883a;--color-status-completed-bg: #f0f0f0;--color-status-completed-text: #999;--color-error: #c75050;--color-warn-accent: #d4a574;--syn-keyword: #7c5cbf;--syn-string: #2e8b6a;--syn-number: #b5762a;--syn-comment: #8a95a5;--syn-func: #3574b5;--font-body: "Inter", sans-serif;--font-heading: "Junge", serif;--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--transition: .2s ease}[data-theme=dark]{--color-text: #e8e4df;--color-text-secondary: #b8b2a8;--color-text-muted: #9a948a;--color-text-placeholder: #706b63;--color-bg: #1a1816;--color-bg-card: #242120;--color-border: #3a3633;--color-accent: #6ba3d6;--color-accent-hover: #8bbae3;--color-surface: #2a2725;--color-surface-raised: #302d2a;--color-border-subtle: #3a3633;--color-border-strong: #453f3b;--color-brand: #8dbfa8;--color-brand-dark: #7aab96;--color-brand-bg: rgba(141, 191, 168, .12);--color-brand-bg-subtle: rgba(141, 191, 168, .06);--color-label: #928c86;--color-caption: #958f88;--color-muted-line: #4a4541;--color-code-bg: #2a2725;--color-code-text: #d4d0ca;--color-inline-code-bg: #302d2a;--color-highlight-bg: rgba(252, 229, 168, .15);--color-table-header-border: #3a3633;--color-table-row-border: #2e2b28;--color-table-hover: #302d2a;--color-table-header-text: #7a756f;--color-status-active-bg: rgba(141, 191, 168, .12);--color-status-active-text: #8dbfa8;--color-status-paused-bg: rgba(212, 165, 116, .12);--color-status-paused-text: #d4a574;--color-status-completed-bg: #302d2a;--color-status-completed-text: #7a756f;--color-error: #e07070;--color-warn-accent: #dbb58c;--syn-keyword: #c4a5f0;--syn-string: #7ed4a8;--syn-number: #e0a85c;--syn-comment: #6b7585;--syn-func: #7cb8e4;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4)}body,.site-header,.site-footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease}html.no-transition,html.no-transition *,html.no-transition *:before,html.no-transition *:after{transition:none!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-BtFs5cFQ.woff2) format("woff2"),url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Junge;src:url(/assets/Junge-Regular-eAcTSnRh.woff2) format("woff2"),url(/assets/Junge-Regular-NUejrzX4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html{height:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}body{height:100%}body{min-width:320px;font-family:var(--font-body);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}#root{width:100%;margin:0 auto;background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}h1{font-family:var(--font-heading);font-size:2.5rem;line-height:1.2}h2{font-family:var(--font-heading);font-size:2rem;line-height:1.3}a{font-weight:500;color:var(--color-text);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-text-muted)}a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:2px}.link-hover-effect{display:inline-block;text-decoration:none;color:var(--color-text);font-weight:500;transition:color var(--transition),transform var(--transition)}.link-hover-effect:hover{color:var(--color-text-muted);transform:scale(1.05)}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-text);color:#fff;cursor:pointer;transition:background-color var(--transition),border-color var(--transition)}button:hover{background-color:var(--color-text-secondary)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.dot-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:1rem auto}.circle-dot{width:10px;height:10px;background-color:var(--color-text);border-radius:50%;animation:pendulum 3s infinite ease-in-out}.circle-dot:nth-child(1){animation-delay:0s}.circle-dot:nth-child(2){animation-delay:.15s}.circle-dot:nth-child(3){animation-delay:.3s}@keyframes pendulum{0%{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-3px)}50%{transform:translate(0) translateY(0)}75%{transform:translate(-10px) translateY(-3px)}to{transform:translate(0) translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blurFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes revealLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-img{opacity:0;transform:scale(1.03);transition:opacity .4s ease,transform .6s ease-out}.hero-img.loaded{opacity:1;transform:scale(1)}.hero-identity>*{animation:fadeUp .6s ease both;animation-delay:.3s}.hero-identity>*:nth-child(2){animation-delay:.45s}.hero-identity>*:nth-child(3){animation-delay:.6s}.hero-photo-meta{position:absolute;bottom:12%;right:6%;color:#fff;text-align:right;font-family:var(--font-body);font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;line-height:1.8;opacity:.7;pointer-events:none;animation:fadeUp .6s ease both;animation-delay:.75s}@media(max-width:768px){.hero-photo-meta{bottom:12%;right:5%;font-size:.6rem}}@media(max-width:600px){.hero-photo-meta{bottom:12%;right:5%;font-size:.55rem;line-height:1.5;letter-spacing:.12em}}@media(max-width:480px){.hero-photo-meta{bottom:15%}}.page-container{max-width:900px;width:100%;margin:0 auto;text-align:left}.page-container>*{animation:fadeUp .5s ease both}.page-container>*:nth-child(2){animation-delay:.06s}.page-container>*:nth-child(3){animation-delay:.12s}.page-container>*:nth-child(4){animation-delay:.18s}.page-container>*:nth-child(5){animation-delay:.24s}.dot-divider-bottom{width:40px;height:16px;margin-top:-1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease}.dot-divider-bottom.revealed{opacity:1}.dot-divider-bottom.hidden-for-merge{opacity:0!important}.dot-divider-bottom .circle-dot{position:static;width:6px;height:6px;margin:0;animation:breathe 3s infinite ease-in-out}.dot-divider-bottom .circle-dot:nth-child(1){animation-delay:0s}.dot-divider-bottom .circle-dot:nth-child(2){animation-delay:-1s}.dot-divider-bottom .circle-dot:nth-child(3){animation-delay:-2s}@keyframes breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:1}}.page-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:300;color:var(--color-text-muted);text-align:center;margin-bottom:.5rem}.page-section{margin-bottom:3rem}.page-section h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-text);margin-bottom:1rem}.page-section p{color:var(--color-text-secondary);line-height:1.85;font-size:1rem}.page-intro{margin-bottom:.75rem}.page-section ul{list-style:none;padding:0}.page-section li{color:var(--color-text-secondary);padding:.4rem 0;font-size:1rem;line-height:1.6}@media(max-width:768px){.page-container{padding:0 1.25rem}.page-title,h1{font-size:2rem}h2{font-size:1.6rem}.page-section h3{font-size:1.25rem}}@media(max-width:480px){.page-container{padding:0 1rem}.page-title{font-size:1.7rem;margin-bottom:.35rem}h1{font-size:1.7rem}h2{font-size:1.4rem}.page-section{margin-bottom:2.5rem}.page-section h3{font-size:1.15rem;margin-bottom:1rem}.page-section p{font-size:.92rem;line-height:1.75}.page-section li{font-size:.92rem}.dot-divider{gap:6px;margin:1.5rem auto}.circle-dot{width:8px;height:8px}.dot-divider-bottom{width:36px;gap:6px}.dot-divider-bottom .circle-dot{width:5px;height:5px;animation-name:breathe}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}