.projects-section{padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(4.5rem,8vw,7.5rem);background:linear-gradient(180deg,#ffffff,#fbfcfd)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.4vw,1.85rem)}.project-card{display:flex;flex-direction:column;aspect-ratio:4/4.35;background:#0c2246;border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;box-shadow:0 14px 40px rgba(14,27,51,.08);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s ease}.project-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 22px 50px rgba(14,27,51,.14)}.project-media{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#f3f5f9,#e9ecf1)}.project-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,24,50,0) 40%,rgba(9,24,50,.58) 68%,rgba(9,24,50,.92));z-index:1;pointer-events:none}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-out)}.project-card:hover .project-media img{transform:scale(1.05)}.project-body{position:static;z-index:2;margin-top:auto;padding:1.3rem 1.4rem 1.35rem;display:flex;flex-direction:column;gap:.5rem}.project-no{position:absolute;top:1.05rem;left:1.05rem;z-index:2;background:#e8effc;color:#3c5077;border-radius:999px;padding:.34rem .75rem;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1}.project-title{font-size:1.2rem;font-weight:800;letter-spacing:-.018em;color:#ffffff;line-height:1.25;margin:0;text-wrap:balance}.project-sector{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,236,250,.78);border-top:1px solid rgba(255,255,255,.18);margin-top:.3rem;padding-top:.7rem}.chip-row-static .chip-static{background:#ffffff;border:1px solid var(--border);color:var(--ink-2);cursor:default;pointer-events:none;box-shadow:0 1px 2px rgba(10,11,13,.03)}@media (max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.projects-grid{grid-template-columns:1fr;gap:1.25rem}.project-card{aspect-ratio:4/3.6}}.section-accent-left:before{left:clamp(-120px,-8vw,-40px)}