/* Semantic brand art: one visual object supports one user intent. */
.pm-brand-art { display: block; max-width: 100%; object-fit: contain; pointer-events: none; user-select: none; -webkit-user-drag: none; }

.pm-explore-hero .pm-brand-art--court-booking { position: absolute; z-index: 1; right: -46px; bottom: -38px; width: 235px; filter: drop-shadow(0 16px 15px rgba(3,13,35,.24)); transform: rotate(-4deg); }
.pm-format-grid .pm-brand-art { grid-row: 1 / 3; width: 38px; height: 38px; padding: 4px; border-radius: 12px; background: var(--pm-blue-soft); filter: drop-shadow(0 4px 7px rgba(14,42,97,.09)); }
.pm-format-grid .pm-brand-art--equipment-kit { padding: 1px; }
.pm-learning-hero__art { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 58%; overflow: hidden; }
.pm-learning-hero__art .pm-brand-art--player-motion { position: absolute; right: -55px; bottom: -76px; width: 250px; opacity: .9; filter: drop-shadow(0 15px 19px rgba(0,0,0,.2)); transform: rotate(-2deg); }
.pm-store-feature .pm-brand-art--equipment-kit { position: absolute; z-index: 1; right: -48px; bottom: -67px; width: 233px; filter: drop-shadow(0 17px 18px rgba(2,10,26,.36)); transform: rotate(5deg); }
.pm-product-visual .pm-brand-art--equipment-kit { width: 252px; height: 252px; filter: drop-shadow(0 23px 25px rgba(10,29,68,.19)); transform: rotate(2deg); }

@keyframes pm-court-arrive { from { opacity: 0; transform: translate3d(18px,12px,0) rotate(-7deg) scale(.94); } to { opacity: 1; transform: rotate(-4deg); } }
@keyframes pm-player-correct { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 50% { transform: translate3d(-4px,-3px,0) rotate(-1deg); } }
@keyframes pm-product-settle { from { opacity: 0; transform: translate3d(15px,10px,0) rotate(9deg) scale(.94); } to { opacity: 1; transform: rotate(5deg); } }

.pm-screen[data-motion-intent="navigate"] .pm-explore-hero .pm-brand-art--court-booking { animation: pm-court-arrive 640ms var(--pm-ease-emphasized) 110ms both; }
.pm-screen[data-motion-intent="navigate"] .pm-store-feature .pm-brand-art--equipment-kit { animation: pm-product-settle 680ms var(--pm-ease-emphasized) 100ms both; }
.pm-learning-hero__art .pm-brand-art--player-motion { animation: pm-player-correct 6.4s ease-in-out infinite; }

@media (hover:hover) and (pointer:fine) {
  .pm-explore-hero:hover .pm-brand-art--court-booking { filter: drop-shadow(0 20px 18px rgba(3,13,35,.3)) saturate(1.05); }
  .pm-store-feature:hover .pm-brand-art--equipment-kit { transform: rotate(2deg) translate3d(-4px,-4px,0) scale(1.03); }
  .pm-product-visual:hover .pm-brand-art--equipment-kit { transform: rotate(-1deg) scale(1.025); }
  .pm-format-grid button:hover .pm-brand-art { transform: translate3d(1px,-2px,0) scale(1.06); }
}

.pm-explore-hero .pm-brand-art--court-booking, .pm-store-feature .pm-brand-art--equipment-kit, .pm-product-visual .pm-brand-art--equipment-kit, .pm-format-grid .pm-brand-art { transition: transform 560ms var(--pm-ease-emphasized), filter 420ms ease; }

@media (prefers-reduced-motion: reduce) { .pm-learning-hero__art .pm-brand-art--player-motion { animation: none; } }
@media (max-width:360px) { .pm-explore-hero .pm-brand-art--court-booking { right: -58px; width: 218px; } .pm-store-feature .pm-brand-art--equipment-kit { right: -57px; width: 218px; } .pm-product-visual .pm-brand-art--equipment-kit { width: 225px; height: 225px; } }