:root{--paper: #f4f1e9;--paper-2: #ece7da;--ink: #1c1a17;--muted: #6f6a5f;--line: rgba(28, 26, 23, .16);--line-strong: rgba(28, 26, 23, .85);--accent: #e8490f;--accent-soft: rgba(232, 73, 15, .08);--shadow-hard: 6px 6px 0 var(--ink);--shadow-hard-sm: 4px 4px 0 var(--ink);--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}html.ink{--paper: #161412;--paper-2: #1e1b18;--ink: #ece6da;--muted: #9a948a;--line: rgba(236, 230, 218, .16);--line-strong: rgba(236, 230, 218, .85);--accent: #ff5a1f;--accent-soft: rgba(255, 90, 31, .1);--shadow-hard: 6px 6px 0 rgba(0, 0, 0, .55);--shadow-hard-sm: 4px 4px 0 rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;transition:background .35s ease,color .35s ease}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}::selection{background:var(--accent);color:#fff8f0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent)}section{scroll-margin-top:90px}.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");mix-blend-mode:multiply}html.ink .grain{mix-blend-mode:screen;opacity:.35}.progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:10001}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,4vw,48px);height:64px;background:var(--paper);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background .35s ease,border-color .35s ease}.wordmark{font-family:var(--font-serif);font-weight:700;font-size:22px;letter-spacing:-.02em}.wordmark sup{font-size:10px;color:var(--accent);margin-left:1px}.top-nav{display:flex;align-items:center;gap:clamp(16px,3vw,36px)}.top-nav a{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);position:relative;padding:4px 0;transition:color .2s ease}.top-nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.top-nav a:hover,.top-nav a.active{color:var(--ink)}.top-nav a:hover:after,.top-nav a.active:after{transform:scaleX(1);transform-origin:left}.top-nav a.nav-external{color:var(--accent)}.header-right{display:flex;align-items:center;gap:16px}.clock{color:var(--muted);white-space:nowrap}.theme-toggle{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:14px;cursor:pointer;transition:all .25s var(--ease)}.theme-toggle:hover{border-color:var(--ink);transform:rotate(180deg)}.hero{max-width:1200px;margin:0 auto;padding:150px clamp(20px,4vw,48px) 70px}.hero-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:clamp(32px,6vh,64px)}.display{font-family:var(--font-serif);font-weight:560;font-size:clamp(2.6rem,8.5vw,7rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:clamp(40px,7vh,72px)}.display em{font-style:italic;font-weight:480;color:var(--accent)}.display .line{display:block;overflow:hidden}.display .line-inner{display:block;transform:translateY(110%);animation:line-rise .9s var(--ease-out) forwards}.display .line:nth-child(1) .line-inner{animation-delay:.1s}.display .line:nth-child(2) .line-inner{animation-delay:.22s}.display .line:nth-child(3) .line-inner{animation-delay:.34s}@keyframes line-rise{to{transform:translateY(0)}}.hero-bottom{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,5vw,64px);align-items:start}.polaroid{background:#fdfcf8;padding:12px 12px 14px;border:1px solid var(--line);box-shadow:var(--shadow-hard);transform:rotate(-2.5deg);transition:transform .4s var(--ease),box-shadow .4s var(--ease);width:clamp(180px,22vw,240px);position:relative}.polaroid:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(2deg);width:84px;height:24px;background:#e8490f47;border-left:1px dashed rgba(28,26,23,.2);border-right:1px dashed rgba(28,26,23,.2)}.polaroid:hover{transform:rotate(0) translateY(-4px)}.polaroid img{width:100%;aspect-ratio:1 / 1.1;object-fit:cover;filter:saturate(.92) contrast(1.02)}.polaroid figcaption{color:#6f6a5f;padding-top:10px;text-align:center;font-size:10px}.hero-copy{max-width:560px}.status-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-strong);color:var(--ink);padding:7px 14px;border-radius:100px;margin-bottom:22px;background:var(--paper)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.hero-bio{font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line-strong);border-radius:0;cursor:pointer;transition:all .25s var(--ease);white-space:nowrap}.btn:hover{background:var(--ink);color:var(--paper);transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-sm)}.btn-solid{background:var(--accent);border-color:var(--accent);color:#fff8f0}.btn-solid:hover{background:var(--accent);color:#fff8f0;box-shadow:4px 4px 0 var(--line-strong)}.social-links{display:flex;gap:10px;align-items:center}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:16px;transition:all .25s var(--ease)}.social-icon:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px) rotate(-6deg)}.marquee{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);overflow:hidden;padding:13px 0;background:var(--paper-2);transition:background .35s ease}.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;animation:marquee-scroll 26s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.marquee-track .star{color:var(--accent);font-size:11px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{max-width:1200px;margin:0 auto;padding:clamp(70px,11vh,130px) clamp(20px,4vw,48px) 0}.section-head{border-bottom:1px solid var(--line-strong);padding-bottom:28px;margin-bottom:clamp(36px,6vh,60px);position:relative}.sec-no{color:var(--accent);display:block;margin-bottom:12px}.sec-no:after{content:" /";color:var(--muted)}.sec-title{font-family:var(--font-serif);font-weight:560;font-size:clamp(2.1rem,5.5vw,4rem);letter-spacing:-.03em;line-height:1.05}.sec-title em{font-style:italic;font-weight:480;color:var(--accent)}.sec-sub{margin-top:12px;color:var(--muted);font-size:15px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:clamp(36px,6vh,56px)}.featured-card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line-strong);padding:28px;transition:all .3s var(--ease);position:relative}.featured-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-hard);background:var(--paper)}.card-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);margin-bottom:20px}.card-live{color:var(--accent)}.card-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin-bottom:12px}.featured-card:hover .card-title{color:var(--accent)}.card-desc{color:var(--muted);font-size:14.5px;line-height:1.7;margin-bottom:22px;flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span,.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);padding:4px 10px;border-radius:100px;color:var(--muted);transition:all .2s ease}.chips span:hover,.chip:hover{border-color:var(--accent);color:var(--accent)}.work-index{border-top:1px solid var(--line-strong)}.work-row a{display:grid;grid-template-columns:56px 1.1fr 1.5fr auto 36px;align-items:center;gap:18px;padding:22px 12px;border-bottom:1px solid var(--line);position:relative;transition:all .28s var(--ease)}.work-row a:hover{background:var(--ink);padding-left:26px}.work-row a:hover .row-no,.work-row a:hover .row-title,.work-row a:hover .row-desc,.work-row a:hover .row-tags{color:var(--paper)}.work-row a:hover .row-arrow{color:var(--accent);transform:translate(4px,-4px)}.row-no{color:var(--accent)}.row-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.1rem,2.2vw,1.5rem);letter-spacing:-.01em;transition:color .28s ease}.row-desc{color:var(--muted);font-size:14px;transition:color .28s ease}.row-tags{color:var(--muted);font-size:11px;text-align:right;transition:color .28s ease}.row-arrow{font-size:18px;text-align:right;color:var(--muted);transition:all .28s var(--ease)}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:clamp(20px,4vw,56px);padding:36px 0;border-bottom:1px solid var(--line)}.about-grid:last-child{border-bottom:none}.about-label{color:var(--accent);padding-top:6px}.about-body p{color:var(--muted);line-height:1.85;margin-bottom:18px;max-width:640px}.about-body p:last-child{margin-bottom:0}.about-body .lede{font-family:var(--font-serif);font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.5;color:var(--ink);letter-spacing:-.01em}.about-body .lede:first-letter{font-size:2.2em;float:left;line-height:.85;padding-right:8px;color:var(--accent);font-weight:600}.services{counter-reset:service;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.services li{counter-increment:service;border-bottom:1px solid var(--line);position:relative;padding:18px 0 18px 44px}.services li:before{content:counter(service,decimal-leading-zero);position:absolute;left:0;top:21px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.services h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-bottom:4px}.services p{color:var(--muted);font-size:13.5px;line-height:1.6}.stack-chips{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.stack-chips .chip{padding:7px 14px;font-size:11.5px;cursor:default}.now-list{display:grid;gap:20px}.now-item{border-left:2px solid var(--accent);padding-left:18px}.now-item h3{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;margin-bottom:4px}.now-link{color:var(--accent);font-size:.9em;transition:transform .2s ease;display:inline-block}.now-link:hover{transform:translate(2px,-2px)}.now-item p{color:var(--muted);font-size:14px;line-height:1.65}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(32px,5vw,72px);align-items:start;padding-bottom:clamp(60px,9vh,110px)}.quick-contact-label{color:var(--accent);margin-bottom:12px}.copy-email-btn{display:inline-flex;align-items:center;gap:10px;background:var(--paper-2);border:1px solid var(--line-strong);padding:14px 18px;color:var(--ink);font-size:13px;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:all .25s var(--ease);width:fit-content;max-width:100%}.copy-email-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-sm)}.copy-email-btn:active{transform:translate(0);box-shadow:none}.copy-email-btn i{color:var(--accent)}.contact-note{margin-top:20px;color:var(--muted);font-size:14px;line-height:1.7;font-style:italic;font-family:var(--font-serif);max-width:300px}.contact-form{display:flex;flex-direction:column;gap:26px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--accent);font-size:11px}.form-group input,.form-group textarea{background:transparent;border:none;border-bottom:1px solid var(--line-strong);border-radius:0;padding:10px 2px;color:var(--ink);font-family:var(--font-sans);font-size:16px;transition:border-color .25s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted);opacity:.65}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--accent)}.form-group textarea{resize:vertical;min-height:110px;line-height:1.6}.contact-form .btn-solid{width:fit-content;margin-top:4px}.form-status{font-size:14px;padding:14px 16px;display:none;animation:fade-in-scale .4s var(--ease);border:1px solid}.form-status.success{display:block;border-color:#3f8f4f;color:#2e7d3f;background:#3f8f4f12}html.ink .form-status.success{color:#7fd18f}.form-status.error{display:block;border-color:#c0392b;color:#b03426;background:#c0392b12}html.ink .form-status.error{color:#f08070}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.contact-form.submitted .form-group,.contact-form.submitted .btn-solid{display:none}.contact-form.submitted .form-status.success{padding:44px 20px;text-align:center;font-size:16px;font-family:var(--font-serif);font-style:italic}.footer{border-top:1px solid var(--line-strong);margin-top:clamp(40px,7vh,80px);padding:48px clamp(20px,4vw,48px) 32px;overflow:hidden}.footer-name{font-family:var(--font-serif);font-weight:600;font-size:clamp(3rem,11vw,10rem);line-height:.95;letter-spacing:-.04em;text-align:center;color:transparent;-webkit-text-stroke:1px var(--line-strong);user-select:none;white-space:nowrap;margin-bottom:40px;transition:color .5s ease}.footer-name:hover{color:var(--accent);-webkit-text-stroke:1px var(--accent)}.footer-row{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.back-to-top{color:var(--ink);transition:color .2s ease}.back-to-top:hover{color:var(--accent)}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out);transition-delay:var(--stagger-delay, 0ms)}[data-reveal].in-view{opacity:1;transform:translateY(0)}.donate-overlay{display:none;position:fixed;inset:0;z-index:2000;padding:24px;background:#1c1a178c;backdrop-filter:blur(6px);opacity:0;overflow-y:auto;overflow-x:hidden;transition:opacity .25s var(--ease);-webkit-overflow-scrolling:touch}.donate-overlay.show{opacity:1}.donate-modal-box{box-sizing:border-box;width:min(100%,440px);max-height:calc(100vh - 48px);margin:0 auto;padding:28px 28px 24px;overflow-x:hidden;overflow-y:auto;background:var(--paper);border:1px solid var(--line);transform:translateY(10px);transition:transform .3s var(--ease-out)}.donate-overlay.show .donate-modal-box{transform:translateY(0)}.donate-modal-box--resume{width:min(100%,900px);height:min(85vh,900px);max-height:calc(100vh - 48px);display:flex;flex-direction:column;padding:24px}.resume-frame{flex:1;min-height:0;margin-top:12px;border:1px solid var(--line);overflow:hidden}.resume-frame iframe{display:block;width:100%;height:100%;border:0}.donate-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.donate-modal-title{font-family:var(--font-serif);font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}.donate-close-btn{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.donate-close-btn:hover{color:var(--ink);border-color:var(--line-strong);background:var(--paper-2)}.donate-modal-sub{margin:0 0 22px;max-width:34ch;font-family:var(--font-serif);font-size:.95rem;font-style:italic;font-weight:400;line-height:1.55;color:var(--muted)}.donate-methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}.donate-method{box-sizing:border-box;min-width:0;padding:16px;background:var(--paper-2);border:1px solid var(--line)}.donate-method-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;min-width:0}.donate-method-icon{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:14px}.donate-method-head h3{margin:0 0 2px;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.3}.donate-method-label{margin:0;display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.4}.donate-code-row{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:10px 12px;background:var(--paper);border:1px solid var(--line)}.donate-code-row span{flex:1;min-width:0;font-family:var(--font-mono);font-size:12px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere;word-break:break-all}.donate-copy-btn{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;color:var(--muted);font-size:13px;cursor:pointer;transition:color .2s var(--ease)}.donate-copy-btn:hover{color:var(--accent)}.donate-network-select{box-sizing:border-box;display:block;width:100%;max-width:100%;margin-bottom:10px;padding:10px 32px 10px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);font-family:var(--font-mono);font-size:12px;line-height:1.4;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236f6a5f' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.donate-network-select:focus{outline:1px solid var(--line-strong);outline-offset:1px}.donate-network-select option{background:var(--paper);color:var(--ink)}html.ink .donate-overlay{background:#000000b8}html.ink .donate-network-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239a948a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(8px);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:11px 22px;box-shadow:var(--shadow-hard-sm);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap;z-index:9999}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.copy-particle{position:fixed;pointer-events:none;width:7px;height:7px;background:var(--accent);z-index:10000;animation:particle-fly .75s cubic-bezier(.1,.8,.3,1) forwards}@keyframes particle-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(220deg) scale(0);opacity:0}}.keyboard-hint{position:fixed;bottom:28px;left:28px;font-size:11px;color:var(--muted);opacity:0;transition:opacity .5s ease;pointer-events:none;display:flex;align-items:center;gap:4px;z-index:50;text-transform:none;letter-spacing:.02em}.keyboard-hint kbd{font-family:var(--font-mono);font-size:10px;border:1px solid var(--line-strong);padding:1px 5px;background:var(--paper-2)}.keyboard-hint.visible{opacity:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.display .line-inner{transform:none;animation:none}[data-reveal]{transition:none;opacity:1;transform:none}.marquee-track,.status-dot{animation:none}.toast{transition:opacity .1s}}@media(max-width:900px){.featured-grid,.services{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:14px}.contact-grid{grid-template-columns:1fr}.work-row a{grid-template-columns:40px 1fr auto 28px}.row-desc{display:none}}@media(max-width:640px){.clock{display:none}.top-nav{gap:14px}.top-nav a[data-nav=about]{display:none}.hero{padding-top:110px}.hero-meta span:nth-child(3){display:none}.hero-bottom{grid-template-columns:1fr}.polaroid{width:200px;margin:0 auto}.hero-copy{text-align:center}.hero-actions,.social-links{justify-content:center}.work-row a{grid-template-columns:36px 1fr 28px;padding:18px 8px}.row-tags{display:none}.work-row a:hover{padding-left:16px}.donate-modal-box{padding:22px 18px 18px}.donate-method{padding:14px}.keyboard-hint{display:none}.footer-row{flex-direction:column;align-items:center;gap:8px;text-align:center}}