.real-projects{margin:36px 0 48px}.real-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.real-project-grid article{overflow:hidden;border:1px solid #a1d4e6;border-radius:18px;background:#fff;box-shadow:0 10px 30px #08547310;display:flex;flex-direction:column}.real-project-image{display:flex;position:relative;align-items:center;justify-content:center;height:270px;background:linear-gradient(130deg,#e5f5fd,#c3f0fa);border-bottom:1px solid #bfe0ec;overflow:hidden}.real-project-image img{display:block;max-width:100%;width:auto;height:100%;object-fit:contain}.real-project-image>span{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:6px;background:#052f4cef;color:#fff;font-size:11px}.real-project-image.is-client-logo{background:linear-gradient(135deg,#fff,#e1f5fc)}.real-project-image.is-client-logo img{width:150px;height:110px;max-width:70%;object-fit:contain}.real-project-copy{padding:23px;display:flex;flex-direction:column;flex:1}.real-project-category{font-size:11px;letter-spacing:.08em;color:#0084a9}.real-project-copy h3{font-size:25px;line-height:1.2;margin:12px 0 14px;color:#0b3554}.real-project-copy h4{font-size:16px;line-height:1.5;margin:0 0 10px;color:#174c67}.real-project-copy p{font-size:14px;line-height:1.7;color:#4c6b80;margin:0 0 20px}.real-project-copy small{margin-top:auto;border-top:1px solid #cbe4ed;padding-top:15px;font-size:10px;line-height:1.5;letter-spacing:.07em;color:#007b9e}.real-project-image:focus-visible{outline:3px solid #00bce6;outline-offset:-3px}@media(max-width:1000px){.real-project-grid{gap:12px}.real-project-copy{padding:18px}.real-project-image{height:230px}.real-project-copy h3{font-size:22px}}@media(max-width:700px){.real-project-grid{grid-template-columns:1fr}.real-project-image{height:260px}.real-project-copy p{font-size:15px}.real-project-copy{padding:22px}}

/* Keep the complete source photo visible at every viewport width. */
.practice-grid.project-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.practice-grid.project-practice figure{background:#fff;border:1px solid #a1d4e6;border-radius:16px;overflow:hidden}
.practice-grid.project-practice img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#edf7fb}
.practice-grid.project-practice figcaption{padding:18px 20px;color:#174b66;line-height:1.6}
.project-practice figcaption strong{display:block;font-size:16px}
.project-practice figcaption span{display:block;font-size:13px;margin-top:4px;color:#4c6b80}
.real-project-grid .project-nameplate{height:100px;font-size:24px;border-bottom:1px solid #bfe0ec}
.real-project-grid .project-nameplate span{margin-top:8px;font-size:9px}
.real-project-grid .real-project-image.is-client-logo{height:100px}
.real-project-grid .real-project-image.is-client-logo img{height:70px;width:120px}
@media(max-width:700px){.practice-grid.project-practice{grid-template-columns:1fr;gap:16px}.project-practice figcaption strong{font-size:15px}}

@media(min-width:1100px){.practice-grid.project-practice{grid-template-columns:repeat(3,minmax(0,1fr))}}