@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Patrick+Hand&display=swap";:root{--color-calvin-red:#e63946;--color-sky-blue:#457b9d;--color-hobbes-yellow:#f1fa3c;--color-hobbes-orange:#e76f51;--color-paper:#fff8e7;--color-ink:#2b2b2b;--color-dark-blue:#1d3557;--color-tiger-stripe:#f4a261;--font-heading:"Caveat", cursive;--font-body:"Patrick Hand", cursive;--border-thick:3px solid var(--color-ink);--shadow-comic:6px 6px 0 var(--color-ink);--shadow-comic-sm:3px 3px 0 var(--color-ink)}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-paper);background-image:radial-gradient(circle at 20%,#f1fa3c14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#e76f510f 0%,#0000 50%);font-size:1.125rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-dark-blue);line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}a{color:var(--color-sky-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--color-calvin-red)}img{max-width:100%;height:auto}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";background:var(--color-ink);border-radius:2px;width:80%;height:3px;margin:.5rem auto 0;display:block}.comic-panel{border:var(--border-thick);box-shadow:var(--shadow-comic);background:#fff;padding:1.5rem;position:relative}.comic-panel:before{content:"";border:1px solid var(--color-ink);pointer-events:none;opacity:.3;position:absolute;inset:4px}.tiger-stripe{background:repeating-linear-gradient(45deg, var(--color-hobbes-orange), var(--color-hobbes-orange) 8px, var(--color-ink) 8px, var(--color-ink) 16px)}.tiger-stripe-soft{background:repeating-linear-gradient(45deg,#e76f5114,#e76f5114 12px,#2b2b2b0d 12px 24px)}.speech-bubble{border:var(--border-thick);box-shadow:var(--shadow-comic);background:#fff;border-radius:20px;padding:1.5rem 2rem;position:relative}.speech-bubble:after{content:"";border-right:var(--border-thick);border-bottom:var(--border-thick);clip-path:polygon(0 0,100% 0,100% 100%);background:#fff;width:20px;height:20px;position:absolute;bottom:-18px;left:40px;transform:rotate(45deg)}.btn-comic{font-family:var(--font-heading);background:var(--color-calvin-red);color:#fff;border:var(--border-thick);box-shadow:var(--shadow-comic-sm);cursor:pointer;padding:.6rem 1.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.btn-comic:hover{box-shadow:1px 1px 0 var(--color-ink);color:#fff;background:#c5303c;transform:translate(2px,2px)}@keyframes peek{0%,to{opacity:0;transform:translate(70px)scaleX(1)}8%,25%{opacity:1;transform:translate(0)scaleX(1)}}.hobbes-peek{opacity:0;pointer-events:none;z-index:5;background-image:url(/assets/images/theme/hobbes-face.svg);background-repeat:no-repeat;background-size:contain;width:70px;height:70px;transition:transform .3s,opacity .3s;position:absolute;top:50%;right:-10px;transform:translate(70px)scaleX(1)}@keyframes calvin-run{0%{left:-100px;transform:scaleX(1)}45%{left:calc(100% - 100px);transform:scaleX(1)}50%{left:calc(100% - 100px);transform:scaleX(-1)}95%{left:-100px;transform:scaleX(-1)}to{left:-100px;transform:scaleX(1)}}.calvin-divider{justify-content:center;align-items:center;height:60px;margin:2rem 0;display:flex;position:relative;overflow:hidden}.calvin-divider:before{content:"";background:var(--color-ink);opacity:.3;width:100%;height:3px;position:absolute}.calvin-divider:after{content:"";background-image:url(/assets/images/theme/calvin-hobbes-running.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:83px;height:100px;animation:8s linear infinite calvin-run;position:absolute;left:0}.header{z-index:100;backdrop-filter:blur(8px);border-bottom:var(--border-thick);background:#fff8e7f2;padding:.8rem 0;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex}.header-logo{font-family:var(--font-heading);color:var(--color-dark-blue);font-size:1.8rem;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--color-calvin-red)}.header-nav{gap:1.5rem;list-style:none;display:flex}.header-nav a{font-family:var(--font-heading);color:var(--color-ink);padding-bottom:2px;font-size:1.3rem;font-weight:600;position:relative}.header-nav a:after{content:"";background:var(--color-calvin-red);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.header-nav a:hover:after{width:100%}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;filter:brightness(.7)saturate(1.1);z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(#0000004d 0%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:800px;padding:2rem;position:relative}.hero-content h1{font-family:var(--font-heading);color:#fff;text-shadow:4px 4px 0 var(--color-ink);margin-bottom:.5rem;font-size:clamp(3rem,8vw,5.5rem)}.hero-content .hero-subtitle{font-family:var(--font-body);color:#fff;text-shadow:2px 2px 0 var(--color-ink);margin-bottom:1.5rem;font-size:clamp(1.2rem,3vw,1.8rem)}.hero-content .hero-tagline{font-family:var(--font-heading);color:#ffffffd9;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.4rem)}.about-grid{grid-template-columns:1fr 2fr;align-items:center;gap:2.5rem;display:grid}.about-photo-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.about-photo{border:var(--border-thick);width:200px;height:200px;box-shadow:var(--shadow-comic-sm);object-fit:cover;border-radius:50%}.about-photo-label{font-family:var(--font-heading);color:var(--color-dark-blue);text-align:center;font-size:1.2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.skill-card{border:var(--border-thick);box-shadow:var(--shadow-comic-sm);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.skill-card:hover{box-shadow:9px 9px 0 var(--color-ink);transform:translate(-3px,-3px)}.skill-card:hover .hobbes-peek{animation:6s ease-in-out .3s infinite peek}.skill-icon{object-fit:contain;filter:url(#handrawn);width:56px;height:56px}.skill-card h3{margin:0;font-size:1.5rem}.skill-card p{color:#555;font-size:.95rem;line-height:1.4}.timeline{padding:2rem 0;position:relative}.timeline:before{content:"";background:var(--color-ink);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:100%;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd) .timeline-content{margin-left:auto;margin-right:calc(50% + 2rem)}.timeline-item:nth-child(2n) .timeline-content{margin-left:calc(50% + 2rem);margin-right:auto}.timeline-dot{background:var(--color-calvin-red);border:3px solid var(--color-ink);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.timeline-content{border:var(--border-thick);width:calc(50% - 3rem);box-shadow:var(--shadow-comic-sm);background:#fff;padding:1.5rem;position:relative}.timeline-content .company{font-family:var(--font-heading);color:var(--color-dark-blue);margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.timeline-content .role{font-family:var(--font-heading);color:var(--color-calvin-red);margin-bottom:.25rem;font-size:1.3rem}.timeline-content .period{color:var(--color-ink);border:1px solid var(--color-ink);background:#e8e0d0;margin-bottom:.75rem;padding:.15rem .6rem;font-size:.9rem;display:inline-block}.timeline-content .description{margin-bottom:.75rem;font-size:1rem;line-height:1.5}.timeline-techs{flex-wrap:wrap;gap:.4rem;display:flex}.timeline-tech{font-family:var(--font-heading);background:var(--color-sky-blue);color:#fff;border:2px solid var(--color-ink);padding:.15rem .6rem;font-size:.85rem;font-weight:600}.contact-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.contact-card{border:var(--border-thick);box-shadow:var(--shadow-comic-sm);font-family:var(--font-heading);color:var(--color-ink);background:#fff;align-items:center;gap:.8rem;padding:1.5rem 2rem;font-size:1.3rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.contact-card:hover{box-shadow:9px 9px 0 var(--color-ink);color:var(--color-ink);transform:translate(-3px,-3px)}.footer{border-top:var(--border-thick);text-align:center;padding:3rem 0;position:relative;overflow:hidden}.footer-theme-img{opacity:.8;max-height:100px;margin-bottom:1rem}.footer-text{font-family:var(--font-heading);color:#888;font-size:1.1rem}.footer-tiger-stripes{background:repeating-linear-gradient(90deg, var(--color-hobbes-orange), var(--color-hobbes-orange) 20px, var(--color-ink) 20px, var(--color-ink) 40px);height:8px;position:absolute;bottom:0;left:0;right:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.6s ease-out forwards fadeInUp}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}@media (width<=1024px){.timeline-content .company{font-size:1.4rem}}@media (width<=768px){.section{padding:3rem 0}.header{padding:.6rem 0}.header-logo{font-size:1.4rem}.header-nav{gap:.8rem}.header-nav a{font-size:1.1rem}.hero{min-height:100dvh;padding-top:3.5rem}.hero-content{padding:1.5rem}.hero-content h1{text-shadow:3px 3px 0 var(--color-ink)}.hero-content .hero-subtitle{text-shadow:1.5px 1.5px 0 var(--color-ink)}.about-grid{text-align:center;grid-template-columns:1fr;gap:1.5rem}.speech-bubble:after{left:50%;transform:translate(-50%)rotate(45deg)}.about-photo{width:160px;height:160px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.timeline:before,.timeline-dot{left:20px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{width:auto;margin-left:3rem;margin-right:1rem}.timeline-content{padding:1.2rem}.timeline-content .company{font-size:1.3rem}.timeline-content .role{font-size:1.1rem}.contact-grid{gap:1rem}.contact-card{justify-content:center;width:100%;padding:1rem 1.5rem;font-size:1.1rem}.footer{padding:2rem 0}.calvin-divider{height:65px;margin:1.5rem 0}.calvin-divider:after{width:70px;height:65px}}@media (width<=480px){.section{padding:2rem 0}.header-inner{flex-direction:column;gap:.4rem;padding:0 1rem}.header{padding:.4rem 0}.header-logo{font-size:1.2rem}.header-nav{gap:.6rem}.header-nav a{font-size:.95rem}.hero{min-height:100dvh;padding-top:4.5rem}.hero-content{padding:1rem}.hero-content h1{text-shadow:2px 2px 0 var(--color-ink);font-size:clamp(2rem,12vw,3rem)}.hero-content .hero-subtitle{font-size:clamp(1rem,4vw,1.2rem)}.hero-content .hero-tagline{font-size:.9rem}.btn-comic{padding:.5rem 1.2rem;font-size:1rem}.section-title{margin-bottom:2rem}.skills-grid{grid-template-columns:1fr}.skill-card{padding:1.2rem}.skill-icon{width:48px;height:48px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:2.5rem;margin-right:.5rem}.timeline-content{padding:1rem}.timeline-content .company{font-size:1.2rem}.timeline-content .description{font-size:.9rem}.timeline-tech{font-size:.75rem}.contact-card{gap:.6rem;padding:.8rem 1rem;font-size:1rem}.footer-text{font-size:.9rem}.calvin-divider{height:55px;margin:1rem 0}.calvin-divider:after{width:60px;height:55px}.container{padding:0 1rem}}