.projects-header,.projects-hero,.projects-cta{background:#102f3d}.projects-hero h1{font-size:clamp(3.4rem,6.8vw,7.2rem);line-height:.96}.projects-visual img{object-position:center}.projects-services{background:#eef2f1;padding:clamp(5rem,9vw,9rem) var(--pad)}.projects-head{max-width:var(--max);margin:0 auto 3.5rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:end}.projects-head .eyebrow{align-self:start}.projects-head h2{font-size:clamp(2.7rem,5vw,5.1rem);margin:0}.projects-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{--accent:#456b78;background:#fff;padding:clamp(1.8rem,3vw,3rem);min-height:290px;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}.project-card::before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--accent)}.project-card::after{content:"↗";position:absolute;right:1.7rem;bottom:1.4rem;color:var(--accent);font-size:1.25rem;font-weight:700}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,43,56,.11)}.project-card h3{font-size:clamp(1.55rem,2.3vw,2.15rem);max-width:520px;margin:0 0 1.25rem}.project-card p{color:var(--muted);line-height:1.6;max-width:620px;margin:0 0 2rem}.project-card.tone-dark{--accent:#a8d43a;background:#073543;color:#fff}.project-card.tone-dark p{color:rgba(255,255,255,.76)}.project-card.tone-lime{--accent:#5b791d;background:#e5edcf}.project-card.tone-sky{--accent:#297088;background:#dcebf0}.project-card.tone-sand{--accent:#8f6524;background:#f2e6d0}.project-card.tone-mint{--accent:#3c7963;background:#dcebe5}.project-card.tone-slate{--accent:#486572;background:#dde5e8}.project-card.tone-blue{--accent:#315f9b;background:#dfe7f2}.project-card.tone-coral{--accent:#995447;background:#f0ddd8}.project-card.tone-violet{--accent:#685591;background:#e8e2f0}.project-card.tone-gold{--accent:#8a6b1e;background:#efe6c8}@media(max-width:900px){.projects-head{grid-template-columns:1fr;gap:1rem}}@media(max-width:700px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:0}.projects-hero h1{font-size:clamp(3rem,15vw,4.6rem)}}