*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f9f7f0;--color-text:#2f2f2f;--color-accent:#6e2b54;--color-surface:#edeae0;--color-muted:#7a7a7a;--font-heading:"Montserrat", sans-serif;--font-body:"Lora", serif}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6}.about-inner,.skills-inner,.projects-inner,.contact-inner{max-width:100%;padding-left:64px;padding-right:64px}.hero-wrapper{padding:0}.nav{justify-content:space-between;align-items:center;padding:20px 50px;display:flex}.nav-logo{font-family:var(--font-body);text-transform:uppercase;color:var(--color-muted);font-size:16px;font-weight:300}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:13px;text-decoration:none}.nav-links a:hover{color:var(--color-accent)}.hero-color-block{background-color:var(--color-accent);padding:0 50px;position:relative;overflow:visible}.hero-name-wrapper{text-align:center;padding-bottom:0;position:relative}.hero-name-top{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-bg);text-transform:uppercase;margin:0;padding-top:8px;font-size:18vw;font-weight:400;line-height:.9}.hero-name-bottom{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-text);text-transform:uppercase;z-index:3;margin:0;padding-bottom:8px;font-size:18vw;font-weight:400;line-height:.9;position:relative}.hero-photo{z-index:2;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-photo img{object-fit:cover;filter:grayscale();border:3px solid var(--color-text);width:clamp(200px,18vw,280px);height:clamp(300px,32vw,480px);display:block}.hero-tagline-section{border-bottom:.5px solid var(--color-surface);justify-content:space-between;align-items:center;gap:40px;padding:48px 50px 64px;display:flex}.hero-tagline{font-family:var(--font-body);color:var(--color-text);max-width:520px;font-size:clamp(16px,1.8vw,22px);line-height:1.5}.hero-tagline em{color:var(--color-accent);font-style:italic}.hero-btn{background-color:var(--color-text);color:var(--color-bg);font-family:var(--font-body);letter-spacing:.06em;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:12px 28px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.hero-btn:hover{opacity:.8}.about{border-top:.5px solid var(--color-surface);padding:80px 48px}.about-inner{align-items:flex-start;gap:48px;display:flex}.about-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-shrink:0;width:120px;padding-top:6px;font-size:11px}.about-content{flex:1}.about-heading{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;margin-bottom:24px;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.2}.about-text p{color:var(--color-text);max-width:580px;margin-bottom:16px;font-size:16px;line-height:1.8}.about-text p:last-child{margin-bottom:0}.skills{border-top:.5px solid var(--color-surface);padding:80px 48px}.skills-inner{align-items:flex-start;gap:48px;display:flex}.skills-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-shrink:0;width:120px;padding-top:6px;font-size:11px}.skills-heading{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;margin-bottom:28px;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.2}.skills-content{flex:1}.skills-group{margin-bottom:24px}.skills-group:last-child{margin-bottom:0}.skills-group-label{letter-spacing:.1em;color:var(--color-muted);margin-bottom:12px;font-size:11px;display:block}.skills-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.tag-build{background:var(--color-text);color:var(--color-bg)}.tag-secondary{background:var(--color-surface);color:var(--color-muted)}.projects{border-top:.5px solid var(--color-surface);padding:80px 48px}.projects-header{align-items:baseline;gap:48px;margin-bottom:40px;display:flex}.projects-label{letter-spacing:.12px;text-transform:uppercase;color:var(--color-muted);flex-shrink:0;width:120px;font-size:11px}.projects-heading{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.2}.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{border-radius:10px;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px 24px;display:flex}.project-card--dark{background:var(--color-text)}.project-card--accent{background:var(--color-accent)}.project-number{letter-spacing:.1em;color:#f2f0ec66;margin-bottom:40px;font-size:11px;display:block}.project-body{flex-direction:column;gap:8px;display:flex}.project-title{font-family:var(--font-heading);color:var(--color-bg);font-size:20px;font-weight:700;line-height:1.2}.project-card--accent .project-title{color:var(--color-text)}.project-desc{color:#f2f0ec99;font-size:13px;line-height:1.6}.project-card-accent .project-desc{color:#1b242ab3}.project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tag{color:var(--color-bg);letter-spacing:.04em;background:#ffffff1f;border-radius:20px;padding:3px 10px;font-size:10px}.project-card--accent .project-tag{color:var(--color-text);background:#0000001a}.project-link{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;margin-top:8px;font-size:11px;text-decoration:none;display:inline-block}.project-card--accent .project-link{color:var(--color-text)}.project-link:hover{opacity:.7}.contact{border-top:.5px solid var(--color-surface);padding:80px 48px}.contact-inner{align-items:flex-start;gap:48px;display:flex}.contact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-shrink:0;width:120px;padding-top:6px;font-size:11px}.contact-content{flex:1}.contact-heading{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.2}.contact-sub{color:var(--color-muted);max-width:520px;margin-bottom:32px;font-size:16px;line-height:1.8}.contact-btn{background:var(--color-text);color:var(--color-bg);font-family:var(--font-body);letter-spacing:.02em;border-radius:6px;margin-bottom:32px;padding:12px 28px;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.contact-btn:hover{opacity:.8}.contact-links{gap:24px;display:flex}.contact-links a{color:var(--color-muted);letter-spacing:.04em;font-size:13px;text-decoration:none}.contact-links a:hover{color:var(--color-text)}