:root{--bg-0: #f4f8fc;--bg-1: #e8f1f8;--bg-2: #e8f9f4;--text-main: #1c2430;--text-muted: #526476;--primary: #2f6bff;--accent: #7aa3ff;--line: #d6e1ed;--panel: rgba(255, 255, 255, .85)}html{scroll-behavior:smooth}section[id],main[id]{scroll-margin-top:86px}.site-nav-wrap{position:sticky;top:0;z-index:80;backdrop-filter:blur(6px);background:color-mix(in srgb,var(--bg-0) 88%,transparent);border-bottom:1px solid var(--line)}.site-nav{max-width:1140px;margin:0 auto;padding:.7rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{color:var(--primary);text-decoration:none;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.site-nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.site-nav-links a{display:inline-flex;padding:.45rem .72rem;border-radius:999px;text-decoration:none;color:var(--text-muted);font-weight:700;font-size:.84rem;transition:background-color .2s ease,color .2s ease}.site-nav-links a:hover{background:color-mix(in srgb,var(--accent) 18%,white);color:var(--primary)}.site-nav-toggle{display:none;border:1px solid color-mix(in srgb,var(--primary) 35%,white);background:color-mix(in srgb,var(--accent) 12%,white);color:var(--primary);font-weight:700;border-radius:10px;padding:.45rem .7rem;cursor:pointer}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(150deg,var(--bg-0) 0%,var(--bg-1) 60%,var(--bg-2) 100%);color:var(--text-main)}.portfolio{max-width:960px;margin:0 auto;padding:0 1.25rem 3rem;display:grid;gap:.4rem}.hero{margin-top:.8rem;padding:2.4rem 1.9rem;min-height:calc(100vh - 86px);display:flex;align-items:center;border-radius:26px;background:var(--bg-0);box-shadow:0 8px 18px #0000000a}.hero-layout{display:grid;width:100%;max-width:860px}.hero-copy{display:grid;gap:.55rem}.hero-name{margin:0;font-size:clamp(2.7rem,8.2vw,5.6rem);line-height:1.08;letter-spacing:-.02em;color:var(--text-main)}.hero-role-line{margin:0;font-size:clamp(1.7rem,4.8vw,3rem);line-height:1.1;font-weight:800;color:var(--primary)}.bio{margin:1rem 0 0;line-height:1.6;max-width:52ch;color:var(--text-muted);font-size:clamp(1rem,2.1vw,1.18rem)}.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;width:fit-content;text-decoration:none;color:#fff;background:var(--primary);border-radius:12px;padding:0 1.6rem;font-weight:700;font-size:1.02rem;transition:transform .2s ease,background-color .2s ease}.hero-cta:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--primary) 88%,black)}.hero-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.35rem}.hero-social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,white);text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease;font-size:1.2rem}.hero-social-icon:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.project-card{padding:.9rem;border-radius:12px;background:#faf8f3;border:1px solid #ece4d8}.project-card h3{margin-top:0}.stack-list{list-style:none;padding:0;margin:.5rem 0;display:flex;gap:.4rem;flex-wrap:wrap}.stack-list li{font-size:.8rem;padding:.2rem .45rem;background:#ece2d2;border-radius:999px}.project-card a{color:#1c5a8f;font-weight:600}.page-wrapper{width:100%}.experience-section{max-width:1120px;margin:0 auto;padding:1rem 1.25rem 3.2rem}.experience-head{text-align:center;margin-bottom:1.2rem}.experience-head h2{margin:.1rem 0 0;font-size:clamp(1.6rem,3.2vw,2.2rem)}.experience-timeline{position:relative;padding:.2rem 0}.experience-line{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%);border-radius:999px;background:color-mix(in srgb,var(--primary) 25%,white)}.experience-line-fill{position:absolute;left:0;top:0;width:100%;border-radius:inherit;background:linear-gradient(180deg,var(--primary) 0%,var(--accent) 100%);transition:height .18s linear}.experience-entry{position:relative;width:50%;margin:1.35rem 0;opacity:0;transition:transform .55s ease,opacity .55s ease}.experience-entry.left{left:0;padding-right:2.6rem;text-align:right;transform:translate(-72px)}.experience-entry.right{left:50%;padding-left:2.6rem;transform:translate(72px)}.experience-entry.visible{opacity:1;transform:translate(0)}.experience-node{position:absolute;top:2.2rem;width:18px;height:18px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 45%,white);background:#fff;box-shadow:0 0 0 4px #ffffffb3}.experience-entry.left .experience-node{right:-9px}.experience-entry.right .experience-node{left:-9px}.experience-card{border:1px solid #e7e0d3;border-radius:14px;padding:1rem;background:#fff;box-shadow:0 10px 24px #0000000f}.experience-period{margin:0;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--accent)}.experience-card h3{margin:.45rem 0 0}.experience-company{margin:.2rem 0 0;font-weight:600;color:var(--primary)}.experience-details{margin:.6rem 0 0;line-height:1.6;color:var(--text-muted)}.scroll-projects{max-width:1100px;margin:0 auto;padding:0 1.25rem 2rem}.scroll-stack-heading{text-align:center;margin-bottom:1rem}.scroll-stack-heading h2{margin:0;font-size:clamp(1.7rem,4vw,3rem);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-scroll-layout{position:relative;min-height:360vh}.stack-scroll-steps{position:relative;z-index:6;display:grid;gap:0}.stack-step{height:88vh;display:block;padding:0;border-left:2px dashed color-mix(in srgb,var(--primary) 35%,transparent);margin-left:.55rem}.stack-step span,.stack-step p{display:none}.projects-sticky-shell{position:sticky;top:6vh;height:80vh;margin-top:calc(-352vh + 1rem);z-index:2;display:block;pointer-events:none}.projects-stack{position:relative;width:100%;height:100%}.stack-project-layer{position:absolute;top:50%;left:4.8rem;width:min(760px,calc(100% - 5.2rem));transform-origin:center center;will-change:transform,opacity;transition:transform .2s linear,opacity .2s linear;pointer-events:none}.stack-project-layer:before{content:"";position:absolute;left:-1.35rem;top:1.08rem;width:1.35rem;border-top:2px solid color-mix(in srgb,var(--primary) 34%,white)}.stack-project-anchor{position:absolute;left:-3.7rem;top:-.1rem;width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--primary) 30%,white);font-size:.68rem;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--accent) 20%,white);box-shadow:0 2px 8px #0f4c8124}.stack-project-anchor:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:2px;height:.95rem;background:color-mix(in srgb,var(--primary) 34%,white)}.stack-project-card{background:#fffffff7;border:1px solid color-mix(in srgb,var(--primary) 16%,white);border-radius:16px;padding:1.35rem 1.3rem 1.5rem;min-height:318px;margin-top:1.35rem;box-shadow:0 20px 44px #00000026;pointer-events:auto}.stack-project-card h3{margin:.7rem 0 0;font-size:clamp(1.2rem,2.1vw,1.95rem)}.stack-project-card p{line-height:1.7;color:var(--text-muted);margin:.8rem 0 1rem}.tech-stack{list-style:none;padding:0;margin:0 0 1rem;display:flex;gap:.55rem;flex-wrap:wrap}.tech-stack li{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,white),color-mix(in srgb,var(--accent) 12%,white));padding:.4rem .86rem;border-radius:20px;font-size:.88rem;font-weight:600;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 20%,white)}.stack-project-link{display:inline-block;padding:.75rem 1.3rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:transform .25s ease,box-shadow .25s ease}.stack-project-link:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--primary) 86%,black);box-shadow:0 10px 25px #0f4c8138}.contact-section{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-0) 92%,white),color-mix(in srgb,var(--accent) 10%,white));padding:4.2rem 1.25rem;margin-top:3rem}.contact-container{max-width:1080px;margin:0 auto}.contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.15rem;align-items:stretch;margin-bottom:1.2rem}.contact-intro{border:1px solid color-mix(in srgb,var(--primary) 18%,white);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,white),color-mix(in srgb,var(--accent) 10%,white));padding:1.3rem;display:grid;align-content:start;gap:.7rem}.contact-intro h2{margin:0;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.08;color:var(--primary)}.contact-intro p{margin:0;line-height:1.7;color:var(--text-muted)}.contact-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.2rem}.contact-tags span{display:inline-flex;align-items:center;padding:.36rem .64rem;border-radius:999px;background:#fff;border:1px solid color-mix(in srgb,var(--accent) 45%,white);color:var(--primary);font-size:.8rem;font-weight:700}.contact-form{background:#ffffffe6;padding:1.2rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary) 18%,white);box-shadow:0 14px 32px #0d1e3714;display:grid;gap:.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.form-group{margin-bottom:0}.form-group label{display:block;font-weight:600;margin-bottom:.45rem;color:var(--primary);font-size:.88rem;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:.86rem;border:1px solid color-mix(in srgb,var(--primary) 18%,white);border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:var(--text-main)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f4c811f}.submit-btn{width:fit-content;min-width:180px;padding:.86rem 1.2rem;background:var(--primary);color:#fff;border:1px solid color-mix(in srgb,var(--primary) 86%,black);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.submit-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--primary) 88%,black);box-shadow:0 10px 25px #0f4c8138}.submit-btn:active{transform:translateY(0)}.success-message{margin-top:.2rem;padding:.8rem;background:color-mix(in srgb,var(--accent) 16%,white);color:color-mix(in srgb,var(--primary) 82%,black);border-radius:10px;text-align:left;font-weight:700;animation:slideIn .3s ease;border:1px solid color-mix(in srgb,var(--accent) 42%,white)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.2rem}.info-item{background:#ffffffe0;padding:1rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 16%,white);text-align:left;box-shadow:0 8px 20px #0a14230d}.info-item strong{display:block;margin-bottom:.38rem;color:var(--primary);font-size:.94rem;letter-spacing:.02em}.info-item a{color:var(--primary);text-decoration:none;font-weight:700;transition:color .2s ease}.info-item a:hover{color:color-mix(in srgb,var(--accent) 70%,var(--primary))}.info-item p{margin:0;color:var(--text-muted);line-height:1.5;font-size:.92rem}.social-links{display:flex;justify-content:flex-start;gap:.45rem;flex-wrap:wrap;margin-top:.2rem}.social-links a{padding:.42rem .62rem;background:color-mix(in srgb,var(--primary) 8%,white);border-radius:9px;transition:background-color .2s ease,color .2s ease;font-size:.84rem}.social-links a:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;text-decoration:none}@media (max-width: 640px){.site-nav{padding:.65rem .8rem;flex-wrap:wrap}.site-nav-toggle{display:inline-flex}.site-nav-links{width:100%;display:none;flex-direction:column;align-items:stretch;gap:.35rem;padding-top:.35rem}.site-nav-links.open{display:flex}.site-nav-links a{border-radius:10px;background:#f6eee3;justify-content:center}.portfolio{padding:1rem .8rem 2rem}.hero{min-height:74vh;border-radius:20px;padding:1.35rem 1.1rem}.hero-layout{max-width:100%}.hero-name{font-size:clamp(2.2rem,10vw,3.4rem)}.hero-role-line{font-size:clamp(1.35rem,6.5vw,2rem)}.hero-actions{flex-direction:row;gap:.5rem}.scroll-stack-heading h2,.contact-header h2{font-size:2rem}.stack-project-card{padding:1rem;min-height:260px;margin-top:.95rem}.stack-project-layer{left:3.4rem;width:calc(100% - 3.6rem)}.stack-project-anchor{left:-2.4rem;width:1.72rem;height:1.72rem;font-size:.66rem}.stack-project-layer:before{left:-.8rem;width:.8rem;top:.52rem}.contact-form{padding:1.5rem}.contact-info{grid-template-columns:1fr}.contact-shell{grid-template-columns:1fr;gap:.8rem}.contact-intro{padding:1rem}.form-row{grid-template-columns:1fr}.submit-btn{width:100%}.scroll-projects{padding:0 .8rem}.stack-scroll-layout{min-height:330vh}.stack-step{height:82vh}.projects-sticky-shell{top:7vh;height:82vh;margin-top:calc(-322vh + 1rem)}.stack-project-layer{left:2.7rem;width:calc(100% - 2.9rem)}.stack-project-layer:before{display:none}.stack-project-anchor{left:-1.8rem;top:-.2rem;width:1.45rem;height:1.45rem;font-size:.58rem}.stack-project-anchor:after{height:.65rem}.experience-section{padding:0 .8rem 2rem}.experience-line{left:20px;transform:none}.experience-entry{width:100%;left:0!important;text-align:left;padding-left:3rem;padding-right:0;margin:1rem 0}.experience-entry.left,.experience-entry.right{transform:translate(0)}.experience-node,.experience-entry.left .experience-node,.experience-entry.right .experience-node{left:11px;right:auto;top:1.35rem}}