.real-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.real-project{overflow:hidden;background:#faf9fc;border:1px solid #e8e0ee;border-radius:14px}.real-project-image{display:block;width:100%;padding:0;position:relative;aspect-ratio:1.55;overflow:hidden;background:#f9f6f3}.real-project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.real-project-image:hover img{transform:scale(1.025)}.real-project-image span{position:absolute;bottom:14px;right:14px;font-size:10px;line-height:1.4;background:#130c24d9;color:#fff;border:1px solid #ffffff4d;border-radius:20px;padding:8px 13px}.real-project-content{padding:22px 24px 24px}.real-project-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.real-project-top>span{text-transform:uppercase;font-size:10px;letter-spacing:1px;color:#7d37c7;font-weight:700}.real-project-top small{font-size:9px;background:#ede4f8;border-radius:20px;padding:4px 9px;color:#6e419a}.real-project h3{font-family:'Roboto Condensed',sans-serif;font-size:24px;line-height:1.3;margin-bottom:10px;color:#21182d}.real-project p{font-size:12px;line-height:1.8;color:#756a80;max-width:490px}.real-project ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:15px 0 0;gap:7px}.real-project li{font-size:9px;border:1px solid #e4d9ed;border-radius:20px;padding:4px 9px;color:#82728e}.concept-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-top:30px;margin:28px 0 18px;border-top:1px solid #ece5f2}.concept-heading h3{font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:600;color:#51415f}.concept-heading p{font-size:11px;color:#8b7d96}.projects .concept-note{margin-top:15px;font-size:9px}
@media(max-width:700px){.real-project-grid{grid-template-columns:1fr;gap:20px}.real-project-image{aspect-ratio:1.35}.real-project-content{padding:18px}.real-project h3{font-size:23px}.real-project p{font-size:11px}.real-project-image span{bottom:10px;right:10px;font-size:9px;padding:7px 10px}.concept-heading{display:block;padding-top:22px;margin-top:25px}.concept-heading h3{font-size:20px;margin-bottom:6px}.concept-heading p{font-size:10px}.real-project-top>span{font-size:9px}.real-project-top small{font-size:8px}.projects .concept-note{font-size:8px}}

.real-project-image[data-project="jean-santos"]{background:#0c1419}.real-project-image[data-project="jean-santos"] img{object-fit:contain;object-position:center}