@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafaf9;--surface: #f4f3f1;--border: #e5e3de;--text: #1a1916;--text-mid: #4a4845;--text-muted: #8a8784;--accent: #1a1916;--accent-inv: #fafaf9;--blue: #2563eb}html{scroll-behavior:smooth}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}header{animation:fadeUp .55s ease both}.fade-up{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.fade-up.in-view{opacity:1;transform:translateY(0)}a.contact-value{position:relative}a.contact-value:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--blue);transition:width .25s ease}a.contact-value:hover:after{width:100%}.service-row{transition:background .15s ease}.service-link,.service-link *{text-decoration:none;color:inherit}.service-link{cursor:pointer;display:block;border-radius:6px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.service-link:hover{background:var(--surface)}.service-link:hover .service-name{color:var(--blue)}.service-arrow{font-size:.85rem;color:var(--text-muted);margin-left:auto;opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s;flex-shrink:0}.service-link:hover .service-arrow{opacity:1;transform:translate(0)}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}.page{max-width:720px;margin:0 auto;padding:0 2rem}header{padding:3rem 0 2.5rem;border-bottom:1px solid var(--border);margin-bottom:4rem}.header-inner{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.site-name{font-family:"DM Serif Display",serif;font-size:1.5rem;font-weight:400;color:var(--text);letter-spacing:-.01em}.site-role{font-size:.875rem;color:var(--text-muted);font-weight:400}section{margin-bottom:4rem}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.25rem}.about-layout{display:flex;align-items:flex-start;gap:1.8rem}.about-photo-wrap{flex-shrink:0}.about-photo-placeholder{width:90px;height:90px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;overflow:hidden}.about-photo-img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;display:block}.photo-initials{font-size:1.3rem;font-weight:700;color:var(--text-muted);letter-spacing:-.02em}.photo-hint{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.3;padding:0 .4rem}.about-photo{width:90px;height:90px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}@media(max-width:480px){.about-layout{flex-direction:column;align-items:flex-start}}.about-text{font-size:1.1rem;color:var(--text-mid);line-height:1.75;max-width:620px}.about-text strong{color:var(--text);font-weight:600}.services-list{border-top:1px solid var(--border)}.service-row{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:1.1rem 0;border-bottom:1px solid var(--border)}.service-name{font-size:.975rem;font-weight:500;color:var(--text);min-width:200px}.service-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55;text-align:right}.contact-list{display:flex;flex-direction:column;gap:1.4rem}.contact-row{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.contact-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.07em}.contact-value{font-size:1rem;color:var(--text);font-weight:500;text-align:left;text-decoration:none}a.contact-value{color:var(--text);transition:color .15s}a.contact-value:hover{color:var(--blue)}.contact-note{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-top:.15rem}footer{padding:2rem 0;border-top:1px solid var(--border);margin-top:6rem;display:flex;align-items:center;justify-content:space-between}.footer-name,.footer-copy{font-size:.8rem;color:var(--text-muted)}@media(max-width:560px){.header-inner{flex-direction:column;gap:.25rem}.service-row{flex-direction:column;gap:.3rem}.service-desc{text-align:left}.contact-row{flex-direction:column;gap:.2rem}.contact-value{text-align:left}footer{flex-direction:column;gap:.5rem;text-align:center}}
