*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e0e;--bg2:#141414;--bg3:#1a1a1a;--cream:#e8e2d5;--cream-dim:#b0a898;--accent:#49d6ff;--accent-dim:#49d6ff26;--border:#e8e2d51a;--font-display:"DM Sans", "Inter", sans-serif;--font-body:"Inter", sans-serif}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--cream);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.app{z-index:1;position:relative}.navbar{z-index:100;justify-content:space-between;align-items:center;padding:1.4rem 3rem;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0e0e0ee0}.nav-logo{letter-spacing:.01em;gap:.3rem;font-size:1.1rem;font-weight:700;display:flex}.logo-first{color:var(--cream)}.logo-last{color:var(--accent)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{letter-spacing:.08em;text-transform:uppercase;color:var(--cream-dim);font-size:.85rem;transition:color .2s}.nav-link:hover{color:var(--cream)}.nav-cta{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;transition:background .2s,color .2s}.nav-cta:hover{background:var(--accent);color:var(--bg)}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-burger span{background:var(--cream);width:24px;height:2px;display:block}.section{z-index:2;max-width:1300px;margin:0 auto;padding:8rem 3rem 6rem;position:relative}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.78rem;display:flex}.label-line{background:var(--accent);width:40px;height:1px;display:block}.section-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cream);margin-bottom:3rem;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;line-height:1.1}.section-heading em{color:var(--accent);font-style:normal}.hero{z-index:2;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding:0 3rem;display:flex;position:relative;overflow:hidden}.hero-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);align-items:center;gap:1rem;margin-top:6rem;margin-bottom:2.5rem;font-size:.78rem;display:flex}.hero-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.hero-headline{margin-bottom:2rem}.hero-line-wrap{overflow:hidden}.hero-line-wrap.offset{padding-left:12vw}.hero-name-first,.hero-name-last{font-family:var(--font-display);letter-spacing:-.04em;color:var(--cream);text-transform:uppercase;font-size:clamp(5rem,13vw,11rem);font-weight:800;line-height:.92;animation:1s cubic-bezier(.16,1,.3,1) both slideUp}.hero-name-last{color:#0000;-webkit-text-stroke:2px var(--cream);animation-delay:.1s}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hero-bottom{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:2rem;display:flex}.hero-role-tag{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);padding:.3rem .9rem;font-size:.78rem;font-weight:600;display:inline-block}.hero-tagline{color:var(--cream-dim);letter-spacing:.02em;min-height:1.4em;font-size:.9rem;font-style:italic}.hero-scroll-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);align-items:center;gap:1rem;margin-top:4rem;font-size:.72rem;display:flex}.scroll-line{background:var(--cream-dim);width:48px;height:1px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;width:48px}50%{opacity:1;width:72px}}.hero-disciplines{letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);text-align:right;flex-direction:column;gap:1rem;font-size:.7rem;display:flex;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.about-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:5rem;display:grid}.about-text{color:var(--cream-dim);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.about-stats{border-top:1px solid var(--border);gap:3rem;margin-top:2.5rem;padding-top:2rem;display:flex}.stat-num{color:var(--accent);letter-spacing:-.03em;font-size:2.8rem;font-weight:800;line-height:1;display:block}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);margin-top:.4rem;font-size:.75rem;display:block}.services{background:var(--bg2);max-width:100%;padding-left:calc(50vw - 650px + 3rem);padding-right:calc(50vw - 650px + 3rem)}.services-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.service-card{border:1px solid var(--border);cursor:default;margin:-1px 0 0 -1px;padding:2.5rem 2rem;transition:background .25s,border-color .25s;position:relative}.service-card:hover{background:var(--accent-dim);border-color:var(--accent);z-index:2}.service-num{letter-spacing:.12em;color:var(--accent);margin-bottom:1.2rem;font-size:.7rem;display:block}.service-title{color:var(--cream);letter-spacing:-.01em;margin-bottom:.9rem;font-size:1.2rem;font-weight:700}.service-desc{color:var(--cream-dim);font-size:.88rem;line-height:1.7}.service-arrow{color:var(--accent);opacity:0;font-size:1.2rem;transition:opacity .2s,transform .2s;position:absolute;bottom:2rem;right:2rem;transform:translate(-6px)}.service-card:hover .service-arrow{opacity:1;transform:translate(0)}.skills-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem;display:grid}.skill-category{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:.8rem;font-size:.78rem}.skill-list{flex-direction:column;gap:.7rem;display:flex}.skill-item{color:var(--cream-dim);align-items:center;gap:.7rem;font-size:.9rem;transition:color .2s;display:flex}.skill-item:hover{color:var(--cream)}.skill-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.experience{background:var(--bg2);max-width:100%;padding-left:calc(50vw - 650px + 3rem);padding-right:calc(50vw - 650px + 3rem)}.timeline{flex-direction:column;gap:0;max-width:900px;display:flex}.timeline-item{gap:2rem;display:flex}.timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.timeline-dot{border:2px solid var(--accent);background:var(--bg2);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px}.timeline-line{background:var(--border);flex:1;width:2px;min-height:50px;margin-top:4px}.timeline-content{flex:1;padding-bottom:3.5rem}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1.2rem;display:flex}.timeline-role{color:var(--cream);letter-spacing:-.01em;font-size:1.3rem;font-weight:700}.timeline-company{color:var(--accent);letter-spacing:.06em;margin-top:.25rem;font-size:.85rem;display:block}.timeline-duration{letter-spacing:.1em;color:var(--cream-dim);text-transform:uppercase;flex-shrink:0;padding-top:.25rem;font-size:.78rem}.timeline-points{flex-direction:column;gap:.6rem;list-style:none;display:flex}.timeline-points li{color:var(--cream-dim);padding-left:1.2rem;font-size:.92rem;line-height:1.6;position:relative}.timeline-points li:before{content:"→";color:var(--accent);font-size:.8rem;position:absolute;left:0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.project-card{border:1px solid var(--border);flex-direction:column;gap:.8rem;margin:-1px 0 0 -1px;padding:2.5rem 2rem;transition:background .25s;display:flex;position:relative}.project-card:hover{background:var(--bg3)}.project-index{color:var(--accent);letter-spacing:.12em;font-size:.7rem;font-weight:600}.project-title{color:var(--cream);letter-spacing:-.01em;font-size:1.1rem;font-weight:700;line-height:1.3}.project-desc{color:var(--cream-dim);flex:1;font-size:.87rem;line-height:1.7}.project-stack{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.project-tag{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);border:1px solid #c8ff0033;padding:.2rem .55rem;font-size:.7rem}.project-link{color:var(--cream-dim);letter-spacing:.04em;margin-top:.5rem;font-size:.82rem;transition:color .2s;display:inline-block}.project-link:hover{color:var(--accent)}.testimonials{background:var(--bg2);max-width:100%;padding-left:calc(50vw - 650px + 3rem);padding-right:calc(50vw - 650px + 3rem)}.testimonial-stage{max-width:800px}.testimonial-card{background:var(--bg3);border:1px solid var(--border);margin-bottom:2rem;padding:3rem;position:relative}.testimonial-quote{color:var(--accent);opacity:.6;margin-bottom:1rem;font-family:Georgia,serif;font-size:5rem;line-height:.6}.testimonial-text{color:var(--cream-dim);margin-bottom:2rem;font-size:1.05rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{background:var(--accent);width:44px;height:44px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.author-name{color:var(--cream);font-size:.95rem;font-weight:700}.author-role{color:var(--accent);letter-spacing:.06em;margin-top:.2rem;font-size:.78rem}.testimonial-controls{align-items:center;gap:1.5rem;display:flex}.tctl-btn{border:1px solid var(--border);width:44px;height:44px;color:var(--cream);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1rem;transition:border-color .2s,background .2s;display:flex}.tctl-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.tctl-dots{gap:.6rem;display:flex}.tctl-dot{background:var(--border);cursor:pointer;border:1px solid var(--cream-dim);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.tctl-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.2)}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:5rem;display:grid}.contact-intro{color:var(--cream-dim);margin-bottom:2rem;font-size:1rem;line-height:1.8}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-item{color:var(--cream-dim);align-items:center;gap:.9rem;font-size:.9rem;display:flex}.contact-icon{color:var(--accent);font-size:1rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.form-group input,.form-group textarea{background:var(--bg2);border:1px solid var(--border);color:var(--cream);font-size:.92rem;font-family:var(--font-body);resize:vertical;outline:none;padding:.9rem 1.1rem;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--cream-dim);opacity:.5}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--bg);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-body);border:none;align-self:flex-start;padding:1rem 2rem;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-outline{color:var(--cream);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:0 0;margin-top:1rem;padding:.7rem 1.5rem;transition:border-color .2s,color .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.contact-success{text-align:center;border:1px solid var(--border);background:var(--bg2);padding:3rem 2rem}.success-icon{background:var(--accent);width:56px;height:56px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.4rem;font-weight:800;display:flex}.contact-success h3{color:var(--cream);margin-bottom:.6rem;font-size:1.3rem}.contact-success p{color:var(--cream-dim);margin-bottom:1rem;font-size:.9rem}.footer{z-index:2;border-top:1px solid var(--border);background:var(--bg);padding:3rem;position:relative}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.footer-logo{gap:.3rem;font-size:1.2rem;font-weight:700;display:flex}.footer-links{flex-wrap:wrap;gap:2rem;display:flex}.footer-social{letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim);font-size:.82rem;transition:color .2s}.footer-social:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1.5rem;display:flex}.footer-copy,.footer-note{color:var(--cream-dim);letter-spacing:.05em;font-size:.78rem}@media (width<=1024px){.services-grid,.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.hero-disciplines{display:none}}@media (width<=768px){.navbar{padding:1.2rem 1.5rem}.nav-links{background:var(--bg);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.nav-link{font-size:1.1rem}.nav-burger{z-index:100;display:flex}.section{padding:5rem 1.5rem 4rem}.hero{padding:0 1.5rem}.services-grid,.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.about-stats{flex-wrap:wrap;gap:1.5rem}.hero-name-first,.hero-name-last{font-size:clamp(3.5rem,17vw,6rem)}.timeline-header{flex-direction:column}.services,.experience,.testimonials{padding-left:1.5rem;padding-right:1.5rem}.footer{padding:2rem 1.5rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent)}::selection{background:var(--accent);color:var(--bg)}