/* /media-pack/ — the sponsorship pitch pack cover (pitch_pack.html "1 · COVER"), made responsive.
 * Fonts are the pack's own Montserrat/Inter files, self-hosted. Everything is scoped to .idr-mp. */
@font-face{font-family:IDRMP-Montserrat;font-weight:700;font-display:swap;src:url(fonts/montserrat-700.ttf) format('truetype')}
@font-face{font-family:IDRMP-Montserrat;font-weight:800;font-display:swap;src:url(fonts/montserrat-800.ttf) format('truetype')}
@font-face{font-family:IDRMP-Inter;font-weight:400;font-display:swap;src:url(fonts/inter-400.ttf) format('truetype')}

.idr-mp{
  --night:#1a0b33;--gold:#e9b949;--gold-soft:#f6e3ad;--violet:#7a2bd6;--magenta:#d43ab8;
  background:radial-gradient(120% 80% at 50% 0%,#3a1470 0%,var(--night) 55%,#0e0620 100%);
  color:#efe9fb;font-family:IDRMP-Inter,Inter,sans-serif;line-height:1.55;
}
.idr-mp *{box-sizing:border-box}
.idr-mp .cover{max-width:760px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;align-items:center;text-align:center}
.idr-mp .logo{width:min(560px,100%);height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 46%;display:block;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 71%);mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 71%)}
.idr-mp .kicker{font-family:IDRMP-Montserrat,Montserrat,sans-serif;font-weight:700;letter-spacing:.32em;font-size:12px;color:var(--gold);text-transform:uppercase;margin-top:-4%}
.idr-mp h1{font-family:IDRMP-Montserrat,Montserrat,sans-serif;font-size:clamp(28px,6vw,48px);font-weight:800;line-height:1.05;color:#fff;margin:14px 0;padding:0;letter-spacing:0;text-transform:none}
.idr-mp .tag{font-size:clamp(16px,2.4vw,17px);font-style:italic;color:var(--gold-soft)}
.idr-mp .award{margin-top:48px;width:100%;display:flex;align-items:center;gap:22px;text-align:left;
  border:1px solid rgba(233,185,73,.55);border-radius:15px;padding:15px 22px;background:rgba(255,255,255,.04)}
.idr-mp .award img{width:76px;height:113px;object-fit:cover;border-radius:6px;flex:none}
.idr-mp .award .t1{font-family:IDRMP-Montserrat,Montserrat,sans-serif;font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.idr-mp .award .t2{font-family:IDRMP-Montserrat,Montserrat,sans-serif;font-weight:800;font-size:clamp(17px,3vw,19px);color:#fff;line-height:1.2;margin:2px 0}
.idr-mp .award .t3{font-size:13px;color:rgba(255,255,255,.7)}
.idr-mp .cta{margin-top:36px}
.idr-mp .btn{display:inline-block;font-family:IDRMP-Montserrat,Montserrat,sans-serif;font-weight:800;font-size:16px;color:#1a0b33;text-decoration:none;
  background:linear-gradient(90deg,var(--gold),#f6cf6b);border-radius:999px;padding:16px 32px;box-shadow:0 0 18px rgba(233,185,73,.35);transition:transform .15s,box-shadow .15s}
.idr-mp .btn:hover,.idr-mp .btn:focus-visible{color:#1a0b33;transform:translateY(-1px);box-shadow:0 0 26px rgba(233,185,73,.55)}
.idr-mp .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.idr-mp .meta{font-size:13px;color:rgba(255,255,255,.55);margin-top:10px}
@media (max-width:520px){
  .idr-mp h1 br{display:none}
  .idr-mp .award{flex-direction:column;text-align:center;gap:12px}
  .idr-mp .btn{display:block;padding:15px 20px}
}