.sby{padding:70px 0 0;background:#fff}
.sby-head{text-align:center;padding:0 20px 36px}
.sby-head h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.02em;font-size:clamp(30px,4.4vw,54px);color:#111;margin:0 0 14px;text-transform:uppercase}
.sby-head p{font-family:'Courier New',Courier,monospace;font-size:14px;color:#555;letter-spacing:.01em;margin:0}
.sby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#fff}
.sby-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#EDE7DC}
.sby-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.sby-card:hover img{transform:scale(1.03)}
.sby-tag{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;background:rgba(250,247,242,.94);color:#111;font-family:'Courier New',Courier,monospace;font-weight:600;font-size:12px;letter-spacing:.02em;text-transform:uppercase;padding:9px 14px;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.sby-tag svg{width:15px;height:15px;flex-shrink:0}
@media(max-width:980px){
  .sby-grid{grid-template-columns:repeat(2,1fr)}
  .sby-head{padding-bottom:26px}
}
@media(max-width:560px){
  .sby-tag{font-size:10.5px;padding:7px 11px;left:10px;bottom:10px;gap:6px}
  .sby-tag svg{width:12px;height:12px}
}