@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f5f1ea;--paper-dark:#ebe5d8;--pencil:#2d2a26;--pencil-light:#6b6560;--pencil-lighter:#9e9890;--accent:#c4552d;--accent-light:#e8936f;--rule:#d4cfc5;--sketch-shadow:3px 3px 0 rgba(45,42,38,0.08);--font-sketch:"Caveat",cursive;--font-body:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{font-family:var(--font-body);background:var(--paper);color:var(--pencil);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:100% 32px}a{color:inherit}img{display:block;max-width:100%}.doodle{position:absolute;pointer-events:none;z-index:0}.doodle-circle{width:80px;height:80px;border:2px dashed var(--pencil-lighter);border-radius:50%;opacity:.3;animation:spin-slow 20s linear infinite}.doodle-arrow{font-size:2rem;opacity:.4}.doodle-arrow,.doodle-star{font-family:var(--font-sketch);color:var(--accent)}.doodle-star{font-size:1.5rem;opacity:.35}.doodle-squiggle{width:50px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 20'%3E%3Cpath d='M0 10 Q5 0 10 10 Q15 20 20 10 Q25 0 30 10 Q35 20 40 10 Q45 0 50 10' fill='none' stroke='%239e9890' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat;opacity:.35}@keyframes spin-slow{to{transform:rotate(1turn)}}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.1rem 6%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);background:rgba(245,241,234,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--pencil)}.nav-logo{font-family:var(--font-sketch);font-weight:700;font-size:1.4rem;color:var(--pencil);text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--pencil-light);font-size:.8rem;letter-spacing:.06em;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.nav-cta{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;border:2px solid var(--accent);padding:.45rem 1rem;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;transition:all .2s}.nav-cta:hover{background:var(--accent);color:var(--paper)}.burger{display:none;background:none;border:none;cursor:pointer;width:28px;height:20px;position:relative}.burger span{display:block;width:100%;height:2px;background:var(--pencil);position:absolute;left:0;transition:all .3s}.burger span:first-child{top:0}.burger span:last-child{bottom:0}.burger.open span:first-child{top:50%;transform:rotate(45deg)}.burger.open span:last-child{bottom:50%;transform:rotate(-45deg)}.menu-overlay{position:fixed;inset:0;background:var(--paper);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.menu-overlay.open{opacity:1;visibility:visible}.menu-overlay a{font-family:var(--font-sketch);font-size:2.5rem;font-weight:700;color:var(--pencil);text-decoration:none;display:flex;align-items:center;gap:.75rem}.menu-overlay a i,.menu-overlay a:hover{color:var(--accent)}.menu-overlay a i{font-family:var(--font-mono);font-size:.6rem;font-style:normal}.section-label{font-family:var(--font-sketch);font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;display:inline-block;position:relative}.section-label:after{content:"";display:block;width:100%;height:2px;background:var(--accent);margin-top:4px}.container{width:88%;max-width:1000px;margin:0 auto}.hero{min-height:100vh;display:flex;justify-content:center;position:relative;padding:10vh 6% 4vh}.hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:0 4rem;max-width:960px;width:100%}.hero-el-1{grid-column:1;grid-row:1}.hero-el-2{grid-column:1;grid-row:2}.hero-el-3{grid-column:2;grid-row:1/span 2}.hero-el-4{grid-column:1;grid-row:3}.hero-el-5{grid-column:2;grid-row:3}.hero-el-6{grid-column:1;grid-row:4}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.hero-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;color:var(--accent);margin-bottom:1rem;opacity:0;transform:translateY(15px);animation:fade-up .6s ease .3s forwards}.hero h1{font-family:var(--font-sketch);font-size:clamp(4rem,8vw,6.5rem);font-weight:700;line-height:1;margin-bottom:1.5rem;color:var(--pencil);opacity:0;transform:translateY(20px);animation:fade-up .6s ease .5s forwards}.hero h1 em{color:var(--accent);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:3px;background:var(--accent);opacity:.4}.hero-sub{font-size:1.1rem;line-height:1.7;color:var(--pencil-light);max-width:440px;margin-bottom:2rem;animation:fade-up .6s ease .7s forwards}.hero-cta,.hero-sub{opacity:0;transform:translateY(15px)}.hero-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.06em;color:var(--pencil);text-decoration:none;border:2px solid var(--pencil);padding:.8rem 1.6rem;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;transition:all .2s;animation:fade-up .6s ease .9s forwards;width:fit-content}.hero-cta:hover{background:var(--pencil);color:var(--paper)}.hero-photo-wrap{position:relative;opacity:0;transform:translateY(30px) rotate(3deg);animation:photo-enter .8s ease .6s forwards;width:fit-content}.hero-photo{width:200px;height:200px;object-fit:cover;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;border:3px solid var(--pencil);filter:grayscale(30%) contrast(1.05);transition:filter .4s,transform .4s}.hero-photo:hover{filter:grayscale(0) contrast(1);transform:scale(1.03)}.hero-photo-wrap:before{content:"";position:absolute;top:10px;left:10px;width:100%;height:100%;border:2px dashed var(--pencil-lighter);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;z-index:-1}.hero-stats{display:flex;gap:2rem;padding:1.5rem 0;border-top:2px solid var(--pencil);opacity:0;animation:fade-up .6s ease 1.1s forwards}.hero-stat{text-align:center}.hero-stat b{display:block;font-family:var(--font-sketch);font-size:2rem;font-weight:700;color:var(--pencil);line-height:1}.hero-stat span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--pencil-lighter);text-transform:uppercase}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-family:var(--font-sketch);font-size:1.1rem;color:var(--pencil-lighter);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{to{opacity:1;transform:translateY(0) rotate(0deg)}}.work{padding:4rem 0 3rem;position:relative;overflow:hidden}.work-header{padding:0 6%;margin-bottom:2rem;justify-content:space-between}.work-header,.work-nav{display:flex;align-items:center}.work-nav{gap:1rem}.work-hint{font-family:var(--font-sketch);font-size:1rem;color:var(--pencil-lighter)}.work-arrow{width:40px;height:40px;border:2px solid var(--pencil);border-radius:50%;background:var(--paper);color:var(--pencil);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.work-arrow:hover{background:var(--pencil);color:var(--paper)}.work-track-wrapper{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,black 3%,black 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 3%,black 97%,transparent)}.work-track{display:flex;gap:1.5rem;padding:0 6% 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}.work-track::-webkit-scrollbar{display:none}.work-track:active{cursor:grabbing}.work-card{flex:0 0 340px;background:var(--paper-dark);border:2px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.work-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:5px 5px 0 var(--pencil)}.work-card-img{width:100%;height:200px;object-fit:cover;filter:grayscale(40%);transition:filter .3s}.work-card:hover .work-card-img{filter:grayscale(0)}.work-card-noimg{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--paper-dark);border-bottom:2px dashed var(--rule);color:var(--pencil-lighter)}.work-card-noimg svg{opacity:.4}.work-card-noimg span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.work-card-body{padding:1.25rem 1.5rem}.work-card-num{font-size:2.2rem;color:var(--rule);line-height:1}.work-card-num,.work-card-title{font-family:var(--font-sketch);font-weight:700}.work-card-title{font-size:1.3rem;margin:.3rem 0}.work-card-tags{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em;color:var(--pencil-lighter)}.journey{padding:4rem 6% 3rem;position:relative}.timeline{max-width:650px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--pencil) 0,var(--pencil) 6px,transparent 6px,transparent 10px)}.timeline-item{position:relative;padding-left:55px;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:11px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--accent);z-index:1;transition:all .3s}.timeline-item:hover .timeline-dot{background:var(--accent);animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 rgba(196,85,45,.3)}50%{box-shadow:0 0 0 6px rgba(196,85,45,0)}}.timeline-card{background:var(--paper-dark);border:2px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s}.timeline-card:before{content:"";position:absolute;left:-7px;top:7px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid var(--pencil)}.timeline-item:hover .timeline-card{transform:translateX(6px);box-shadow:4px 4px 0 var(--pencil)}.timeline-role{font-family:var(--font-sketch);font-size:1.2rem;font-weight:700}.timeline-org{font-size:.85rem;color:var(--accent);font-weight:500;margin:.2rem 0 .6rem}.timeline-meta{display:flex;justify-content:space-between;align-items:center}.timeline-tags{font-size:.6rem;letter-spacing:.04em}.timeline-tags,.timeline-year{font-family:var(--font-mono);color:var(--pencil-lighter)}.timeline-year{font-size:.65rem;letter-spacing:.08em}.timeline-note{text-align:center;margin-top:2.5rem;padding:1.75rem;border:2px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:var(--paper-dark);font-size:.9rem;line-height:1.8;color:var(--pencil-light);max-width:520px;margin-left:auto;margin-right:auto;position:relative}.timeline-note:before{content:"EDUCATION";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--paper);padding:0 1rem;font-family:var(--font-sketch);font-size:1rem;letter-spacing:.1em;color:var(--accent)}.stack{padding:4rem 6% 3rem;position:relative}.stack-title{font-family:var(--font-sketch);font-size:clamp(2.2rem,4vw,3rem);margin-bottom:2rem}.stack-title em{color:var(--accent);font-style:normal;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:6px}.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stack-group{background:var(--paper-dark);border:2px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1.5rem;transition:all .2s}.stack-group:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--pencil)}.stack-group h4{font-family:var(--font-sketch);font-size:1.1rem;letter-spacing:.04em;color:var(--accent);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px dashed var(--rule)}.stack-tags{display:flex;flex-wrap:wrap;gap:.5rem}.stack-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;padding:.4rem .8rem;border:1.5px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:var(--paper);color:var(--pencil-light);transition:all .2s;cursor:default}.stack-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px) rotate(-1deg)}.stack-extra{margin-top:2rem;padding:1.25rem 1.5rem;border:2px dashed var(--accent);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;font-family:var(--font-sketch);font-size:1.2rem;color:var(--accent);text-align:center;background:var(--paper-dark)}.certs{padding:4rem 6% 3rem;position:relative}.certs-grid{max-width:650px;margin:0 auto}.cert-card{display:grid;grid-template-columns:50px 1fr auto;gap:1.25rem;align-items:center;padding:1.25rem 0;border-bottom:2px dashed var(--rule);cursor:pointer;transition:all .2s}.cert-card:first-child{border-top:2px dashed var(--rule)}.cert-card:hover{padding-left:.75rem}.cert-num{font-family:var(--font-sketch);font-size:1.8rem;font-weight:700;color:var(--rule);transition:color .2s}.cert-card:hover .cert-num{color:var(--accent)}.cert-name{font-family:var(--font-sketch);font-size:1.1rem;font-weight:700}.cert-issuer{font-size:.8rem}.cert-issuer,.cert-year{color:var(--pencil-lighter)}.cert-year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em}.contact{padding:5rem 6% 4rem;text-align:center;position:relative}.contact-inner{position:relative;z-index:1}.contact-label{font-size:1.4rem;color:var(--accent);margin-bottom:1rem}.contact h2,.contact-label{font-family:var(--font-sketch)}.contact h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.25rem}.contact h2 em{color:var(--accent);font-style:normal;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:6px}.contact-sub{font-size:1rem;color:var(--pencil-light);margin-bottom:2.5rem;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.7}.contact-email{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;color:var(--pencil);text-decoration:none;border:2px solid var(--pencil);padding:.9rem 1.8rem;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;margin-bottom:2.5rem;transition:all .2s;background:none;cursor:pointer}.contact-email:hover{background:var(--pencil);color:var(--paper)}.contact-socials{display:flex;justify-content:center;gap:1rem}.contact-socials a{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--pencil-lighter);text-decoration:none;padding:.5rem 1rem;border:1.5px solid var(--rule);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;transition:all .2s}.contact-socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}footer{padding:1.75rem 6%;border-top:2px solid var(--pencil);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--pencil-lighter);display:flex;justify-content:space-between}.modal-overlay{position:fixed;inset:0;background:rgba(45,42,38,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:5%;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:var(--paper);border:3px solid var(--pencil);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;padding:2.5rem;position:relative}.modal-gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.modal-gallery img{width:100%;height:auto;border:2px solid var(--pencil);border-radius:8px}.modal-link{display:inline-block;margin-top:1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:color .2s,border-color .2s}.modal-link:hover{color:var(--pencil);border-color:var(--pencil)}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:2px solid var(--pencil);border-radius:50%;background:var(--paper);color:var(--pencil);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.modal-close:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.modal-tag{font-size:1.1rem;color:var(--accent);margin-bottom:.6rem}.modal-tag,.modal-title{font-family:var(--font-sketch)}.modal-title{font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.modal-year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--pencil-lighter);margin-bottom:1.25rem}.modal-desc{font-size:.95rem;line-height:1.8;color:var(--pencil-light);margin-bottom:1.25rem}.modal-features{font-size:.88rem;line-height:1.7;color:var(--pencil-light);padding:1.25rem;border:1.5px dashed var(--rule);border-radius:15px;background:var(--paper-dark)}.modal-features b{color:var(--pencil);font-weight:600}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}@media (max-width:768px){nav{padding:.9rem 5%}.nav-cta,.nav-links{display:none}.burger{display:block}.hero{padding:12vh 5% 4vh}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:1.5rem;text-align:center}.hero-el-1{grid-column:1;grid-row:1}.hero-el-2{grid-column:1;grid-row:2}.hero-el-3{grid-column:1;grid-row:3;justify-self:center}.hero-el-4{grid-column:1;grid-row:4;margin-left:auto;margin-right:auto}.hero-el-5{grid-row:5}.hero-el-5,.hero-el-6{grid-column:1;justify-self:center}.hero-el-6{grid-row:6}.hero-ctas{justify-content:center}.hero-photo{width:160px;height:160px}.hero-sub{font-size:1rem}.hero-cta{font-size:.8rem}.hero-stats{gap:2rem}.hero-stat b{font-size:2rem}.hero-stat span{font-size:.6rem}.hero-scroll{display:none}.work-card{flex:0 0 290px}.work-hint,.work-nav .work-arrow{display:none}.stack-grid{grid-template-columns:1fr}.cert-card{grid-template-columns:40px 1fr;gap:1rem}.cert-year{display:none}.contact h2{font-size:clamp(2rem,8vw,2.8rem)}footer{flex-direction:column;text-align:center;gap:.4rem}}