/* PokéPackRadar V14-24 — Scoped visual polish to the HERO only.
   Uses user-provided artwork as-is (resized/encoded for fast delivery).
   Intentionally no CSS changes to tools, catalog, market, platforms or footer. */
.hero.ppr23-hero .ppr24-heading{
  width:calc(100% - 32px);max-width:1320px;
  display:grid;grid-template-columns:clamp(132px,16vw,190px) minmax(0,1fr) clamp(132px,16vw,190px);
  gap:10px;align-items:center;
  margin:0 auto 28px!important;
  position:relative;
}
.ppr24-heading-copy{min-width:0;grid-column:2;grid-row:1;text-align:center;position:relative;z-index:1}
.ppr24-hero-fox{
  display:block;width:100%;max-width:190px;height:auto;max-height:190px;
  margin:auto;object-fit:contain;
  filter:drop-shadow(0 15px 15px rgba(5,13,67,.22));
  pointer-events:none;user-select:none;
}
.ppr24-fox-blue{grid-column:1;grid-row:1}
.ppr24-fox-pink{
  grid-column:3;grid-row:1;
  /* A soft edge makes the supplied light-background artwork sit naturally over the cosmic hero. */
  -webkit-mask-image:radial-gradient(ellipse at 50% 49%,black 49%,rgba(0,0,0,.9) 60%,transparent 73%);
  mask-image:radial-gradient(ellipse at 50% 49%,black 49%,rgba(0,0,0,.9) 60%,transparent 73%);
  filter:none;
}
.hero.ppr23-hero .ppr24-heading h1{
  font-size:clamp(34px,3.25vw,48px)!important;
  line-height:1.105!important;
  margin:11px auto 11px!important;
  max-width:850px!important;
}
.ppr24-heading .ppr23-kicker{font-size:10px;letter-spacing:.12em}
.ppr24-heading p{max-width:720px!important}
/* The original blue mascot moves to the heading; the exact supplied star-book art
   becomes the feature card art without changing the card's content or links. */
.ppr23-featured .ppr23-mascot-frame img{max-width:188px;max-height:171px;width:auto;height:auto;object-fit:contain}
@media(max-width:1100px){
  .hero.ppr23-hero .ppr24-heading{grid-template-columns:minmax(95px,15vw) minmax(0,1fr) minmax(95px,15vw);gap:4px}
  .ppr24-hero-fox{max-width:154px}
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(32px,3.55vw,44px)!important}
}
@media(max-width:700px){
  .hero.ppr23-hero{padding-top:21px!important}
  .hero.ppr23-hero .ppr24-heading{
    width:calc(100% - 30px);max-width:600px;
    grid-template-columns:1fr 1fr;
    gap:0 10px;
    margin-bottom:19px!important;
  }
  .ppr24-fox-blue,.ppr24-fox-pink{grid-row:1;max-width:116px;max-height:111px}
  .ppr24-fox-blue{grid-column:1;justify-self:end;margin:0 23px 0 auto}
  .ppr24-fox-pink{grid-column:2;justify-self:start;margin:0 auto 0 23px}
  .ppr24-heading-copy{grid-column:1/-1;grid-row:2;padding-top:0}
  .ppr24-heading .ppr23-kicker{font-size:9px;line-height:1.45;letter-spacing:.07em}
  .hero.ppr23-hero .ppr24-heading h1{
    font-size:clamp(32px,7vw,42px)!important;
    line-height:1.08!important;
    margin:10px auto 11px!important;
    max-width:600px!important;
  }
  .ppr24-heading p{font-size:13px!important;line-height:1.47!important;max-width:485px!important}
}
@media(max-width:390px){
  .ppr24-fox-blue,.ppr24-fox-pink{max-width:100px;max-height:96px}
  .ppr24-fox-blue{margin-right:16px}
  .ppr24-fox-pink{margin-left:16px}
  .hero.ppr23-hero .ppr24-heading h1{font-size:clamp(30px,8.5vw,34px)!important}
  .ppr24-heading .ppr23-kicker{font-size:8.5px}
}