:root{--color-near-black: #141413;--color-terracotta: #c96442;--color-coral: #d97757;--color-error: #b53333;--color-focus-blue: #3898ec;--color-parchment: #f5f4ed;--color-ivory: #faf9f5;--color-white: #ffffff;--color-warm-sand: #e8e6dc;--color-dark-surface: #30302e;--color-deep-dark: #141413;--color-charcoal-warm: #4d4c48;--color-olive-gray: #5e5d59;--color-stone-gray: #87867f;--color-dark-warm: #3d3d3a;--color-warm-silver: #b0aea5;--color-border-cream: #f0eee6;--color-border-warm: #e8e6dc;--color-border-dark: #30302e;--color-ring-warm: #d1cfc5;--color-ring-deep: #c2c0b6;--font-serif: Georgia, "Times New Roman", Times, serif;--font-sans: Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--bg-page: #f5f4ed;--bg-card: #faf9f5;--bg-nav: rgba(245,244,237,.92);--text-primary: #141413;--text-secondary: #5e5d59;--text-tertiary: #87867f;--border-color: #f0eee6;--border-subtle: #f0eee6;--section-label-color: #c96442}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background-color:var(--bg-page);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;letter-spacing:normal}h1{font-size:64px;line-height:1.1;margin-bottom:24px}h2{font-size:36px;line-height:1.2;margin-bottom:48px}p{font-size:16px;margin-bottom:16px;color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-terracotta)}.container{max-width:1200px;margin:0 auto;padding:0 40px}.navbar{position:sticky;top:0;left:0;right:0;background:var(--bg-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;padding:16px 0}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:500;font-family:var(--font-serif);display:flex;align-items:center;gap:10px}.logo:before{content:"Z";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-terracotta);border-radius:8px;color:var(--color-ivory);font-family:var(--font-serif);font-size:16px;font-weight:500}.nav-menu{display:flex;list-style:none;gap:32px;align-items:center}.nav-menu li a{font-size:15px;font-weight:400;color:var(--text-secondary)}.nav-menu li a:hover{color:var(--text-primary)}.hero{position:relative;text-align:center;padding:120px 40px 100px;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;width:700px;height:700px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,100,66,.06) 0%,rgba(217,119,87,.03) 40%,transparent 70%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative}.hero h1{font-family:var(--font-serif);font-size:64px;font-weight:500;line-height:1.1;letter-spacing:normal;margin-bottom:24px;position:relative;color:var(--text-primary)}.hero h1 span{color:var(--color-terracotta)}.hero p{color:var(--text-secondary);font-family:var(--font-sans);font-size:20px;line-height:1.6;margin-bottom:40px;position:relative}.scroll-down{display:inline-block;font-size:32px;animation:bounce 2s infinite;color:var(--text-secondary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}section{padding:80px 0;border-bottom:1px solid var(--border-subtle);opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}section.animate-in{opacity:1;transform:translateY(0)}.section-title{font-family:var(--font-sans);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2.5px;color:var(--section-label-color);margin-bottom:12px}.about-content{display:flex;gap:64px}.about-text{flex:1}.experience-item{margin-bottom:64px;padding-bottom:64px;border-bottom:1px solid var(--border-subtle)}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;margin-bottom:16px}.experience-title{font-size:25px;font-weight:500;font-family:var(--font-serif)}.experience-date{font-size:14px;color:var(--text-tertiary)}.experience-company{font-size:18px;margin-bottom:16px;color:var(--color-terracotta)}.experience-description{margin-bottom:24px}.experience-skills{display:flex;flex-wrap:wrap;gap:12px}.experience-skill{font-size:14px;padding:8px 16px;background-color:var(--bg-card);border-radius:12px;box-shadow:0 0 0 1px var(--color-ring-warm)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.project-item{background:var(--bg-card);border-radius:12px;padding:28px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{transform:translateY(-4px);box-shadow:#0000000d 0 4px 24px}.project-image{width:100%;height:200px;background-color:var(--color-warm-sand);display:flex;align-items:center;justify-content:center;color:var(--color-charcoal-warm);font-size:18px;font-weight:500;border-radius:8px;margin-bottom:20px}.project-content{padding:0}.project-title{font-size:25px;font-family:var(--font-serif);margin-bottom:12px;color:var(--text-primary)}.project-description{margin-bottom:16px;font-size:15px;color:var(--text-secondary)}.project-link{font-size:14px;color:var(--color-terracotta);font-weight:500}.gallery{padding:80px 0;border-bottom:1px solid var(--border-subtle)}.gallery-section{margin-bottom:80px}.gallery-section:last-child{margin-bottom:0}.gallery-title{font-size:36px;font-family:var(--font-serif);margin-bottom:48px;color:var(--text-primary)}.gallery-scroll-container{position:relative;overflow:hidden;margin:0 -20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color)}.gallery-scroll{display:flex;gap:20px;padding:20px;transition:transform .5s ease;will-change:transform}.gallery-item{flex:0 0 300px;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:1;background-color:var(--bg-card);box-shadow:0 0 0 1px var(--color-ring-warm);transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:#0000000d 0 4px 24px;z-index:10}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:100%;padding:0 20px;pointer-events:none;z-index:20}.gallery-nav button{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .2s ease;pointer-events:auto;font-size:20px;color:var(--text-primary)}.gallery-nav button:hover{background:var(--color-terracotta);color:var(--color-ivory);transform:scale(1.1)}.gallery-nav button:first-child{left:20px}.gallery-nav button:last-child{right:20px}.contact-content{display:flex;gap:64px}.contact-info{flex:1}.contact-item{margin-bottom:24px}.contact-label{font-size:14px;color:var(--text-tertiary);margin-bottom:8px;font-weight:500}.contact-value{font-size:18px;font-weight:500;color:var(--text-primary)}.footer{padding:80px 0;background-color:var(--color-dark-surface);color:var(--color-ivory)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer p{color:var(--color-warm-silver);font-size:14px}.social-links{display:flex;gap:24px}.social-links a{color:var(--color-warm-silver);font-size:20px;transition:color .2s ease}.social-links a:hover{color:var(--color-ivory)}@media (max-width: 768px){.gallery-scroll{animation:scroll 40s linear infinite}.gallery-item{flex:0 0 200px}.gallery-nav button{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.gallery-scroll{animation:scroll 30s linear infinite}.gallery-item{flex:0 0 150px}.gallery-scroll-container{margin:0 -10px}.gallery-scroll{padding:10px;gap:10px}.gallery-nav{padding:0 10px}.gallery-nav button{width:36px;height:36px;font-size:14px}}@media (max-width: 1200px){.container{padding:0 80px}h1{font-size:48px}h2{font-size:28px}}@media (max-width: 768px){.container{padding:0 40px}.navbar{padding:12px 0}.nav-menu{gap:24px}.nav-menu li a{font-size:14px}.hero{padding:80px 20px 60px}.hero h1{font-size:36px}section{padding:60px 0}.about-content,.contact-content{flex-direction:column;gap:32px}.section-heading{font-size:28px}}@media (max-width: 480px){.container{padding:0 20px}h1{font-size:36px}h2{font-size:24px}.navbar-content{flex-direction:column;gap:12px}.nav-menu{gap:16px}.nav-menu li a{font-size:14px}.hero{padding:60px 20px 40px}section{padding:40px 0}.footer-content{flex-direction:column;gap:20px;text-align:center}}