@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--ink: #050b09;--surface: #0e1513;--surface-low: #08120f;--surface-mid: #0d1a16;--surface-high: #142621;--surface-bright: #1a3128;--primary: #5af0b3;--primary-deep: #34d399;--mint: #6ee7b7;--text: #dde4e0;--muted: #9cafa4;--muted-strong: #bbcac0;--line: rgba(115, 168, 145, .2);--line-bright: rgba(90, 240, 179, .42);--display: "Manrope", sans-serif;--body: "Geist", sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}body,button,a{cursor:default}button,a{color:inherit;font:inherit}button{border:0}a,button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 55% -10%,rgba(52,211,153,.11),transparent 32rem),linear-gradient(180deg,#06100c 0%,var(--ink) 100%)}.cosmos-layer,.contact-backdrop{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cosmos-layer:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050b090d,#050b098f);content:""}.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;transition:transform .5s ease-out}.nebula--top{top:-20rem;left:32%;width:52rem;height:36rem;background:#10b98129}.nebula--left{bottom:-28rem;left:-12rem;width:46rem;height:46rem;background:#06946938}.nebula--right{top:16rem;right:-22rem;width:42rem;height:42rem;background:#10b98121}.star-field{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:#daffeec2;box-shadow:0 0 8px #5af0b373;animation:twinkle 4s ease-in-out var(--delay) infinite alternate}.shooting-star{position:absolute;width:9rem;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);filter:drop-shadow(0 0 7px var(--primary));opacity:0;transform:rotate(-35deg);animation:meteor 6s ease-in-out infinite}.shooting-star--one{top:17%;left:32%;animation-delay:1.2s}.shooting-star--two{top:31%;left:72%;width:12rem;animation-delay:3.8s}.shooting-star--three{top:11%;left:82%;width:7rem;animation-delay:5.2s}.site-header,.status-bar{position:fixed;z-index:20;right:0;left:0;display:flex;align-items:center;background:#050c09c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header{position:fixed;top:0;min-height:5rem;justify-content:space-between;gap:1rem;padding:0 clamp(1.25rem,3.8vw,3rem);border-bottom:1px solid rgba(115,168,145,.11)}.status-bar{bottom:0;min-height:3.5rem;justify-content:space-between;gap:1.5rem;padding:0 clamp(1.25rem,3.8vw,3rem);border-top:1px solid rgba(115,168,145,.13);background:#050c09db}.brand{display:flex;align-items:center;flex:0 0 auto;gap:.8rem}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(90,240,179,.2);border-radius:.4rem;background:linear-gradient(135deg,#142621e6,#07120ee6);color:var(--primary);font-family:var(--body);font-size:.76rem;font-weight:700;box-shadow:inset 0 1px #ffffff14,0 0 20px #34d39914}.brand-copy{display:flex;flex-direction:column;gap:.14rem}.brand-copy strong{color:var(--text);font-family:var(--display);font-size:1.05rem;line-height:1;letter-spacing:-.04em}.brand-copy small,.eyebrow,.panel-kicker,.contact-badge,.contact-stage,.mono{font-family:var(--body)}.brand-copy small{color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:.15rem;padding:.22rem;border:1px solid rgba(115,168,145,.12);border-radius:.8rem;background:#0d1a16b8}.nav-item{padding:.58rem 1rem;border-radius:.58rem;background:transparent;color:var(--muted-strong);font-size:.79rem;font-weight:600;transition:.25s ease}.nav-item:hover,.nav-item.is-active{background:var(--primary-deep);color:#003825}.header-actions,.status-controls,.status-message,.contact-meta,.contact-actions,.hero-actions,.signal-line,.panel-footnote,.metric-pill,.project-meta,.stack-card__foot,.contact-topline{display:flex;align-items:center}.header-actions{flex:0 0 auto;gap:.8rem}.availability{display:inline-flex;align-items:center;gap:.4rem;padding:.47rem .78rem;border:1px solid rgba(115,168,145,.12);border-radius:999px;background:#0d1a16b8;color:var(--muted-strong);font-size:.7rem;font-weight:600;white-space:nowrap}.availability i,.status-dot,.profile-live i,.board-status i,.contact-badge i,.project-label i{display:inline-block;width:.46rem;height:.46rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 .16rem #5af0b326,0 0 .7rem #5af0b3bf}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:2.7rem;padding:.7rem 1.1rem;border-radius:.45rem;font-size:.79rem;font-weight:700;letter-spacing:-.01em;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-2px)}.button--compact{min-height:2.25rem;padding:.55rem 1rem;border-radius:999px}.button--large{min-height:3.4rem;padding:.95rem 1.35rem;border-radius:.6rem;font-size:.9rem}.button--primary{background:var(--primary-deep);color:#003825;box-shadow:0 0 1.5rem #34d39926}.button--primary:hover{background:var(--mint);box-shadow:0 0 2rem #34d39957}.button--ghost,.button--glass{border:1px solid rgba(90,240,179,.23);background:#08120fb8;color:var(--text)}.button--ghost:hover,.button--glass:hover{border-color:#5af0b385;background:#10382ab8}.button-icon{width:1.05rem;height:1.05rem;flex:0 0 1.05rem;stroke:var(--primary);transition:transform .25s ease,stroke .25s ease}.button:hover .button-icon{stroke:var(--mint);transform:scale(1.1)}.icon-button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(115,168,145,.11);border-radius:.55rem;background:#142621db;color:var(--text);font-size:.92rem;font-weight:700;transition:.25s ease}.icon-button:hover{border-color:#5af0b373;background:#284e3ce6;color:var(--primary)}.menu-button{display:none;position:relative;gap:.22rem}.menu-button span{display:block;width:.9rem;height:1px;background:currentColor;transition:transform .25s ease}.menu-button.is-open span:first-child{transform:translateY(1.5px) rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-1.5px) rotate(-45deg)}.horizontal-stage{position:relative;z-index:1;width:100%;height:100svh;overflow:hidden}.horizontal-track{display:flex;width:max-content;height:100%;will-change:transform}html.is-tablet-horizontal,body.is-tablet-horizontal{overflow:hidden}.horizontal-stage.is-tablet-horizontal{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.horizontal-stage.is-tablet-horizontal:active{cursor:grabbing}html.is-tablet-horizontal .panel,.horizontal-stage.is-tablet-horizontal .panel{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:rgba(90,240,179,.25) transparent}html.is-tablet-horizontal .panel::-webkit-scrollbar,.horizontal-stage.is-tablet-horizontal .panel::-webkit-scrollbar{width:4px}html.is-tablet-horizontal .panel::-webkit-scrollbar-thumb,.horizontal-stage.is-tablet-horizontal .panel::-webkit-scrollbar-thumb{background:#5af0b340;border-radius:2px}html.is-tablet-horizontal .panel-inner,.horizontal-stage.is-tablet-horizontal .panel-inner{min-height:min-content;height:auto;justify-content:flex-start}.panel{position:relative;display:flex;flex:0 0 100vw;align-items:center;width:100vw;min-width:100vw;min-height:100svh;padding:6.8rem clamp(1.25rem,3.8vw,3rem) 5rem;overflow:hidden}.panel--hero,.panel--contact{display:flex;align-items:center;min-height:100svh}.panel-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(100%,1240px);min-height:100%;margin:0 auto}.panel-kicker{display:flex;align-items:center;gap:.65rem;color:var(--muted-strong);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-kicker .mono{color:var(--primary)}.kicker-divider{width:.22rem;height:.22rem;border-radius:50%;background:#bbcac073}.mono{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}.eyebrow{margin:0;color:var(--primary);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1,h2{letter-spacing:-.055em}h1 em,h2 em{color:var(--primary);font-style:normal;text-shadow:0 0 1.5rem rgba(90,240,179,.17)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(22rem,.77fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);margin-top:clamp(1.5rem,4vh,3.5rem)}.hero-copy{max-width:44rem}.hero-copy h1{max-width:49rem;margin:.7rem 0 1.35rem;color:var(--text);font-size:clamp(3.1rem,6vw,6.2rem);line-height:.96}.hero-copy h1 span{display:block;max-width:39rem;margin-top:.42rem;color:var(--muted-strong);font-size:.42em;font-weight:500;line-height:1.23;letter-spacing:-.03em}.hero-lede,.section-lede,.contact-lede{color:var(--muted-strong);font-size:clamp(.95rem,1.25vw,1.1rem);line-height:1.65}.hero-lede{max-width:39rem;margin-bottom:1.8rem}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:39rem;gap:.55rem}.metric-card{display:flex;flex-direction:column;gap:.3rem;padding:.88rem .95rem;border:1px solid rgba(115,168,145,.16);border-radius:.55rem;background:#08120f9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric-card strong{color:var(--primary);font-family:var(--display);font-size:1.05rem;letter-spacing:-.04em}.metric-card span{color:var(--muted);font-size:.64rem;line-height:1.3}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}.signal-line{gap:.7rem;margin-top:2rem;color:var(--muted);font-size:.68rem;letter-spacing:.04em}.signal-line__track{display:inline-flex;align-items:center;width:5.4rem;height:1px;background:linear-gradient(90deg,var(--primary),rgba(90,240,179,.05))}.signal-line__track i{width:.3rem;height:.3rem;margin-left:.5rem;border-radius:50%;background:var(--primary);box-shadow:0 0 .8rem var(--primary)}.hero-visual{position:relative;width:min(100%,31rem);justify-self:end}.profile-aura{position:absolute;top:8%;right:10%;bottom:19%;left:10%;border-radius:50%;background:#34d39926;filter:blur(50px)}.profile-card{position:relative;min-height:25rem;overflow:hidden;border:1px solid rgba(90,240,179,.2);border-radius:1.1rem;background:linear-gradient(135deg,rgba(31,83,62,.34),transparent 38%),radial-gradient(circle at 50% 58%,rgba(52,211,153,.12),transparent 34%),#08120fbf;box-shadow:inset 0 1px #cdffe721,0 1.5rem 3rem #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.image-placeholder{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border:1px dashed rgba(90,240,179,.28);background:linear-gradient(145deg,#13362873,#05100cd6)}.image-placeholder:after{position:absolute;z-index:1;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(90,240,179,.12);border-radius:.65rem;content:""}.image-placeholder__image{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.72;filter:saturate(.78) contrast(.92)}.image-placeholder--profile .image-placeholder__image{object-position:center}.image-placeholder--project .image-placeholder__image{object-position:center 42%}.image-placeholder__tag{position:absolute;right:1rem;bottom:1rem;z-index:2;padding:.3rem .5rem;border:1px solid rgba(90,240,179,.25);border-radius:999px;background:#050b09b3;color:var(--primary);font-family:monospace;font-size:.55rem;letter-spacing:.04em;text-transform:uppercase}.image-placeholder__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:linear-gradient(rgba(90,240,179,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,240,179,.08) 1px,transparent 1px);background-size:2.8rem 2.8rem;-webkit-mask-image:radial-gradient(circle at center,black,transparent 74%);mask-image:radial-gradient(circle at center,black,transparent 74%)}.image-placeholder__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--muted-strong);text-align:center}.image-placeholder__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgba(90,240,179,.38);border-radius:.65rem;background:#5af0b31a;color:var(--primary);font-family:var(--display);font-size:1.25rem;font-weight:500;box-shadow:0 0 1.8rem #34d3991f}.image-placeholder__content strong{color:var(--text);font-family:var(--display);font-size:.72rem;letter-spacing:.12em}.image-placeholder__content small{color:var(--muted);font-size:.6rem}.image-placeholder--project .image-placeholder__content{gap:.3rem}.image-placeholder--project .image-placeholder__icon{width:2rem;height:2rem;border-radius:.5rem;font-size:1rem}.image-placeholder--project .image-placeholder__content strong{font-size:.6rem}.image-placeholder--project .image-placeholder__content small{font-size:.52rem}.profile-card:before,.profile-card:after{position:absolute;content:"";pointer-events:none}.profile-card:before{top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(90,240,179,.08);border-radius:.8rem}.profile-card:after{top:22%;left:-15%;width:130%;height:1px;background:linear-gradient(90deg,transparent,rgba(90,240,179,.36),transparent);transform:rotate(-16deg)}.profile-card__top,.profile-card__bottom{position:absolute;right:1.45rem;left:1.45rem;z-index:2;display:flex;align-items:center;justify-content:space-between}.profile-card__top{top:1.45rem;color:var(--muted)}.profile-live{display:inline-flex;align-items:center;gap:.45rem;color:var(--primary);font-size:.62rem;font-weight:700;letter-spacing:.1em}.profile-live i,.board-status i{width:.36rem;height:.36rem}.profile-card__bottom{bottom:1.25rem;align-items:end;padding-top:1rem;border-top:1px solid rgba(115,168,145,.16)}.profile-card__bottom div{display:flex;flex-direction:column;gap:.3rem}.profile-card__bottom div:last-child{align-items:end}.profile-card__bottom span{color:var(--muted);font-size:.62rem}.profile-card__bottom strong{color:var(--text);font-family:var(--display);font-size:.82rem}.profile-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(90,240,179,.24);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.profile-orbit:after{position:absolute;top:50%;left:-.25rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--primary);box-shadow:0 0 1rem var(--primary);content:""}.profile-orbit--outer{width:17rem;height:11rem;opacity:.7}.profile-orbit--inner{width:11.5rem;height:17rem;opacity:.45;transform:translate(-50%,-50%) rotate(62deg)}.profile-core{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:9rem;height:9rem;border:1px solid rgba(110,231,183,.4);border-radius:50%;background:radial-gradient(circle at 36% 30%,#6ee7b780,#0b2018f5 60%);box-shadow:0 0 3rem #34d3992e,inset 0 0 2rem #5af0b324;transform:translate(-50%,-50%)}.profile-core__initials{color:var(--text);font-family:var(--display);font-size:3.1rem;font-weight:700;letter-spacing:-.1em;line-height:.9}.profile-core__caption{margin-top:.6rem;color:var(--primary);font-size:.55rem;font-weight:700;letter-spacing:.12em;line-height:1.25;text-align:center;text-transform:uppercase}.profile-code{position:absolute;z-index:2;color:#bbcac0ad;font-family:monospace;font-size:.6rem}.profile-code--left{top:42%;left:1.45rem}.profile-code--right{right:1.45rem;bottom:38%;color:var(--primary)}.glass-card{border:1px solid rgba(115,168,145,.18);background:#0d1a16bd;box-shadow:inset 0 1px #cdffe714,0 1rem 2rem #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.education-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:.75rem 0 0;padding:1rem 1.1rem;border-radius:.75rem}.education-card div{display:flex;flex-direction:column;gap:.28rem}.education-card strong{color:var(--text);font-family:var(--display);font-size:.78rem}.education-card span{color:var(--muted);font-size:.65rem}.education-card b{padding:.36rem .52rem;border:1px solid rgba(90,240,179,.25);border-radius:999px;color:var(--primary);font-size:.64rem;white-space:nowrap}.panel-footnote{justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.3rem;border-top:1px solid rgba(115,168,145,.13);color:var(--muted);font-size:.68rem}.panel-footnote .mono{color:var(--primary)}.arrow-line{color:var(--primary);letter-spacing:-.04em}.architecture-layout{display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(32rem,1.25fr);align-items:center;gap:clamp(3rem,7vw,8rem);margin-top:clamp(2rem,5vh,4.5rem)}.architecture-copy{max-width:31rem}.architecture-copy h2,.section-heading-row h2,.contact-content h2{margin:.7rem 0 1.1rem;color:var(--text);font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98}.architecture-copy h2 em{display:block}.section-lede{max-width:36rem;margin-bottom:1.7rem}.principle-list{display:flex;flex-direction:column;gap:.65rem}.principle-card{position:relative;display:grid;grid-template-columns:2rem 1fr;gap:.8rem;padding:1rem;overflow:hidden;border:1px solid rgba(115,168,145,.15);border-radius:.65rem;background:radial-gradient(250px circle at var(--pointer-x, 50%) var(--pointer-y, 0%),rgba(52,211,153,.1),transparent 60%),#08120f9e;transition:border-color .25s ease,transform .25s ease}.principle-card:hover{border-color:var(--line-bright);transform:translate(4px)}.principle-index{color:var(--primary);font-family:monospace;font-size:.7rem}.principle-card strong{display:block;margin-bottom:.3rem;color:var(--text);font-family:var(--display);font-size:.85rem}.principle-card p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}.architecture-board{position:relative;min-height:28rem;overflow:hidden;border:1px solid rgba(90,240,179,.22);border-radius:1rem;background:radial-gradient(circle at 50% 52%,rgba(52,211,153,.11),transparent 30%),#08120fad;box-shadow:inset 0 1px #cdffe71a,0 1.5rem 3.5rem #0000003d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.board-glow{position:absolute;top:35%;left:43%;width:12rem;height:10rem;border-radius:50%;background:#34d39938;filter:blur(60px)}.board-header,.board-footer{position:absolute;right:1.25rem;left:1.25rem;z-index:3;display:flex;align-items:center;justify-content:space-between}.board-header{top:1.2rem;color:var(--muted)}.board-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.09em}.board-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:linear-gradient(rgba(90,240,179,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(90,240,179,.1) 1px,transparent 1px);background-size:4.5rem 4.5rem;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.board-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(90,240,179,.17);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.board-orbit--one{width:25rem;height:13rem}.board-orbit--two{width:13rem;height:25rem;transform:translate(-50%,-50%) rotate(65deg)}.board-connections{position:absolute;top:50%;left:50%;width:100%;height:100%;overflow:visible;transform:translate(-50%,-50%)}.board-connections path{fill:none;stroke:#5af0b35c;stroke-dasharray:3 7;stroke-width:1}.board-connections circle{fill:var(--primary);filter:drop-shadow(0 0 6px var(--primary))}.board-node{position:absolute;z-index:2;display:flex;flex-direction:column;gap:.2rem;min-width:6.5rem;padding:.75rem .85rem;border:1px solid rgba(90,240,179,.23);border-radius:.55rem;background:#0d1a16db;box-shadow:0 .8rem 1.5rem #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.board-node span{color:var(--primary);font-family:monospace;font-size:.57rem}.board-node strong{color:var(--text);font-family:var(--display);font-size:.76rem}.board-node small{color:var(--muted);font-size:.58rem}.board-node--center{top:50%;left:50%;align-items:center;min-width:8.4rem;padding:1.1rem .75rem;border-color:#6ee7b78c;background:radial-gradient(circle at 50% 0%,rgba(52,211,153,.22),transparent 70%),#081b13f2;text-align:center;transform:translate(-50%,-50%)}.board-node--center strong{color:var(--primary);font-size:.88rem}.board-node--top{top:16%;left:50%;transform:translate(-50%)}.board-node--left{top:50%;left:9%;transform:translateY(-50%)}.board-node--right{top:50%;right:9%;transform:translateY(-50%)}.board-node--bottom{bottom:13%;left:50%;transform:translate(-50%)}.node-pulse{position:absolute;top:-.35rem;right:-.35rem;width:.6rem;height:.6rem;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 1rem var(--primary)}.board-footer{bottom:1.15rem;padding-top:.7rem;border-top:1px solid rgba(115,168,145,.13);color:var(--muted);font-size:.6rem;letter-spacing:.08em}.board-footer .mono{color:var(--primary);font-size:.58rem}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.5rem,3.5vh,2.8rem)}.section-heading-row h2{max-width:43rem;margin-bottom:0;font-size:clamp(2.7rem,4.6vw,4.8rem)}.section-heading-row h2 em{color:var(--primary)}.metric-pill{flex:0 0 auto;gap:.6rem;padding:.72rem .95rem;border:1px solid rgba(115,168,145,.14);border-radius:.65rem;background:#08120fa8;color:var(--muted);font-size:.64rem;white-space:nowrap}.metric-pill>span:first-child,.metric-pill b{color:var(--primary)}.metric-pill strong{color:var(--text);font-family:var(--display);font-size:.68rem}.metric-pill i{width:1px;height:.8rem;background:#73a89140}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.5rem;max-width:1040px;width:100%}.project-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(115,168,145,.19);border-radius:.7rem;background:radial-gradient(340px circle at var(--pointer-x, 50%) var(--pointer-y, 0%),rgba(52,211,153,.11),transparent 58%),#08120fbf;box-shadow:inset 0 1px #cdffe712,0 1rem 2.5rem #00000040;transition:transform .3s ease,border-color .3s ease}.project-card:hover{border-color:#5af0b375;transform:translateY(-5px)}.project-card:before,.stack-card:before{position:absolute;top:0;right:12%;left:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(90,240,179,.58),transparent);content:"";opacity:.6}.project-visual{position:relative;height:12.5rem;overflow:hidden;background:linear-gradient(145deg,#162b22f5,#06100cf2)}.project-visual:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 20%,rgba(90,240,179,.2),transparent 28%),linear-gradient(180deg,transparent 42%,rgba(5,11,9,.82));content:""}.project-visual--scale{background:linear-gradient(145deg,#142033f5,#070d16f2)}.project-visual--pulse{background:linear-gradient(145deg,#152e2af5,#061110f2)}.project-label{position:absolute;top:.7rem;left:.7rem;z-index:3;display:inline-flex;align-items:center;gap:.42rem;padding:.35rem .55rem;border:1px solid rgba(90,240,179,.17);border-radius:999px;background:#050b09c2;color:var(--primary);font-size:.61rem;font-weight:700}.project-label i{width:.32rem;height:.32rem;box-shadow:none}.dashboard-window{position:absolute;right:.8rem;bottom:-.85rem;left:.8rem;overflow:hidden;border:1px solid rgba(115,168,145,.25);border-radius:.45rem .45rem 0 0;background:#08120fe0;box-shadow:0 .7rem 1.4rem #00000059;transform:perspective(900px) rotateX(3deg)}.dashboard-top{display:flex;align-items:center;gap:.25rem;height:1.3rem;padding:0 .55rem;border-bottom:1px solid rgba(115,168,145,.13);color:#bbcac099;font-size:.37rem;letter-spacing:.06em}.dashboard-top span{width:.28rem;height:.28rem;border-radius:50%;background:#6ee7b7ad}.dashboard-top span:nth-child(2){background:#e2c273b3}.dashboard-top span:nth-child(3){background:#d47076b3}.dashboard-top b{margin-left:.35rem;font-weight:500}.dashboard-body{display:grid;grid-template-columns:1.6rem 1fr;min-height:8.6rem}.dashboard-side{display:flex;flex-direction:column;gap:.7rem;padding:.65rem .5rem;border-right:1px solid rgba(115,168,145,.1)}.dashboard-side i{width:.55rem;height:.55rem;border-radius:.12rem;background:#5af0b375}.dashboard-side i:nth-child(2){width:.85rem;background:#bbcac02e}.dashboard-side i:nth-child(3){background:#bbcac02e}.dashboard-side i:nth-child(4){background:#5af0b333}.dashboard-main{padding:.75rem}.dashboard-title{display:flex;justify-content:space-between;color:var(--muted);font-size:.47rem;text-transform:uppercase}.dashboard-title strong{color:var(--primary);font-weight:600}.chart{position:relative;height:3rem;margin-top:.65rem;overflow:hidden;border-bottom:1px solid rgba(90,240,179,.19);background:repeating-linear-gradient(0deg,transparent,transparent .85rem,rgba(90,240,179,.07) .88rem),repeating-linear-gradient(90deg,transparent,transparent 1.4rem,rgba(90,240,179,.06) 1.43rem)}.chart i{position:absolute;bottom:30%;left:-2%;width:104%;height:55%;border-top:1px solid var(--primary);border-radius:50%;transform:rotate(5deg) skewY(-7deg);opacity:.7}.chart i:nth-child(2){bottom:44%;transform:rotate(-7deg) skewY(4deg);opacity:.4}.chart i:nth-child(3){bottom:22%;transform:rotate(3deg) skewY(12deg);opacity:.25}.chart i:nth-child(4){bottom:56%;transform:rotate(-2deg) skewY(-7deg);opacity:.2}.chart i:nth-child(5){bottom:38%;transform:rotate(8deg) skewY(3deg);opacity:.18}.chart-bars{display:flex;align-items:end;gap:.3rem;height:2.25rem;margin-top:.65rem}.chart-bars i{flex:1;height:35%;border-radius:.12rem .12rem 0 0;background:linear-gradient(180deg,#5af0b3db,#34d3991a)}.chart-bars i:nth-child(2){height:62%}.chart-bars i:nth-child(3){height:45%}.chart-bars i:nth-child(4){height:80%}.chart-bars i:nth-child(5){height:52%}.chart-bars i:nth-child(6){height:71%}.chart-bars i:nth-child(7){height:92%}.chart-bars--tall{height:3.3rem}.network-map{position:relative;height:5.1rem;margin-top:.5rem;background:radial-gradient(circle,rgba(90,240,179,.14) 1px,transparent 1px);background-size:.7rem .7rem}.network-map:before,.network-map:after{position:absolute;top:50%;left:10%;width:82%;height:1px;background:#5af0b359;content:"";transform:rotate(19deg)}.network-map:after{transform:rotate(-22deg)}.network-map i{position:absolute;z-index:2;width:.55rem;height:.55rem;border:2px solid rgba(90,240,179,.7);border-radius:50%;background:#0d1a16;box-shadow:0 0 .5rem #5af0b38c}.network-map i:nth-child(1){top:45%;left:12%}.network-map i:nth-child(2){top:13%;left:35%}.network-map i:nth-child(3){top:65%;left:43%}.network-map i:nth-child(4){top:24%;right:14%}.network-map i:nth-child(5){right:20%;bottom:4%}.network-map span{position:absolute;top:42%;left:52%;z-index:1;width:.85rem;height:.85rem;border-radius:50%;background:var(--primary);box-shadow:0 0 1rem var(--primary)}.project-open{position:absolute;top:.7rem;right:.7rem;z-index:3;display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid rgba(115,168,145,.25);border-radius:.45rem;background:#050b09b3;color:var(--text);font-size:.8rem}.project-content{display:flex;flex-direction:column;flex:1 1 auto;padding:1.15rem 1.3rem 1.25rem}.project-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.project-title h3{margin:0;color:var(--text);font-size:1.26rem;font-weight:700;letter-spacing:-.04em}.project-title .mono{color:var(--muted);font-size:.72rem;font-weight:600}.project-content p{min-height:3.8rem;margin:.75rem 0 1rem;color:var(--muted-strong);font-size:.88rem;line-height:1.55}.project-category{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.58rem .8rem;border:1px solid rgba(115,168,145,.18);border-radius:.45rem;background:#050b09a6;color:var(--muted);font-size:.75rem;font-weight:500}.project-category strong{color:var(--primary);font-size:.78rem;font-weight:700;text-align:right}.project-tech-chips{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:.85rem}.project-tech-chips span{display:inline-flex;align-items:center;gap:.52rem;min-height:2.35rem;padding:.42rem .78rem;border:1px solid rgba(115,168,145,.22);border-radius:999px;background:#142621bf;color:var(--text);font-size:.84rem;font-weight:600;transition:border-color .2s ease,background .2s ease,transform .2s ease}.project-tech-chips span:hover{border-color:#5af0b373;background:#1c362ee0;transform:translateY(-2px)}.project-tech-chips .tech-logo{width:1.35rem;height:1.35rem;flex:0 0 1.35rem;border-radius:.32rem}.project-tech-chips .tech-logo svg{width:.88rem;height:.88rem;fill:currentColor;display:block}.project-content>a{display:inline-flex;align-items:center;align-self:flex-end;gap:.4rem;margin-top:auto;padding-top:1.2rem;color:var(--primary);font-size:.84rem;font-weight:700;transition:color .2s ease,transform .2s ease}.project-content>a:hover{color:var(--mint);transform:translate(3px)}.panel--projects .panel-footnote,.panel--stack .panel-footnote{margin-top:1.15rem}.section-heading-row--stack{align-items:end;margin-bottom:1.5rem}.section-heading-row--stack h2{max-width:50rem;font-size:clamp(2.4rem,4vw,4.2rem)}.section-heading-row--stack .section-lede{max-width:42rem;margin:.8rem 0 0;font-size:.86rem}.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem;min-height:31rem}.stack-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.35rem;overflow:hidden;border:1px solid rgba(90,240,179,.2);border-radius:.75rem;background:radial-gradient(320px circle at var(--pointer-x, 50%) var(--pointer-y, 0%),rgba(52,211,153,.1),transparent 60%),#08120fd9;box-shadow:inset 0 1px #cdffe714,0 .8rem 1.8rem #0003;transition:border-color .25s ease,transform .25s ease}.stack-card:hover{border-color:#5af0b38c;transform:translateY(-3px)}.stack-card.is-filtered{pointer-events:none}.stack-card__head{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.stack-card__head .mono{font-size:.74rem;font-weight:600;letter-spacing:.04em}.stack-icon{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgba(90,240,179,.25);border-radius:.5rem;background:#142621d1;color:var(--primary);font-family:monospace;font-size:.75rem;font-weight:700}.stack-icon svg{width:1.25rem;height:1.25rem;fill:currentColor;display:block}.stack-card h3{margin:.95rem 0 .85rem;color:var(--text);font-size:1.22rem;font-weight:700;letter-spacing:-.035em}.stack-card p{min-height:2.35rem;margin-bottom:.75rem;color:var(--muted-strong);font-size:.75rem;line-height:1.5}.tech-chips{display:flex;flex-wrap:wrap;gap:.55rem}.tech-chips span{display:inline-flex;align-items:center;gap:.62rem;min-height:2.55rem;padding:.48rem .92rem;border:1px solid rgba(115,168,145,.24);border-radius:999px;background:#142621bf;color:var(--text);font-size:.92rem;font-weight:600;letter-spacing:-.01em;transition:border-color .2s ease,background .2s ease,transform .2s ease}.tech-chips span:hover{border-color:#5af0b380;background:#1c362ee0;transform:translateY(-2px)}.tech-logo{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;border-radius:.38rem;background:#5af0b324;color:var(--primary);line-height:1;transition:transform .22s ease,filter .22s ease}.tech-logo svg{width:.98rem;height:.98rem;fill:currentColor;display:block}.tech-chips span:hover .tech-logo,.project-tech-chips span:hover .tech-logo{transform:scale(1.15);filter:drop-shadow(0 0 6px currentColor)}.tech-logo--go{background:#00add82e;color:#54d7f5}.tech-logo--rust{background:#dea58429;color:#dea584}.tech-logo--ts{background:#3178c633;color:#6aaaf0}.tech-logo--python{background:#3776ab33;color:#82bbed}.tech-logo--cpp{background:#00599c33;color:#67aee5}.tech-logo--react{background:#61dafb29;color:#61dafb}.tech-logo--next{background:#dde4e024;color:var(--text)}.tech-logo--node{background:#5fa04e33;color:#8ad879}.tech-logo--kubernetes{background:#326ce533;color:#82a9ff}.tech-logo--tailwind{background:#38bdf82b;color:#62d2ff}.tech-logo--grpc{background:#56abc42e;color:#83d7ee}.tech-logo--postgres{background:#4169e133;color:#85a0ff}.tech-logo--clickhouse{background:#ffcc0026;color:#ffe16b}.tech-logo--redis{background:#dc382d2e;color:#ff8278}.tech-logo--kafka{background:#e1e1e121;color:#e1e1e1}.tech-logo--mongo{background:#47a2482e;color:#7ddd7d}.tech-logo--pi{background:#c51a4a2e;color:#ff6c9b}.tech-logo--arduino{background:#00979d2e;color:#5de5e8}.tech-logo--esp{background:#e7352c2e;color:#ff8179}.tech-logo--fpga{background:#5af0b329;color:var(--primary)}.tech-logo--can{background:#fcc6242e;color:#ffe17c}.tech-logo--html{background:#e34f2633;color:#ff7043}.tech-logo--css{background:#264de433;color:#42a5f5}.tech-logo--javascript,.tech-logo--js{background:#f7df1e33;color:#f7df1e}.tech-logo--fastapi{background:#00968833;color:#26a69a}.tech-logo--bootstrap{background:#7952b333;color:#ab7fff}.tech-logo--mysql{background:#00758f33;color:#29b6f6}.tech-logo--chatgpt{background:#10a37f33;color:#55e2bd}.tech-logo--claude{background:#d977572e;color:#ffab8c}.tech-logo--gemini{background:#9b72cb33;color:#cba8ff}.tech-logo--n8n{background:#ea4b712e;color:#ff8fab}.tech-logo--php{background:#777bb433;color:#9ea4e8}.stack-card__foot{justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(115,168,145,.13);color:var(--muted);font-size:.56rem}.stack-card__foot strong{color:var(--primary);font-size:.59rem;font-weight:600;text-align:right}.language-list{display:flex;flex-direction:column;gap:.65rem}.language-list span{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.85rem;padding:.62rem .95rem;border:1px solid rgba(115,168,145,.22);border-radius:.55rem;background:#142621bf;color:var(--text);font-size:.95rem;font-weight:600;transition:border-color .22s ease,background .22s ease,transform .22s ease}.language-list span:hover{border-color:#5af0b380;background:#1c362ee0;transform:translate(3px)}.flag-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:1.62rem;border-radius:.32rem;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 3px 8px #0006;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.language-list span:hover .flag-icon{transform:scale(1.08);box-shadow:0 0 0 1px #5af0b38c,0 4px 10px #00000073}.flag-icon svg{width:100%;height:100%;display:block}.language-list strong{padding:.3rem .75rem;border:1px solid rgba(90,240,179,.32);border-radius:999px;background:#5af0b31a;color:var(--primary);font-size:.68rem;font-weight:700;white-space:nowrap}.panel--contact{background:radial-gradient(ellipse at 50% 52%,rgba(0,104,73,.18),transparent 52%)}.contact-backdrop{position:absolute;z-index:0;background:radial-gradient(ellipse at 50% 82%,rgba(6,148,105,.2),transparent 43%),radial-gradient(ellipse at 25% 46%,rgba(5,76,58,.2),transparent 38%)}.contact-backdrop:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(210,255,235,.75) 1px,transparent 1px);background-size:5.7rem 5.7rem;opacity:.19;content:"";-webkit-mask-image:linear-gradient(180deg,black,transparent 90%);mask-image:linear-gradient(180deg,black,transparent 90%)}.contact-nebula{position:absolute;bottom:-35%;left:10%;width:80%;height:58%;border-radius:50%;background:#06946945;filter:blur(90px)}.contact-star{position:absolute;width:.25rem;height:.25rem;border-radius:50%;background:var(--text);box-shadow:0 0 1rem var(--primary)}.contact-star--one{top:23%;left:18%}.contact-star--two{top:34%;right:21%}.contact-star--three{top:16%;right:42%}.panel--contact .panel-inner{align-items:stretch}.contact-topline{justify-content:space-between;gap:1rem}.contact-badge,.contact-stage{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid rgba(115,168,145,.2);border-radius:999px;background:#050b096b;color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-stage{color:var(--muted-strong)}.contact-stage:first-letter{color:var(--primary)}.contact-stage i{width:.22rem;height:.22rem;border-radius:50%;background:#bbcac07a}.contact-content{display:flex;flex-direction:column;align-items:center;max-width:57rem;margin:auto;text-align:center}.contact-content h2{max-width:53rem;margin:.7rem 0 1rem;font-size:clamp(3.4rem,7.2vw,7rem);line-height:.96}.contact-content h2 em{display:block}.contact-lede{max-width:38rem;margin-bottom:1.6rem;font-size:.9rem}.contact-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:5rem}.contact-phone-text{margin:1.35rem 0 0;color:var(--muted);font-size:.88rem;letter-spacing:-.01em}.contact-phone-text span{color:var(--text);font-weight:600;letter-spacing:.02em}.contact-meta{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin-top:2.5rem;color:var(--muted);font-size:.68rem}.contact-meta strong{color:var(--text);font-weight:600}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(115,168,145,.13);color:var(--muted);font-size:.65rem}.contact-bottom .mono{color:var(--primary);font-size:.6rem}.status-controls{gap:.4rem;flex:0 0 auto}.status-nav-btn{display:none;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border:1px solid rgba(90,240,179,.25);border-radius:.4rem;background:#0a1612d9;color:var(--primary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.status-nav-btn:hover{background:var(--primary);color:#06100d}.progress-track{width:clamp(7rem,12vw,9rem);height:.22rem;margin-left:.75rem;overflow:hidden;border-radius:999px;background:#73a89133}.progress-fill{display:block;width:8%;height:100%;border-radius:inherit;background:var(--primary);box-shadow:0 0 .8rem #5af0b3cc;transition:width .2s ease}.progress-count{min-width:3rem;color:var(--muted-strong);font-size:.65rem}.status-message{justify-content:flex-end;gap:clamp(1rem,3vw,3rem);color:var(--muted-strong);font-size:.63rem;text-align:right}.status-message span:first-child{color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem;padding-top:.65rem;padding-bottom:.65rem;border-top:1px solid rgba(115,168,145,.16);background:#050c09b3}.footer-brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted-strong);font-size:.65rem;white-space:nowrap}.footer-brand .brand-mark{width:1.65rem;height:1.65rem;font-size:.62rem}.footer-top{color:var(--primary);font-size:.64rem;font-weight:700;white-space:nowrap}.footer-top:hover{color:var(--mint)}@keyframes twinkle{0%{opacity:.12;transform:scale(.78)}to{opacity:.85;transform:scale(1.18)}}@keyframes meteor{0%{opacity:0;transform:translateZ(0) rotate(-35deg) scaleX(.2)}14%{opacity:1}72%{opacity:.8}to{opacity:0;transform:translate3d(-30rem,20rem,0) rotate(-35deg) scaleX(1.4)}}@media(max-width:1120px){.nav-item{padding-inline:.68rem;font-size:.7rem}.availability{display:none}.hero-layout{gap:2.5rem}.architecture-layout{grid-template-columns:minmax(16rem,.75fr) minmax(27rem,1.25fr);gap:3rem}.project-grid{gap:.75rem}.project-content{padding-inline:.85rem}.project-content p{font-size:.66rem}.project-meta{flex-direction:column;align-items:flex-start}.project-meta b{text-align:left}.stack-card{padding:.85rem}.stack-card__head{gap:.6rem}}@media(min-width:821px)and (max-height:820px){.panel{padding-top:5.65rem;padding-bottom:4.1rem}.hero-layout{margin-top:1rem}.hero-copy h1{font-size:clamp(3rem,5.2vw,4.8rem)}.hero-lede{margin-bottom:1.1rem}.signal-line{margin-top:1.15rem}.profile-card{min-height:18.5rem}.education-card{padding-block:.7rem}.architecture-layout{margin-top:1.35rem}.architecture-board{min-height:21rem}.section-heading-row{margin-bottom:1rem}.project-visual{height:8.5rem}.dashboard-body{min-height:6.5rem}.project-content{padding-block:.8rem}.project-content p{min-height:2.8rem;margin-block:.45rem .65rem}.panel--projects .panel-footnote,.panel--stack .panel-footnote{margin-top:.65rem}.stack-grid{min-height:22rem}.stack-card{padding:.8rem}.stack-card h3{margin-top:.55rem}.stack-card p{min-height:1.8rem;margin-bottom:.45rem}.stack-card__foot{padding-top:.5rem}.contact-content h2{font-size:clamp(3.2rem,6vw,5.5rem)}}@media(max-width:820px){.site-header{min-height:4.25rem;padding-inline:clamp(1rem,4vw,1.5rem);background:#050b09eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.main-nav{position:fixed;top:4.5rem;right:1rem;left:1rem;display:none;flex-direction:column;align-items:stretch;gap:.35rem;padding:.75rem;border-radius:.85rem;border:1px solid rgba(90,240,179,.25);background:#060e0bf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1.5rem 3.5rem #000000bf,0 0 25px #5af0b31a;z-index:200}.main-nav.is-open{display:flex}.nav-item{padding:.85rem 1.15rem;font-size:.88rem;font-weight:600;text-align:left;border-radius:.5rem;border:1px solid transparent;transition:all .2s ease}.nav-item.is-active{background:#5af0b31f;color:var(--primary);border-color:#5af0b340}.menu-button{display:grid}.header-actions{gap:.5rem}.panel{height:100svh;max-height:100svh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding-top:5.2rem;padding-bottom:5.2rem;padding-inline:clamp(1rem,4vw,1.5rem);align-items:flex-start}.panel-inner{min-height:min-content;height:auto;justify-content:flex-start;padding-bottom:3rem}.hero-layout,.architecture-layout{grid-template-columns:1fr;gap:2.2rem;margin-top:.5rem}.hero-visual{justify-self:center;width:100%;max-width:25rem;margin-top:.5rem}.profile-card{min-height:18.5rem}.hero-copy h1{font-size:clamp(2.4rem,11vw,4.4rem)}.hero-lede{font-size:.88rem;line-height:1.55;margin-bottom:1.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;width:100%}.hero-actions .button{min-height:2.85rem;justify-content:center}.architecture-layout{margin-top:1.5rem}.architecture-copy{max-width:38rem}.architecture-board{min-height:22rem}.section-heading-row{align-items:start;flex-direction:column;margin-bottom:1.25rem;gap:.5rem}.metric-pill{align-self:flex-start}.project-grid{display:flex;flex-direction:column;gap:1.35rem;width:100%;overflow-x:visible}.project-card{flex:1 1 auto;width:100%;min-height:auto}.project-visual{height:11.5rem}.stack-heading-row,.section-heading-row--stack{align-items:flex-start;flex-direction:column;gap:.75rem}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.95rem;width:100%;overflow-x:visible;min-height:auto}.stack-card{flex:initial;width:100%;min-height:auto}.section-heading-row--stack .section-lede{margin-bottom:0}.contact-content h2{font-size:clamp(2.6rem,11vw,4.8rem)}.contact-actions{display:flex;flex-direction:column;gap:.65rem;width:100%}.contact-actions .button{width:100%;min-height:3rem;justify-content:center}.status-bar{min-height:3.2rem;padding-inline:1rem;background:#050b09eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.status-controls{display:flex;align-items:center;gap:.5rem}.status-nav-btn{display:inline-flex}.footer-top,.status-message{display:none}.site-footer{align-items:center;flex-direction:row;justify-content:space-between;gap:.7rem}}@media(max-width:520px){.site-header{padding-inline:.85rem}.brand-copy strong{font-size:.92rem}.button--compact{padding-inline:.75rem;font-size:.75rem}.panel{padding-inline:.85rem;padding-top:4.8rem;padding-bottom:4.8rem}.panel-kicker{font-size:.62rem}.hero-copy h1{font-size:clamp(2.3rem,12vw,3.6rem)}.hero-lede{font-size:.84rem;line-height:1.52}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.profile-card{min-height:16rem}.project-visual{height:10.5rem}.project-content{padding:1rem 1rem 1.15rem}.project-title h3{font-size:1.15rem}.stack-grid{grid-template-columns:1fr}.stack-card{padding:1rem}.contact-content{margin-top:1.5rem}.contact-content h2{font-size:clamp(2.3rem,12vw,3.6rem)}.contact-bottom{align-items:flex-start;flex-direction:column;font-size:.57rem;gap:.35rem}.status-bar{min-height:3rem;padding-inline:.85rem}.progress-track{width:3.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cosmos-layer{display:none}.horizontal-stage.is-native-scroll{height:100svh;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.horizontal-stage.is-native-scroll .horizontal-track{width:max-content;height:100%}.horizontal-stage.is-native-scroll .panel{scroll-snap-align:start}}.project-spec-button{display:inline-flex;align-items:center;align-self:flex-end;gap:.4rem;margin-top:auto;padding-top:1.2rem;background:transparent;border:none;color:var(--primary);font-family:inherit;font-size:.84rem;font-weight:700;cursor:pointer;transition:color .2s ease,transform .2s ease}.project-spec-button:hover{color:var(--mint);transform:translate(3px)}[data-image-slot=expensebot] .image-placeholder__image{object-position:top center;filter:saturate(.9) contrast(.98);opacity:.85}.project-card:hover [data-image-slot=expensebot] .image-placeholder__image,.project-card:hover [data-image-slot=webgis-zonasi] .image-placeholder__image{opacity:1;filter:saturate(1.02) contrast(1.02);transform:scale(1.03)}.spec-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#030806d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.spec-modal-backdrop.is-open{opacity:1;pointer-events:auto}.spec-modal-container{position:relative;width:min(94vw,54rem);max-height:90vh;display:flex;flex-direction:column;background:#08120e;border:1px solid rgba(90,240,179,.28);border-radius:1rem;box-shadow:0 25px 70px -15px #000000e6,0 0 50px #5af0b31f;overflow:hidden;transform:scale(.95) translateY(12px);transition:transform .35s cubic-bezier(.16,1,.3,1)}.spec-modal-backdrop.is-open .spec-modal-container{transform:scale(1) translateY(0)}.spec-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid rgba(90,240,179,.15);background:#0a1612bf}.spec-modal-kicker{display:flex;align-items:center;gap:.6rem;font-size:.72rem;color:var(--muted)}.spec-modal-kicker .status-dot{width:.45rem;height:.45rem;background:var(--primary);border-radius:50%;box-shadow:0 0 .5rem var(--primary)}.spec-modal-kicker .mono{color:var(--primary);font-weight:600}.spec-modal-close{display:grid;place-items:center;width:2rem;height:2rem;background:#12261f99;border:1px solid rgba(90,240,179,.2);border-radius:.4rem;color:var(--text);font-size:1.25rem;cursor:pointer;transition:all .2s ease;line-height:1}.spec-modal-close:hover{background:var(--primary);color:#06100d;border-color:var(--primary)}.spec-modal-body{padding:1.5rem 1.6rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(90,240,179,.3) transparent}.spec-modal-body::-webkit-scrollbar{width:6px}.spec-modal-body::-webkit-scrollbar-thumb{background:#5af0b340;border-radius:3px}.spec-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.4rem}.spec-modal-titles h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;color:var(--text);line-height:1.15}.spec-modal-sub{margin-top:.35rem;color:var(--mint);font-size:.95rem;font-weight:500}.spec-modal-preview{position:relative;width:100%;height:clamp(12rem,28vw,19rem);border-radius:.75rem;overflow:hidden;border:1px solid rgba(90,240,179,.2);background:#050e0b;margin-bottom:1.8rem}.spec-modal-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.spec-modal-preview-bar{position:absolute;bottom:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:linear-gradient(180deg,transparent,rgba(3,8,6,.92) 50%);font-size:.68rem}.spec-modal-preview-bar .mono{color:var(--muted);letter-spacing:.05em}.spec-live-pill{display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-size:.65rem;font-weight:700}.spec-live-pill i{width:.4rem;height:.4rem;border-radius:50%;background:var(--primary);box-shadow:0 0 .5rem var(--primary)}.spec-modal-section{margin-bottom:1.7rem}.spec-section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.8rem;font-weight:600}.spec-section-title .mono{color:var(--primary)}.spec-overview-text{color:var(--text);font-size:.94rem;line-height:1.65;opacity:.92}.spec-arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem}.spec-arch-card{padding:.9rem 1rem;background:#0e1e188c;border:1px solid rgba(90,240,179,.14);border-radius:.55rem}.spec-arch-card__step{font-size:.68rem;color:var(--primary);font-weight:700}.spec-arch-card__label{font-size:.88rem;font-weight:700;color:var(--text);margin-block:.2rem .35rem}.spec-arch-card__desc{font-size:.78rem;color:var(--muted);line-height:1.45}.spec-features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.85rem}.spec-feature-item{padding:.85rem 1rem;background:#0c1a1573;border:1px solid rgba(90,240,179,.12);border-radius:.5rem}.spec-feature-item h5{font-size:.88rem;color:var(--mint);font-weight:600;margin-bottom:.3rem}.spec-feature-item p{font-size:.78rem;color:var(--text);opacity:.82;line-height:1.45}.spec-tech-grid{display:flex;flex-wrap:wrap;gap:.6rem}.spec-tech-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;background:#12261e80;border:1px solid rgba(90,240,179,.18);border-radius:999px;font-size:.78rem;color:var(--text);font-weight:500}.spec-tech-chip .tech-logo{display:grid;place-items:center;color:var(--primary)}.spec-tech-chip .tech-logo svg{width:.9rem;height:.9rem;fill:currentColor}.spec-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-top:1px solid rgba(90,240,179,.15);background:#0a1612bf}.spec-modal-footer .mono{font-size:.68rem;color:var(--muted)}.spec-footer-buttons{display:flex;align-items:center;gap:.65rem}@media(max-width:640px){.spec-modal-container{max-height:94vh}.spec-modal-body{padding:1.1rem}.spec-features-list{grid-template-columns:1fr}.spec-modal-footer{flex-direction:column-reverse;gap:.8rem;align-items:stretch}.spec-footer-buttons{width:100%;justify-content:space-between}}