.bn-pf{width:min(1289px,calc(100% - 60px));margin-inline:auto;padding:80px 0;color:var(--ink)}
.bn-pf__head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.bn-pf__title{font-size:54px;line-height:1.4;font-weight:800;letter-spacing:normal}.bn-pf__filters,.ut-filters{display:flex;gap:10px;flex-wrap:wrap}.bn-pf__filters .button,.ut-filters .button{font-size:16px;min-height:48px;padding:10px 22px}.bn-pf__filters .button[aria-pressed=true],.ut-filters .button[aria-pressed=true]{background:linear-gradient(110deg,#11a5f5,#0095e9);border-color:transparent;color:#fff}
.bn-pf__grid,.ut-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;padding-inline:11px}.bn-project{min-width:0}.bn-project__media{position:relative;display:block;height:235px;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 5px 10px #d5e4ec}.bn-project__media img{display:block;width:100%;height:auto;max-width:none}.bn-project__media .bn-project__cover{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:top;transition:opacity 180ms ease}.bn-project__scroll{position:absolute;inset:0;overflow:hidden}.bn-project__scroll img{transition:transform 500ms ease;transform:translateY(0)}.bn-project__caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px}.bn-project__caption h3{font-size:22px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;margin:0 0 7px}.bn-project__caption p{font-size:14px;line-height:1.6;margin:0}.bn-project__link{display:inline-flex;align-items:center;flex-shrink:0;gap:10px;border-radius:50px;padding:7px 15px;min-height:44px;font-size:18px;font-weight:400;color:var(--blue);transition:color 180ms ease,background-color 180ms ease}.bn-project__link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.bn-project__link:hover{background:#eef8ff;color:#0077b5}.bn-pf__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px}.bn-pf__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.bn-project__media.has-scroll:hover .bn-project__cover{opacity:0}.bn-project__media.has-scroll:hover .bn-project__scroll img{transform:translateY(min(0px,calc(235px - 100%)));transition-duration:7s;transition-timing-function:linear}}
@media(prefers-reduced-motion:no-preference){.bn-project__media.has-scroll:focus-visible .bn-project__cover{opacity:0}.bn-project__media.has-scroll:focus-visible .bn-project__scroll img{transform:translateY(min(0px,calc(235px - 100%)));transition-duration:7s;transition-timing-function:linear}}
@media(max-width:1100px){.bn-pf__head{display:block}.bn-pf__filters{margin-top:24px}.bn-project__caption h3{font-size:20px}.bn-project__link{font-size:16px;padding-inline:8px}}
@media(min-width:768px) and (max-width:1024px){.bn-pf__grid,.ut-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-pf__title{font-size:44px}}
@media(max-width:767px){.bn-pf{width:calc(100% - 30px);padding-block:55px}.bn-pf__title{font-size:28px}.bn-pf__grid,.ut-project-grid{grid-template-columns:1fr;gap:30px}.bn-pf__filters .button,.ut-filters .button{font-size:14px;padding:10px 15px;min-height:44px}.bn-project__caption h3{font-size:22px}.bn-project__link{font-size:16px}.bn-project__media{height:235px}}
@media(prefers-reduced-motion:reduce){.bn-project *{animation:none!important;transition:none!important}}

.ut-more.button{border-radius:50px;min-height:56px;padding:12px 33px;background:#fff;color:var(--ink);border:1px solid var(--ink);font:600 18px/1.4 "DM Sans",sans-serif}

.ut-filters .button{border-radius:50px;color:var(--ink);border:1px solid var(--ink);background:#fff;font-weight:600;line-height:1.4}
.ut-filters .button[aria-pressed=true]{background:linear-gradient(110deg,#11a5f5,#0095e9);border-color:transparent;color:#fff}

@media(max-width:767px){.bn-project__link{font-size:14px;gap:6px;padding-inline:8px}}