@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&family=Oswald:wght@400;500;600;700&family=Comic+Neue:wght@400;700&family=Playfair+Display:wght@600;700&display=swap";.skills-categories{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.skills-category{letter-spacing:.05em;text-transform:uppercase;color:#fff;cursor:pointer;background:#0a132599;border:1px solid #ffffff26;border-radius:8px;padding:8px 18px;font-family:Oswald,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.skills-category.is-active{color:#020716;background:#3ac5a3;border-color:#3ac5a3}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.skills-card{text-align:center;color:inherit;background:#0a132599;border:1px solid #3ac5a326;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 12px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.skills-card:hover{border-color:#3ac5a3;text-decoration:none;transform:translateY(-3px)}.skills-card:focus-visible,.skills-category:focus-visible{outline-offset:4px;outline:2px solid #3ac5a3}.skills-logo-area{justify-content:center;align-items:center;width:100%;height:32px;display:flex}.skills-logo{object-fit:contain;width:auto;max-width:100%;height:32px;display:block}.skills-logo[hidden]{display:none}.skills-logo--light{filter:brightness(0)invert()}.skills-logo--prominent{height:40px}.skills-logo--julia{filter:invert()hue-rotate(180deg)}.skills-name{color:#fff;font-size:.85rem;font-weight:500}.skills-clear{clear:both}.image-meteor-shower{pointer-events:none;z-index:6;contain:layout paint;height:85vh;position:absolute;inset:auto 0 0;overflow:hidden}.image-meteor{width:var(--meteor-size);height:var(--meteor-size);opacity:0;will-change:transform, opacity;animation:3.2s linear both image-meteor-fall;position:absolute;left:calc(100% + 60px)}.image-meteor:before{content:"";transform-origin:0;width:140px;height:2px;transform:rotate(var(--meteor-trail-angle));background:linear-gradient(90deg, var(--meteor-color), transparent);box-shadow:0 0 10px color-mix(in srgb, var(--meteor-color) 40%, transparent);position:absolute;bottom:50%;left:50%}.image-meteor img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--meteor-color) 40%, transparent);background:#ffffffd9;border-radius:8px;padding:4px;position:relative}@keyframes image-meteor-fall{0%{opacity:0;transform:translate(0,0)}12%{opacity:.8}80%{opacity:.65}to{transform:translate3d(calc(-100vw - 260px), var(--meteor-drift), 0);opacity:0}}@media (prefers-reduced-motion:reduce){.image-meteor-shower{display:none}}.parallax-page{color:#fff;background:#020716;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:clip}.noise-bg{z-index:999;opacity:.6;pointer-events:none;background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:24px 24px;width:100vw;height:100vh;position:fixed;top:0;left:0}.parallax-container{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding-left:clamp(24px,5vw,60px);padding-right:clamp(24px,5vw,60px);position:relative}.glitch-typo,.glitch-typo-second{white-space:nowrap;text-decoration:none;transition:all .2s ease-in-out;display:inline-block;position:relative}.glitch-typo:hover,.glitch-typo-second:hover{text-decoration:none}.glitch-typo:before,.glitch-typo-second:before,.glitch-typo:after,.glitch-typo-second:after{content:attr(data-title);opacity:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:all .2s ease-in-out;display:block;position:absolute;top:0;left:0}.glitch-typo:before{color:#3ac5a3}.glitch-typo:after{color:#38bdf8}.glitch-typo-second:before{color:#00f0ff}.glitch-typo-second:after{color:#a855f7}.glitch-typo:hover:before,.glitch-typo-second:hover:before{animation:1.8s cubic-bezier(0,.82,1,.42) .1s both glitch-anim}.glitch-typo:hover:after,.glitch-typo-second:hover:after{animation:1.8s cubic-bezier(0,.82,1,.42) .2s reverse both glitch-anim}.glitch-typo:hover span,.glitch-typo-second:hover span{animation:.4s ease-in-out forwards glitch-scale}.glitch-typo span,.glitch-typo-second span{z-index:2;transition:all .2s ease-in-out;display:inline-block;position:relative}@keyframes glitch-anim{0%{opacity:0;transform:translate(0)}15%{opacity:.8;transform:translate(-3px,2px)}30%{opacity:.5;transform:translate(4px,-2px)}45%{opacity:.7;transform:translate(-2px,-3px)}60%{opacity:.9;transform:translate(3px,1px)}75%{opacity:.4;transform:translate(-1px,2px)}to{opacity:0;transform:translate(0)}}@keyframes glitch-scale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.04)}}.header-placeholder{width:100%;height:175vh;position:relative}.parallax-header{z-index:5;pointer-events:none;background:radial-gradient(circle at 78% 26%,#da65322e,#0000 28%),radial-gradient(circle at 18% 78%,#3ac5a31f,#0000 34%),#07101f;width:100%;height:100vh;transition:opacity .3s ease-out;position:fixed;top:0;left:0;overflow:hidden}.parallax-header-content{pointer-events:auto;width:100%;max-width:2000px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.parallax-header-title{text-align:center;z-index:3;pointer-events:auto;width:100%;transition:transform .1s ease-out,opacity .2s ease-out;position:absolute;top:50%;left:0}.parallax-title-main{letter-spacing:-.06em;text-transform:none;color:#fff;text-shadow:none;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(4rem,8vw,7.5rem);font-weight:700;line-height:1}.parallax-title-sub{letter-spacing:.01em;text-transform:none;color:#ffffffc2;opacity:.95;margin-top:1.35rem;font-family:Inter,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;line-height:1.55}.hero-typewriter-caret{color:#e37d45;margin-left:.08em;font-weight:500;animation:.8s step-end infinite typewriter-caret;display:inline-block}@keyframes typewriter-caret{0%,46%{opacity:1}47%,to{opacity:0}}.hero-intro{text-align:left;grid-template-columns:minmax(0,1.1fr) minmax(250px,.65fr);align-items:center;gap:clamp(2rem,7vw,7rem);width:min(1120px,100% - 4rem);margin:0 auto;display:grid}.hero-copy{max-width:650px}.hero-kicker{color:#e37d45;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem;font-size:.72rem;font-weight:700}.hero-portrait{margin:0;position:relative}.hero-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;filter:grayscale()contrast(1.08);background:#07101f;border:1px solid #e37d45b3;width:100%;max-width:330px;padding:8px;display:block}.hero-portrait.is-glitching{animation:.21s steps(2,end) both portrait-glitch}.hero-portrait.is-glitching:before,.hero-portrait.is-glitching:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;width:calc(100% - 8px);height:32%;position:absolute;inset:8px 0 auto 8px}.hero-portrait.is-glitching:before{clip-path:inset(12% 0 54%);background:#3ac5a39e;transform:translate(-10px)}.hero-portrait.is-glitching:after{clip-path:inset(48% 0 14%);background:#e37d4599;transform:translate(12px)}@keyframes portrait-glitch{0%{filter:contrast();transform:translate(0)}20%{filter:contrast(1.4)saturate(1.6);transform:translate(-7px,2px)}45%{transform:translate(8px,-3px)}70%{filter:contrast(1.3)saturate(1.4);transform:translate(-3px,3px)}to{filter:contrast();transform:translate(0)}}@media (prefers-reduced-motion:reduce){.hero-portrait.is-glitching{animation:none}.hero-portrait.is-glitching:before,.hero-portrait.is-glitching:after{display:none}.hero-typewriter-caret{animation:none}}.hero-portrait figcaption{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;margin-top:.65rem;font-size:.68rem;line-height:1.4}.parallax-title-tags{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:1.25rem;display:flex}.parallax-tag{text-transform:uppercase;letter-spacing:.08em;color:#ffffffc2;border-bottom:1px solid #e37d45b8;padding:0 0 .35rem;font-size:.7rem;font-weight:600}.parallax-stars{pointer-events:none;position:absolute;inset:0}.star-geo{display:none}@keyframes star-twinkle{0%{opacity:.2;transform:scale(.8)rotate(45deg)}50%{opacity:.9;transform:scale(1.3)rotate(45deg);box-shadow:0 0 8px #3ac5a3}to{opacity:.3;transform:scale(.9)rotate(45deg)}}.shooting-stars{display:none}.shooting-star{filter:drop-shadow(0 0 8px #3ac5a3);background:linear-gradient(-45deg,#3ac5a3,#00f0ff,#0000);border-radius:999px;height:2px;animation:10s ease-in-out infinite star-tail,10s ease-in-out infinite star-shooting;position:absolute;top:50%;left:50%}@keyframes star-tail{0%,10%{width:0}20%{width:120px}to{width:0}}@keyframes star-shooting{0%,10%{opacity:0;transform:translate(0)}12%{opacity:1}22%{opacity:0;transform:translate(450px)}to{opacity:0;transform:translate(450px)}}.house-layer{will-change:transform;pointer-events:none;height:2000px;position:absolute;top:100%}.house-layer svg{width:100%;height:100%;display:block}.room-section{z-index:10;background:#020716;width:100%;margin-top:-2px;position:relative}.room-top{width:100%;line-height:0;position:relative;overflow:hidden}.room-top svg{width:100%;height:auto;display:block}.room-content{z-index:12;width:100%;max-width:1280px;margin:-15% auto 0;padding:0 20px;position:relative}.room-content svg{filter:drop-shadow(0 20px 50px #000c);width:100%;height:auto;display:block}.section-coder{z-index:15;background:#020716;width:100%;padding-bottom:0;position:relative}.about-bottom-blurry-transition,.experience-projects-blurry-transition{pointer-events:none;z-index:5;height:140px;position:absolute;bottom:-4px;left:0;right:0;overflow:hidden}.about-bottom-blurry-transition .blur-backdrop,.experience-projects-blurry-transition .blur-backdrop{-webkit-backdrop-filter:blur(24px);position:absolute;inset:-4px 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#00000080 50%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000080 50%,#000 100%)}.about-bottom-blurry-transition .color-gradient,.experience-projects-blurry-transition .color-gradient{background:linear-gradient(#0000 0%,#02071666 40%,#020716d9 75%,#020716 100%);position:absolute;inset:0}.experience-projects-blurry-transition{z-index:9;height:clamp(120px,18vh,220px)}.about-map-blurry-transition{pointer-events:none;z-index:12;height:110px;position:absolute;top:-4px;left:0;right:0;overflow:hidden}.about-map-blurry-transition .blur-backdrop{-webkit-backdrop-filter:blur(20px);position:absolute;inset:-4px 0 0;-webkit-mask-image:linear-gradient(#000 0%,#000c 35px,#00000040 70px,#0000 100%);mask-image:linear-gradient(#000 0%,#000c 35px,#00000040 70px,#0000 100%)}.about-map-blurry-transition .color-gradient{background:linear-gradient(#020716 0%,#020716f2 30px,#02071699 65px,#02071626 90px,#0000 100%);position:absolute;inset:0}.section-coder article{padding:clamp(100px,12vw,180px) 0;position:relative;border-top:none!important;border-bottom:none!important}.section-coder article:first-of-type{border-top:none!important}.section-coder #education{padding-bottom:clamp(48px,6vw,84px)}.section-coder #skills{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px)}.section-coder #contact{padding-top:clamp(48px,6vw,84px)}.article-heading-col{float:left;width:440px;position:relative}.article-heading{color:#fff;text-transform:uppercase;letter-spacing:.02em;margin:0;font-family:Oswald,Outfit,sans-serif;font-size:clamp(2.4rem,4.2vw,3.85rem);font-weight:700;line-height:1.05}.article-heading strong{color:#3ac5a3;font-weight:700}.cyber-decrypt-heading{-webkit-user-select:none;user-select:none;transition:text-shadow .2s}.glyph-scrambling{color:#00f0ff;text-shadow:0 0 12px #00f0ffcc,0 0 20px #00f0ff66;text-align:center;opacity:.9;min-width:.52em;font-family:Oswald,monospace,sans-serif;display:inline-block}.glyph-resolved{color:#fff;text-align:center;min-width:.52em;animation:.22s cubic-bezier(.16,1,.3,1) glyphDecryptedSnap;display:inline-block}.glyph-name-scrambling{color:#3ac5a3;text-shadow:0 0 14px #3ac5a3e6,0 0 24px #3ac5a380;text-align:center;min-width:.52em;font-family:Oswald,monospace,sans-serif;display:inline-block}.glyph-name-resolved{color:#3ac5a3;text-align:center;min-width:.52em;animation:.22s cubic-bezier(.16,1,.3,1) glyphDecryptedSnap;display:inline-block}.cyber-decrypt-cursor{color:#3ac5a3;vertical-align:baseline;text-shadow:0 0 10px #3ac5a3;margin-left:8px;font-size:.72em;animation:.45s ease-in-out infinite alternate cyberCursorFlicker;display:inline-block}.glyph-p-scrambling{color:#00f0ff;opacity:.85;text-shadow:0 0 6px #00f0ff99;font-family:monospace;font-size:.95em}.glyph-p-resolved{display:inline}.glyph-hover-scrambling{color:#00f0ff;text-shadow:0 0 8px #00f0ff,0 0 14px #00f0ffb3;cursor:default;font-family:monospace;font-weight:600;transition:transform .1s;display:inline-block;transform:translateY(-1px)scale(1.1)}.cyber-decrypt-paragraph{-webkit-user-select:text;user-select:text;transition:opacity .2s}.cyber-decrypt-word{white-space:nowrap;display:inline-block;position:relative}.cyber-decrypt-char{display:inline-block;position:relative}.cyber-decrypt-original.is-scrambling{color:#0000;text-shadow:none}.cyber-decrypt-overlay{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.cyber-decrypt-word>.cyber-decrypt-cursor{pointer-events:none;position:absolute;bottom:0;left:100%}@keyframes glyphDecryptedSnap{0%{filter:brightness(2);color:#00f0ff;transform:scale(1.22)}to{filter:brightness();transform:scale(1)}}@keyframes cyberCursorFlicker{0%{opacity:.15;transform:scaleY(.85)}to{opacity:1;transform:scaleY(1)}}.article-number{color:#3ac5a3;opacity:.25;letter-spacing:3px;font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:600;position:absolute;top:-70px;left:0}.article-content-col{width:auto;margin-left:480px}.section-flex-container{align-items:flex-start;gap:clamp(30px,5vw,64px);display:flex!important}.section-sticky-header{z-index:5;top:130px;float:none!important;flex:0 0 clamp(240px,25vw,340px)!important;width:auto!important;position:sticky!important}.section-flex-content{flex:1!important;width:100%!important;min-width:0!important;margin-left:0!important}.section-flex-reverse{flex-direction:row-reverse!important}.section-flex-reverse .section-sticky-header{text-align:right}.section-flex-reverse .section-sticky-header .article-number{left:auto;right:0}.article-text{color:#ffffffeb;margin-bottom:24px;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:300;line-height:1.65}.article-text strong{color:#fff;font-weight:600}.article-text .highlight{color:#3ac5a3;font-weight:600}.experience-list{flex-direction:column;gap:32px;display:flex}.experience-card-item{cursor:pointer;background:#0a132599;border:1px solid #3ac5a32e;border-radius:12px;padding:24px 28px;text-decoration:none;transition:all .25s ease-in-out;display:block;position:relative;overflow:hidden}.experience-card-item:hover{background:#0a182fe6;border-color:#3ac5a3;transform:translateY(-3px);box-shadow:0 10px 30px #0009,0 0 20px #3ac5a326}.exp-date-badge{color:#3ac5a3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:600}.exp-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exp-title-text{color:#fff;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-family:Oswald,Outfit,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.exp-title-text span.role{color:#a0a0ab;font-size:1.15rem;font-weight:400}.exp-arrow-icon{color:#3ac5a3;width:22px;height:22px;transition:transform .2s}.experience-card-item:hover .exp-arrow-icon{transform:translate(4px)translateY(-2px)}.exp-desc-text{color:#ffffffd1;margin-bottom:16px;font-size:1rem;line-height:1.6}.exp-tags-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.exp-tag-pill{text-transform:uppercase;letter-spacing:.05em;color:#3ac5a3;background:#3ac5a314;border:1px solid #3ac5a340;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.works-grid{flex-direction:column;gap:24px;width:100%;display:flex}.works-row{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.work-item-card{cursor:pointer;background:#070e1c;border:1px solid #3ac5a333;border-radius:14px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.work-item-card.full-width{grid-column:span 2}.work-item-card:hover{border-color:#3ac5a3;transform:translateY(-4px);box-shadow:0 20px 40px #000000b3,0 0 25px #3ac5a333}.work-card-media{background:#030814;width:100%;height:240px;position:relative;overflow:hidden}.work-item-card.full-width .work-card-media{height:340px}.work-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .3s}.work-item-card:hover .work-card-media img{transform:scale(1.05)}.work-badge-category{letter-spacing:.08em;text-transform:uppercase;color:#020716;z-index:5;background:#3ac5a3;border-radius:6px;padding:4px 12px;font-family:Oswald,sans-serif;font-size:.75rem;font-weight:600;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0006}.work-card-content{background:#0a1325f2;padding:24px}.work-card-title{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-family:Oswald,Outfit,sans-serif;font-size:1.6rem;font-weight:700}.work-card-desc{color:#a0a0ab;margin-bottom:16px;font-size:.95rem;line-height:1.55}.work-card-tags{flex-wrap:wrap;gap:6px;display:flex}.work-tag{text-transform:uppercase;color:#fffc;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600}.social-links-grid{flex-direction:column;gap:20px;display:flex}.social-link-item{background:#0a1325b3;border:1px solid #3ac5a333;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;text-decoration:none;transition:all .25s;display:flex}.social-link-item:hover{background:#0a182ff2;border-color:#3ac5a3;transform:translate(6px);box-shadow:0 8px 25px #00000080}.social-link-left{align-items:center;gap:16px;display:flex}.social-link-name{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:Oswald,sans-serif;font-size:1.3rem;font-weight:700}.social-link-handle{color:#3ac5a3;font-size:.85rem}.parallax-timeline-container{width:100%;position:relative}.timeline-center-navigation{z-index:30;pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:absolute;bottom:20vh;left:50%;transform:translate(-50%)}.timeline-center-navigation.is-visible{opacity:1;visibility:visible}.timeline-center-nav-button{color:#00f0ff;-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#020716d1;border:1px solid #00f0ffa6;border-radius:50%;place-items:center;width:clamp(38px,4.5vmin,52px);height:clamp(38px,4.5vmin,52px);padding:0;transition:transform .18s,color .18s,background .18s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;box-shadow:0 0 14px #00f0ff47}.timeline-center-nav-button svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.timeline-center-nav-button:hover:not(:disabled),.timeline-center-nav-button:focus-visible{color:#fff;background:#00f0ff33;border-color:#00f0ff;outline:none;transform:scale(1.08);box-shadow:0 0 18px #00f0ffa6,0 0 30px #3ac5a340}.timeline-center-nav-button:disabled{opacity:.25;cursor:default;box-shadow:none}@media screen and (width<=860px){.timeline-central-spine{left:50%!important;transform:translate(-50%)!important}.timeline-spine-node{top:25%!important;left:50%!important}.timeline-connector-line{display:none}.timeline-opposite-date{text-align:center;width:80%;align-items:center!important;gap:4px!important;top:12%!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.timeline-card-wrapper{position:absolute;top:32%;left:50%;width:min(78%,480px)!important;margin:0!important;transform:translate(-50%)!important}.timeline-parallax-card{overscroll-behavior:contain;max-height:40vh;overflow-y:auto!important}.timeline-overlay-header{padding:12px 4vw!important}.timeline-overlay-header>div{gap:8px!important}.timeline-item-row{margin:24px 0!important}}.timeline-overlay-stage{box-sizing:border-box}.timeline-overlay-header{top:calc(var(--site-header-height,70px) + 1vh)!important}.timeline-opposite-date{overflow-wrap:anywhere;max-width:calc(50% - clamp(40px,5vw,80px) - 4vw)}.timeline-card-wrapper{min-width:0}.timeline-parallax-card{box-sizing:border-box;overflow-wrap:anywhere;max-height:70vh;overflow-y:auto!important}@media screen and (width<=1150px),screen and (height<=600px){.timeline-overlay-header{padding:10px 4vw!important}.timeline-overlay-header>div{gap:8px!important}.timeline-overlay-stage{top:calc(var(--site-header-height,70px) + 76px)!important;padding:0!important;bottom:calc(20vh + 64px)!important}.stepped-exp-card-container{box-sizing:border-box;grid-template-rows:auto 42px minmax(0,1fr);justify-items:center;gap:10px;padding:0 clamp(30px,5vw,64px);align-items:stretch!important;display:grid!important}.timeline-central-spine{left:50%!important;transform:translate(-50%)!important}.timeline-connector-line{display:none}.timeline-opposite-date{text-align:center;grid-row:1;width:100%;max-width:480px;align-items:center!important;gap:4px!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.timeline-spine-node{grid-row:2;align-self:center;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.timeline-card-wrapper{grid-row:3;min-height:0;position:relative;top:auto;left:auto;width:min(100%,480px)!important;margin:0!important;transform:none!important}.timeline-parallax-card{overscroll-behavior:contain;max-height:100%;overflow-y:auto!important}.timeline-milestone-navigation{gap:clamp(6px,1.2vh,12px)!important;right:6px!important}}@media screen and (height<=600px){.timeline-center-navigation{bottom:4vh}.timeline-overlay-stage{bottom:calc(4vh + 54px)!important}.timeline-opposite-date>div{display:none}.stepped-exp-card-container{grid-template-rows:auto 32px minmax(0,1fr);gap:4px}}@media screen and (width<=1150px){.stepped-exp-card-container{grid-template-rows:auto minmax(0,1fr);grid-template-columns:44px minmax(0,1fr);justify-items:stretch;gap:12px;padding:0 30px 0 12px}.timeline-central-spine{left:34px!important}.timeline-center-navigation{left:34px}.timeline-spine-node{grid-area:2/1;place-self:start center;margin-top:18px}.timeline-opposite-date{text-align:left;grid-area:1/2;min-width:0;max-width:100%;align-items:flex-start!important}.timeline-card-wrapper{grid-area:2/2;justify-self:start;max-width:560px;width:88%!important}}.parallax-projects-container{width:100%}@media screen and (width<=768px){.hero-intro{grid-template-columns:1fr;gap:1.6rem;width:min(100% - 2.5rem,520px)}.parallax-header-title{top:46%}.parallax-title-main{font-size:clamp(3.8rem,17vw,5.5rem)}.hero-portrait{align-items:flex-end;gap:.8rem;display:flex}.hero-portrait img{width:116px;padding:4px}.hero-portrait figcaption{max-width:180px;margin:0 0 .4rem}.parallax-projects-grid-2col{grid-template-columns:1fr!important}}@media screen and (width<=992px){.article-heading-col{float:none;width:100%;margin-bottom:40px}.article-content-col{width:100%;margin-left:0}.section-flex-container{flex-direction:column!important;gap:32px!important}.section-flex-reverse{flex-direction:column!important}.section-flex-reverse .section-sticky-header{text-align:left!important}.section-flex-reverse .section-sticky-header .article-number{left:0!important;right:auto!important}.section-sticky-header{flex:none!important;width:100%!important;position:relative!important;top:0!important}.works-row{grid-template-columns:1fr}.work-item-card.full-width{grid-column:span 1}.header-placeholder{height:175vh}}@media screen and (width<=600px){.section-coder article{padding:70px 0}.exp-title-text{flex-direction:column;align-items:flex-start;gap:4px}.exp-header-row{flex-direction:column;align-items:flex-start;gap:8px}}.experience-explorer-list{scrollbar-width:thin;scrollbar-color:#416461 transparent;overscroll-behavior:contain;border-left:1px solid #97bcc329}.experience-explorer-intro{padding:4px 0 26px}.experience-explorer-intro>span{color:#73c9b9;letter-spacing:.17em;font:600 10px/1.5 Inter,sans-serif}.experience-explorer-intro h3{color:#edf3f3;letter-spacing:-.045em;margin:10px 0;font:500 clamp(22px,2.1vw,32px)/1.18 Inter,sans-serif}.experience-explorer-intro p{color:#8d9fa8;margin:0;font-size:12px;line-height:1.6}.experience-explorer-card{position:relative;box-shadow:none!important;border-radius:12px!important;margin-bottom:10px!important;padding:14px!important}.experience-explorer-card:hover{background:#8bb7c217!important;border-color:#708f99!important}.experience-explorer-card:focus-visible{outline-offset:4px;outline:2px solid #a5eddf}.experience-explorer-card.is-selected{background:#3ac5a314!important;border-color:#79cbbb!important}.experience-explorer-card-top{color:#9aaeb7;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.experience-explorer-card-top img{object-fit:contain;background:#fff;border-radius:8px;width:34px;height:34px;padding:4px}.experience-explorer-index{color:#6e8e96;margin-left:auto;font:12px monospace}.experience-explorer-card>strong{text-transform:none!important;letter-spacing:-.02em!important;font-family:Inter,sans-serif!important;font-size:17px!important}.experience-explorer-description{color:#a4b4bc;margin:14px 0 18px;font-size:12px;line-height:1.7}.experience-explorer-action{color:#8dd9ca;border-top:1px solid #ffffff10;justify-content:space-between;padding-top:12px;font-size:11px;font-weight:600;display:flex}@media (width<=760px){.experience-explorer-map{width:100%!important;height:43%!important;top:76px!important}.experience-explorer-list{width:100%!important;padding:20px!important;top:calc(43% + 76px)!important}.experience-explorer-intro h3{font-size:23px}}.experience-map-label{pointer-events:auto;color:#ecf7f5;text-align:left;cursor:pointer;background:#071727f5;border:1px solid #72b5ad;border-radius:8px;width:174px;padding:8px 10px;position:absolute;box-shadow:0 4px 14px #0006}.experience-map-label strong,.experience-map-label span{font:600 11px/1.35 Inter,sans-serif;display:block}.experience-map-label:not([hidden]){align-items:center;gap:8px;display:flex}.experience-map-label img{object-fit:contain;background:#fff;border-radius:5px;flex-shrink:0;width:26px;height:26px;padding:3px}.experience-map-label:hover,.experience-map-label:focus-visible{background:#123c45;outline:2px solid #8fe4ce}.experience-explorer-card{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex!important}.experience-row-logo{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:3px}.experience-row-title{color:#aebfc7;flex:170px;font-size:12px;line-height:1.5}.experience-row-title strong{color:#edf5f4;font-weight:600}.experience-row-date,.experience-row-location{color:#9bb1bb;font-size:10px;line-height:1.5}.experience-row-date{white-space:nowrap}.experience-row-location{color:#82beaf}.experience-alternating-timeline{flex-direction:column;padding:12px 0 12px 28px;display:flex;position:relative}.experience-alternating-timeline:before{content:"";background:linear-gradient(#73c9b933,#73c9b9,#73c9b933);width:2px;position:absolute;top:0;bottom:0;left:10px;transform:translate(-50%)}.experience-alternating-timeline>.experience-explorer-card{align-self:start;gap:7px;min-width:0;margin-bottom:18px!important}.experience-alternating-timeline>.experience-explorer-card:nth-child(odd){grid-column:1}.experience-alternating-timeline>.experience-explorer-card:nth-child(2n){grid-column:2}.experience-alternating-timeline>.experience-explorer-card:first-child{grid-row:1}.experience-alternating-timeline>.experience-explorer-card:nth-child(2){grid-row:2}.experience-alternating-timeline>.experience-explorer-card:nth-child(3){grid-row:3}.experience-alternating-timeline>.experience-explorer-card:nth-child(4){grid-row:4}.experience-alternating-timeline>.experience-explorer-card:nth-child(5){grid-row:5}.experience-alternating-timeline>.experience-explorer-card:nth-child(6){grid-row:6}.experience-alternating-timeline>.experience-explorer-card:nth-child(7){grid-row:7}.experience-alternating-timeline>.experience-explorer-card:before{content:"";background:#648d88;width:16px;height:1px;position:absolute;top:25px;left:-18px}.experience-alternating-timeline>.experience-explorer-card:after{content:"";box-sizing:border-box;background:#071727;border:2px solid #73c9b9;border-radius:50%;width:9px;height:9px;position:absolute;top:21px;left:-23px}.experience-alternating-timeline>.experience-explorer-card:nth-child(2n):before{left:-18px;right:auto}.experience-alternating-timeline>.experience-explorer-card:nth-child(2n):after{left:-23px;right:auto}.experience-alternating-timeline>.experience-explorer-card.is-selected:after{background:#a5eddf;box-shadow:0 0 10px #73c9b966}.experience-alternating-timeline .experience-explorer-card{flex-wrap:nowrap;align-items:flex-start;gap:14px}.experience-alternating-timeline .experience-row-logo{border-radius:8px;width:40px;height:40px}.experience-row-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.experience-row-meta{color:#708b96;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:10px;display:flex}.experience-alternating-timeline .experience-row-title{overflow-wrap:anywhere;flex:none}.experience-alternating-timeline .experience-row-date{white-space:normal}.experience-map-detail-card{z-index:30;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#edf5f4;cursor:pointer;background:#081226f5;border:1px solid #73c9b9;border-radius:16px;width:min(390px,100% - 48px);padding:22px;position:absolute;bottom:28px;left:24px;box-shadow:0 12px 36px #0006}.experience-map-detail-card:hover,.experience-map-detail-card:focus-visible{outline-offset:3px;outline:2px solid #a5eddf}.experience-map-detail-heading{align-items:center;gap:12px;display:flex}.experience-map-detail-heading img{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px;padding:4px}.experience-map-detail-heading>span:nth-child(2){flex:1}.experience-map-detail-heading strong{font-size:15px;display:block}.experience-map-detail-heading span span{color:#73c9b9;margin-top:4px;font-size:13px;display:block}.experience-map-detail-meta{color:#a7bbc4;margin:14px 0;font-size:11px;display:block}.experience-map-detail-description{font-size:13px;line-height:1.6;display:block}.experience-map-detail-link{color:#8dd9ca;margin-top:16px;font-size:12px;font-weight:600;display:block}@media (width<=760px){.experience-map-detail-card{width:calc(100% - 24px);padding:12px;bottom:12px;left:12px}.experience-map-detail-description{display:none}}.experience-map-label.is-expanded{flex-wrap:wrap;width:260px}.experience-map-label.is-expanded strong{flex:1}.experience-map-label .map-label-details{color:#c2d2d8;flex-basis:100%;font-size:11px;font-weight:400;line-height:1.5}.experience-map-overview{z-index:30;color:#c8eee6;cursor:pointer;background:#081a2eee;border:1px solid #73c9b9;border-radius:24px;padding:10px 16px;position:absolute;bottom:88px;left:20px}.experience-map-overview:disabled{opacity:.55;cursor:wait}.experience-map-label.is-expanded{background:#081226f5;border-radius:18px;gap:14px;width:340px;max-width:calc(100vw - 48px);padding:20px;box-shadow:0 16px 40px #0009}.experience-map-label .map-label-card-heading{align-items:center;gap:12px;width:100%;display:flex}.experience-map-label .map-label-card-heading img{border-radius:10px;width:42px;height:42px}.experience-map-label .map-label-card-heading>span:nth-child(2){flex:1;min-width:0}.experience-map-label .map-label-company{color:#fff;text-transform:uppercase;letter-spacing:.04em;font:700 18px/1.2 Oswald,sans-serif}.experience-map-label .map-label-role{margin-top:5px;font:600 13px/1.4 Inter,sans-serif}.experience-map-label.is-expanded .map-label-meta{color:#aabec9;font-size:11px}.experience-map-label.is-expanded .map-label-summary{color:#e4ebee;font-size:13px;line-height:1.65}.experience-map-label .map-label-tags{flex-wrap:wrap;gap:5px;display:flex}.experience-map-label .map-label-tags span{background:#73c9b914;border:1px solid #73c9b940;border-radius:5px;padding:3px 7px;font-size:9px}.experience-map-label:not(.is-expanded){justify-content:center;width:44px;padding:8px}.about-contact-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.about-contact{align-items:center;gap:18px;display:flex}.about-contact-toggle{flex-shrink:0}.about-contact-links:not([hidden]){gap:12px;animation:.25s ease-out contact-reveal;display:flex}@media (width<=480px){.about-contact{gap:10px}.about-contact-links:not([hidden]){gap:6px}.about-contact .about-contact-links a{width:32px;height:32px}}.about-contact-links a{color:#8dd9ca;background:#73c9b90d;border:1px solid #73c9b94d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s,transform .2s;display:inline-flex}.about-contact-links a:hover{background:#73c9b926;transform:translateY(-3px)}.about-contact-links a:focus-visible,.about-contact-toggle:focus-visible{outline-offset:4px;outline:2px solid #8dd9ca}@keyframes contact-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.about-contact-links:not([hidden]){animation:none}.about-contact-links a{transition:none}}:root{--bg-primary:#0a1325;--bg-secondary:#070e1c;--bg-tertiary:#131c2d;--bg-glass:#0a1325d9;--border-glass:#3ac5a326;--text-primary:#fff;--text-secondary:#a0a0ab;--text-tertiary:#6b6b75;--nav-text:#d4d4d8;--accent-primary:#3ac5a3;--accent-secondary:#a855f7;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));--accent-gradient-hover:linear-gradient(135deg, #818cf8, #c084fc);--danger:#ef4444;--success:#10b981;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--font-casual:"Comic Neue", cursive;--font-formal:"Playfair Display", serif;--shadow-sm:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-glow:0 0 20px #6366f166;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-normal:.3s ease-out;--mesh-bg-hero:#030610;--mesh-bg-1:#060b15;--mesh-bg-2:#040810;--mesh-bg-3:#050912;--mesh-bg-4:#03060c}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-glass:#f8fafcd9;--border-glass:#3ac5a366;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--nav-text:#475569;--accent-primary:#6366f1;--accent-secondary:#4f46e5;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));--accent-gradient-hover:linear-gradient(135deg, var(--accent-secondary), var(--accent-secondary));--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #6366f133;--mesh-bg-hero:#e0f2fe;--mesh-bg-1:#f0fdfa;--mesh-bg-2:#f8fafc;--mesh-bg-3:#f5f3ff;--mesh-bg-4:#f0fdf4}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--accent-primary);font-weight:700;line-height:1.2}.section-title{font-family:var(--font-display);text-align:center;color:var(--accent-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}h1,h2,h3{text-shadow:0 0 15px #ffffff1a}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{text-shadow:0 0 15px #0000000d}.tech-tag{text-transform:uppercase;letter-spacing:1px;font-family:monospace}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.nav-btn{font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-btn:hover{color:var(--accent-primary);transform:translateY(-2px)}.nav-btn:active{transform:scale(.92)}.container{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.section-bg-number{font-family:var(--font-display);color:#0000;background:var(--accent-gradient);-webkit-text-fill-color:transparent;opacity:.06;filter:drop-shadow(0 0 40px #3ac5a366);z-index:0;pointer-events:none;-webkit-background-clip:text;font-size:clamp(20rem,40vw,40rem);font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.section-bg-number.right{right:-5%}.section-bg-number.left{left:-5%}.mesh-bg-base{position:relative;overflow:hidden}.mesh-bg-base:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}.mesh-bg-base.hero-mesh-bg:before{opacity:.35;mix-blend-mode:color-dodge;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='river'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005 0.015' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 4 -1' in='noise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23river)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:400px 400px}@keyframes cyberGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both cyberGlitch}@keyframes gradientPan{0%{background-position:0%}to{background-position:-200%}}.moving-gradient-hover{color:var(--accent-primary);display:inline-block}@keyframes flowTexture{0%{background-position:0 0}25%{background-position:-100px 50px}50%{background-position:-200px -50px}75%{background-position:-300px 100px}to{background-position:-400px 400px}}.hero-mesh-bg{background-color:var(--mesh-bg-hero);background-image:radial-gradient(circle,#ffffff14 0%,#0000 65%),radial-gradient(circle,#4169e11f 0%,#0000 65%),linear-gradient(90deg,#8a2be240 0%,#ff149333 20%,#4169e140 40%,#00bfff33 60%,#3ac5a340 80%,#8a2be240 100%);background-size:3vw 3vh,3vw 3vh,200vw 100%}@keyframes flowRiver{0%{background-position:0 0,1.5vw 1.5vh,0 0}25%{background-position:-7.5vw 3vh,-6vw 4.5vh,-50vw 8vh}50%{background-position:-15vw -3vh,-13.5vw -1.5vh,-100vw -5vh}75%{background-position:-22.5vw 3vh,-21vw 4.5vh,-150vw 5vh}to{background-position:-30vw 0,-28.5vw 1.5vh,-200vw 0}}.mesh-bg-1{background-color:var(--mesh-bg-1);background-image:radial-gradient(circle at 85%,#0102041a 0%,#0000 45%),radial-gradient(circle at 10% 10%,#4169e140 0%,#0000 50%),radial-gradient(circle at 50% 90%,#3ac5a326 0%,#0000 60%)}.mesh-bg-2{background-color:var(--mesh-bg-2);background-image:radial-gradient(circle at 15%,#0102041a 0%,#0000 45%),radial-gradient(circle at 80% 20%,#8a2be240 0%,#0000 50%),radial-gradient(circle at 20% 80%,#00bfff26 0%,#0000 60%)}.mesh-bg-3{background-color:var(--mesh-bg-3);background-image:radial-gradient(circle at 85%,#0102041a 0%,#0000 45%),radial-gradient(circle at 30% 20%,#00fa9a26 0%,#0000 50%),radial-gradient(circle at 70% 80%,#9370db40 0%,#0000 60%)}.mesh-bg-4{background-color:var(--mesh-bg-4);background-image:radial-gradient(circle at 15%,#0102041a 0%,#0000 45%),radial-gradient(circle at 90% 90%,#1e90ff40 0%,#0000 50%),radial-gradient(circle at 40% 10%,#ff149326 0%,#0000 60%)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:#3ac5a3;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}[data-theme=light] #hero .hero-name-title,[data-theme=light] #hero .cursor-blink{color:#3ac5a3!important}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.15em;padding-bottom:.15em;padding-right:.05em;display:inline-block}.cyber-text{background:linear-gradient(90deg,#ff003c,#08f,#ff003c) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite gradientPan;display:inline-block}.header{z-index:1000;width:100%;transition:all var(--transition-normal);background:0 0;padding:1.5rem 0;position:fixed;top:0}.header.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);padding:1rem 0}.nav-link{color:var(--nav-text);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.nav-link:before,.nav-link:after{opacity:0;transition:all var(--transition-fast);color:var(--accent-primary);position:absolute}.nav-link:before{content:"[";left:-12px;transform:translate(10px)}.nav-link:after{content:"]";right:-12px;transform:translate(-10px)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before,.nav-link:hover:after{opacity:1;transform:translate(0)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{color:#0a1325;box-shadow:var(--shadow-sm);background:#3ac5a3}.btn-primary:hover{color:#0a1325;background:#34b393;transform:translateY(-2px);box-shadow:0 0 20px #3ac5a366}[data-theme=light] .btn-primary{box-shadow:var(--shadow-sm);color:#0a1325!important;background:#3ac5a3!important}[data-theme=light] .btn-primary:hover{color:#0a1325!important;background:#2ea88b!important;box-shadow:0 0 20px #3ac5a366!important}[data-theme=light] #contact .btn-primary{color:#fff!important;background:#4f46e5!important;box-shadow:0 4px 14px #4f46e54d!important}[data-theme=light] #contact .btn-primary:hover{color:#fff!important;background:#4338ca!important;box-shadow:0 0 20px #4f46e580!important}.btn-tertiary{background:var(--accent-secondary);color:#fff;box-shadow:var(--shadow-sm);border:none}.btn-tertiary:hover{background:#c084fc;transform:translateY(-2px);box-shadow:0 0 15px #a855f766}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-glass);border-color:var(--text-secondary);transform:translateY(-2px)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.camera-pan{animation:30s ease-in-out infinite cameraPan}@keyframes cameraPan{0%{transform:scale(1)translate(0)}33%{transform:scale(1.1)translate(-3%,-2%)}66%{transform:scale(1.15)translate(2%,2%)}to{transform:scale(1)translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes projectFallIn{0%{opacity:0;transform:translateY(-50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes experienceReveal{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes educationSlideIn{0%{opacity:0;transform:translate(50px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.animate-project{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards projectFallIn}.animate-experience{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards experienceReveal}.animate-education{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards educationSlideIn}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-subtle{animation:2s ease-in-out infinite bounceSubtle}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:120px}.hero-landing-bg{overflow:hidden}.hero-bg-flow{z-index:0;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:120%;height:120%;animation:40s ease-in-out infinite riverFlow;position:absolute;inset:-10%}.hero-bg-flow:after{content:"";z-index:1;position:absolute;inset:0}.hero-bg-flow.dark-overlay:after{background:linear-gradient(#0a132599 0%,#0a1325f2 85%,#0a1325 100%)}[data-theme=light] .hero-bg-flow.dark-overlay:after{background:linear-gradient(#f8fafc1a 0%,#f8fafc8c 85%,#f8fafc 100%)}@keyframes riverFlow{0%{transform:scale(1)translate(0)}20%{transform:scale(1.05)translate(-1.5%,1%)}40%{transform:scale(1.08)translate(1%,-.5%)}60%{transform:scale(1.04)translate(-.5%,-1%)}80%{transform:scale(1.07)translate(1.5%,.5%)}to{transform:scale(1)translate(0)}}.header-logo-group{cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;display:flex}.header-logo-img{object-fit:cover;background:0 0;border-radius:8px;width:36px;height:36px;padding:0;box-shadow:0 2px 8px #0003}.header-logo-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.header-logo-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.header-logo-subtitle{color:var(--text-tertiary);letter-spacing:.03em;font-family:Consolas,Monaco,monospace;font-size:.7rem}.header-tooltip-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.header-tooltip-wrapper .tooltip-text{opacity:0;visibility:hidden;pointer-events:none;background:var(--bg-glass,#0a1325f2);border:1px solid var(--border-glass,#3ac5a34d);color:var(--text-primary,#fff);font-family:var(--font-sans);white-space:nowrap;-webkit-backdrop-filter:blur(12px);z-index:1000;border-radius:8px;padding:.35rem .65rem;font-size:.72rem;font-weight:500;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #00000080}.header-tooltip-wrapper .tooltip-text:before{content:"";background:var(--bg-glass,#0a1325f2);border-left:1px solid var(--border-glass,#3ac5a34d);border-top:1px solid var(--border-glass,#3ac5a34d);width:6px;height:6px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.header-tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.pill-nav{border:1px solid var(--border-glass);border-radius:var(--radius-full);background:#ffffff0a;align-items:center;gap:.25rem;padding:.2rem;display:flex}[data-theme=light] .pill-nav{background:#00000008}.pill-nav-link{border-radius:var(--radius-full);font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.4rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.pill-nav-link:hover{color:var(--text-primary);background:#ffffff0f}[data-theme=light] .pill-nav-link:hover{background:#0000000a}.pill-nav-link.active{color:var(--text-primary);background:#3ac5a31f}[data-theme=light] .pill-nav-link.active{background:#6366f11a}.pill-nav-link.active:before,.pill-nav-link.active:after{color:var(--accent-primary);font-size:.85rem;font-weight:600}.pill-nav-link.active:before{content:"[";margin-right:.15rem}.pill-nav-link.active:after{content:"]";margin-left:.15rem}.header-actions{align-items:center;gap:.6rem;display:flex}.header-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.header-icon-btn:hover{color:var(--accent-primary);border-color:var(--border-glass);background:#ffffff0a}.availability-badge{border-radius:var(--radius-full);color:var(--accent-primary);letter-spacing:.03em;background:#3ac5a314;border:1px solid #3ac5a34d;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-family:Consolas,Monaco,monospace;font-size:.75rem;font-weight:600;display:inline-flex}[data-theme=light] .availability-badge{color:var(--accent-primary);background:#6366f114;border-color:#6366f14d}.availability-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px #10b98199}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 8px #10b98199}50%{opacity:.7;box-shadow:0 0 16px #10b981e6}}.exp-toggle-btn{cursor:pointer;color:var(--text-tertiary);letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:.4rem;padding:.3rem 0;font-family:Consolas,Monaco,monospace;font-size:.75rem;font-weight:600;transition:color .2s;display:inline-flex}.exp-toggle-btn:hover{color:var(--accent-primary)}.exp-toggle-arrow{font-size:.65rem;transition:transform .3s;display:inline-block}.exp-toggle-arrow.open{transform:rotate(180deg)}.exp-bullet-item{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:clamp(.65rem,.9vw,.8rem);line-height:1.4;display:flex}.exp-bullet-icon{width:16px;height:16px;color:var(--accent-primary);flex-shrink:0;margin-top:2px}.exp-tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.exp-tag{border-radius:var(--radius-full);color:var(--text-secondary);letter-spacing:.03em;background:#ffffff0d;border:1px solid #ffffff1a;padding:.2rem .6rem;font-family:Consolas,Monaco,monospace;font-size:.65rem;font-weight:600}[data-theme=light] .exp-tag{background:#0000000a;border-color:#0000001a}.configured-site-link{color:inherit;border-radius:8px;text-decoration:none}.configured-site-link:hover{text-underline-offset:4px;-webkit-text-decoration:underline #3ac5a3;text-decoration:underline #3ac5a3}#education .configured-site-link:hover,#skills .configured-site-link:hover{text-decoration:none}#education .configured-site-link:is(:hover,:focus-visible) :is(h3,h4){text-underline-offset:4px;-webkit-text-decoration:underline #3ac5a3;text-decoration:underline #3ac5a3}.configured-site-link:focus-visible{outline-offset:4px;outline:2px solid #3ac5a3}.project-overview{color:var(--text-primary);margin:0 0 1.25rem;font-size:1.05rem;line-height:1.6}.project-highlights{color:var(--text-primary);margin:0;padding-left:1.2rem;font-size:.95rem;line-height:1.6;list-style:outside}.project-highlights li+li{margin-top:.85rem}.project-highlights li::marker{color:var(--accent-primary)}.detail-modal-backdrop{animation:.2s both detailBackdropIn}.detail-modal-panel{transform-origin:50%}.detail-modal-backdrop.is-closing{animation:.35s both detailBackdropOut}.detail-modal-backdrop.is-closing .detail-modal-panel{pointer-events:none}@keyframes detailBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes detailBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes detailZoomIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes detailZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.detail-modal-backdrop,.detail-modal-panel,.detail-modal-backdrop.is-closing,.detail-modal-backdrop.is-closing .detail-modal-panel{animation:none}}@keyframes expModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes expModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-map-pin img{object-fit:contain!important;width:22px!important;max-width:22px!important;height:22px!important;max-height:22px!important;display:block!important}.leaflet-container{background:var(--bg-primary,#0a1325)!important}.leaflet-tile-container img{filter:brightness(.9)contrast(1.1)saturate(.9)!important}