/* Portfolio v1.0.6 - responsive 3-column laptop + phone */
.sf-site .sf-all-portfolio .sf-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.sf-site .sf-all-portfolio .sf-project-card{display:flex!important;flex-direction:column!important;min-width:0!important;text-decoration:none!important}
.sf-site .sf-all-portfolio .sf-project-visual{height:250px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:20px 30px 8px 15px!important}
.sf-site .sf-all-portfolio .sf-project-laptop{width:90%!important;max-width:370px!important;margin:0!important;position:relative!important;z-index:1!important}
.sf-site .sf-all-portfolio .sf-project-phone{position:absolute!important;z-index:3!important;right:7%!important;bottom:12px!important;width:21%!important;max-width:85px!important;aspect-ratio:9/18.5!important;border:5px solid #25292e!important;border-radius:15px!important;background:#111!important;box-shadow:0 9px 18px #24180f42!important;overflow:hidden!important;transform:rotate(4deg)!important}
.sf-site .sf-all-portfolio .sf-project-phone:before{content:'';position:absolute;z-index:4;top:3px;left:32%;width:36%;height:5px;background:#1b1c1e;border-radius:0 0 7px 7px}
.sf-site .sf-all-portfolio .sf-project-phone-screen{position:absolute;inset:3px 2px;border-radius:8px;overflow:hidden;background:#fff}
.sf-site .sf-all-portfolio .sf-project-phone-screen img{display:block!important;width:270%!important;max-width:none!important;height:100%!important;object-fit:cover!important;object-position:top left!important}
.sf-site .sf-all-portfolio .sf-project-info{display:flex!important;flex-direction:column!important;flex:1!important;padding:20px 24px 25px!important}
.sf-site .sf-all-portfolio .sf-project-brand{height:82px!important;min-height:82px!important;display:flex!important;justify-content:center!important;align-items:center!important}
.sf-site .sf-all-portfolio .sf-project-brand img{max-width:86%!important;max-height:58px!important;object-fit:contain!important}
.sf-site .sf-all-portfolio .sf-project-info h3{color:#151719!important;font-size:19px!important;font-weight:750!important;letter-spacing:-.025em!important;line-height:1.3!important;opacity:1!important;visibility:visible!important}
.sf-site .sf-all-portfolio .sf-project-info p{color:#656365!important;font-size:13px!important;line-height:1.6!important;min-height:0!important;margin:9px 0 14px!important}
.sf-site .sf-all-portfolio .sf-project-services{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 20px!important}
.sf-site .sf-all-portfolio .sf-service-tag{display:inline-flex!important;align-items:center!important;gap:4px!important;border-radius:100px!important;background:#f5f0eb!important;color:#323232!important;font-size:10px!important;line-height:1.2!important;font-weight:600!important;padding:7px 9px!important;white-space:nowrap!important}
.sf-site .sf-all-portfolio .sf-service-icon{font-size:13px!important;color:#de513d!important;line-height:1!important}
.sf-site .sf-all-portfolio .sf-project-link{margin-top:auto!important}
@media(max-width:1000px){.sf-site .sf-all-portfolio .sf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.sf-site .sf-all-portfolio .sf-project-grid{grid-template-columns:1fr!important;gap:18px!important}.sf-site .sf-all-portfolio .sf-project-visual{height:245px!important}}