*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#faf9f5;color:#141413;font-family:'Lora', Georgia, serif;font-size:16px;line-height:1.8;overflow-x:hidden}*:focus-visible{outline:2px solid #d97757;outline-offset:2px}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;border-bottom:1px solid #e8e6dc;background:rgba(250,249,245,0.95);backdrop-filter:blur(8px)}nav .nav-logo{font-family:'Poppins', Arial, sans-serif;font-size:1rem;font-weight:700;color:#141413;letter-spacing:-0.01em;text-decoration:none}nav .nav-links{display:flex;gap:2.5rem;list-style:none}nav .nav-links a{color:#b0aea5;text-decoration:none;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;font-family:'Poppins', Arial, sans-serif;font-weight:500;transition:color 0.2s}nav .nav-links a:hover{color:#d97757}nav .nav-links a:focus-visible{outline:2px solid #d97757;outline-offset:2px;border-radius:2px}nav .nav-toggle{display:none;background:none;border:none;color:#141413;font-size:1.5rem;cursor:pointer}nav .nav-toggle:focus-visible{outline:2px solid #d97757;outline-offset:4px}.hero{min-height:100vh;display:flex;align-items:center;padding:6rem 3rem 4rem;position:relative;overflow:hidden;background:linear-gradient(135deg, #141413 0%, #1a1919 100%)}.hero-content{max-width:680px;animation:fadeUp 0.9s ease both}.hero-eyebrow{font-family:'Poppins', Arial, sans-serif;font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:#d97757;font-weight:600;margin-bottom:1.5rem}.hero-name{font-family:'Poppins', Arial, sans-serif;font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1.1;color:#faf9f5;margin-bottom:1rem;letter-spacing:-0.02em}.hero-title{font-family:'Lora', Georgia, serif;font-size:clamp(1rem, 2vw, 1.3rem);font-weight:400;color:rgba(250,249,245,0.85);margin-bottom:2rem;line-height:1.6}.hero-summary{color:rgba(250,249,245,0.8);font-size:1rem;max-width:580px;margin-bottom:2.5rem;line-height:1.8;font-family:'Lora', Georgia, serif}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-side{position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:28%;animation:fadeUp 1.1s 0.2s ease both}.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:transparent}.hero-stat{background:rgba(217,119,87,0.15);border:1px solid rgba(217,119,87,0.3);padding:1.5rem;display:flex;flex-direction:column;gap:0.4rem;border-radius:4px}.stat-number{font-family:'Poppins', Arial, sans-serif;font-size:1.8rem;font-weight:700;color:#d97757;line-height:1}.stat-label{font-family:'Poppins', Arial, sans-serif;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(250,249,245,0.7);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.8rem;border:2px solid #d97757;color:#faf9f5;background:#d97757;font-family:'Poppins', Arial, sans-serif;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border-radius:4px;min-height:44px}.btn:hover{background:transparent;color:#d97757;box-shadow:0 2px 8px rgba(217,119,87,0.2)}.btn:focus-visible{outline:2px solid #d97757;outline-offset:2px}.btn.btn-ghost{background:transparent;border-color:rgba(250,249,245,0.5);color:#faf9f5}.btn.btn-ghost:hover{border-color:#faf9f5;background:rgba(250,249,245,0.1)}section{padding:6rem 3rem;max-width:1200px;margin:0 auto}section#experience{border-left:3px solid #d97757;padding-left:calc(3rem - 3px)}section#projects{border-left:3px solid #6a9bcc;padding-left:calc(3rem - 3px)}section#stack{border-left:3px solid #788c5d;padding-left:calc(3rem - 3px)}section#contact{border-left:3px solid #d97757;padding-left:calc(3rem - 3px)}.section-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:3.5rem}.section-label{font-family:'Poppins', Arial, sans-serif;font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:#b0aea5;font-weight:600}.section-title{font-family:'Poppins', Arial, sans-serif;font-size:clamp(1.8rem, 3vw, 2.4rem);color:#141413;font-weight:700;letter-spacing:-0.01em}.divider{flex:1;height:1px;background:#e8e6dc}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:160px 1fr;gap:3rem;padding:3rem 0;border-bottom:1px solid #e8e6dc;transition:background 0.2s}.exp-item:first-child{border-top:1px solid #e8e6dc}.exp-item:hover{background:rgba(217,119,87,0.03)}.exp-meta{display:flex;flex-direction:column;gap:0.5rem;padding-top:0.2rem}.exp-company{font-family:'Poppins', Arial, sans-serif;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:#d97757;font-weight:700}.exp-period{font-family:'Poppins', Arial, sans-serif;font-size:0.7rem;color:#b0aea5;font-weight:500}.exp-role{font-family:'Poppins', Arial, sans-serif;font-size:1.25rem;color:#141413;margin-bottom:0.8rem;font-weight:600}.exp-location{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;color:#b0aea5;margin-top:0.2rem}.exp-desc{color:#6b6b72;font-size:0.95rem;line-height:1.7;margin-bottom:1rem;font-family:'Lora', Georgia, serif}.exp-bullets{list-style:none;display:flex;flex-direction:column;gap:0.6rem;margin-bottom:1.2rem}.exp-bullets li{font-size:0.9rem;color:#6b6b72;line-height:1.7;padding-left:1.4rem;position:relative;font-family:'Lora', Georgia, serif}.exp-bullets li::before{content:'◆';position:absolute;left:0;color:#d97757;font-size:0.5rem;top:0.4rem}.exp-bullets li strong{color:#141413;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:0.5rem}.tag{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.1em;padding:0.4rem 0.8rem;background:#f0ede4;border:1px solid #d4c9b8;color:#b0aea5;text-transform:uppercase;font-weight:500;border-radius:2px}#experience .tag,.exp-item .tag{border-color:rgba(217,119,87,0.2);background:rgba(217,119,87,0.05)}#projects .tag,.project-card .tag{border-color:rgba(106,155,204,0.2);background:rgba(106,155,204,0.05)}.projects-grid{display:flex;flex-direction:column;gap:0;background:transparent}.project-card{background:transparent;padding:2.5rem 0;padding-left:2rem;display:flex;flex-direction:column;gap:0.6rem;text-decoration:none;transition:background 0.2s;position:relative;overflow:visible;border-left:3px solid #6a9bcc;border-bottom:1px solid #e8e6dc}.project-card:last-child{border-bottom:none}.project-card::after{display:none}.project-card:hover{background:rgba(106,155,204,0.03)}.project-card:focus-visible{outline:2px solid #6a9bcc;outline-offset:-2px}.project-type{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:#6a9bcc;font-weight:700}.project-name{font-family:'Poppins', Arial, sans-serif;font-size:1.15rem;color:#141413;line-height:1.4;font-weight:600}.project-desc{font-size:0.9rem;color:#6b6b72;line-height:1.7;flex:1;font-family:'Lora', Georgia, serif}.stack-table{width:100%;border-collapse:collapse}.stack-table tr{border-bottom:1px solid #e8e6dc;transition:background 0.15s}.stack-table tr:hover{background:rgba(120,140,93,0.03)}.stack-table th{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:#788c5d;text-align:left;padding:1rem 1.2rem;border-bottom:2px solid #788c5d;font-weight:700}.stack-table td{padding:1.1rem 1.2rem;font-size:0.9rem;color:#6b6b72;vertical-align:top;font-family:'Lora', Georgia, serif}.stack-table td:first-child{color:#141413;font-weight:600;width:180px;white-space:nowrap;font-family:'Poppins', Arial, sans-serif;font-size:0.95rem}.stack-badge{display:inline-block;padding:0.35rem 0.75rem;font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.1em;background:rgba(120,140,93,0.08);border:1px solid rgba(120,140,93,0.2);color:#788c5d;margin:0.15rem 0.2rem;font-weight:500;border-radius:2px}.contact-block{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:transparent}.contact-cell{background:transparent;padding:0;display:flex;flex-direction:column;gap:0.8rem}.contact-label{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:#b0aea5;margin-bottom:0.4rem;font-weight:700}.contact-value{font-family:'Poppins', Arial, sans-serif;font-size:1.1rem;color:#141413;font-weight:600}.contact-value a{color:#d97757;text-decoration:none;transition:all 0.2s}.contact-value a:hover{text-decoration:underline;color:#ce562f}.contact-value a:focus-visible{outline:2px solid #d97757;outline-offset:2px}footer{border-top:1px solid #e8e6dc;padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;background:#faf9f5}footer p,footer a{font-family:'Poppins', Arial, sans-serif;font-size:0.6rem;letter-spacing:0.1em;color:#b0aea5;text-decoration:none;transition:color 0.2s}footer p:hover,footer a:hover{color:#141413}footer p:focus-visible,footer a:focus-visible{outline:2px solid #d97757;outline-offset:2px}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity 0.7s ease, transform 0.7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width: 768px){nav{padding:1rem 1.5rem}nav .nav-links{display:none}nav .nav-toggle{display:block}nav.open .nav-links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(250,249,245,0.97);padding:1.5rem;border-bottom:1px solid #e8e6dc;gap:1rem;z-index:99}nav.open .nav-links a{color:#141413}nav.open .nav-links a:hover{color:#d97757}.hero{padding:5.5rem 1.5rem 3rem;min-height:unset;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg, #141413 0%, #1a1919 100%)}.hero-side{position:static;width:100%;transform:none;margin-top:2.5rem}.hero-stat-grid{grid-template-columns:1fr 1fr;gap:1rem}section{padding:4rem 1.5rem}section#experience{border-left:2px solid #d97757;padding-left:calc(1.5rem - 2px)}section#projects{border-left:2px solid #6a9bcc;padding-left:calc(1.5rem - 2px)}section#stack{border-left:2px solid #788c5d;padding-left:calc(1.5rem - 2px)}section#contact{border-left:2px solid #d97757;padding-left:calc(1.5rem - 2px)}.section-title{font-size:clamp(1.4rem, 2vw, 1.8rem)}.exp-item{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.project-card{padding:1.5rem 0;padding-left:1.2rem;border-left:2px solid #6a9bcc}.contact-block{grid-template-columns:1fr;gap:1.5rem}.contact-cell{padding:0}footer{flex-direction:column;gap:0.8rem;text-align:center;padding:2rem 1.5rem}}@media (max-width: 1024px) and (min-width: 769px){section#experience{border-left:3px solid #d97757}section#projects{border-left:3px solid #6a9bcc}section#stack{border-left:3px solid #788c5d}section#contact{border-left:3px solid #d97757}.exp-item{grid-template-columns:140px 1fr;gap:2rem}}