.hero{width:100%;height:70vh;position:relative;overflow:hidden}.hero picture{width:100%;height:100%}.hero img{object-fit:cover;width:100%;height:100%}.hero h1{color:var(--text-primary);text-shadow:2px 2px 8px #000c;z-index:2;font-size:2.5rem;position:absolute;bottom:2rem;left:2rem}.services{grid-template-columns:1fr;gap:1.5rem;margin:0 auto;padding:3rem 1.5rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;color:var(--text-primary);border-radius:12px;padding:2rem;text-decoration:none;transition:all .3s}.service-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 8px 24px #3b82f633}.service-icon{margin-bottom:1rem;font-size:3rem}.service-card h2{color:var(--accent-soft);margin-bottom:.5rem;font-size:1.5rem}.service-card p{color:var(--text-secondary);line-height:1.6}.works-grid{grid-template-columns:1fr;gap:1.5rem;margin:0 auto;padding:3rem 1.5rem;display:grid}.work-card{border-radius:12px;height:300px;text-decoration:none;transition:transform .3s;position:relative;overflow:hidden}.work-card:hover{transform:scale(1.02)}.work-card picture,.work-card img{object-fit:cover;width:100%;height:100%}.work-overlay{background:linear-gradient(#0000,#000c);padding:2rem 1.5rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.work-overlay p{color:var(--text-primary);font-size:1.25rem;font-weight:600}@media (min-width:768px){.hero h1{font-size:3.5rem}.services,.works-grid{grid-template-columns:repeat(2,1fr);gap:2rem;padding:4rem 2rem}.cta-buttons{flex-direction:row;justify-content:center}}@media (min-width:1024px){.hero{height:80vh}.hero h1{font-size:4rem;bottom:3rem;left:4rem}.services,.works-grid{grid-template-columns:repeat(3,1fr)}.work-card{height:350px}}