/* Mario Panda partnership layer — rides on the wagwan token system
   (:root vars in _astro/index.*.css: --paper, --ink, --coral, --sun,
   --pink, --border, --shadow, --radius, --display, --body). */

/* topbar chip */
.mp-chip{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:var(--border);border-radius:100px;padding:4px 14px 4px 5px;font-family:var(--display);font-weight:700;font-size:.85rem;box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.mp-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}

/* hero ribbon */
.mp-hero{display:inline-flex;align-items:center;gap:12px;margin:20px auto 0;background:var(--sun);border:var(--border);border-radius:var(--radius-sm);padding:10px 20px 10px 10px;font-family:var(--display);font-weight:700;font-size:1.05rem;box-shadow:var(--shadow);transform:rotate(-1.5deg)}
.mp-hero img{width:54px;height:54px;border-radius:12px;object-fit:cover;border:2.5px solid var(--ink)}

/* partner section */
.mp-section{margin:46px auto}
.mp-card{display:flex;gap:30px;align-items:center;flex-wrap:wrap;background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px}
.mp-photo{width:250px;max-width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 18%;border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);transform:rotate(-2deg)}
.mp-copy{flex:1;min-width:260px}
.mp-badge{display:inline-block;background:var(--coral);color:var(--white);border:2.5px solid var(--ink);border-radius:100px;padding:5px 16px;font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:.08em;box-shadow:3px 3px 0 var(--ink)}
.mp-copy h2{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.2rem);margin:16px 0 10px;line-height:1.1}
.mp-copy p{font-family:var(--body);color:var(--ink-soft);font-size:1.05rem;line-height:1.6;max-width:52ch;margin:0}

/* every festival card gets a Mario stamp */
.fest-card{position:relative}
.fest-card::after{content:"";position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:2.5px solid var(--ink);background:url(/mario-face.webp) center/cover no-repeat;box-shadow:3px 3px 0 var(--ink);transform:rotate(6deg)}

/* footer line */
.mp-footline{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-family:var(--display);font-weight:700;color:var(--ink)}
.mp-footline img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}

/* floating badge — unmissable on every scroll position */
.mp-float{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:var(--pink);color:var(--ink);border:var(--border);border-radius:100px;padding:7px 18px 7px 8px;font-family:var(--display);font-weight:800;font-size:.9rem;box-shadow:var(--shadow);text-decoration:none;transition:transform .12s,box-shadow .12s}
.mp-float:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.mp-float img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}

@media (max-width:640px){
  .mp-chip span{display:none}
  .mp-photo{transform:none;width:100%;aspect-ratio:4/5}
  .mp-float{font-size:.8rem;padding:6px 14px 6px 7px}
}