/* ============================================================
   LOGO HIDUP — Beranda (tema toska)
   Berputar 3 dimensi + riak seperti tertiup angin.
   Berkas gambar logo tidak diubah; semua dari CSS + tapis SVG.
   ============================================================ */
header .brand{ perspective: 760px; display: inline-flex; align-items: center; }
header .brand img{
  transform-style: preserve-3d;
  transform-origin: 50% 55%;
  will-change: transform, filter;
  filter: url(#tb-angin) drop-shadow(0 6px 14px rgba(0,0,0,.45));
  animation:
    tb-putar 15s cubic-bezier(.5,0,.5,1) infinite,
    tb-ayun  6.5s ease-in-out infinite;
}
@keyframes tb-putar{
  0%   { transform: rotateY(0deg)   rotateX(0deg); }
  8%   { transform: rotateY(0deg)   rotateX(0deg); }
  52%  { transform: rotateY(360deg) rotateX(6deg); }
  60%  { transform: rotateY(360deg) rotateX(0deg); }
  100% { transform: rotateY(360deg) rotateX(0deg); }
}
@keyframes tb-ayun{
  0%,100% { rotate: -2.6deg; translate: 0 0; }
  35%     { rotate:  1.8deg; translate: 1px -2px; }
  70%     { rotate:  2.6deg; translate: -1px 1px; }
}
/* disentuh tetikus: anginnya mengencang */
header .brand:hover img{
  animation:
    tb-putar 4.5s cubic-bezier(.45,0,.55,1) infinite,
    tb-ayun  1.6s ease-in-out infinite;
  filter: url(#tb-angin-kencang) drop-shadow(0 10px 22px rgba(34,211,238,.35));
}
@media (prefers-reduced-motion: reduce){
  header .brand img{ animation: none !important; filter: none !important; }
}