/* Shared brand motion: finite, lightweight, reduced-motion aware. */
:root{--motion-fast:160ms;--motion-panel:280ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}
button,a{transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}
button:active,.btn:active,.button:active{transform:translateY(1px)}
header nav a,header .links a{transition:color var(--motion-fast),transform var(--motion-fast)}
@media(hover:hover){header nav a:hover{transform:translateY(-2px)}}
.motion-enter{animation:brand-enter 420ms var(--motion-ease) both}
@keyframes brand-enter{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
.motion-logo{animation:logo-reveal 1250ms var(--motion-ease) both;transform-origin:left center}
@keyframes logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.3;transform:translateX(-8px)}65%{clip-path:inset(0 0 0 0);opacity:1;transform:none}82%{filter:drop-shadow(0 0 7px #c6ff3d70)}100%{filter:none}}
.motion-replay{background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;padding:8px 12px;font-size:12px;min-height:40px}
.kush-intro{margin:24px 0 0;display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;max-width:480px;border-top:1px solid var(--line,#344139);padding-top:18px;position:relative}
.kush-art{width:110px;height:165px;object-fit:cover;object-position:top;border-radius:10px;transform-origin:50% 90%}
.kush-playing .kush-art{animation:kush-hello 2400ms var(--motion-ease) both}
@keyframes kush-hello{0%{opacity:0;transform:translateY(18px) scale(.96)}35%{opacity:1;transform:translateY(0) rotate(-3deg)}55%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}100%{opacity:1;transform:none}}
.kush-copy strong{display:block;font-size:19px;color:var(--lime,#c6ff3d)}
.hero .kush-copy p{font-size:13px;margin:7px 0 12px;line-height:1.5;color:var(--muted,#aebbb1)}
.kush-controls{display:flex;gap:8px;flex-wrap:wrap}.kush-dismiss{background:transparent;border:0;color:inherit;padding:8px 12px;font-size:12px;min-height:40px;text-decoration:underline}
.kush-launch{margin-top:18px;display:block}
#product-dialog[open]{animation:brand-enter 280ms var(--motion-ease)}
@media(max-width:430px){.kush-intro{grid-template-columns:85px 1fr;gap:12px}.kush-art{width:85px;height:128px}.kush-copy strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-logo{clip-path:none;filter:none}}