nav{background:#111;padding:1rem;display:grid;grid-auto-flow:column;justify-content:center;align-items:center;gap:2rem}nav a{color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-size:1.1rem;padding:1rem}.title-project{color:#fff;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;font-family:arial,sans-serif;font-weight:700;font-size:2.5rem;margin:2rem auto;width:100%;gap:1rem}.project-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1200px;margin:1.5rem auto;width:100%}.project-description{display:grid;grid-template-columns:1fr;width:100%;font-size:1.2rem;color:#222;line-height:1.6;padding-top:2rem}.image-sketch{display:grid;padding-top:2rem}.image-sketch .img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 4px 16px #0000001f}@media (max-width: 900px){.background-section{height:auto;min-height:60vh;padding:2rem 0}.title-project{font-size:1.5rem;padding:1rem 0}.project-grid{grid-template-columns:1fr;gap:1rem}.image-sketch{padding-top:1rem;margin-bottom:2rem;justify-items:center}.image-sketch img{max-width:90vw;margin:0 auto}.project-description{padding-left:1rem;padding-top:1rem;font-size:1rem}}h1{font-family:arial,sans-serif}.background-section .title-project{color:#fff;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;font-family:arial,sans-serif;font-weight:700;font-size:2.5rem;margin:2rem auto;width:100%;gap:1rem}.project-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1200px;margin:1.5rem auto;align-items:flex-start;width:100%}.project-description{width:100%;font-size:1.2rem;color:#222;padding-top:2rem}.image-sketch{display:grid;align-items:flex-start;justify-items:center;padding-top:6rem}.image-sketch img{width:100%;max-width:450px;height:auto;border-radius:12px;box-shadow:0 4px 16px #0000001f}@media (max-width: 900px){.project-grid{grid-template-columns:1fr;gap:1rem}.image-sketch{padding-top:1rem;margin-bottom:2rem;justify-content:center}.image-sketch img{max-width:90vw;margin:0 auto}.project-description{padding-left:1rem;padding-top:1rem;font-size:1rem}.title-project{font-size:1.5rem;padding:1rem 0}.background-section{height:auto;min-height:60vh;padding:2rem 0}}*{box-sizing:border-box;margin:0;padding:0}.background-section{position:relative;height:100vh;display:grid;place-items:center;overflow:hidden}.background-section .background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1;pointer-events:none}.background-section .title-project{color:#fff;display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;font-family:arial,sans-serif;font-weight:700;font-size:2.5rem;margin:2rem auto;width:100%;gap:1rem;z-index:1}.project-description{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;font-family:arial,sans-serif;font-size:1.2rem;margin:2rem auto;padding:3rem;max-width:80%}.project-description p{margin-bottom:1.5rem}.images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;justify-items:center;align-items:center;margin:2rem auto;width:80%}.images .grid-image{width:100%;max-width:250px;height:auto;border-radius:12px;box-shadow:0 4px 16px #0000001f}@media (max-width: 900px){.project-description{padding:1rem;font-size:1rem;max-width:100vw}.images{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100vw}.grid-image{max-width:90vw}}.home-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;width:100%;max-width:1200px;margin:3rem auto;padding:2rem}.home-about{font-family:Arial,sans-serif;font-size:1.2rem}.home-about h1,.home-about p{margin-bottom:1rem}.portrait img{width:100%;max-width:400px;border-radius:12px;box-shadow:0 4px 16px #0000001f;display:block;margin:0 auto}.quote-section{background-color:#2f2f2f;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;display:grid;place-items:center;position:relative}.quote-section .logos{background-size:cover;background-position:center;background-repeat:no-repeat;height:80vh;display:grid;place-items:center;position:relative}.quote-section h1{color:#fff;font-size:6rem;font-family:Arial,sans-serif;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:1}@media (max-width: 900px){.home-section{grid-template-columns:1fr;padding:1rem;gap:1rem}.portrait img{max-width:90vw}.quote-section{height:auto;min-height:60vh;padding:2rem 0}.quote-text h1{font-size:2.5rem;margin-bottom:1rem}.logos{max-width:90vw;width:100%;height:auto}}