body{background:#f4fbfa;color:#071f45}
.work-nav{background:#071f45}
.work-page{min-height:75vh;padding:clamp(7rem,12vw,10rem) clamp(1.25rem,6vw,6rem) 6rem}
.work-intro{max-width:760px;margin:0 auto 3rem;text-align:center}
.work-intro h1{margin:.4rem 0 1rem;font-size:clamp(3rem,8vw,6.5rem);line-height:.95}
.work-intro>p:last-child{margin-inline:auto;max-width:620px;font-size:1.12rem;line-height:1.7;color:#34566a}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);max-width:1180px;margin:0 auto}
.project-placeholder{display:grid;place-items:center;aspect-ratio:4/3;border:2px dashed rgba(7,31,69,.28);border-radius:24px;background:linear-gradient(145deg,rgba(42,210,77,.08),rgba(34,211,204,.12));color:rgba(7,31,69,.42);font-size:clamp(4rem,9vw,7rem);font-weight:700;box-shadow:0 18px 45px rgba(7,31,69,.07)}
.work-grid+*{margin-top:2rem}
@media(max-width:850px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.work-grid{grid-template-columns:1fr}.work-page{padding-top:8.5rem}.project-placeholder{border-radius:18px}}