:root{--bg-color:#faf9f6;--bg-surface:#fff;--text-main:#1d1d1f;--text-muted:#86868b;--text-light:#999;--border-light:rgba(0,0,0,.08);--border-dark:rgba(0,0,0,.2);--accent-color:#000;--font-heading:"Lora",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--font-mono:"Fira Code",Consolas,monospace;--spacing-sm:.5rem;--spacing-md:1.5rem;--spacing-lg:3rem;--spacing-xl:6rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--text-main);color:var(--bg-color)}::selection{background:var(--text-main);color:var(--bg-color)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:var(--font-heading);font-weight:400;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h1,h2{margin-bottom:var(--spacing-md)}h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:var(--spacing-lg)}h3{font-size:1.4rem;font-weight:500;margin-bottom:var(--spacing-sm)}p{color:var(--text-main);margin-bottom:1.2rem}a{border-bottom:1px solid transparent;color:inherit;text-decoration:none;transition:border-color .2s ease,color .2s ease}a:hover{border-color:var(--text-main)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.main-content{padding-bottom:120px}.hero-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding-bottom:0;padding-top:90px;position:relative}header.modern-header{margin-bottom:2rem;max-width:900px;position:relative;text-align:left;z-index:10}@media(max-width:768px){.hero-wrapper{min-height:auto;padding-top:140px}header.modern-header{margin-bottom:1rem}}@media(min-width:1024px){header.modern-header.full-width-desktop{max-width:100%}.text-accent-creative{display:inline-block;position:relative}.text-accent-creative:after{background-color:var(--accent-color,#f05);bottom:4px;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .6s cubic-bezier(.86,0,.07,1);width:100%}.hero-wrapper:hover .text-accent-creative:after{transform:scaleX(1);transform-origin:bottom left}}.about-grid-creative{display:grid;gap:3rem;grid-template-columns:1fr}.flex-responsive-meta{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.meta-label{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;opacity:.6}.hero-link{color:var(--text-main);font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .3s ease}.hero-link:hover{text-decoration-color:var(--text-muted)}@media(min-width:1024px){.about-grid-creative{align-items:start;grid-template-columns:1fr 200px}.flex-responsive-meta{align-items:flex-start;flex-direction:column}.hide-desktop{display:none!important}}.hero-title{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.04em;line-height:.95;margin-bottom:var(--spacing-lg)}.hero-title,.post-title{color:var(--text-main);font-family:var(--font-heading);font-weight:400}.post-title{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem}.text-accent{color:var(--text-muted);font-style:italic}.modern-meta{align-items:center;color:var(--text-main);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:1.5rem;letter-spacing:.05em;text-transform:uppercase}.modern-meta a{border-bottom:1px solid var(--border-dark)}.dot-separator{font-size:.8rem;opacity:.3}section.creative-section{border-top:1px solid var(--border-light);margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg)}@media(max-width:768px){#about.creative-section{border-top:none;padding-top:0}}@media(min-width:1024px){section.creative-section{align-items:start;display:grid;gap:4rem;grid-template-columns:250px 1fr}}.section-header-huge{display:flex;flex-direction:column;gap:.5rem;margin-bottom:var(--spacing-lg);position:sticky;top:100px}@media(max-width:1023px){.section-header-huge{align-items:center;border-bottom:none;flex-direction:row;margin-bottom:2rem;padding-bottom:0;position:relative;top:0}}@media(max-width:768px){#about .section-header-huge{display:none}.prose li,.prose p{font-size:1rem;line-height:1.6}.prose pre{border-left:none!important;border-radius:0!important;border-right:none!important;font-size:.8rem!important;margin:1.5rem -1rem!important}.prose h2{font-size:1.6rem}.prose h3{font-size:1.3rem}}.section-num{color:var(--text-muted);font-family:var(--font-mono);font-size:1rem;line-height:1}.section-title-text{color:var(--text-main);font-family:var(--font-heading);font-size:2.5rem;font-weight:400;letter-spacing:-.02em;line-height:1.1;text-transform:none}section.academic-section{margin-bottom:var(--spacing-xl)}.section-header-modern{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-muted);display:flex;font-family:var(--font-body);font-size:.85rem;gap:1rem;letter-spacing:.1em;margin-bottom:var(--spacing-md);padding-bottom:.5rem;text-transform:uppercase}.blog-grid-creative,.project-rows{display:grid;gap:3rem 2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card-creative,.project-row{border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;text-decoration:none;transition:transform .3s ease}@media(max-width:1023px){.blog-card-creative:last-child,.project-row:last-child{border-bottom:none;padding-bottom:0}}.blog-card-creative:hover,.project-row:hover{transform:translateY(-4px)}.blog-meta-creative,.project-meta{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:.75rem;gap:.8rem;text-transform:uppercase}.blog-card-creative h3,.project-title{color:var(--text-main);font-family:var(--font-heading);font-size:1.8rem;font-weight:400;letter-spacing:-.02em;line-height:1.2}.blog-card-creative p,.project-desc{color:var(--text-muted);font-size:1rem;line-height:1.6}.infra-list-sleek{border-top:1px solid var(--border-light);display:flex;flex-direction:column}.infra-item-sleek{border-bottom:1px solid var(--border-light);font-family:var(--font-body);justify-content:space-between;padding:1.5rem 0}.infra-item-sleek,.infra-left{align-items:center;display:flex}.infra-left{gap:3rem}.infra-bay{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;width:60px}.infra-title{color:var(--text-main);font-size:1.2rem;font-weight:500}.infra-right{gap:2rem}.infra-right,.infra-status{align-items:center;display:flex}.infra-status{font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.infra-live-btn{border:1px solid var(--text-main);border-radius:100px;font-family:var(--font-mono);font-size:.8rem;padding:.4rem 1.2rem;transition:all .3s ease}.infra-live-btn:hover{background:var(--text-main);color:var(--bg-surface)}.fade-up{opacity:0;transform:translateY(20px)}.text-muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.text-center{text-align:center}.prose{max-width:100%}.prose p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{border-bottom:none;margin-bottom:1rem;margin-top:2rem}.prose h2{font-size:2rem}.prose h3{font-size:1.5rem}.prose :where(h1,h2,h3,h4,h5,h6) a{text-decoration:none}.prose a{text-decoration:underline;text-decoration-color:var(--border-light)}.prose a:hover{text-decoration-color:var(--text-main)}.prose ol,.prose ul{margin-bottom:1.5rem;padding-left:2rem}.prose li{font-size:1.1rem;margin-bottom:.5rem}.prose pre{background:var(--bg-surface)!important;border:1px solid var(--border-light)!important;border-radius:6px!important;font-family:var(--font-mono)!important;font-size:.9rem!important;line-height:1.6!important;margin:2rem 0!important;overflow:hidden!important;padding:2.25rem 0 0!important;position:relative!important}.prose pre code{background:none!important;box-sizing:border-box!important;display:block!important;overflow-x:auto!important;padding:1rem!important;scrollbar-width:none!important}.prose pre code::-webkit-scrollbar{display:none!important}.prose pre code .line{box-sizing:border-box;padding:0!important}.prose pre:before{background:#00000008;border-bottom:1px solid var(--border-light);color:var(--text-muted);content:attr(data-language);font-size:.75rem;font-weight:600;left:0;letter-spacing:.05em;padding:.5rem 1rem;position:absolute;right:0;text-transform:uppercase;top:0;z-index:10}.prose pre:not([data-language]):before,.prose pre[data-language=""]:before{content:"code"}.prose code{background:#f6f8fa;border-radius:3px;font-family:var(--font-mono);font-size:.9em;padding:.2em .4em}.prose pre code{background:none}.prose blockquote{border-left:3px solid var(--border-dark);color:var(--text-muted);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.prose img{border:1px solid var(--border-light);height:auto;max-width:100%}.prose table{border-collapse:collapse;font-size:.95rem;margin:2rem 0;width:100%}.prose td,.prose th{border-bottom:1px solid var(--border-light);padding:.75rem 1rem;text-align:left}.prose th{background:#00000005;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.prose iframe{border:none;display:block;max-width:100%}.embed-youtube-wrapper{aspect-ratio:16/9;background:#000;border-radius:4px;margin:1.5rem 0;overflow:hidden;position:relative;width:100%}.embed-youtube{height:100%;inset:0;position:absolute;width:100%}.embed-spotify-wrapper{border-radius:12px;margin:1.5rem 0;overflow:hidden}.embed-spotify{border:none;border-radius:12px;display:block;width:100%}.nav-loader-bar[data-v-71d0ec6c]{background:transparent;height:1.5px;left:0;overflow:hidden;position:fixed;right:0;top:64px;z-index:1999}.nav-loader-bar[data-v-71d0ec6c]:after{animation:none;background:linear-gradient(90deg,transparent 0,var(--text-main) 40%,var(--text-muted) 60%,transparent 100%);content:"";inset:0;position:absolute;transform:translate(-100%)}.nav-loader-bar.is-loading[data-v-71d0ec6c]:after{animation:shimmer-71d0ec6c 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes shimmer-71d0ec6c{0%{opacity:.6;transform:translate(-100%)}50%{opacity:1}to{opacity:.6;transform:translate(100%)}}@media(max-width:1024px){.nav-loader-bar[data-v-71d0ec6c]{top:72px}}.nav-loader-enter-active[data-v-71d0ec6c]{transition:opacity .15s ease}.nav-loader-leave-active[data-v-71d0ec6c]{transition:opacity .4s ease}.nav-loader-enter-from[data-v-71d0ec6c],.nav-loader-leave-to[data-v-71d0ec6c]{opacity:0}