@import "https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Silkscreen:wght@400;700&display=swap";:root{--paper:#f7f1e7;--paper-deep:#ece1d0;--note:#f3d884;--ink:#1a1713;--ink-muted:#53483b;--ink-soft:#1a171338;--accent:#d35d28;--accent-alt:#12877a;--line:#1a171314;--font-display:"Silkscreen", cursive;--font-body:"Manrope", sans-serif;--font-mono:"Azeret Mono", monospace;font-family:var(--font-body);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:linear-gradient(#ffffff3d,#fff0),linear-gradient(90deg,#0000 0 calc(50% - 540px),#1a17130d calc(50% - 540px) calc(50% - 539px),#0000 calc(50% - 539px)),linear-gradient(90deg,#0000 0 calc(50% + 539px),#1a17130d calc(50% + 539px) calc(50% + 540px),#0000 calc(50% + 540px)),repeating-linear-gradient(0deg,#0000 0 31px,#1a171308 31px 32px),linear-gradient(135deg,#f9f5ee 0%,#f3ebdd 48%,#efe4d1 100%);font-weight:500;line-height:1.55}*{box-sizing:border-box}html{scroll-padding-top:7rem}body{min-width:320px;min-height:100vh;margin:0}a,button{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}h1,h2,h3,p,ul{margin-top:0}h1,h2,h3{font-family:var(--font-body);letter-spacing:-.04em;font-weight:800}p,li{font-size:1rem}img{max-width:100%;display:block}#root{min-height:100vh}:focus-visible{outline-offset:3px;outline:3px solid #12877a6b}@media (width<=720px){html{scroll-padding-top:1rem}}.site-shell{min-height:100vh;position:relative;overflow:hidden}.ambient-orb{filter:blur(24px);opacity:.55;pointer-events:none;z-index:0;border-radius:50%;width:26rem;height:26rem;position:fixed}.ambient-orb-left{background:radial-gradient(circle,#e67a3d4d,#0000 70%);top:-7rem;left:-8rem}.ambient-orb-right{background:radial-gradient(circle,#12877a3d,#0000 70%);bottom:-6rem;right:-8rem}.topbar{z-index:20;width:min(1120px,100% - 2rem);margin:1.25rem auto 0;padding-top:1rem;position:sticky;top:0}.clip-mark{border:2px solid var(--ink);width:5rem;height:3.35rem;font-family:var(--font-display);letter-spacing:.24em;background:linear-gradient(#d6d0c5 0%,#a89b87 100%);place-items:center;font-size:.95rem;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 6px #1a171329}.clip-mark:before{content:"";border:2px solid var(--ink);background:linear-gradient(#d6d0c5 0%,#a89b87 100%);border-bottom:0;border-radius:1rem 1rem 0 0;width:2.4rem;height:1.1rem;position:absolute;top:-.65rem}.desktop-nav{border:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8eef0;transform:rotate(.45deg);box-shadow:0 16px 30px #1a171314}.desktop-nav ul{justify-content:center;gap:clamp(.6rem,2vw,1.5rem);margin:0;padding:1.45rem 1.5rem 1.15rem;list-style:none;display:flex}.desktop-nav a{color:var(--ink);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;text-decoration:none;position:relative}.desktop-nav a:after{content:"";transform-origin:0;background:#e67a3d2e;width:100%;height:.45rem;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.page{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:4rem 0 6rem;position:relative}.hero-section,.content-grid,.explore-grid{gap:1.5rem;display:grid}.hero-section{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);align-items:start;padding-top:2rem}.hero-story{min-width:0}.tab-strip{align-items:end;gap:.55rem;padding-left:1.2rem;display:flex}.tab-button{appearance:none;border:2px solid var(--ink);color:#1a1713b3;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#e8dfd2;border-bottom:0;padding:.9rem 1rem .7rem;font-size:.7rem;transition:transform .18s,background .18s,color .18s}.tab-button:hover,.tab-button:focus-visible{color:var(--ink);transform:translateY(-2px)}.tab-button.active{background:var(--paper);color:var(--ink);transform:translateY(2px)}.paper-card{background:linear-gradient(180deg, #ffffffb8, #ffffff80), repeating-linear-gradient(180deg, #1a17130a 0, #1a17130a 1px, transparent 1px, transparent 1.9rem), var(--paper);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink-soft);position:relative}.paper-card:before{content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff6b,#0000 42%);position:absolute;inset:0}.hero-card{min-height:31rem;padding:2rem}.card-meta,.section-heading span,.eyebrow,.feature-index,.certificate-card p,.language-block p{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em}.card-meta{border-bottom:2px solid #1a171329;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.72rem;display:flex}.card-meta p,.card-meta span{margin:0}.hero-thumb{object-fit:cover;object-position:center 28%;border:3px solid var(--ink);width:4.9rem;height:4.9rem;box-shadow:4px 4px 0 var(--ink-soft);border-radius:50%;display:none}.hero-copy h1{letter-spacing:-.06em;margin:.8rem 0 1rem;font-size:clamp(2.6rem,8vw,4.65rem);line-height:.96}.hero-copy h1 span{color:var(--accent);display:inline-block}.hero-copy h1 .name-first,.hero-copy h1 .name-trail{color:var(--ink)}.hero-copy h1 .name-trail{white-space:nowrap}.hero-copy p,.section-card p,.project-card p,.timeline-body li,.activity-card p,.contact-note,.identity-copy p,.feature-card p{color:var(--ink-muted)}.section-chip{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#12877a1c;border:2px solid #1a171324;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.68rem;display:inline-flex}.highlight-list{gap:.8rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.highlight-list li{color:var(--ink);padding-left:1.4rem;position:relative}.highlight-list li:before{content:"";background:var(--accent);width:.7rem;height:.2rem;position:absolute;top:.55rem;left:0}.stat-row,.skill-cloud,.language-row,.tag-row{flex-wrap:wrap;gap:.65rem;display:flex}.stat-row{margin-top:1.75rem}.stat-row span,.skill-cloud span,.language-row span,.tag-row span,.contact-pill,.timeline-year,.project-card,.activity-card,.certificate-card{border:2px solid #1a171324}.stat-row span,.skill-cloud span,.language-row span,.tag-row span{font-family:var(--font-mono);background:#ffffffb3;padding:.45rem .8rem;font-size:.85rem}.action-row{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.action-button{min-height:3.15rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink-soft);justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.72rem;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.action-button:hover,.action-button:focus-visible{box-shadow:8px 8px 0 var(--ink-soft);transform:translate(-2px,-2px)}.action-button.primary{color:#fff9f0;background:var(--ink)}.action-button.secondary{color:var(--ink);background:#ffffffbf}.identity-column{gap:1.35rem;display:grid}.identity-card{padding:1.8rem}.portrait-shell{background:linear-gradient(135deg,#12877a2e,#e67a3d29),linear-gradient(#ffffffd1,#fff6);border:2px solid #1a171324;place-items:center;min-height:18rem;display:grid;position:relative;overflow:hidden}.portrait-ring{z-index:2;aspect-ratio:1;border:4px solid var(--ink);background:radial-gradient(circle at 30% 30%,#fffffff2,#fff3),linear-gradient(#e67a3dd1,#12877ab8);border-radius:50%;place-items:center;width:min(62vw,14.5rem);display:grid;position:relative;box-shadow:0 0 0 16px #ffffff59}.portrait-photo{object-fit:cover;object-position:center 32%;border-radius:50%;width:100%;height:100%}.portrait-badge{z-index:3;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink-soft);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#f7f1e7f0;padding:.55rem .7rem;font-size:.66rem;position:absolute;bottom:1.15rem;right:1.05rem}.orbit{border:2px dashed #1a171340;border-radius:999px;animation:18s linear infinite spin;position:absolute}.orbit-one{width:13rem;height:13rem}.orbit-two{width:16rem;height:16rem;animation-direction:reverse}.identity-copy{margin-top:1.4rem}.identity-copy h2{margin:.55rem 0 .8rem;font-size:clamp(1.45rem,4vw,2.1rem);line-height:1.06}.sticky-note{background:var(--note);border:2px solid var(--ink);padding:1.35rem 1.2rem 1.2rem;position:relative;transform:rotate(-1.8deg);box-shadow:8px 8px #a89b8766}.sticky-note:before{content:"";background:#ffffff8c;border:1px solid #1a171314;width:4rem;height:1.2rem;position:absolute;top:-.85rem;left:1.25rem}.sticky-note p{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .85rem;font-size:.72rem}.sticky-note ul{gap:.65rem;margin:0;padding-left:1.1rem;display:grid}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.75rem}.feature-card,.section-card{padding:1.55rem}.feature-index{color:var(--accent);font-size:.72rem}.feature-card h3,.project-card h3,.timeline-body h3,.certificate-card h3,.activity-card h3{margin:.6rem 0 .65rem;font-size:1.25rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.full-span{grid-column:1/-1}.section-heading{margin-bottom:1.15rem}.section-heading span{color:var(--accent);margin-bottom:.5rem;font-size:.72rem;display:inline-flex}.section-heading h2{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.06}.project-stack,.activity-grid,.certificate-grid,.contact-list{gap:1rem;display:grid}.project-card,.activity-card,.certificate-card,.contact-pill{background:#ffffff85;padding:1rem}.project-head{gap:.7rem;margin-bottom:.65rem;display:grid}.timeline{gap:1.25rem;display:grid}.timeline-item{grid-template-columns:8rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.timeline-year{min-height:3.25rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#e67a3d1f;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.timeline-body ul{gap:.55rem;margin:.9rem 0 0;padding-left:1.1rem;display:grid}.timeline-company{font-family:var(--font-mono);margin:0;font-size:.95rem}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-card{align-content:start;gap:.35rem;display:grid}.certificate-card p,.language-block p{color:var(--accent);margin:0;font-size:.72rem}.certificate-card span{color:var(--ink-muted);font-family:var(--font-mono);font-size:.95rem}.skill-cloud{margin-top:1rem}.language-block{margin-top:1.5rem}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{align-content:start}.contact-list{margin-top:.5rem}.contact-pill{color:var(--ink);gap:.3rem;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.contact-pill:hover,.contact-pill:focus-visible{border-color:#1a17134d;transform:translateY(-2px)}.contact-pill strong{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.contact-pill span{color:var(--ink-muted);word-break:break-word}.contact-pill.muted{pointer-events:auto}.contact-note{margin:1rem 0 0}.mobile-nav{z-index:25;border-top:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8eef5;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav a{padding:1rem .45rem calc(1rem + env(safe-area-inset-bottom,0px));text-align:center;color:var(--ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=960px){.hero-section,.content-grid,.explore-grid,.certificate-grid,.activity-grid{grid-template-columns:1fr}.page{padding-top:2.8rem;padding-bottom:7rem}.topbar{width:min(1120px,100% - 1rem);margin-top:.75rem}.desktop-nav ul{flex-wrap:wrap;justify-content:space-between}.hero-card{min-height:auto}.timeline-item{grid-template-columns:1fr}}@media (width<=720px){.clip-mark,.desktop-nav{display:none}.page{width:min(1120px,100% - 1rem);padding-top:1.1rem}.tab-strip{scrollbar-width:none;gap:.35rem;padding-left:.45rem;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;padding-inline:.8rem;font-size:.62rem}.hero-card,.identity-card,.feature-card,.section-card{padding:1.15rem}.paper-card{box-shadow:8px 8px 0 var(--ink-soft)}.card-meta,.action-row{flex-direction:column;align-items:stretch}.hero-thumb{margin:0 0 .9rem auto;display:block}.portrait-shell{min-height:14rem}.mobile-nav{grid-template-columns:repeat(6,minmax(4rem,1fr));display:grid}}