.portfolio-visual{position:relative;display:block;height:270px;padding:0;background:#dcecf5;overflow:hidden}
.portfolio-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease,filter .3s ease}
.portfolio-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(5,20,38,.72));pointer-events:none}
.portfolio-visual>span{position:absolute;z-index:1;right:16px;bottom:14px;border:1px solid #ffffff45;border-radius:999px;background:#071427b8;padding:6px 11px;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(8px)}
.portfolio-visual:hover img{transform:scale(1.025);filter:saturate(1.08)}
.portfolio-item:nth-child(2n) .portfolio-visual{background:#f5e9e5}
@media(max-width:650px){.portfolio-visual{height:220px}.portfolio-visual>span{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-visual img{transition:none}.portfolio-visual:hover img{transform:none}}