.card-visual{background:#cfc6b8}
.card-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,35,28,.08),transparent 55%),linear-gradient(0deg,rgba(10,35,28,.24),transparent 45%);pointer-events:none}
.card-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.75,.25,1)}
.direction-card.active .card-visual img{transform:scale(1.025)}
.card-visual b{z-index:2;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.card-content h3{font-size:clamp(30px,2.6vw,40px)}
@media(max-width:800px){
  .card-visual img{object-position:center 42%}
  .card-content h3{font-size:29px}
}