/* Critical brand layout helpers — committed so Hostinger/static deploys
   do not depend on a regenerated Tailwind output.css */

.hero-portrait {
  position: relative;
  flex-shrink: 0;
  width: 13rem;
  height: 16rem;
}

@media (min-width: 640px) {
  .hero-portrait {
    width: 14rem;
    height: 18rem;
  }
}

@media (min-width: 1024px) {
  .hero-portrait {
    width: 16rem;
    height: 20rem;
  }
}

@keyframes portrait-float {
  0%,
  100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-8px) rotate(-2deg);
  }
}

.hero-portrait-float {
  animation: portrait-float 6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .hero-portrait-float {
    animation: none !important;
  }
}