@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Nunito+Sans:wght@400;600;700;800;900&display=swap";:root{--paper:#fbfaf5;--ink:#30302d;--muted:#77736b;--line:#deddd7;--accent:#ad4e25;--teal:#308b8c;--blue:#39749b;--gold:#c39a22;--orange:#c26d36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Nunito Sans,sans-serif}a{color:inherit;text-decoration:none}.hand{font-family:Kalam,cursive}.page-shell{background:radial-gradient(circle at 50% 30%,#fff 0,#0000 55%);min-height:100vh;padding:0 6vw 2rem;position:relative;overflow:hidden}.site-nav{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:auto;display:flex}.brand{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.brand svg{stroke-width:1.8px;width:24px;transform:rotate(-12deg)}.nav-links{align-items:center;gap:2rem;font-size:.9rem;display:flex}.nav-links .active{color:var(--paper);background:var(--ink);border-radius:999px;padding:.4rem 1rem}.role-label{border:1px solid #a9a7a0;border-radius:50%;padding:.35rem 1rem;position:relative}.role-label span{position:absolute;bottom:-.7rem;right:.6rem;transform:rotate(-15deg)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:1rem;max-width:1100px;margin:auto;padding-top:2.5rem;display:grid}.hero h1{max-width:650px;margin:0;font-size:clamp(2.7rem,4.3vw,3.55rem);font-weight:900;line-height:.98}.highlight{color:var(--accent);z-index:0;position:relative}.zigzag-highlighter{vertical-align:baseline;padding:0 2px;line-height:1;display:inline-block}.zigzag-highlighter-art{z-index:0;pointer-events:none;width:108%;height:110%;position:absolute;top:-5%;left:-4%;overflow:visible}.zigzag-highlighter-text{z-index:1;position:relative}.subtitle{color:var(--muted);margin:1.25rem 0 0;font-size:1.25rem}.scribble-line{background:#77736b66;width:20rem;height:1px;margin-top:.2rem;transform:rotate(-1deg)}.portrait-wrap{width:100%;max-width:470px;margin:auto;position:relative}.portrait-wrap img{width:100%;display:block}.greeting{font-size:1.15rem;line-height:1.1;position:absolute;top:.1rem;left:1rem}.greeting strong{font-size:1.9rem}.portrait-note{color:var(--muted);margin:0;font-size:1rem;line-height:1.1;position:absolute;top:42%;right:-1rem;transform:rotate(-7deg)}.projects-section{max-width:1100px;margin:9rem auto 0}.projects-heading{grid-template-columns:1fr 1.4fr 1fr;align-items:end;gap:2rem;margin-bottom:5rem;display:grid}.project-kicker{color:var(--accent);align-self:start;padding-top:.8rem;font-size:1.25rem;transform:rotate(-5deg)}.projects-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:900;line-height:.9}.projects-heading h2 span{color:var(--accent)}.projects-heading>p{max-width:220px;color:var(--muted);margin:0 0 .25rem;font-size:.95rem;line-height:1.5}.project-list{gap:7rem;display:grid}.project-row{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;display:grid}.project-row-reverse{grid-template-columns:.9fr 1.1fr}.project-row-reverse .project-art{order:2}.project-row-reverse .project-copy{order:1}.project-art{aspect-ratio:1.4;border-radius:1.5rem;place-items:center;display:grid;overflow:hidden;transform:rotate(-2deg);box-shadow:0 18px 35px #20201b18}.project-row-reverse .project-art{transform:rotate(2deg)}.art-window{background:#fff;border-radius:.8rem;width:76%;height:72%;padding:1rem;position:relative;overflow:hidden;box-shadow:0 12px 25px #00000018}.window-dots{gap:.25rem;display:flex}.window-dots i{background:#d5d0c8;border-radius:50%;width:5px;height:5px}.art-brand{margin-top:1.8rem;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:900;display:block}.art-shape{background:var(--accent);opacity:.85;border-radius:50%;width:9rem;height:9rem;position:absolute;bottom:-2rem;right:-1rem}.art-line{background:#e7e3dc;border-radius:1rem;height:.45rem;position:absolute;left:1rem}.line-one{width:42%;top:57%}.line-two{width:28%;top:66%}.project-art-pulse{background:#d6e0d8}.project-art-pulse .art-window{background:#f7f4ec}.project-art-pulse .art-shape{background:#e27b4b}.project-art-bloom{background:#f2c5bc}.project-art-bloom .art-window{background:#fff9f0}.project-art-bloom .art-shape{background:#e98978;width:8rem;height:8rem}.project-art-atlas{background:#d0d9e8}.project-art-atlas .art-window{background:#eef3f8}.project-art-atlas .art-shape{background:#416a8e;border-radius:1rem;transform:rotate(20deg)}.project-art-signal{background:#ead9a8}.project-art-signal .art-window{color:#fff;background:#202f3d}.project-art-signal .art-line{background:#617a8a}.project-art-signal .art-shape{background:#f3c548;border-radius:1rem}.project-copy{max-width:360px;position:relative}.project-number{color:var(--accent);font-family:Kalam,cursive;font-size:1.25rem}.project-copy h3{letter-spacing:-.04em;margin:.7rem 0 .85rem;font-size:clamp(2rem,3.3vw,3rem);line-height:.98}.project-copy p{color:#9a958b;margin:0;font-size:.95rem}.project-link{border-bottom:1px solid var(--ink);align-items:center;gap:.35rem;margin-top:2rem;padding-bottom:.25rem;font-size:.9rem;font-weight:800;display:inline-flex}.project-link svg{width:16px}.about-grid{grid-template-columns:5fr 7fr;align-items:start;gap:5rem;max-width:1100px;margin:5rem auto 0;display:grid}.about-copy{position:relative}.section-heading{margin-bottom:1.8rem;display:inline-block;position:relative}.section-heading h2{margin:0;font-size:clamp(2.4rem,4vw,3.1rem);font-weight:900;line-height:1}.heading-rays{color:var(--muted);font-family:monospace;font-size:1.35rem;line-height:.8;position:absolute;top:.1rem;left:-2.3rem;transform:rotate(-18deg)}.heading-underline{border-bottom:3px solid var(--ink);border-radius:50%;width:100%;height:7px;position:absolute;bottom:-.75rem;right:-.25rem;transform:rotate(-2deg)}.heading-underline:after{content:"";border-bottom:2px solid var(--accent);width:78%;position:absolute;bottom:-3px;right:.1rem;transform:rotate(3deg)}.about-copy>p{max-width:490px;margin:0;font-size:1rem;font-weight:600;line-height:1.65}.details{color:var(--muted);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;font-size:.86rem;display:flex}.details span{align-items:center;gap:.45rem;display:flex}.details svg{width:16px;height:16px}.scroll-note{color:var(--muted);align-items:flex-start;gap:.5rem;display:flex;position:absolute;bottom:-7rem;left:-2.5rem;transform:rotate(-4deg)}.scroll-note svg{stroke-width:1.5px;width:25px;height:40px;margin-top:.1rem}.scroll-note span{font-size:1.1rem;line-height:1.05}.stack-area{padding-bottom:4rem;position:relative}.stack-annotation{z-index:2;color:var(--muted);align-items:flex-end;gap:.35rem;font-size:1.2rem;display:flex;position:absolute;top:-2.5rem;left:.4rem;transform:rotate(-6deg)}.stack-annotation svg{stroke-width:1.5px;width:31px;height:25px;margin-bottom:.15rem}.stack-card{z-index:1;background:#fff;border:1px solid #efeee9;border-radius:1.5rem;padding:2rem;position:relative;box-shadow:0 8px 30px #0000000a}.skills-grid{grid-template-columns:repeat(4,1fr);gap:2.3rem 1rem;display:grid}.skill{text-align:center;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.skill-divider{border-top:1px solid #f0efeb;grid-column:1/-1;height:1px;margin:-.4rem 0 .4rem}.skill-divider+.skill{grid-column:1}.skill-mark{place-items:center;width:32px;height:32px;font-family:Nunito Sans,sans-serif;font-size:1.1rem;font-weight:900;display:grid}.mongodb{color:#47a248;font-size:2rem}.react{color:#61dafb;font-size:2rem}.node{color:#fff;background:#393;border-radius:.35rem;font-size:.65rem}.express{color:#fff;background:#111;border-radius:50%;font-size:.65rem}.javascript{color:#111;background:#f7df1e;border-radius:.15rem;justify-content:end;align-items:end;padding:.15rem;font-size:.65rem}.typescript{color:#fff;background:#3178c6;border-radius:.15rem;justify-content:end;align-items:end;padding:.15rem;font-size:.65rem}.java{color:var(--orange);font-size:2rem}.github{color:#181717;font-size:1.8rem}.dream-note{color:var(--muted);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-.2rem;right:-4.5rem;transform:rotate(-6deg)}.dream-note svg{stroke-width:1.5px;width:24px;height:24px;margin-bottom:.15rem}.dream-note span:not(.dream-line){text-align:center;font-size:1.2rem;line-height:.92}.dream-line{margin-top:.2rem;font-size:1.8rem;line-height:.4}@media (width<=800px){.page-shell{padding:0 1.25rem 3rem}.site-nav{height:auto;padding:1.25rem 0}.nav-links{gap:.75rem;font-size:.8rem}.nav-links a:not(.active),.role-label{display:none}.hero,.about-grid{grid-template-columns:1fr;gap:2rem}.hero{padding-top:1.5rem}.hero h1{font-size:clamp(2.55rem,11vw,4rem)}.portrait-wrap{max-width:400px}.about-grid{margin-top:4rem}.projects-section{margin-top:6rem}.projects-heading{grid-template-columns:1fr;gap:.7rem;margin-bottom:3rem}.project-kicker{padding-top:0}.projects-heading>p{max-width:300px}.project-list{gap:4.5rem}.project-row,.project-row-reverse{grid-template-columns:1fr;gap:1.5rem}.project-row-reverse .project-art,.project-row-reverse .project-copy{order:initial}.project-art,.project-row-reverse .project-art{transform:rotate(-1deg)}.project-copy{max-width:430px}.about-copy h2{font-size:2.8rem}.stack-card{padding:1.25rem}.scroll-note{margin-top:2rem;position:static}.dream-note{bottom:-.2rem;right:.5rem}}@media (width<=420px){.brand{font-size:1.05rem}.details{gap:.55rem 1rem}.skills-grid{gap:1.25rem .25rem}}.site-footer{background:var(--paper);color:var(--ink);margin-top:4.5rem;position:relative;overflow:hidden}.footer-scenic-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.footer-bg-img{object-fit:cover;object-position:center bottom;width:100%;height:100%}.footer-bg-top-fade{background:linear-gradient(to bottom, var(--paper) 0%, #fbfaf599 45%, transparent 100%);height:90px;position:absolute;top:0;left:0;right:0}.footer-bg-bottom-tint{background:linear-gradient(#0000 0%,#09151180 50%,#091511f0 100%);height:280px;position:absolute;bottom:0;left:0;right:0}.footer-content{z-index:2;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:3rem 1.5rem 1.75rem;display:flex;position:relative}.footer-cta-block{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:680px;display:flex}.footer-cta-badge{color:var(--accent);align-items:center;gap:.25rem;margin-bottom:.35rem;font-size:1.35rem;display:inline-flex;transform:rotate(-3deg)}.footer-cta-title{letter-spacing:-.03em;color:var(--ink);margin:0 0 .85rem;font-size:clamp(2.2rem,4.5vw,3.3rem);font-weight:900;line-height:1.08}.footer-cta-title span{color:var(--accent)}.footer-cta-desc{max-width:520px;color:var(--muted);margin:0 auto 1.6rem;font-size:1.02rem;line-height:1.55}.footer-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;display:flex}.footer-btn{cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.footer-btn .btn-icon{width:18px;height:18px}.footer-btn-primary{background:var(--ink);color:#fff;box-shadow:0 4px 14px #19181733}.footer-btn-primary:hover{background:#111;transform:translateY(-2px);box-shadow:0 8px 20px #1918174d}.footer-btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);background:#ffffffe6;border-color:#e5e3dce6;box-shadow:0 2px 8px #0000000a}.footer-btn-secondary:hover{background:#fff;border-color:#c8c5bc;transform:translateY(-2px)}.text-success{color:#10b981}.footer-scenic-spacer{width:100%;height:clamp(60px,9vw,130px)}.footer-bottom-bar-wrap{-webkit-backdrop-filter:blur(14px);color:#fff;box-sizing:border-box;background:#0c1a15c7;border:1px solid #ffffff26;border-radius:1.5rem;width:100%;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3.5vw,2.5rem) 1.25rem;box-shadow:0 16px 40px #00000040}.footer-bottom-grid{justify-content:space-between;align-items:flex-start;gap:2.5rem;margin-bottom:1.75rem;display:flex}.footer-brand-col{max-width:420px}.footer-logo{color:#fff;align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:1.35rem;font-weight:800;transition:opacity .2s;display:inline-flex}.footer-logo svg{color:#fce182;width:22px;height:22px;transform:rotate(-8deg)}.footer-logo:hover{opacity:.9}.footer-bio{color:#d2ded7;margin:0 0 .85rem;font-size:.92rem;line-height:1.5}.footer-location{color:#9cb5a8;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.footer-location .pin-icon{color:#6ee7b7;width:15px;height:15px}.footer-links-col,.footer-social-col{flex-direction:column;gap:.55rem;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:#8da89d;margin-bottom:.25rem;font-size:.8rem;font-weight:800}.footer-nav-list,.footer-social-list{flex-direction:column;gap:.5rem;display:flex}.footer-nav-list a,.footer-social-list a{color:#e5ede9;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.footer-nav-list a:hover,.footer-social-list a:hover{color:#fce182;transform:translate(3px)}.footer-social-list .social-icon{color:#c4d4cc;width:16px;height:16px;transition:color .2s}.footer-social-list a:hover .social-icon{color:#fce182}.footer-copyright-row{color:#ffffffb8;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding-top:1.1rem;font-size:.86rem;display:flex}.copyright-text{margin:0}.back-to-top-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-family:inherit;font-size:.84rem;font-weight:700;transition:all .22s;display:inline-flex}.back-to-top-btn .arrow-icon{width:14px;height:14px;transition:transform .2s}.back-to-top-btn:hover{color:#fce182;background:#ffffff38;transform:translateY(-2px)}.back-to-top-btn:hover .arrow-icon{transform:translateY(-2px)}@media (width<=860px){.footer-bottom-grid{flex-direction:column;gap:2rem}.footer-links-col,.footer-social-col{width:100%}.footer-nav-list,.footer-social-list{flex-flow:wrap;gap:1.25rem}}@media (width<=640px){.site-footer{margin-top:3.5rem}.footer-content{padding:2.25rem 1rem 1.25rem}.footer-cta-actions{flex-direction:column;width:100%}.footer-btn{justify-content:center;width:100%}.footer-bottom-bar-wrap{border-radius:1.25rem;padding:1.35rem 1.15rem 1rem}.footer-copyright-row{text-align:center;flex-direction:column;gap:.85rem}}