.real-hero{min-height:500px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#07111dcc,#07111d44),url(real-hero.jpg) center/cover}.real-hero p:not(.eyebrow){font-size:20px;max-width:720px}.portfolio{padding:55px 0 95px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid #d8dfe5;background:#f3f5f7;padding:10px 15px;font-weight:bold;color:#4c5864;cursor:pointer}.filters button:hover,.filters button.active{background:#ed1c24;border-color:#ed1c24;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portfolio-grid article{border:1px solid #e0e5e9;background:#fff;box-shadow:0 4px 0 #d8dde1;transition:.2s}.portfolio-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 35px #17283b22}.portfolio-grid article.hidden{display:none}.portfolio-grid img{width:100%;height:270px;object-fit:cover}.portfolio-grid h3{font-size:19px;font-weight:400;padding:0 18px 18px;margin:16px 0 0}.portfolio-cta{background:#ed1c24;color:#fff;padding:65px 0}.portfolio-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.portfolio-cta h2{margin:0}.portfolio-cta .btn{background:#111820;border-color:#111820}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.real-hero{min-height:530px}.portfolio-grid img{height:250px}.portfolio-cta>.wrap{flex-direction:column;align-items:flex-start}}