html {scroll-behavior:smooth;scroll-padding-top:140px}
.site-header {background:white;border-bottom:3px solid #13703a;padding:10px max(20px,calc((100% - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img {object-fit:contain;width:90px;height:90px}
.site-header nav {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px}
.site-header nav a {color:#13703a;text-decoration:none;font-weight:600;padding:8px 0}
.site-header nav a:hover {text-decoration:underline}
.language {border:1px solid #13703a;border-radius:24px;padding:6px 16px!important}
.hero-section h1 {color:white;text-shadow:0 2px 12px #000}
.hero-section::before {display:none}
footer h5 {color:white}
.social-links {display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}
.social-links a {font-size:1.1rem}
#projects .card {height:100%}
#about img {width:100%;height:auto;margin-bottom:24px}
a:focus-visible {outline:3px solid #c0392b;outline-offset:5px}
@media(max-width:700px){.site-header{position:relative;flex-direction:column;gap:6px;padding:12px}.site-header nav{justify-content:center;gap:8px 16px}.brand img{width:72px;height:72px}.hero-section{min-height:60vh!important}html{scroll-padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}