.portfolio-list .project-visual.portfolio-adi-visual{position:relative;display:block;overflow:hidden;background:#141311!important}
.portfolio-list .project-visual.portfolio-adi-visual:before{display:none!important}
.portfolio-list .project-visual.portfolio-adi-visual:after{content:"ONLINE"!important;position:absolute;z-index:3;inset:24px 24px auto auto!important;padding:9px 12px;border-radius:999px;color:#fff!important;background:#16a34a;text-transform:uppercase;letter-spacing:.12em;font:800 9px/1 monospace!important}
.portfolio-list .project-visual.portfolio-adi-visual>img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;opacity:.9;transition:transform .35s ease,opacity .35s ease}
.portfolio-list .project-visual.portfolio-adi-visual:hover>img{opacity:1;transform:scale(1.015)}
.portfolio-list .project-visual.portfolio-adi-visual:focus-visible{outline:3px solid #ff5634;outline-offset:5px}
.portfolio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.portfolio-actions .case-study-link{margin-top:0}
.portfolio-actions .portfolio-site-link{color:#fff;background:#141311}
.portfolio-actions .portfolio-site-link:hover{color:#fff;background:#302d29}
.portfolio-list .portfolio-item:nth-child(3){display:grid!important}
@media(max-width:640px){.portfolio-list .project-visual.portfolio-adi-visual>img{min-height:360px}.portfolio-actions{align-items:stretch;flex-direction:column}.portfolio-actions .button{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){.portfolio-list .project-visual.portfolio-adi-visual>img{transition:none}}