.footer-section{padding:5rem 1rem}@media (min-width:768px){.footer-section{padding:8rem 1.5rem}}.footer-title{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;color:var(--color-brand-text);margin-bottom:2rem;font-size:2.25rem;font-weight:700;line-height:1.2}@media (min-width:768px){.footer-title{font-size:4.5rem}}.footer-email-link{color:var(--color-brand-accent);text-underline-offset:6px;word-break:break-all;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-flex}.footer-email-link:hover{opacity:.8}@media (min-width:768px){.footer-email-link{word-break:normal;font-size:1.875rem}}.footer-social-link{color:var(--color-brand-accent);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}.footer-social-link:hover{color:var(--color-brand-text)}.footer-svg-icon{width:1.25rem;height:1.25rem;fill:var(--color-brand-accent);transition:fill .3s}.footer-social-link:hover .footer-svg-icon{fill:var(--color-brand-text)}.footer-copyright{color:var(--color-brand-muted);opacity:.4;text-transform:uppercase;letter-spacing:.15em;margin-top:4rem;font-size:.65rem;font-weight:700;line-height:1.5}@media (min-width:768px){.footer-copyright{letter-spacing:.2em;margin-top:5rem;font-size:.75rem}}
.nav-container{z-index:50;justify-content:center;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;top:1rem;left:0;right:0}@media (min-width:640px){.nav-container{padding-left:1.5rem;padding-right:1.5rem;top:1.5rem}}.nav-box{border-radius:1rem;align-items:center;gap:1rem;padding:.5rem 1rem;transition:all .3s;display:flex}@media (min-width:640px){.nav-box{gap:2rem;padding:.75rem 1.5rem}}.nav-logo{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;color:var(--color-brand-text);cursor:pointer;font-size:1.125rem;font-weight:700}.nav-link{color:#1e293bb3;text-transform:uppercase;letter-spacing:.05em;border-radius:.75rem;padding:.375rem .5rem;font-size:.65rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}@media (min-width:640px){.nav-link{letter-spacing:.1em;padding:.375rem .75rem;font-size:.75rem}}.nav-link:hover{color:var(--color-brand-accent)}
.section-padding{padding:5rem 1rem}@media (min-width:768px){.section-padding{padding:8rem 1.5rem}}.section-title{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;margin-bottom:1rem;font-size:1.75rem;font-weight:700}@media (min-width:768px){.section-title{font-size:3rem}}.hero-title{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.1}@media (min-width:768px){.hero-title{font-size:7.5rem}}.project-card{box-shadow:var(--shadow-soft);background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:1.25rem;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden}@media (min-width:768px){.project-card{padding:1.5rem}}.project-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-10px)}.project-card-title{font-family:var(--font-display), sans-serif;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;transition:color .3s}@media (min-width:768px){.project-card-title{font-size:1.25rem}}.project-card:hover .project-card-title{color:var(--color-brand-accent)}.skill-card{box-shadow:var(--shadow-soft);background-color:#fff;border-radius:1.5rem;padding:1.5rem}@media (min-width:768px){.skill-card{padding:2rem}}.timeline-dot{border-radius:50%;width:.875rem;height:.875rem;margin-top:.5rem}.timeline-dot-accent{background-color:var(--color-brand-accent)}.timeline-dot-muted{background-color:#cbd5e1}