:root{--bg:#f7f4ee;--bg2:#efe9df;--white:#17140f;--muted:#57503f;--accent:#7a5f42;--accent-hover:#8e7050;--on-accent:#fdfbf6;--accent2:#6f6355;--ok:#2c6e49;--info:#35597a;--error:#b4232a;--line:#17140f24;--line-strong:#17140f38;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--ease-smooth:cubic-bezier(.32, .72, 0, 1);--noise-opacity:.01;--nav-bg:#f7f4eee6;--nav-border:#17140f1a;--card-bg:linear-gradient(180deg, #fffdf9 0%, #f8f3ea 100%);--card-bg2:#fbf8f2;--card-hover-bg:linear-gradient(180deg, #7a5f4217, #7a5f420a);--card-shadow:0 10px 36px #17140f1a;--card-shadow-lg:0 18px 56px #17140f1f;--blog-shadow:0 6px 24px #17140f14;--skill-card-bg:#fcf9f3;--hero-overlay:radial-gradient(1200px 800px at 20% 10%, #7a5f421a, transparent 60%), linear-gradient(180deg, #f7f4ee9e 0%, #f7f4eef5 80%);--icon-bg:#17140f12;--surface-blur:blur(10px) saturate(1.02);--z-base:1;--z-nav:1000;--z-grain:2000;--z-skip:3000}[data-theme=light]{--bg:#f7f4ee;--bg2:#efe9df;--white:#17140f;--muted:#57503f;--accent:#7a5f42;--accent-hover:#8e7050;--on-accent:#fdfbf6;--accent2:#6f6355;--ok:#2c6e49;--info:#35597a;--error:#b4232a;--line:#17140f24;--line-strong:#17140f38;--noise-opacity:.01;--nav-bg:#f7f4eee6;--nav-border:#17140f1a;--card-bg:linear-gradient(180deg, #fffdf9 0%, #f8f3ea 100%);--card-bg2:#fbf8f2;--card-hover-bg:linear-gradient(180deg, #7a5f4217, #7a5f420a);--card-shadow:0 10px 36px #17140f1a;--card-shadow-lg:0 18px 56px #17140f1f;--blog-shadow:0 6px 24px #17140f14;--skill-card-bg:#fcf9f3;--hero-overlay:radial-gradient(1200px 800px at 20% 10%, #7a5f421a, transparent 60%), linear-gradient(180deg, #f7f4ee9e 0%, #f7f4eef5 80%);--icon-bg:#17140f12;--surface-blur:blur(10px) saturate(1.02)}[data-theme=dark]{--bg:#0d0d0f;--bg2:#151517;--white:#f3eee4;--muted:#a79d8c;--accent:#c9a96e;--accent-hover:#d8bb84;--on-accent:#191512;--accent2:#6f6355;--ok:#6cc08b;--info:#86b6d8;--error:#f08a8a;--line:#f3eee41f;--line-strong:#f3eee433;--noise-opacity:0;--nav-bg:#0d0d0fd9;--nav-border:#f3eee41a;--card-bg:linear-gradient(180deg, #1b1b1e 0%, #161618 100%);--card-bg2:#171719;--card-hover-bg:linear-gradient(180deg, #c9a96e17, #c9a96e0a);--card-shadow:0 10px 36px #00000073;--card-shadow-lg:0 18px 56px #00000080;--blog-shadow:0 6px 24px #0006;--skill-card-bg:#17171a;--hero-overlay:radial-gradient(1200px 800px at 20% 10%, #c9a96e24, transparent 60%), linear-gradient(180deg, #0d0d0fb3 0%, #0d0d0ff5 80%);--icon-bg:#f3eee414;--surface-blur:blur(12px) saturate(1.05)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-optical-sizing:auto;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}body:before{content:"";z-index:var(--z-grain);pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:var(--z-skip);background:var(--accent);color:var(--on-accent);font:.7rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border-radius:4px;padding:.5rem 1rem;text-decoration:none;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.navbar-link:focus-visible,.theme-toggle:focus-visible,.hero-cta:focus-visible,.hero-link:focus-visible,.project-link:focus-visible,.contact-link:focus-visible,.contact-btn:focus-visible,.blog-filter-btn:focus-visible,.blog-search:focus-visible,.contact-input:focus-visible,.card:focus-visible,.skill-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.theme-toggle:active{transform:scale(.92)}.navbar-link:active{opacity:.6}.project-card:active,.card:active{transform:scale(.99)}.skill-card:active{transform:scale(.98)}.section{padding:6rem 2rem;scroll-margin-top:4rem}.section-alt{background:var(--bg2)}.section-divider{border-top:1px solid var(--line)}.section-divider-both{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-header{margin-bottom:3rem}.section-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;font-size:clamp(3rem,6vw,7rem);font-weight:600;line-height:1}.nav-wrap{z-index:var(--z-nav);pointer-events:none;flex-direction:column;align-items:center;padding-top:1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar{pointer-events:auto;background:var(--nav-bg);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--nav-border);border-radius:100px;align-items:center;gap:2.5rem;padding:.6rem 1.5rem;display:flex;box-shadow:0 8px 28px #15120f14,0 1px 1px #15120f05}[data-theme=light] .navbar{box-shadow:0 8px 28px #15120f14,0 1px 1px #15120f05}.navbar-brand{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;font-size:.65rem}.nav-group{align-items:center;gap:1.5rem;display:flex}.navbar-links{gap:1.5rem;list-style:none;display:flex}.navbar-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;transition:color .3s var(--ease-smooth);white-space:nowrap;font-size:.68rem;text-decoration:none;position:relative}.navbar-link:hover{color:var(--white)}.navbar-link.active{color:var(--accent)}.navbar-link.active:after{content:"";background:var(--accent);border-radius:1px;height:1.5px;position:absolute;bottom:-4px;left:0;right:0}.nav-divider{background:var(--line);flex-shrink:0;width:1px;height:16px}.hamburger{color:var(--muted);cursor:pointer;transition:color .3s var(--ease-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:none}.hamburger:hover{color:var(--white)}.theme-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;width:30px;height:30px;transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex}.theme-toggle:hover{color:var(--white);border-color:var(--accent)}.nav-mobile{pointer-events:auto;border:1px solid var(--nav-border);background:var(--nav-bg);width:100%;max-width:400px;-webkit-backdrop-filter:var(--surface-blur);border-top:none;border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 10px 40px #15120f1f}.nav-mobile-links{flex-direction:column;gap:.2rem;padding:.5rem 1.5rem 1rem;list-style:none;display:flex}.nav-mobile-links .navbar-link{align-items:center;min-height:44px;padding:.6rem 0;font-size:.85rem;display:flex}.hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(1rem,5vw,3rem);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(at 25% 45%,#c9a96e0f,#0000 55%),radial-gradient(at 70% 55%,#7a5f4208,#0000 45%);position:absolute;inset:0}.hero-bg:after{content:"";background:var(--hero-overlay);position:absolute;inset:0}.hero-glow{z-index:-1;pointer-events:none;filter:blur(44px);opacity:.9;background:radial-gradient(680px 420px at 18% 24%,#8b6e4e1f,#0000 70%);position:absolute;inset:0}.hero-content{z-index:2;max-width:920px;position:relative}.hero-location{font-family:var(--font-mono);color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.65rem}.hero-headline{font-family:var(--font-display);color:var(--white);letter-spacing:-.04em;text-wrap:balance;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(3.5rem,9vw,9rem);font-weight:700;line-height:.92}.hero-headline em{color:var(--accent);font-style:normal}.hero-tagline{font-family:var(--font-mono);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-top:1.5rem;font-size:.75rem}.hero-actions{align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.hero-cta{font-family:var(--font-mono);color:var(--on-accent);letter-spacing:.14em;text-transform:uppercase;background:var(--accent);transition:background .4s var(--ease-smooth), transform .2s var(--ease-smooth);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.7rem .7rem .7rem 1.5rem;font-size:.7rem;text-decoration:none;display:inline-flex}.hero-cta:hover{background:var(--accent-hover);box-shadow:0 10px 30px #7a5f4238}.hero-cta:active{transform:scale(.97)}.hero-cta-icon{background:var(--icon-bg);width:2rem;height:2rem;transition:transform .3s var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.hero-cta:hover .hero-cta-icon{transform:translate(2px)scale(1.05)}.hero-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;transition:color .3s var(--ease-smooth);padding:.7rem .5rem;font-size:.65rem;text-decoration:none}.hero-link:hover{color:var(--white)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.about-sticky{position:sticky;top:30vh}.about-big-number{font-family:var(--font-display);color:#0000;-webkit-text-stroke:2px var(--accent);-webkit-user-select:none;user-select:none;letter-spacing:-.02em;text-shadow:0 2px 20px color-mix(in srgb, var(--accent) 28%, transparent);opacity:.98;font-size:clamp(6rem,12vw,14rem);font-weight:700;line-height:1}.about-big-label{font-family:var(--font-mono);color:var(--white);letter-spacing:.18em;text-transform:uppercase;opacity:.95;margin-top:1rem;font-size:.68rem;font-weight:500}.about-body{padding-top:4rem}.about-text{font-family:var(--font-body);color:var(--white);text-wrap:pretty;max-width:62ch;margin-bottom:2.5rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;line-height:1.7}.about-clip-wrap{overflow:hidden}.dual-grid{grid-template-columns:1fr 1px 1fr;align-items:start;gap:4rem;display:grid}.dual-vr{background:var(--line);height:100%;min-height:400px}.dual-badge{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid;border-radius:4px;margin-bottom:1rem;padding:.25rem .7rem;font-size:.64rem;display:inline-block}.dual-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,4rem);font-weight:600;line-height:1}.dual-subtitle{letter-spacing:.1em;margin-bottom:1.5rem;font-size:.75rem}.dual-desc{margin-bottom:2rem;font-size:.95rem}.card{border:1px solid var(--line);cursor:default;background:var(--card-bg);-webkit-backdrop-filter:var(--surface-blur);transition:border-color .4s var(--ease-smooth), background .4s var(--ease-smooth), box-shadow .5s var(--ease-smooth), transform .3s var(--ease-smooth);will-change:transform;border-radius:16px;padding:2.5rem}.card:hover{background:var(--card-hover-bg);box-shadow:var(--card-shadow);border-color:#8b6e4e40;transform:translateY(-4px)}.card:active{transform:translateY(-1px)scale(.995)}.card-desc{font-family:var(--font-body);color:var(--muted);text-wrap:pretty;font-size:.9rem;font-weight:400;line-height:1.7}.card-grid{gap:1rem;display:grid}.card-grid-2{grid-template-columns:1fr 1fr}.card-tag{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;font-size:.62rem}.card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.card-company{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.68rem}.card-role{font-family:var(--font-display);color:var(--white);margin-bottom:.4rem;font-size:1.5rem;font-weight:600}.card-period{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-bottom:1.2rem;font-size:.65rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;display:grid}.skill-card{border:1px solid var(--line);background:var(--skill-card-bg);-webkit-backdrop-filter:var(--surface-blur);cursor:default;transition:border-color .3s var(--ease-smooth), background .3s var(--ease-smooth), transform .3s var(--ease-smooth), box-shadow .35s var(--ease-smooth);will-change:transform;border-radius:12px;padding:1.2rem}.skill-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--card-hover-bg);box-shadow:var(--blog-shadow);transform:translateY(-3px)scale(1.01)}.skill-category{font-family:var(--font-mono);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;font-size:.62rem}.skill-name{font-family:var(--font-mono);color:var(--white);font-size:.85rem;font-weight:500}.projects-bento{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.project-card{border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--blog-shadow);transition:border-color .35s var(--ease-smooth), background .35s var(--ease-smooth), box-shadow .4s var(--ease-smooth), transform .35s var(--ease-smooth);will-change:transform;border-radius:12px;flex-direction:column;justify-content:flex-start;padding:1.6rem 1.5rem;display:flex}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--card-hover-bg);box-shadow:var(--card-shadow);transform:translateY(-4px)}.project-card:active{transform:translateY(-1px)scale(.995)}.project-card.featured{grid-column:1/-1}.project-name{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:.4rem;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:600;line-height:1.1}.project-name-link{color:inherit;transition:color .3s var(--ease-smooth);align-items:baseline;gap:.4rem;text-decoration:none;display:inline-flex}.project-name-link:hover{color:var(--accent)}.project-name-arrow{opacity:.7;font-size:.75em}.project-desc{font-family:var(--font-body);color:var(--muted);text-wrap:pretty;margin-bottom:.8rem;font-size:.82rem;line-height:1.55}.project-link{font-family:var(--font-mono);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.status-live{color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 40%, transparent)}.status-progress{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}.status-local{color:var(--info);border:1px solid color-mix(in srgb, var(--info) 40%, transparent)}.status-open-source{color:var(--muted);border:1px solid var(--line)}.status-badge{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:4px;margin-bottom:.6rem;padding:.18rem .5rem;font-size:.62rem;display:inline-block}.blog-grid{flex-direction:column;gap:2rem;max-width:820px;display:flex}.blog-post{border:1px solid var(--line);background:var(--card-bg2);-webkit-backdrop-filter:var(--surface-blur);transition:border-color .3s var(--ease-smooth), box-shadow .4s var(--ease-smooth), transform .25s var(--ease-smooth);will-change:transform;border-radius:16px;padding:2rem}.blog-post:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:var(--blog-shadow);transform:translateY(-3px)}.blog-meta{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.blog-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:.65rem}.blog-tag{font-family:var(--font-mono);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.62rem}.blog-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;margin-bottom:.8rem;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:600;line-height:1.1}.blog-title-link{color:inherit;transition:color .3s var(--ease-smooth);scroll-margin-top:5rem;text-decoration:none}.blog-title-link:hover{color:var(--accent)}.blog-body{font-family:var(--font-body);color:var(--muted);text-wrap:pretty;font-size:.9rem;font-weight:400;line-height:1.75}.blog-body p{margin-bottom:.8rem}.blog-body strong{color:var(--white);font-weight:500}.blog-body code{font-family:var(--font-mono);background:var(--bg2);border:1px solid var(--line);border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.blog-body a{color:var(--accent);transition:border-color .3s var(--ease-smooth);border-bottom:1px solid #0000;text-decoration:none}.blog-body a:hover{border-color:var(--accent)}.blog-controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.blog-search-wrap{max-width:320px}.blog-search{font-family:var(--font-mono);color:var(--white);border:1px solid var(--line);letter-spacing:.04em;width:100%;transition:border-color .3s var(--ease-smooth);background:0 0;border-radius:100px;outline:none;min-height:44px;padding:.5rem .8rem;font-size:.75rem}.blog-search:focus{border-color:var(--accent)}.blog-search::placeholder{color:var(--muted)}.blog-filter{flex-wrap:wrap;gap:.5rem;display:flex}.blog-filter-btn{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth);background:0 0;border-radius:100px;min-height:36px;padding:.35rem .8rem;font-size:.64rem}.blog-filter-btn:hover{color:var(--white);border-color:var(--accent)}.blog-filter-btn.active{color:var(--accent);border-color:var(--accent);background:var(--card-hover-bg)}.blog-empty{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;padding:2rem 0;font-size:.7rem}#contact{padding-top:4.5rem;padding-bottom:3rem}.contact-header{margin-bottom:1.75rem}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4rem;display:grid}.contact-headline{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin:0 0 1.75rem;font-size:clamp(2.25rem,4.5vw,5rem);font-weight:700;line-height:.95}.contact-header .section-title{font-size:clamp(1.9rem,3.2vw,3.25rem)}.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.contact-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);background:var(--card-bg2);min-height:44px;transition:color .3s var(--ease-smooth), border-color .3s var(--ease-smooth), background .3s var(--ease-smooth);border-radius:10px;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.7rem;text-decoration:none;display:flex}.contact-link:hover{color:var(--accent);border-color:var(--accent);background:var(--card-hover-bg)}.contact-link-wide{grid-column:1/-1}.contact-link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-form{border:1px solid var(--line);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;padding:2rem}.contact-form-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;text-align:left;margin-bottom:1.5rem;font-size:.64rem;display:block}.contact-input{font-family:var(--font-mono);color:var(--white);background:color-mix(in srgb, var(--bg) 92%, var(--white) 6%);border:1px solid var(--line);transition:border-color .3s var(--ease-smooth), background .3s var(--ease-smooth);letter-spacing:.04em;text-align:left;box-sizing:border-box;border-radius:8px;outline:none;width:100%;min-height:44px;padding:.7rem 1rem;font-size:.75rem}.contact-input:focus{border-color:var(--accent);background:color-mix(in srgb, var(--bg) 88%, var(--white) 10%)}.contact-btn{font-family:var(--font-mono);color:var(--on-accent);letter-spacing:.14em;text-transform:uppercase;background:var(--accent);cursor:pointer;transition:background .3s var(--ease-smooth), transform .2s var(--ease-smooth);border:none;border-radius:100px;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.5rem;font-size:.7rem;display:inline-flex}.contact-btn:hover:not(:disabled){background:var(--accent-hover)}.contact-btn:active:not(:disabled){transform:scale(.97)}.contact-btn:disabled{opacity:.6;cursor:default}.contact-form-fields{text-align:left;flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.contact-bg-text{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--line);opacity:.6;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(4rem,12vw,15rem);font-weight:700;line-height:.9;position:absolute;bottom:0;left:-2%}.contact-success{font-family:var(--font-mono);color:var(--ok);letter-spacing:.02em;font-size:.68rem}.contact-error{font-family:var(--font-mono);color:var(--error);letter-spacing:.02em;font-size:.68rem}.contact-footer{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.5rem 1.5rem;width:100%;margin-top:2.5rem;padding-top:1.5rem;display:grid}.contact-footer-text{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;text-align:left;font-size:.65rem}.activity-wrap{flex-direction:column;gap:1.5rem;max-width:720px;display:flex;position:relative}.activity-rail{background:linear-gradient(to bottom, var(--accent), var(--accent2), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.activity-row{grid-template-columns:1rem auto 1fr;align-items:start;gap:1rem;display:grid;position:relative}.activity-dot{background:var(--accent);width:.6rem;height:.6rem;box-shadow:0 0 0 3px var(--bg2);border-radius:50%;margin-top:.35rem;position:relative;left:-.2rem}.activity-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;white-space:nowrap;min-width:6rem;padding-top:.25rem;font-size:.68rem}.activity-card{border:1px solid var(--line);background:var(--card-bg2);transition:border-color .3s var(--ease-smooth);border-radius:12px;padding:1.2rem 1.5rem}.activity-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.activity-meta{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.activity-project{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;font-size:.85rem;font-weight:600}.activity-phase{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem}.activity-count{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:.64rem}.activity-desc{font-family:var(--font-body);color:var(--muted);text-wrap:pretty;font-size:.85rem;font-weight:400;line-height:1.6}.about-section{padding-top:8rem}.section-clip{overflow:hidden}.project-card-skeleton{opacity:.3;height:180px}.activity-card-skeleton{opacity:.3;width:100%;height:60px}.manacitra-desc{max-width:38rem}.manacitra-frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.manacitra-iframe{background:#faf8f3;border:0;width:100%;height:100%;position:absolute;inset:0}.manacitra-open{-webkit-backdrop-filter:blur(8px);background:#f7f5f0e6;border-radius:8px;padding:.4rem .9rem;font-size:.78rem;position:absolute;top:.75rem;right:.75rem}.contact-section{position:relative}.contact-inner{z-index:var(--z-base);max-width:1100px;position:relative}.contact-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.contact-form-label-inline{margin-bottom:0}.contact-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.contact-textarea{resize:vertical;text-align:left;min-height:100px}.contact-status{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (width<=768px){.section,.section-alt{padding:4.5rem 1.25rem!important}.section-header{margin-bottom:2.25rem}.hero{padding:0 1.25rem;min-height:100svh!important}.hero-actions{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.navbar{justify-content:space-between;width:calc(100% - 1.5rem);max-width:440px;gap:.5rem!important;padding:.45rem .9rem!important}.nav-group{display:none!important}.hamburger{display:flex!important}.about-grid{grid-template-columns:1fr!important;gap:1.75rem!important}.about-sticky{align-items:center;gap:1rem;display:flex;position:static!important}.about-body{padding-top:1.5rem}.card{-webkit-backdrop-filter:var(--surface-blur);padding:2rem 1.5rem}.card-grid-2,.card-grid-asymmetric{grid-template-columns:1fr!important}.contact-grid{grid-template-columns:1fr!important;gap:1.75rem!important}.contact-footer{grid-template-columns:1fr}.contact-form{-webkit-backdrop-filter:var(--surface-blur);padding:1.5rem}.projects-bento{grid-template-columns:1fr!important}.blog-search-wrap{max-width:100%}.blog-post{-webkit-backdrop-filter:var(--surface-blur);padding:1.5rem}.dual-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.dual-vr{display:none!important}.activity-row{grid-template-columns:.8rem auto 1fr;gap:.75rem}}