html,body{height:100%;margin:0;padding:0;position:relative;overflow-x:hidden;background:0 0!important}.home-bg:before{content:"";z-index:-1;filter:grayscale();pointer-events:none;background:url(/assets/images/Header.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:absolute;inset:0}.hero-section{background:0 0;place-items:center;width:100%;min-height:70vh;margin:0;padding:0;display:grid;position:relative}.hero-content{width:100%;display:block}.hero-text-content{flex-direction:column;align-items:center;min-width:0;max-width:800px;margin:0 auto 200px;display:flex}.hero-title{color:#fff;text-align:center;margin-top:210px;font-family:Neue Montreal,sans-serif;font-size:4.2rem;font-weight:800}.hero-title .highlight{color:#fff;text-shadow:0 2px 4px #00000080}.hero-description{color:var(--color-secondary);letter-spacing:1px;text-align:center;margin-bottom:16px;margin-left:0;font-family:Neue Montreal,sans-serif;font-size:1.2rem;font-weight:500}.hero-cta{justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-cta-primary{letter-spacing:1px;cursor:pointer;text-align:left;background:var(--color-primary);color:#fff;border:none;border-radius:6px;margin-left:0;padding:11px 18px;font-family:Neue Montreal,sans-serif;font-size:1.1rem;font-weight:500;transition:background .2s}.btn-cta-primary:hover{background:var(--color-accent)}.projects-section{background:#fff;flex-direction:column;align-items:center;width:100vw;margin:60px 0 0;padding:48px 0 64px;display:flex;box-shadow:0 4px 24px #00000014}.projects-section .projects-container{flex-direction:column;align-items:stretch;width:100%;max-width:1200px;margin:0 auto;padding:0 8px;display:flex}.projects-title{color:#222;text-align:left;margin-bottom:28px;margin-left:.5rem;font-family:Neue Montreal,sans-serif;font-size:2.6rem;font-weight:700}.projects-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:1200px;margin:0 auto;display:grid}.project-card{aspect-ratio:16/9;background:#fff;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.project-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:440px;min-height:240px;max-height:540px;transition:transform .3s;display:block}.project-overlay{opacity:0;pointer-events:none;background:#ffffffa6;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0;transform:scale(.95)}.project-card:hover .project-overlay{opacity:1;transform:scale(1)}.project-name{color:#585858;text-align:center;letter-spacing:2px;opacity:0;border-radius:8px;padding:12px 32px;font-family:Neue Montreal,sans-serif;font-size:1.4rem;font-weight:700;transition:opacity .4s,transform .4s;transform:translateY(20px);box-shadow:0 2px 8px #00000014}.project-card:hover .project-name{opacity:1;transform:translateY(0)}@media (max-width:900px){.hero-section{min-height:60vh;padding:0 4vw}.hero-content{width:100%;display:block}.hero-text-content{align-items:center;max-width:98vw;margin:0 auto}.projects-section{padding:32px 0 40px}.projects-section .projects-container{max-width:98vw;padding:0 16px}.projects-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;gap:32px;max-width:100%}.project-card{max-width:100%}.project-image{height:220px;max-height:260px}}