/* effects.css (minimal re-gen) */
html{scroll-behavior:smooth}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}
.reveal.is-inview{opacity:1;transform:none}
.kb{overflow:hidden;border-radius:16px}
.kb>img{width:100%;height:100%;object-fit:cover;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.08)}}
.card{transition:transform .25s, box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.08)}