@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{--bg:#FBF7EF;--ink:#1A1712;--card:#ffffff;--tint:#F1EADB;--muted:#4A443A;--mono2:#8C8577;font-family:Space Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body[data-theme=dark]{--bg:#16120B;--ink:#F4EEE1;--card:#221D13;--tint:#2C2618;--muted:#B9B0A1;--mono2:#8F887A}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}body[data-theme=dark] #herodots{background-image:radial-gradient(rgba(244,238,225,.1) 1.3px,transparent 1.3px)}body[data-theme=dark] ::-webkit-scrollbar-track{background:#221d13}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#f4eee1;border-color:#221d13}a{color:#2c6ff6;text-decoration:none}a:hover{color:#ff5c39}::selection{background:#ffc53d;color:#1a1712}@keyframes floatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-30px) scale(1.06)}}@keyframes floatB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-28px,22px) scale(1.08)}}@keyframes floatC{0%,to{transform:translate(0)}50%{transform:translate(18px,26px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes waveHand{0%,60%,to{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(46px) rotate(1.5deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}@keyframes marqueeR{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rise{opacity:0;animation:riseIn .9s cubic-bezier(.19,.8,.22,1) forwards}#cursor-dot{position:fixed;top:0;left:0;font-size:21px;line-height:1;color:#ff5c39;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);text-shadow:0 0 14px rgba(255,92,57,.55)}#cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s}#cursor-label{position:fixed;top:0;left:0;font-family:JetBrains Mono;font-size:10px;font-weight:600;letter-spacing:.14em;color:#fbf7ef;background:#ff5c39;padding:4px 9px;border-radius:7px;pointer-events:none;z-index:9999;opacity:0;transform:translate(-50%,26px);transition:opacity .2s}.spark{position:fixed;pointer-events:none;z-index:9997;animation:sparkfade .7s ease-out forwards}@keyframes sparkfade{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(140deg)}}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hletter{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s}.hletter:hover{transform:translateY(-16px) rotate(-7deg) scale(1.1);color:#ff5c39}@keyframes portraitBob{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-9px) rotate(-1.5deg) scale(1.02)}}@keyframes blobMorph{0%,to{border-radius:58% 42% 46% 54%/52% 48%}33%{border-radius:45% 55% 60% 40%/58% 42% 56% 44%}66%{border-radius:52% 48% 38% 62%/42% 60% 40% 58%}}.blob{border-radius:58% 42% 46% 54%/52% 48%;animation:blobMorph 9s ease-in-out infinite;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate}.blob-back{border-radius:45% 55% 60% 40%/58% 42% 56% 44%;animation:blobMorph 9s ease-in-out -4.5s infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.portrait-img{animation:portraitBob 4.5s ease-in-out infinite;transform-origin:50% 80%}.about-portrait:hover .portrait-img{animation:portraitBob 1.1s ease-in-out infinite}@media (hover:none),(pointer:coarse){#cursor-dot,#cursor-ring,#cursor-label{display:none}}.nav-links a{position:relative}.biglink{position:relative;display:inline-block}.biglink:after{content:"";position:absolute;left:0;bottom:6px;width:100%;height:clamp(3px,.06em,7px);background:#1a1712;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.19,.8,.22,1)}.biglink:hover:after{transform:scaleX(1);transform-origin:left}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#f1eadb}::-webkit-scrollbar-thumb{background:#1a1712;border:3px solid #F1EADB;border-radius:20px}#progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg,#ff5c39,#ffc53d,#12b76a,#2c6ff6,#8b5cf6)}#herodots{position:absolute;inset:0;background-image:radial-gradient(rgba(26,23,18,.1) 1.3px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 78%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000,transparent 78%);pointer-events:none}.pcard-img img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.pcard:hover .pcard-img img{transform:scale(1.055)}.pcard-arrow{opacity:0;transform:translate(-8px,8px);transition:opacity .3s ease,transform .3s ease}.prow:hover .ptitle{transform:translate(16px);color:#ffc53d}.prow:hover .pindex{color:#ffc53d}.prow:hover .parrow{background:#fbf7ef;color:#1a1712;border-color:#fbf7ef;transform:rotate(45deg)}@media (max-width:900px){.prow{grid-template-columns:40px 1fr!important;gap:14px!important;padding:26px 4px!important}.prow .ptags,.prow .pmeta{display:none!important}.prow .mthumb{display:block!important;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:14px;border:1px solid #3A342A}#projPreview{display:none!important}}.pcard:hover .pcard-arrow{opacity:1;transform:translate(0)}@media (max-width:900px){.about-top{grid-template-columns:1fr!important;gap:36px!important}.about-portrait{max-width:300px!important;margin-left:auto!important;margin-right:auto!important}.skills-grid,.certedu{grid-template-columns:1fr!important}.writing-grid,.archive-grid{grid-template-columns:1fr 1fr!important}.pcard{grid-template-columns:1fr!important}.pcard-img{min-height:230px!important;order:-1!important}.pcard-body{padding:34px 30px!important}}@media (max-width:640px){.nav-links{display:none!important}.stats-grid{grid-template-columns:1fr 1fr!important}.writing-grid,.archive-grid{grid-template-columns:1fr!important}#hero{padding:100px 20px 72px!important}#about,#work,#experience,#writing,#contact,.sec-pad{padding:74px 20px!important}.pcard-body{padding:30px 24px!important}}.nav-links a:hover{background:var(--tint)}#themeToggle:hover{background:var(--tint)!important}.nav-cta:hover{background:#ff5c39!important}.hero-btn-primary:hover{background:#2c6ff6!important}.hero-btn-secondary:hover{background:var(--ink)!important;color:var(--bg)!important}.stat-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}.resume-btn:hover{background:#2c6ff6!important}.devto-btn:hover{background:var(--ink)!important;color:var(--bg)!important}.arc.arc-yellow:hover{border-color:#ffc53d!important;transform:translateY(-3px)!important}.arc.arc-orange:hover{border-color:#ff5c39!important;transform:translateY(-3px)!important}.arc.arc-blue:hover{border-color:#2c6ff6!important;transform:translateY(-3px)!important}.arc.arc-purple:hover{border-color:#8b5cf6!important;transform:translateY(-3px)!important}.arc.arc-green:hover{border-color:#12b76a!important;transform:translateY(-3px)!important}.cert-blue:hover{box-shadow:6px 6px #2c6ff6}.cert-orange:hover{box-shadow:6px 6px #ff5c39}.post.post-blue:hover{transform:translateY(-6px)!important;box-shadow:8px 8px #2c6ff6!important}.post.post-orange:hover{transform:translateY(-6px)!important;box-shadow:8px 8px #ff5c39!important}.post.post-green:hover{transform:translateY(-6px)!important;box-shadow:8px 8px #12b76a!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#cursor-dot,#cursor-ring,#cursor-label,.spark{display:none!important}}@media (max-width:640px){#nav>div{padding:14px 16px!important;gap:10px!important}.nav-cta{padding:10px 14px!important;margin-left:0!important}}@media (max-width:360px){#nav>div{padding:12px!important}.nav-cta{padding:9px 12px!important}}@keyframes chipPop{0%{opacity:0;transform:translateY(16px) scale(.55) rotate(-7deg)}62%{opacity:1;transform:translateY(-4px) scale(1.07) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}