:root{--bg: #fdf9f3;--surface: #ffffff;--ink: #1f1d1a;--ink-2: #534f48;--ink-3: #8a847b;--line: rgba(31, 29, 26, .08);--line-2: rgba(31, 29, 26, .14);--accent: #ff7a59;--pill-a: #ffd6a8;--pill-b: #c8e6a8;--pill-c: #b8d8ff;--font-display: "Lora", Georgia, serif;--font-body: "Lora", Georgia, serif;--gutter: clamp(20px, 5vw, 56px);--max: 1280px;--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--r-pill: 999px}.theme-dark{--bg: #16140f;--surface: #1f1c17;--ink: #f5efde;--ink-2: #c2bba6;--ink-3: #807a68;--line: rgba(245, 239, 222, .1);--line-2: rgba(245, 239, 222, .18)}.density-compact{--gap: 18px;--pad: 56px}.density-regular{--gap: 28px;--pad: 80px}.density-airy{--gap: 44px;--pad: 120px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}.app{background:var(--bg);color:var(--ink);min-height:100vh;transition:background .3s,color .3s}.topnav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:7px var(--gutter);background:transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .2s,border-color .2s}.topnav.scrolled{background:var(--bg);border-bottom-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.topnav-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.topnav-links{display:flex;align-items:center;gap:6px}.topnav-links a{padding:8px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--ink-2);transition:color .2s,background .2s}.topnav-links a:hover{color:var(--ink);background:var(--surface)}.topnav-links .topnav-cta{background:var(--ink);color:var(--bg);margin-left:6px}.topnav-links .topnav-cta:hover{background:var(--ink);color:var(--bg)}.topnav-burger{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--line);width:38px;height:38px;border-radius:var(--r-pill);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:0}.topnav-burger span{display:block;width:16px;height:1.5px;background:var(--ink);border-radius:2px}@media (max-width: 760px){.topnav-burger{display:inline-flex}.topnav-links{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:8px;box-shadow:0 16px 32px -16px #0000002e;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}.topnav.open .topnav-links{opacity:1;transform:translateY(4px);pointer-events:auto}.topnav-links a{padding:12px 16px}.topnav-links .topnav-cta{margin-left:0;text-align:center}.topnav-links .topnav-theme-toggle{display:none}}.show-more-wrap{display:flex;justify-content:center;margin-top:32px}.show-more{font-size:14px;padding:12px 22px}.show-more-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;background:var(--accent);color:#fff;border-radius:var(--r-pill);font-size:12px;font-weight:600;margin-left:4px}.show-more-chev{display:inline-block;margin-left:4px;transition:transform .25s}.show-more:hover .show-more-chev{transform:translateY(2px)}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:float 12s ease-in-out infinite}.blob-a{width:360px;height:360px;background:#ffd6a8;top:-80px;right:6vw}.blob-b{width:280px;height:280px;background:#c8e6a8;top:240px;left:-60px;animation-delay:-3s}.blob-c{width:220px;height:220px;background:#ffc4d6;top:520px;right:12vw;animation-delay:-6s}.blob-d{width:320px;height:320px;background:#b8d8ff;top:120px;left:38vw;animation-delay:-9s;opacity:.35}.theme-dark .blob{opacity:.18}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.97)}}.home-3{position:relative;z-index:1;padding-top:60px;overflow-x:hidden}.hero-3{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:clamp(48px,10vh,96px) var(--gutter) clamp(56px,10vh,96px)}.name-3{margin:0 0 24px;font-family:var(--font-display);font-size:clamp(42px,11vw,168px);line-height:.92;letter-spacing:-.04em;font-weight:500;color:var(--ink);text-wrap:balance}.name-greeting{display:block;font-family:var(--font-body);font-size:clamp(20px,2.4vw,32px);font-style:normal;font-weight:400;letter-spacing:-.005em;line-height:1;color:var(--ink-2);margin-bottom:clamp(10px,1.4vw,18px)}.tag-3{margin:0 0 36px;font-family:var(--font-body);font-size:clamp(15px,1.7vw,22px);line-height:1.7;color:var(--ink-2);max-width:64ch;text-wrap:pretty}.pill{display:inline-block;padding:4px 14px 6px;margin-bottom:6px;border-radius:var(--r-pill);color:var(--ink);font-weight:500;white-space:nowrap;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.pill:hover{transform:rotate(-2deg) scale(1.04)}.pill-a{background:var(--pill-a)}.pill-b{background:var(--pill-b)}.pill-c{background:var(--pill-c)}.theme-dark .pill{color:#1f1d1a}.hero-3-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:14px 22px;border-radius:var(--r-pill);font-family:var(--font-body);font-size:15px;font-weight:500;border:1px solid transparent;transition:transform .2s,background .2s,color .2s,box-shadow .2s;cursor:pointer}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 24px -10px #00000040}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{background:var(--surface);transform:translateY(-3px)}.section-3{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:var(--pad) var(--gutter)}.sec-3-head{margin-bottom:40px}.sec-3-title{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.025em;line-height:1;text-wrap:balance}.sec-3-sub{margin:0;color:var(--ink-2);font-size:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.grid-3-compact{grid-template-columns:repeat(3,minmax(0,1fr));--gap: 16px}.grid-3-airy{grid-template-columns:repeat(2,minmax(0,1fr));--gap: 40px}@media (max-width: 900px){.grid-3,.grid-3-compact,.grid-3-airy{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid-3,.grid-3-compact,.grid-3-airy{grid-template-columns:1fr}}.card-3{display:block;background:var(--surface);border-radius:var(--r-lg);padding:14px 14px 22px;border:1px solid var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.card-3:hover{transform:rotate(-1deg) scale(1.01)}.card-3-img{aspect-ratio:16/9;border-radius:var(--r-md);margin-bottom:16px;display:flex;align-items:center;justify-content:center}.card-3-shot{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--r-md)}.card-3-row{display:flex;gap:10px;align-items:center;font-family:var(--font-body);font-size:12px;color:var(--ink-3);margin-bottom:6px;padding:0 4px}.card-3-num{background:var(--bg);border:1px solid var(--line-2);padding:2px 8px;border-radius:var(--r-pill);font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink-2)}.card-3-kind{font-weight:500}.card-3-title{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.015em;margin-bottom:4px;padding:0 4px}.card-3:hover .card-3-title{color:var(--accent)}.card-3-meta{font-size:12px;color:var(--ink-3);padding:0 4px;margin-bottom:6px}.card-3-summary{font-size:14px;line-height:1.5;color:var(--ink-2);padding:0 4px;margin-bottom:14px}.card-3-stack{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.skills-3{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 700px){.skills-3{grid-template-columns:1fr}}.skill-3{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.skill-3:hover{transform:rotate(-1deg) scale(1.01)}.skill-3:hover .skill-3-label{color:var(--accent)}.skill-3-label{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.01em;margin-bottom:14px;transition:color .3s}.skill-3-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-soft{display:inline-block;padding:6px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500;background:var(--bg);border:1px solid var(--line);color:var(--ink-2);transition:transform .2s}.tag-soft:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.about-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px;align-items:center}@media (max-width: 760px){.about-3{grid-template-columns:1fr;gap:32px}}.about-3-img{display:flex;justify-content:center}.avatar-photo{width:100%;max-width:300px;aspect-ratio:10 / 11;border-radius:60px;object-fit:cover;object-position:center top;box-shadow:0 24px 48px -24px #00000047;border:4px solid var(--surface);outline:1px solid var(--line-2);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.avatar-photo:hover{transform:rotate(-3deg) scale(1.04);box-shadow:0 32px 56px -28px #00000052}.about-3-text{display:flex;flex-direction:column;gap:16px}.about-3-text .sec-3-title{margin-bottom:8px}.about-3-text p{margin:0;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:60ch}.about-3-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.about-3-facts span{flex:0 0 auto;white-space:nowrap;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-size:14px;font-weight:500}.section-3-contact{text-align:center;padding-top:clamp(80px,12vh,140px);padding-bottom:clamp(80px,12vh,140px)}.contact-3-h{margin:0 0 24px;font-family:var(--font-display);font-size:clamp(40px,7vw,96px);font-weight:500;letter-spacing:-.03em;line-height:1;text-wrap:balance}.contact-3-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}.contact-3-mail{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);padding:14px 28px;background:var(--pill-a);color:#1f1d1a;border-radius:var(--r-pill);border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .25s,box-shadow .25s}.contact-3-mail svg,.contact-3-linkedin-btn svg{width:20px;height:20px;flex-shrink:0}.contact-btn-divider{display:inline-block;width:1px;height:1.1em;background:currentColor;opacity:.25;margin:0 10px;vertical-align:middle;flex-shrink:0}.contact-3-mail:hover{transform:rotate(-1.5deg) scale(1.02)}.contact-3-linkedin-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);padding:14px 28px;background:#b8d8ff;color:#1f1d1a;border-radius:var(--r-pill);transition:transform .25s,box-shadow .25s}.contact-3-linkedin-btn:hover{transform:rotate(-1.5deg) scale(1.02)}.contact-3-linkedin-btn svg{width:22px;height:22px;flex-shrink:0}.footer-3{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:28px var(--gutter) 36px;display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--ink-3);flex-wrap:wrap;border-top:1px solid var(--line)}.contact-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.contact-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px -8px #0000001a}.contact-btn svg{width:18px;height:18px;flex-shrink:0}.contact-copied{margin:0 auto;max-width:300px;padding:14px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;animation:copied-in .18s ease}.contact-copied-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:2px}.contact-copied-addr{font-size:13px;color:var(--ink-2)}@keyframes copied-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer-name{color:var(--accent);font-weight:600}.ph-3{position:relative;width:100%;display:block;overflow:hidden;font-family:var(--font-body)}.ph-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(56px,12%,96px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.08));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.card-3:hover .ph-emoji{transform:scale(1.08) rotate(-6deg)}.ph-3-label{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1f1d1a;font-size:11px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-3-real-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gallery-3{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:60px var(--gutter) 80px}.g3-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:13px;color:var(--ink-3)}.g3-back{padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);font-weight:500;transition:transform .2s}.g3-back:hover{transform:translate(-2px)}.g3-count{font-variant-numeric:tabular-nums;font-weight:500}.g3-hero{padding:40px 0 24px;max-width:900px;margin-left:auto;margin-right:auto}.g3-emoji{display:inline-flex;width:88px;height:88px;align-items:center;justify-content:center;background:var(--c);border-radius:28px;font-size:44px;margin-bottom:24px;transform:rotate(-4deg);box-shadow:0 16px 32px -16px #00000026;animation:bob 4s ease-in-out infinite}@keyframes bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-6px)}}.g3-kicker{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--ink-3)}.g3-title{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(48px,8vw,112px);font-weight:500;letter-spacing:-.035em;line-height:.95;text-wrap:balance}.g3-btn{font-size:13px;padding:8px 16px}.g3-summary{margin:0 0 20px;font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:var(--ink-2);max-width:60ch}.g3-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.g3-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.g3-impact{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 32px;margin:0 auto 56px;max-width:760px}.g3-impact-label{font-family:var(--font-display);font-size:22px;font-weight:500;margin-bottom:14px}.g3-impact ul{display:flex;flex-direction:column;gap:10px}.g3-impact li{display:flex;gap:10px;align-items:baseline;font-size:16px;color:var(--ink)}.g3-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--c);border-radius:50%;font-size:12px;font-weight:600;color:var(--ink);flex-shrink:0;transform:translateY(2px)}.g3-shot{margin:0}.g3-shot-img{overflow:hidden;border:1px solid var(--line);border-radius:10px}.g3-shot figcaption{padding:0 4px 10px;font-size:15px;color:var(--ink-2)}.g3-grid{display:flex;flex-direction:column;gap:24px;max-width:900px;margin-left:auto;margin-right:auto}.g3-row{display:flex;gap:24px;align-items:flex-start}.g3-shot{min-width:0}@media (max-width: 760px){.g3-row{flex-direction:column;align-items:stretch}.g3-shot{flex:1!important}}.g3-nav{margin-top:64px;padding-top:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.g3-nav-link{display:flex;flex-direction:column;gap:4px;padding:14px 20px;border-radius:var(--r-lg);transition:background .2s,transform .2s}.g3-nav-link:hover{background:var(--surface);transform:translateY(-2px)}.g3-nav-link.right{text-align:right;align-items:flex-end}.g3-nav-link span{font-size:12px;color:var(--ink-3)}.g3-nav-link strong{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}.g3-nav-link:hover strong{color:var(--accent)}.notfound-3{text-align:center;padding:160px var(--gutter)}.nf-emoji{font-size:72px;margin-bottom:16px}.notfound-3 h1{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.02em;margin:0 0 32px}.topnav-theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;border-radius:var(--r-pill);cursor:pointer;font-size:15px;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .3s;flex-shrink:0;padding:0}.topnav-theme-toggle:hover{background:var(--bg);color:var(--ink);transform:rotate(20deg)}.topnav-mobile-row{display:none;align-items:center;gap:8px}@media (max-width: 760px){.topnav-mobile-row{display:flex}}.g3-demo-wrap{text-align:center;margin-top:48px;margin-bottom:24px}