:root{--primary-color:#2c3e50;--accent-color:#3498db;--text-color:#333;--light-gray:#f5f5f5;--spacing-unit:1rem;--container-width:1000px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-color)}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.main-header{background:var(--light-gray);padding:2rem 0 1rem;text-align:center}.header-content{max-width:var(--container-width);margin:0 auto;padding:1rem var(--spacing-unit)}.header-content .logo{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;margin-bottom:1rem}.header-content h1{font-size:2rem;color:var(--primary-color);margin:0}section{padding:5rem 0}section h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary-color);text-align:center}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.experience-item{padding:2rem;background:white;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.experience-item h3{color:var(--primary-color);margin-bottom:.5rem}.experience-item h4{color:var(--accent-color);margin-bottom:1rem}.contact{background:var(--light-gray)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;text-align:center}.contact-item a{font-size:1.2rem}.footer{background:var(--light-gray);color:var(--text-color);padding:2rem 0}.footer-content{text-align:center}@media (max-width:768px){.menu-toggle{display:block;cursor:pointer}.menu-toggle span{display:block;width:25px;height:3px;background:var(--primary-color);margin:5px 0;transition:.3s}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;padding:1rem 0;text-align:center}.nav-links.active{display:flex}.hero h1{font-size:2rem}.hero .tagline{font-size:1.2rem}section h2{font-size:2rem}}.content-grid{padding-top:0;background:var(--light-gray)}.masonry-grid{flex-direction:column;padding:.5rem 0;max-width:var(--container-width);margin:0 auto}.flex-row,.masonry-grid{display:flex;gap:1rem;width:100%}.flex-row{box-sizing:border-box}.flex-1{flex:1 1;min-width:0}.flex-2{flex:2 1;min-width:0}.card{min-width:0;max-width:100%;margin:0;background:white;border-radius:12px;overflow:hidden;height:auto;min-height:200px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.15)}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.content-card{padding:2rem;display:flex;flex-direction:column}.content-card h2{font-size:1.8rem;margin-bottom:1rem;text-align:left}.content-card p{flex-grow:1;margin:0}.image-card{padding:0;position:relative}.flex-2.image-card,.image-card{height:calc((100vw - 6rem) / 3);max-height:calc(var(--container-width) / 3)}.card-image{width:100%;height:100%;object-fit:cover}@media (max-width:1024px){.masonry-grid{justify-content:center}.card{flex:1 1 400px}}@media (max-width:768px){.main-header{padding:1rem 0}.header-content .logo{font-size:1.2rem}.header-content h1{font-size:1.8rem}.masonry-grid{grid-template-columns:1fr}.span-1,.span-2,.span-3{grid-column:span 1}.card{min-height:150px}.content-card{padding:1.5rem}.content-card h2{font-size:1.5rem;margin-bottom:.75rem}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-item h3{font-size:1.1rem}.contact-item a{font-size:1rem}}@media (max-width:480px){.header-content .logo{font-size:1.1rem}.header-content h1{font-size:1.6rem}.content-card{padding:1rem}.content-card h2{font-size:1.3rem}.content-card p{font-size:.95rem}.card{min-width:300px;flex:1 1 300px}.container{padding:0 .5rem}}.span-3{grid-column:span 3}.contact-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-icon{width:24px;height:24px;margin-right:.5rem}.contact-item h3{margin:0;font-size:1.2rem}.contact-item a{color:var(--accent-color);text-decoration:none;font-size:1.1rem;transition:color .3s ease}.contact-item a:hover{color:var(--primary-color)}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:1000px){.flex-row{flex-direction:column;gap:1rem}.flex-1,.flex-2{width:100%}}@media (max-width:768px){.flex-2.image-card,.image-card{height:calc(100vw - 4rem)}}