:root{--paper:#F5F1EB;--paper-elevated:rgba(245, 241, 235, 0.82);--ink:#1A1A1A;--ink-secondary:#6B6560;--ink-tertiary:#A39E98;--surface:#EDE8E0;--surface-2:#E8E0D4;--surface-warm:#E8E0D4;--surface-warm-strong:#DDD6C8;--accent:#D4574A;--accent-subtle:rgba(212, 87, 74, 0.08);--line:rgba(26, 26, 26, 0.08);--line-strong:rgba(26, 26, 26, 0.14);--shadow-color:rgba(26, 26, 26, 0.06);--screen-glow:#9BB5A4;--page-gradient:var(--paper);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(26, 26, 26, 0.04);--shadow-md:0 4px 12px rgba(26, 26, 26, 0.06);--shadow-lg:0 12px 32px rgba(26, 26, 26, 0.08);--shadow-memo:0 2px 8px rgba(26, 26, 26, 0.05), 0 8px 24px rgba(26, 26, 26, 0.04);--font-display:'Newsreader', Georgia, serif;--font-body:'Inter', system-ui, sans-serif;--font-mono:'JetBrains Mono', monospace;--ease-smooth:cubic-bezier(0.22, 1, 0.36, 1);--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1)}[data-theme=dark]{--paper:#1a1815;--paper-elevated:rgba(30, 28, 24, 0.82);--ink:#f0ece4;--ink-secondary:#b8b2a8;--ink-tertiary:#8a847a;--surface:#2a2620;--surface-2:#322e28;--surface-warm:#2e2a24;--surface-warm-strong:#383430;--accent:#e07a6e;--accent-subtle:rgba(224, 122, 110, 0.14);--line:rgba(255, 255, 255, 0.08);--line-strong:rgba(255, 255, 255, 0.14);--shadow-color:rgba(0, 0, 0, 0.28);--page-gradient:var(--paper);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.24);--shadow-md:0 12px 34px rgba(0, 0, 0, 0.22);--shadow-lg:0 28px 72px rgba(0, 0, 0, 0.28);--shadow-memo:0 4px 14px rgba(0, 0, 0, 0.18), 0 16px 42px rgba(0, 0, 0, 0.22)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.65;color:var(--ink);background:var(--paper);transition:background-color 220ms ease,color 220ms ease;position:relative}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:9999;opacity:.6}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:var(--accent);text-decoration:none;transition:color 200ms ease}a:hover{text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem;font-family:var(--font-body);font-weight:500}code,pre{font-family:var(--font-mono);font-size:.875rem}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.container{padding:0 48px}}.reading-column{max-width:680px;margin:0 auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;transition:background-color 300ms ease,box-shadow 300ms ease,border-color 300ms ease;border-bottom:1px solid transparent}.site-nav.is-scrolled{background-color:var(--paper-elevated);backdrop-filter:blur(12px)saturate(1.2);-webkit-backdrop-filter:blur(12px)saturate(1.2);box-shadow:var(--shadow-sm);border-bottom-color:var(--line)}.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}@media(min-width:1024px){.nav-inner{padding:0 48px}}@media(min-width:768px){.nav-inner{justify-content:flex-start;gap:32px}.nav-wordmark{margin-right:auto}}.nav-wordmark{font-family:var(--font-display);font-size:1.125rem;font-weight:400;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.nav-wordmark:hover{text-decoration:none}.nav-actions{display:flex;align-items:center;gap:10px}.language-switcher{display:inline-flex;align-items:center;gap:8px;font-size:.75rem}.language-switcher a{color:var(--ink-tertiary);text-decoration:none;transition:color 200ms ease}.language-switcher a:hover,.language-switcher a.is-active{color:var(--ink)}.language-switcher a+a::before{content:'/';margin-right:8px;color:var(--line-strong)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background:0 0;color:var(--ink-tertiary);cursor:pointer;transition:color 200ms ease,background-color 200ms ease}.theme-toggle:hover{color:var(--ink);background:var(--surface)}.theme-icon-sun,.theme-icon-moon{width:18px;height:18px;transition:color 200ms ease}.theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:block}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;background:0 0;border:none;cursor:pointer}.nav-toggle-bar{display:block;width:24px;height:1.5px;background-color:var(--ink);border-radius:2px;transition:transform 200ms ease,opacity 200ms ease}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background-color:var(--paper-elevated);padding:16px 24px 24px;gap:8px;flex-direction:column;box-shadow:var(--shadow-md);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:8px 0;font-size:.875rem;color:var(--ink);text-decoration:none;transition:color 200ms ease}.nav-links a:hover,.nav-links a.is-active{color:var(--accent)}@media(min-width:768px){.nav-toggle{display:none}.nav-links{display:flex!important;position:static;flex-direction:row;padding:0;gap:32px;background:0 0;box-shadow:none}}main{padding-top:64px;animation:pageEnter 600ms var(--ease-smooth)both}@keyframes pageEnter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.site-footer{border-top:1px solid var(--line);margin-top:clamp(4rem,8vw,8rem)}.footer-inner{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-copyright,.footer-nav a,.footer-social a{font-size:.75rem;color:var(--ink-tertiary);text-decoration:none}.footer-nav{display:flex;gap:20px}.footer-nav a:hover,.footer-social a:hover{color:var(--ink)}@media(min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.section-index{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-tertiary);opacity:.5}.section-index--vertical{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.25em}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:calc(64px + 4rem)0 4rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:15%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,87,74,4%) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(3rem,6vw,5rem);position:relative;z-index:1}.hero-text{text-align:center;max-width:720px}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.hero-index{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.15em;color:var(--ink-tertiary);opacity:.5}.hero-greeting{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-tertiary);display:block;margin-bottom:2rem}.hero-name{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7rem);font-weight:300;line-height:.9;letter-spacing:-.04em;margin-bottom:2.5rem;color:var(--ink)}.hero-divider{width:48px;height:1px;background:var(--accent);margin:0 auto 2rem;opacity:.6}.hero-statement{font-size:clamp(1rem,1.4vw,1.25rem);color:var(--ink-secondary);line-height:1.7;max-width:420px;margin:0 auto 3rem;letter-spacing:.01em}.hero-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.hero-links a{font-family:var(--font-body);font-size:.875rem;color:var(--ink);text-decoration:none;position:relative;padding-bottom:4px;transition:color 200ms ease}.hero-links a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform 400ms var(--ease-smooth)}.hero-links a:hover{color:var(--accent)}.hero-links a:hover::after{transform:scaleX(1);transform-origin:left}.hero-scene{position:relative;width:100%;max-width:420px;height:360px;display:flex;align-items:center;justify-content:center;perspective:1200px}.hero-computer-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-computer{width:320px;height:305px;position:relative;z-index:2;transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out;animation:heroFloat 5s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(.5deg)}66%{transform:translateY(-4px)rotate(-.3deg)}}.computer-object{width:100%;height:100%;filter:drop-shadow(0 24px 48px rgba(0,0,0,.12))}.scene-floor-shadow{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:240px;height:24px;background:radial-gradient(ellipse at center,rgba(26,26,26,.1) 0%,transparent 70%);filter:blur(12px);z-index:1;animation:shadowPulse 5s ease-in-out infinite}@keyframes shadowPulse{0%,100%{opacity:1;transform:translateX(-50%)scale(1)}33%{opacity:.6;transform:translateX(-50%)scale(.9)}66%{opacity:.8;transform:translateX(-50%)scale(.95)}}@media(min-width:1024px){.hero{padding:calc(64px + 2rem)0 2rem}.hero-inner{flex-direction:row-reverse;justify-content:space-between;align-items:center;text-align:left;gap:4rem}.hero-text{text-align:left;flex:1.2;max-width:none}.hero-eyebrow{justify-content:flex-start}.hero-name{margin-bottom:3rem}.hero-divider{margin:0 0 2rem}.hero-statement{margin:0 0 3rem}.hero-links{justify-content:flex-start;gap:2rem}.hero-scene{flex:.8;max-width:460px;height:420px}.hero-computer{width:380px;height:362px}}.previews{padding:clamp(5rem,12vw,10rem)0;position:relative}.previews::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:clamp(3rem,6vw,5rem);background:linear-gradient(to bottom,transparent,var(--line-strong))}.previews-header{margin-bottom:4rem;display:flex;align-items:baseline;gap:1.5rem}.previews-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:300;letter-spacing:-.02em;color:var(--ink)}.previews-grid{display:grid;gap:1.5rem}.previews-secondary{display:grid;gap:1.5rem}.preview-item{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-lg);padding:2rem;border:1px solid transparent;transition:all 400ms var(--ease-smooth);position:relative;overflow:hidden}.preview-item::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity 400ms ease}.preview-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line)}.preview-item:hover::before{opacity:.3}.preview-item--featured{padding:clamp(2.5rem,4vw,3.5rem)}.preview-item--featured .preview-title{font-size:clamp(1.75rem,2.5vw,2.25rem)}.preview-item--featured .preview-desc{font-size:1rem;line-height:1.7;max-width:90%}.preview-item--compact{padding:1.75rem}.preview-item--compact .preview-title{font-size:1.25rem}.preview-item--compact .preview-desc{font-size:.875rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.preview-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.preview-label::before{content:'';display:block;width:16px;height:1px;background:var(--accent);opacity:.4}.preview-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin-bottom:.875rem;line-height:1.2;letter-spacing:-.02em}.preview-title a{color:var(--ink);text-decoration:none;transition:color 300ms ease}.preview-title a:hover{color:var(--accent)}.preview-desc{font-size:.9375rem;color:var(--ink-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line)}.preview-meta time{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary)}.preview-link{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-tertiary);text-decoration:none;transition:all 300ms var(--ease-smooth);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.preview-link:hover{color:var(--accent);gap:10px}@media(min-width:768px){.previews-grid{grid-template-columns:1.6fr 1fr;gap:1.5rem}.preview-item--featured{grid-row:span 2;justify-content:center}}.home-about{padding:clamp(6rem,14vw,12rem)0;position:relative}.home-about::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:clamp(3rem,6vw,5rem);background:linear-gradient(to bottom,transparent,var(--line-strong))}.home-about-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.home-about-accent{display:none}.home-about-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.home-about-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.75rem;color:var(--ink-tertiary);border:1px solid var(--line);flex-shrink:0;transition:all 300ms var(--ease-smooth)}.home-about:hover .home-about-avatar{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.home-about-text{font-family:var(--font-display);font-size:clamp(1.375rem,2.5vw,1.875rem);color:var(--ink);line-height:1.5;font-weight:300;letter-spacing:-.01em;max-width:640px;position:relative}.home-about-text::before{content:'"';position:absolute;top:-.5em;left:-.3em;font-size:4rem;color:var(--accent);opacity:.15;font-family:var(--font-display);line-height:1;pointer-events:none}.home-about-link{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-tertiary);text-decoration:none;padding-bottom:2px;border-bottom:1px solid var(--line);transition:all 300ms var(--ease-smooth)}.home-about-link:hover{color:var(--accent);border-color:var(--accent)}@media(min-width:768px){.home-about-inner{flex-direction:row;text-align:left;gap:4rem;align-items:flex-start}.home-about-accent{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem}.home-about-line{width:1px;height:120px;background:linear-gradient(to bottom,var(--line-strong),transparent)}.home-about-content{align-items:flex-start;text-align:left}.home-about-text::before{left:-.5em}}.page-header{padding:clamp(2rem,5vw,4rem)0 2rem}.page-title{font-family:var(--font-display);font-size:1.875rem;margin-bottom:8px}.page-subtitle{font-size:1rem;color:var(--ink-secondary)}.article-list{padding-bottom:clamp(2rem,5vw,4rem)}.article-item{padding:40px 0;border-bottom:1px solid rgba(26,26,26,6%)}.article-item:first-child{padding-top:0}.article-date{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary);margin-bottom:8px}.article-title{font-family:var(--font-display);font-size:1.25rem;margin-bottom:8px;line-height:1.3}.article-title a{color:var(--ink);text-decoration:none;transition:color 200ms ease}.article-title a:hover{color:var(--accent)}.article-excerpt{font-size:1rem;color:var(--ink-secondary);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-block;font-size:.75rem;padding:4px 12px;background:var(--surface);border-radius:var(--radius-full);color:var(--ink-secondary);text-decoration:none;transition:background 150ms ease}.tag-pill:hover{background:var(--surface-warm);text-decoration:none}.article-header{padding:clamp(2rem,5vw,4rem)0 2rem}.article-header h1{font-size:1.875rem;margin-bottom:16px;line-height:1.2}.article-meta{font-size:.875rem;color:var(--ink-secondary);margin-bottom:8px}.article-meta span{margin-right:12px}.article-series{font-size:.875rem;color:var(--accent)}.article-body{padding-bottom:clamp(3rem,6vw,5rem)}.article-body p{margin-bottom:1.5em}.article-body h2{font-size:1.5rem;margin-top:2.5em;margin-bottom:.75em}.article-body h3{font-size:1.25rem;margin-top:2em;margin-bottom:.5em}.article-body h4{font-size:1.125rem;margin-top:1.5em;margin-bottom:.5em}.article-body a{color:var(--accent);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body blockquote{border-left:2px solid var(--accent);padding-left:24px;margin:2em 0;font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--ink-secondary);line-height:1.5}.article-body hr{border:none;height:1px;background:rgba(26,26,26,8%);margin:3em auto;width:60%}.article-body ul,.article-body ol{margin-bottom:1.5em;padding-left:1.5em}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.5em}.article-body code{background:var(--surface);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875rem}.article-body pre{background:var(--surface);padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5em}.article-body pre code{background:0 0;padding:0}.article-body img{border-radius:var(--radius-lg);margin:2em 0}.article-body figure{margin:2em 0}.article-body figcaption{font-size:.75rem;color:var(--ink-tertiary);text-align:center;margin-top:8px}.article-footnotes{padding-top:2rem;border-top:1px solid rgba(26,26,26,6%);margin-top:3rem}.article-footnotes ol{font-size:.875rem;color:var(--ink-secondary)}.article-footnotes li{margin-bottom:.75em}.article-footnotes a[href^="#fnref"]{color:var(--accent);font-size:.75rem;vertical-align:super}.article-nav{padding:2rem 0 4rem;border-top:1px solid rgba(26,26,26,6%)}.article-nav-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px}.article-nav-prev{text-align:left}.article-nav-next{text-align:right}.article-nav-label{font-size:.75rem;color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.article-nav-title{font-size:1rem;color:var(--ink);text-decoration:none;line-height:1.4}.article-nav-title:hover{color:var(--accent);text-decoration:none}.projects-list{padding-bottom:clamp(3rem,6vw,5rem)}.project-featured{margin-bottom:64px}.project-featured-image{width:100%;aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:24px;transition:transform 300ms ease,box-shadow 300ms ease}.project-featured-image:hover{transform:scale(1.01);box-shadow:var(--shadow-lg)}.project-featured-image img{width:100%;height:100%;object-fit:cover}.project-featured-name{font-family:var(--font-display);font-size:1.5rem;margin-bottom:8px}.project-featured-name a{color:var(--ink);text-decoration:none}.project-featured-name a:hover{color:var(--accent)}.project-featured-desc{font-size:1rem;color:var(--ink-secondary);margin-bottom:12px;max-width:600px}.project-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary);margin-bottom:12px}.project-meta span{margin-right:16px}.project-status{display:inline-flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot--live{background:#7bae7f}.status-dot--in-progress{background:#d4a373}.status-dot--archived{background:var(--ink-tertiary)}.status-dot--concept{background:var(--accent)}.projects-secondary{display:grid;gap:24px}@media(min-width:768px){.projects-secondary{grid-template-columns:repeat(2,1fr)}}.project-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;transition:transform 200ms ease-out,box-shadow 200ms ease-out}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card-name{font-family:var(--font-display);font-size:1.25rem;margin-bottom:8px}.project-card-name a{color:var(--ink);text-decoration:none}.project-card-name a:hover{color:var(--accent)}.project-card-desc{font-size:.875rem;color:var(--ink-secondary);margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-detail-header{padding:clamp(2rem,5vw,4rem)0 2rem}.project-detail-header h1{font-size:2.25rem;font-weight:300;margin-bottom:12px;line-height:1.15}.project-detail-tagline{font-size:1.125rem;color:var(--ink-secondary);max-width:600px;margin-bottom:32px}.project-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:768px){.project-detail-meta{grid-template-columns:repeat(4,1fr)}}.project-detail-meta-item{display:flex;flex-direction:column;gap:4px}.project-detail-meta-label{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em}.project-detail-meta-value{font-size:.875rem;font-weight:500;color:var(--ink)}.project-detail-hero-image{width:100%;max-width:1200px;margin:32px auto;border-radius:var(--radius-xl);overflow:hidden}.project-detail-hero-image img{width:100%;height:auto}.project-detail-body{padding-bottom:clamp(3rem,6vw,5rem)}.memos-page{padding-bottom:clamp(3rem,6vw,5rem)}.memos-page{padding:clamp(4rem,12vh,8rem)0;min-height:80vh}.date-selector{display:none!important}.memo-kinetic{position:relative;display:flex;flex-direction:column;align-items:center;perspective:2e3px}.memo-kinetic-header{display:flex;align-items:center;gap:3rem;margin-bottom:5rem}.memo-date-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--line);background:0 0;color:var(--ink-tertiary);cursor:pointer;transition:all 300ms var(--ease-smooth);display:grid;place-items:center}.memo-date-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink);transform:scale(1.1)}.memo-date-display{font-family:var(--font-display);font-size:1.25rem;color:var(--ink-secondary);font-weight:300;letter-spacing:.02em}.memo-kinetic-stack{position:relative;width:100%;max-width:600px;height:320px;margin:0 auto}.memo-focus-card,.memo-back-card{position:absolute;inset:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:32px 40px;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(0,0,0,3%);transition:all 600ms var(--ease-smooth)}.memo-card-inner-content{flex-grow:1;overflow:hidden;position:relative;margin-bottom:1.5rem}.memo-card-inner-content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--surface))}.memo-focus-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;margin-bottom:.75rem;color:var(--ink)}.memo-focus-body{font-family:var(--font-display);font-size:1.0625rem;line-height:1.5;color:var(--ink-secondary)}.memo-card-actions{display:flex;justify-content:space-between;align-items:center;z-index:10}.memo-expand-btn{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-subtle);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all 200ms ease}.memo-expand-btn:hover{background:var(--accent);color:#fff}.memo-detail-overlay{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(18px)saturate(1.05);display:grid;place-items:center;padding:clamp(24px,5vh,56px)24px;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity 400ms var(--ease-smooth)}.memo-detail-overlay.is-active{opacity:1;pointer-events:auto}.memo-detail-modal{background:var(--surface);width:100%;max-width:760px;max-height:min(72dvh,720px);border-radius:12px;box-shadow:var(--shadow-lg);position:relative;transform:translateY(20px)scale(.98);transition:transform 500ms var(--ease-smooth);overflow:hidden;display:flex;flex-direction:column;margin:auto}.memo-detail-overlay.is-active .memo-detail-modal{transform:translateY(0)scale(1)}.memo-detail-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:none;font-size:20px;line-height:1;cursor:pointer;z-index:10;transition:background 200ms ease}.memo-detail-close:hover{background:var(--line-strong)}.memo-detail-content{padding:56px clamp(40px,7vw,72px)72px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-grow:1;min-height:0}.memo-detail-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);line-height:1.08;margin-bottom:1.75rem;color:var(--ink)}.memo-detail-body{font-family:var(--font-display);font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.75;color:var(--ink-secondary)}.memo-detail-body p:last-child{margin-bottom:0}.memo-focus-meta{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary)}.memo-focus-card.is-leaving{opacity:0;transform:translateY(100px)rotate(-15deg)scale(.9);pointer-events:none}.memo-kinetic-stack.is-transitioning .memo-back-card{transform:none;opacity:1}.memo-scribble{position:absolute;font-family:newsreader,serif;font-style:italic;font-size:.875rem;color:var(--ink-tertiary);opacity:.5}.memo-scribble--left{left:10%;top:40%;transform:rotate(-90deg)}.memo-scribble--right{right:10%;bottom:20%;transform:rotate(90deg)}@media(max-width:768px){.memo-kinetic-stack{max-width:320px;height:400px}.memo-detail-overlay{padding:16px}.memo-detail-modal{max-height:calc(100dvh - 32px);border-radius:10px}.memo-detail-content{padding:56px 24px 40px}.memo-detail-title{font-size:2rem;margin-bottom:1.5rem}.memo-detail-body{font-size:1.0625rem}.memo-detail-close{top:16px;right:16px}.memo-scribble{display:none}}.blog-index{padding-top:clamp(4rem,10vh,8rem);padding-bottom:clamp(4rem,10vh,8rem)}.blog-header{margin-bottom:clamp(4rem,8vw,6rem);max-width:800px}.blog-kicker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-tertiary);margin-bottom:1.5rem;display:block}.blog-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:2rem;font-weight:400}.blog-description{font-size:1.25rem;color:var(--ink-secondary);line-height:1.6;max-width:600px}.blog-featured{margin-bottom:6rem;padding-bottom:6rem;border-bottom:1px solid var(--line)}.featured-card{position:relative;display:grid;gap:2rem}@media(min-width:1024px){.featured-card{grid-template-columns:1fr 1fr;align-items:center}}.featured-content{display:flex;flex-direction:column}.featured-title{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:1rem 0 1.5rem}.featured-title a{color:var(--ink)!important;text-decoration:none!important;transition:color 300ms var(--ease-smooth)}.featured-card:hover .featured-title a{color:var(--accent)!important}.featured-excerpt{font-size:1.125rem;color:var(--ink-secondary);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary);display:flex;gap:2rem}.featured-visual{display:none}@media(min-width:1024px){.featured-visual{display:block;padding:1rem}}.visual-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--surface-warm),var(--surface-2));border-radius:var(--radius-lg);display:grid;place-items:center;opacity:.8;transition:transform 500ms var(--ease-smooth)}.featured-card:hover .visual-placeholder{transform:scale(1.02)translateY(-4px)}.posts-list{display:flex;flex-direction:column}.post-entry{position:relative;padding:2.5rem 0;border-bottom:1px solid var(--line);transition:padding 300ms var(--ease-smooth)}.post-entry:first-child{padding-top:0}.post-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.post-row{grid-template-columns:140px 1fr auto;align-items:baseline;gap:3rem}}.post-date{font-family:var(--font-mono);font-size:.8125rem;color:var(--ink-tertiary)}.post-title{font-size:1.5rem;font-weight:400;line-height:1.3}.post-title a{color:var(--ink)!important;text-decoration:none!important;transition:transform 300ms var(--ease-smooth),color 300ms var(--ease-smooth);display:inline-block}.post-entry:hover .post-title a{color:var(--accent)!important;transform:translateX(10px)}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.post-meta-extra{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-tertiary);opacity:0;transform:translateX(-10px);transition:all 300ms var(--ease-smooth)}.post-entry:hover .post-meta-extra{opacity:1;transform:translateX(0)}.post-entry:hover .post-meta-extra{opacity:1;transform:translateX(0)}.blog-empty{padding:4rem 0;text-align:center;color:var(--ink-tertiary);font-style:italic}.story-shell{max-width:800px;padding-top:clamp(4rem,10vh,8rem)}.story-hero{margin-bottom:clamp(3rem,6vw,5rem)}.story-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:2rem;font-weight:400}.story-meta{font-family:var(--font-mono);font-size:.8125rem;color:var(--ink-tertiary);display:flex;gap:2rem;margin-top:2rem}.story-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.story-body-wrap{margin-top:0}.story-body{max-width:none;font-size:1.125rem;line-height:1.7}.story-nav{margin-top:6rem;padding:4rem 0;border-top:1px solid var(--line)}.showcase-feature{margin-bottom:24px}.showcase-feature-media,.project-story-media{position:relative;min-height:280px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 14%,transparent),transparent 35%),linear-gradient(180deg,var(--surface-2),var(--surface))}.showcase-feature-media img,.project-story-media img{width:100%;height:100%;object-fit:cover}.showcase-feature-placeholder,.project-story-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.6rem);color:var(--ink-secondary)}.showcase-card-stack{color:var(--ink-tertiary);font-size:.82rem}.project-story-hero{grid-template-columns:minmax(0,1.2fr)minmax(280px,.8fr);align-items:start}.project-story-meta{border-radius:var(--radius-2xl);padding:20px;gap:16px}.project-story-meta-item{display:flex;flex-direction:column;gap:8px}.project-story-meta-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-tertiary)}.project-story-body{margin-top:18px;padding:clamp(1.2rem,2.4vw,1.8rem)}.project-story-body.article-body{max-width:760px;margin-left:auto;margin-right:auto;padding-bottom:0}.tag-pill{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);color:var(--ink-secondary)}.tag-pill:hover{background:var(--surface-2)}.article-body blockquote{border-left:2px solid var(--accent);color:var(--ink-secondary)}.article-body code,.article-body pre{background:var(--surface-2)}.article-body hr,.article-nav,.article-item,.article-footnotes{border-color:var(--line)}.story-shell.math-notes{max-width:980px}.math-notes .story-hero{margin-bottom:clamp(2.4rem,5vw,4rem);padding-bottom:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--line)}.math-notes .story-title{max-width:820px}.math-notes .story-body{max-width:820px;margin:0 auto;font-size:1.0625rem;line-height:1.82}.math-notes .article-body h1{margin-top:3.5em;margin-bottom:.85em;padding-top:.65em;border-top:1px solid var(--line);font-size:clamp(1.95rem,3vw,2.65rem)}.math-notes .article-body h1:first-child{margin-top:0;padding-top:0;border-top:0}.math-notes .article-body h2{font-family:var(--font-body);font-size:1.15rem;font-weight:500;letter-spacing:0;margin-top:2.4em;margin-bottom:.8em}.math-notes .article-body p,.math-notes .article-body li{color:color-mix(in srgb,var(--ink) 88%,var(--ink-secondary))}.math-notes .article-body blockquote{margin:1.8em 0;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 70%,transparent);font-family:var(--font-body);font-size:.98rem;font-style:normal;line-height:1.68}.math-notes .article-body blockquote p{margin-bottom:.85em}.math-notes .article-body blockquote p:last-child{margin-bottom:0}.math-notes .article-body img{width:min(100%,1040px);max-width:none;margin:2.5rem 50% 0;transform:translateX(-50%);border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-md)}.math-notes .article-body p:has(>img){margin-bottom:.75em}.math-notes .article-body p>em:only-child{display:block;max-width:760px;margin:.85rem auto 2.4rem;color:var(--ink-secondary);font-family:var(--font-body);font-size:.875rem;font-style:normal;line-height:1.65;text-align:center}.math-notes .article-body table{display:block;width:100%;overflow-x:auto;margin:1.5rem 0 2.25rem;border-collapse:collapse;font-size:.94rem}.math-notes .article-body th,.math-notes .article-body td{padding:.75rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.math-notes .article-body th{background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--ink);font-weight:500}.math-notes .article-body tr:last-child td{border-bottom-color:var(--line-strong)}.math-notes .katex{font-size:1.02em}.math-notes .katex-display{overflow-x:auto;overflow-y:hidden;margin:1.35rem 0;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 62%,transparent)}.math-notes blockquote .katex-display{background:color-mix(in srgb,var(--paper) 76%,transparent)}@media(max-width:720px){.math-notes .story-body{font-size:1rem;line-height:1.76}.math-notes .article-body img{width:100%;margin-left:0;margin-right:0;transform:none}.math-notes .katex-display{margin-left:-4px;margin-right:-4px;padding:.75rem .65rem}}@media(min-width:860px){.editorial-hero,.showcase-hero{grid-template-columns:minmax(0,1fr)290px;align-items:end}.editorial-feature-shell,.showcase-feature{grid-template-columns:minmax(0,1.1fr)minmax(220px,.9fr);align-items:stretch}.editorial-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:859px){.project-story-hero{grid-template-columns:1fr}}@media(max-width:767px){.theme-toggle{min-width:74px;padding:7px 10px;font-size:.66rem}.editorial-title,.showcase-title,.story-title,.project-story-title{max-width:none;font-size:clamp(1.7rem,9vw,2.5rem)}.story-nav,.editorial-feature-shell,.showcase-feature,.story-hero,.story-body-wrap,.project-story-meta,.project-story-body{padding-left:16px;padding-right:16px}.article-nav-inner{grid-template-columns:1fr}.article-nav-next{text-align:left}}.about-page{padding-bottom:clamp(3rem,6vw,5rem)}.about-content{max-width:680px;margin:0 auto}.about-content h2{margin-top:2em;margin-bottom:.75em}.about-content p{margin-bottom:1.5em;font-size:1.0625rem;line-height:1.7}.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(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.computer-object,.computer-screen,.computer-cursor{animation:none!important}}