:root{--color-primary: #0C0C09;--color-secondary: #312C85;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-surface: #F4F4F1;--color-text: #0C0C09;--color-border: rgba(12, 12, 9, .15);--text-12: 12px;--text-14: 14px;--text-16: 16px;--text-20: 20px;--text-24: 24px;--text-32: 32px;--text-64: clamp(40px, 6vw, 64px);--font-primary: "Open Sans", sans-serif;--font-display: "Inter", sans-serif;--font-mono: "Inconsolata", monospace;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-64: 64px;--space-128: 128px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-16);line-height:1.6;-webkit-font-smoothing:antialiased}*:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.display-text{font-family:var(--font-display);font-size:var(--text-64);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-8)}.mono-text{font-family:var(--font-mono)}.text-muted{color:#555}.small-text{font-size:var(--text-14)}.subtitle{font-size:var(--text-20);color:var(--color-secondary)}.mt-16{margin-top:var(--space-16)}.mb-16{margin-bottom:var(--space-16)}.container{max-width:800px;margin:0 auto;padding:var(--space-64) var(--space-24) var(--space-128)}.section{margin-bottom:var(--space-64);border-top:1px solid var(--color-border);padding-top:var(--space-32)}.hero-centered{border-top:none;margin-bottom:var(--space-128);padding-top:var(--space-64);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-32)}.contact-info{display:flex;justify-content:center;gap:var(--space-16);font-size:var(--text-14)}.section-title{font-size:var(--text-14);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-32);color:var(--color-secondary)}.role-title{font-family:var(--font-display);font-size:var(--text-24);font-weight:600;margin-bottom:var(--space-4);letter-spacing:-.01em}.company-info{margin-bottom:var(--space-16)}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-32)}.project-card{margin-bottom:var(--space-32)}.clean-list{list-style:none}.clean-list li{position:relative;padding-left:var(--space-16);margin-bottom:var(--space-12)}.clean-list li:before{content:"\2014";position:absolute;left:0;color:var(--color-text);opacity:.5}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-16)}.skill-tags span{font-size:var(--text-14);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:border-color .2s ease}.skill-tags span:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.interactive-portrait{display:flex;justify-content:center;align-items:center}.face-container{position:relative;width:180px;height:240px;background-color:#e2e2df;border-radius:90px 90px 12px 12px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border)}.eyes-wrapper{display:flex;gap:var(--space-16);transform:translateY(-20px)}.eye{position:relative;width:36px;height:36px;background-color:var(--color-surface);border-radius:50%;border:2px solid var(--color-text);overflow:hidden;display:flex;justify-content:center;align-items:center}.pupil{width:14px;height:14px;background-color:var(--color-text);border-radius:50%;position:absolute;transform:translate(0);will-change:transform}@media (max-width: 768px){.grid-layout{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:var(--space-8)}}html{scroll-behavior:smooth}.footer-section{margin-top:var(--space-128);padding:var(--space-64) var(--space-24);border-top:1px solid var(--color-border);text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-section .contact-info{flex-direction:column;gap:var(--space-8);margin-top:var(--space-16)}