:root{--color-bg:#fff;--color-surface:#f5f5f5;--color-olive:#c20;--color-olive-dark:#991900;--color-olive-light:#f42;--color-text-primary:#1a1f3c;--color-text-secondary:#888;--color-text-muted:#aaa;--color-white:#fff;--color-border:#e0e0e0;--bg-hero:#fff;--bg-about:#fff;--bg-experience:#fff;--bg-projects:#fff;--bg-skills:#fff;--bg-contact:#fff;--card-olive:#fff;--card-terracotta:#fff;--card-sage:#fff;--font-display:"Bebas Neue", "Anton", sans-serif;--font-body:"Inter", "DM Sans", system-ui, sans-serif;--text-hero:clamp(48px, 8vw, 80px);--text-display:clamp(36px, 5vw, 64px);--text-heading:clamp(24px, 3vw, 40px);--text-subheading:20px;--text-body-lg:18px;--text-body:16px;--text-small:14px;--text-xs:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:96px;--space-11:120px;--space-12:160px;--container-max:1280px;--navbar-height:72px;--section-padding:var(--space-11);--card-padding:var(--space-7);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:20px;--border-radius-pill:100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);font-size:16px}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);padding-top:var(--navbar-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}.text-hero{font-family:Anton,sans-serif;font-weight:400;font-size:var(--text-hero);text-transform:uppercase;letter-spacing:.02em;line-height:.9}.text-display{font-size:var(--text-display);line-height:1.1}.text-heading{font-size:var(--text-heading)}.text-subheading{font-family:var(--font-body);font-weight:600;font-size:var(--text-subheading);line-height:1.3}.text-body-lg{font-size:var(--text-body-lg);line-height:1.7}.text-body{font-size:var(--text-body)}.text-small{font-size:var(--text-small);line-height:1.5}.text-xs{font-size:var(--text-xs);font-weight:500;line-height:1.4}.overline{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--color-olive);margin-bottom:var(--space-4);font-size:12px;font-weight:500;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 64px}section{padding:var(--section-padding) 0;scroll-margin-top:var(--navbar-height);position:relative}.grid-2{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.btn-primary{background:var(--color-olive);color:#fff;font-family:var(--font-body);border-radius:var(--border-radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--color-olive-dark);color:#fff;transform:translateY(-1px)}.btn-olive{background-color:var(--color-olive-dark);color:var(--color-white);font-family:var(--font-body);border-radius:50px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.btn-olive:hover{background-color:var(--color-olive);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-primary);border:1.5px solid var(--color-border);font-family:var(--font-body);border-radius:var(--border-radius-pill);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-olive);color:var(--color-olive);transform:translateY(-1px)}.btn-ghost{color:var(--color-olive);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.btn-ghost:after{content:"→";transition:transform .2s}.btn-ghost:hover{color:var(--color-olive-dark)}.btn-ghost:hover:after{transform:translate(4px)}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--card-padding);transition:box-shadow .2s,transform .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.chip{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);border-radius:var(--border-radius-pill);align-items:center;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.reveal{opacity:0;transform:translateY(24px)}.reveal.visible{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.site-nav{width:100%;height:var(--navbar-height);z-index:100;background:#fff;border-bottom:1px solid #0000;transition:border-color .3s;position:fixed;top:0;left:0}.site-nav.scrolled{border-bottom-color:var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;height:100%;display:grid}.nav-logo{font-family:var(--font-display);letter-spacing:.12em;color:var(--color-text-primary);justify-self:start;font-size:20px;font-weight:700}.nav-links{justify-self:center;align-items:center;gap:60px;display:flex}.nav-link{font-family:var(--font-body);letter-spacing:.04em;color:#1a1f3c;text-transform:uppercase;outline:none;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,font-weight .15s;position:relative}.nav-link:after{display:none}.nav-link:hover{color:var(--color-olive)}.nav-link.active{color:#1a1f3c;font-weight:900}.nav-link.active:after{display:none}.nav-cta{justify-self:end}.nav-cta .btn-primary{padding:8px 18px;font-size:13px}.nav-hamburger{color:var(--color-olive);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.new-hero{height:calc(100dvh - var(--navbar-height));background-color:#e6f0f9;justify-content:center;align-items:flex-end;min-height:500px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}.new-hero.white-theme{background-color:#fff}.hero-left-text{font-family:var(--font-body);color:#888;text-align:center;z-index:5;font-size:14px;line-height:1.8;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.hero-bg-portfolio{color:#1a1f3c;-webkit-text-stroke:1px #fff;letter-spacing:-2px;white-space:nowrap;z-index:1;font-family:Anton,sans-serif;font-size:clamp(80px,10vw,130px);line-height:1;position:absolute;top:calc(40% - 64px);left:50%;transform:translate(-50%,-50%)}.star-icon{position:absolute;top:-57px;right:-30px}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-icon svg{transform-origin:50%;animation:16s linear infinite starSpin}.hero-portrait-new{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:60vh;height:60vh;display:flex;position:absolute;bottom:calc(10% + 40px);left:50%;overflow:hidden;transform:translate(-50%)}.hero-portrait-new img{object-fit:cover;object-position:top center;background:0 0;width:100%;height:100%}.hero-bottom-left{z-index:5;position:absolute;bottom:34px;left:40px}.hero-bottom-left h2{color:#666;letter-spacing:.2em;margin:0;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.hero-right-cta{z-index:10;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-bottom-right{z-index:5;gap:30px;display:flex;position:absolute;bottom:26px;right:32px}.social-icon-clean{color:#1a1f3c;background:0 0;border:none;padding:0;transition:transform .2s,color .2s}.social-icon-clean svg{width:26px;height:26px}.social-icon-clean:hover{color:#a82828;transform:translateY(-3px)}@media (width<=768px){.hero-bg-portfolio{font-size:20vw}.portrait-circle-bg{width:40vh;height:40vh}.hero-bottom-left{bottom:20px;left:20px}.hero-bottom-right{gap:8px;bottom:20px;right:20px}.social-sq-icon{width:32px;height:32px}}.section-about{background-color:var(--bg-about);height:calc(100vh - var(--navbar-height));z-index:10;align-items:center;padding:40px 0;display:flex;position:relative;overflow:hidden}.hero-dark-overlay{opacity:0;pointer-events:none;z-index:50;background:#000;position:absolute;inset:0}.scroll-progress-line{z-index:100;pointer-events:none;opacity:0;background:#c20;width:0%;height:2px;position:fixed;bottom:0;left:0}.about-new-container{max-width:var(--container-max);margin:0 auto;padding:0 64px}.about-new-layout{background-color:var(--color-white);border-radius:var(--border-radius-lg);grid-template-columns:1fr 1fr;gap:40px;display:grid;position:relative;overflow:hidden}.about-new-left{flex-direction:column;padding:40px;display:flex}.about-dots{gap:8px;margin-bottom:20px;display:flex}.about-dots span{background-color:var(--color-text-primary);border-radius:50%;width:10px;height:10px}.about-heading-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.about-new-title{font-family:var(--font-display);color:var(--color-text-primary);text-transform:uppercase;font-size:clamp(60px,8vw,100px);font-weight:700;line-height:.9}.about-sun-icon svg{width:48px;height:48px;animation:15s linear infinite starSpin}.about-text-content{margin-bottom:24px}.about-text-content p{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:12px;font-size:15px;line-height:1.5}.about-text-content p:last-child{margin-bottom:0}.about-stats-row{flex-wrap:wrap;gap:30px;margin-bottom:0;display:flex}.about-stat h3{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:4px;font-size:28px}.about-stat p{font-family:var(--font-body);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;font-size:13px}.about-new-right{flex-direction:column;justify-content:center;padding:40px 40px 40px 0;display:flex}.education-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;margin-bottom:16px;font-size:24px}.education-item{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}.education-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.education-header{margin-bottom:8px}.education-header h4{font-family:var(--font-body);color:var(--color-text-primary);font-size:18px;font-weight:700}.education-date{color:var(--color-text-muted);margin-left:6px;font-size:15px;font-weight:400}.education-school{font-family:var(--font-body);color:var(--color-text-secondary);margin-bottom:4px;font-size:15px}.education-score{font-family:var(--font-body);color:var(--color-text-muted);font-size:14px}.education-score span{color:var(--color-olive);font-weight:600}@media (width<=992px){.about-new-layout{grid-template-columns:1fr}.about-new-right{padding:0 30px 30px}.about-new-left{padding:30px}.about-new-title{font-size:48px}}.section-experience{background-color:var(--bg-experience);height:calc(100vh - var(--navbar-height));flex-direction:column;justify-content:center;padding:40px 0;display:flex;overflow:hidden}.experience-header{text-align:center;margin-top:-24px;margin-bottom:40px}.experience-timeline{max-width:800px;margin:0 auto;position:relative}.timeline-entry{gap:var(--space-6);display:flex;position:relative}.timeline-marker{flex-direction:column;align-items:center;display:flex}.timeline-dot{background-color:var(--color-olive);border-radius:50%;width:12px;height:12px;margin-top:6px}.timeline-line{background-color:var(--color-border);width:1px;margin-top:var(--space-2);flex-grow:1}.timeline-content{padding-bottom:var(--space-8);flex:1}.timeline-date{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-2);font-size:13px}.timeline-title{font-family:var(--font-body);color:var(--color-text-primary);font-size:18px;font-weight:700}.timeline-role{font-family:var(--font-body);color:var(--color-olive);margin-bottom:var(--space-4);font-size:16px;font-weight:600}.timeline-list{padding-left:var(--space-4);color:var(--color-text-secondary);list-style:outside}.timeline-list li{margin-bottom:var(--space-2);font-size:15px}.section-work{background-color:var(--color-white);padding:var(--space-11) 0;position:relative}.projects-sticky-header{text-align:center;z-index:1;padding-bottom:30vh;position:sticky;top:35vh}.projects-sticky-header .text-display{font-size:calc(var(--text-display) + 8px)}.projects-stack-container{z-index:10;max-width:var(--container-max);margin:0 auto;padding:0 64px calc(10vh - 40px);position:relative}.project-band{width:100%;top:var(--navbar-height);transform-origin:top;will-change:transform;margin-bottom:100px;position:sticky}.project-band:last-child{margin-bottom:60px}.case-study-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);grid-template-columns:1fr 1.5fr;gap:40px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 -10px 40px #0000000d}.case-image-col{border-radius:var(--border-radius-md);width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.case-image-col img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.case-image-col img:hover{transform:scale(1.03)}.case-content-col{flex-direction:column;justify-content:center;padding:24px 0;display:flex;position:relative}.case-dots{gap:6px;display:flex;position:absolute;top:0;right:0}.case-dots span{background-color:var(--color-text-primary);opacity:.8;border-radius:50%;width:10px;height:10px}.case-header{margin-bottom:16px;position:relative}.case-title-bold{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:.02em;text-transform:uppercase;font-size:72px;font-weight:800;line-height:.8}.case-title-cursive{color:var(--color-olive);pointer-events:none;z-index:10;font-family:Great Vibes,cursive;font-size:64px;position:absolute;top:-10px;left:208px;transform:rotate(-8deg)}.case-description{font-family:var(--font-body);color:var(--color-text-secondary);max-width:100%;margin-bottom:40px;padding-left:20px;font-size:16px;line-height:1.7;list-style:outside}.case-description li{margin-bottom:8px}.case-actions{margin-top:auto}.case-btn{font-family:var(--font-body);color:var(--color-olive);border:1px solid var(--color-olive);border-radius:var(--border-radius-pill);align-items:center;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.case-btn:hover{background:var(--color-olive);color:var(--color-white)}.case-sparkles{color:var(--color-olive);position:absolute;bottom:0;right:0}.case-sparkles svg{width:24px;height:24px;position:absolute}.case-sparkles svg:first-child{animation:10s linear infinite starSpin;bottom:30px;right:30px}.case-sparkles svg.small{width:14px;height:14px;animation:8s linear infinite reverse starSpin;bottom:15px;right:10px}.project-band:hover .project-image-wrap img{transform:scale(1.04)}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-skills{background-color:var(--bg-skills);padding:80px 0}.skills-header{margin-bottom:var(--space-8)}.skill-card{background:var(--color-white);border:2px solid #1c2a43;border-radius:0;flex-direction:column;height:100%;padding:32px;display:flex}.skill-cat{color:#1c2a43;text-align:center;letter-spacing:.5px;margin:0 0 24px;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.skill-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.skill-list li{color:#4a5568;align-items:flex-start;gap:12px;font-family:Inter,sans-serif;font-size:14px;display:flex}.skill-list li:before{content:"✓";color:#a0aec0;margin-top:2px;font-size:12px}.skill-tags .chip{background:var(--color-surface);border-color:var(--color-border)}.cert-strip-wrap{background-color:var(--color-surface);width:100vw;padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:24px;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.cert-strip{gap:var(--space-8);white-space:nowrap;padding:0 var(--space-4);animation:40s linear infinite scroll-x;display:flex}.cert-item{font-family:var(--font-body);color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:inline-flex}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-contact{background-color:var(--bg-contact);min-height:calc(100vh - var(--navbar-height));align-items:center;padding:80px 0;display:flex}.section-contact .container{width:100%}.contact-intro{margin-bottom:8px}.contact-form{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-4);display:flex}.form-group{flex-direction:column;flex:1;display:flex}.form-control{background:var(--color-white);border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text-primary);border-radius:10px;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{border-color:var(--color-olive);outline:none}textarea.form-control{resize:vertical;min-height:80px}.btn-submit{width:100%;margin-top:var(--space-2);border-radius:10px;padding:16px}.contact-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:16px}.contact-card-title{font-family:var(--font-body);margin-bottom:var(--space-6);font-size:20px;font-weight:700}.contact-info-list{flex-direction:column;display:flex}.contact-info-row{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:12px 0;display:flex}.contact-info-row:first-child{padding-top:0}.contact-icon{background:var(--color-olive);width:44px;height:44px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-details{flex-direction:column;display:flex}.contact-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px}.contact-value{color:var(--color-text-primary);font-size:15px;font-weight:500}.contact-availability{margin-top:var(--space-6)}.avail-chips{margin-bottom:var(--space-3);flex-wrap:wrap;gap:8px;display:flex}.avail-chip{background:var(--color-olive);color:var(--color-white);border-radius:var(--border-radius-pill);padding:4px 12px;font-size:12px;font-weight:500}.avail-note{color:var(--color-text-muted);font-size:13px}.site-footer{z-index:100;color:#fff9;border-top:none;padding:60px 0 40px;position:relative;background:#000!important}.footer-inner{flex-direction:column;gap:40px;display:flex}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-logo{font-family:var(--font-display);color:#fff;letter-spacing:.12em;font-size:24px;font-weight:700}.footer-copyright{font-family:var(--font-body);margin:0;font-size:14px}.footer-nav{gap:var(--space-5);display:flex}.footer-nav a,.footer-social a{font-family:var(--font-body);color:#fff9;font-size:13px;transition:color .2s,transform .2s;display:inline-block}.footer-nav a:hover,.footer-social a:hover{color:#fff;transform:translate(2px)}.footer-social{gap:var(--space-4);display:flex}@media (width<=1024px){.container{padding:0 40px}:root{--text-hero:clamp(48px, 8vw, 90px)}.project-content{padding:60px 40px}}@media (width<=768px){.container{padding:0 24px}.grid-2,.grid-3{grid-template-columns:1fr}.nav-links,.nav-cta{display:none}.nav-hamburger{display:block}.project-content{gap:var(--space-5);padding:40px 24px;grid-template-columns:1fr!important}.project-band:nth-child(2n) .project-content{direction:ltr}.project-image-wrap{order:-1}.form-row{flex-direction:column}.footer-inner{height:auto;padding:var(--space-6) 0;gap:var(--space-4);text-align:center;flex-direction:column}}@media (width<=480px){.container{padding:0 20px}.hero-stats-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.hero-stat-divider{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.section-about,.section-experience{top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));border-top:1px solid var(--color-border);background-color:var(--color-white);flex-direction:column;justify-content:center;margin-bottom:50vh;display:flex;position:sticky;box-shadow:0 -20px 50px #00000014;padding:40px 0!important}.section-work{border-top:1px solid var(--color-border);background-color:var(--color-white);position:relative;box-shadow:0 -20px 50px #00000014}.section-about{z-index:10}.section-experience{z-index:20}.section-work{z-index:30}.section-skills{z-index:40;position:relative}.section-contact{z-index:50;position:relative}.section-contact .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-band:first-child .case-title-cursive{left:216px!important}