/* EPK layer on top of the pitch stylesheet (style.css): only what the public EPK adds or changes */

/* ---------- nav: download button ---------- */
.nav__links .nav__cta {
  color: var(--jungle); background: var(--gold);
  border-radius: 999px; padding: .45em 1em; margin-top: .4rem; font-weight: 600; text-align: center;
}
.nav__links .nav__cta:hover { background: var(--sand); color: var(--jungle); }
@media (min-width: 1000px) {
  .nav__links { align-items: center; }
  .nav__links .nav__cta { margin: 0 0 0 .4rem; padding: .4em .95em; }
}
@media (min-width: 1000px) and (max-width: 1180px) { .nav__links { gap: 1.1rem; } }

/* ---------- hero ---------- */
.hero__pdf { font-style: normal; text-decoration: none; color: var(--sand); border-bottom: 1px solid var(--gold); padding-bottom: .1em; }
.hero__pdf span { color: var(--ink-soft); font-size: .8em; margin-left: .3em; }
.hero__pdf:hover { color: var(--gold); }

/* ---------- live: two self-hosted videos, then two YouTube sessions ---------- */
.consent-note, .ig__notice { display: block; margin-top: .35rem; font-size: .75rem; color: var(--ink-soft); }
.consent-note a, .ig__notice a { color: inherit; }
@media (min-width: 760px) {
  .live .live__v1 { grid-column: 1 / 8; }
  .live .live__v2 { grid-column: 8 / 13; align-self: end; }
  .live .live__y1 { grid-column: 1 / 7; margin-top: 2rem; }
  .live .live__y2 { grid-column: 7 / 13; margin-top: 6rem; }
}

/* ---------- gallery: photo credits on the image ---------- */
.g { position: relative; }
.g picture { display: block; width: 100%; height: 100%; }
.g__credit {
  position: absolute; right: .4rem; bottom: .4rem; margin: 0; max-width: calc(100% - .8rem);
  padding: .15em .5em; font-size: .66rem; line-height: 1.4; color: var(--sand);
  background: color-mix(in srgb, var(--jungle) 62%, transparent);
}

/* ---------- socials: two-click consent box ---------- */
.ig__consent { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: .8rem; padding: 1.5rem; text-align: center; }
.ig__play { display: flex; align-items: center; gap: .8rem; background: none; border: 0; color: var(--sand); cursor: pointer; font: 600 1rem/1.3 var(--sans); }
.ig__play:hover .yt__icon { transform: scale(1.06); }
.ig__notice { max-width: 28ch; margin: 0; }
.ig--wide .ig__frame:not(.is-embedded) { aspect-ratio: 16 / 10; }

/* ---------- press kit (sand) ---------- */
.kit { padding-block: 2rem clamp(4rem, 9vw, 7rem); }
.kit h2 { margin-bottom: 2.5rem; }
.kit__grid { display: grid; gap: 3rem; }
.kit__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
.kit__item { display: grid; gap: .9rem; padding: 1.2rem 0; border-bottom: 1px solid var(--rule); }
.kit__item h3 { font: 400 1.5rem/1.15 var(--serif); }
.kit__item p { margin: .25rem 0 0; color: var(--ink-soft); font-size: .95rem; max-width: 46ch; }
.kit__item--main h3 { font-size: 2rem; }
.kit__btns { display: flex; flex-wrap: wrap; gap: .5rem; }
.kit .btn { color: var(--jungle); }
.kit .btn--solid { background: var(--jungle); border-color: var(--jungle); color: var(--sand); }
.kit .btn--solid:hover { background: var(--moss); border-color: var(--moss); }
.kit .btn:not(.btn--solid):hover { background: color-mix(in srgb, var(--jungle) 8%, transparent); }
.kit__bio { margin: 0; }
.kit__bio figcaption { font-weight: 600; font-size: .9rem; margin: 0 0 .6rem; color: var(--jungle); }
.kit__bio blockquote { margin: 0; font: 400 1.2rem/1.45 var(--serif); }
@media (min-width: 760px) {
  .kit__item { grid-template-columns: 1fr auto; align-items: center; column-gap: 2rem; }
}
@media (min-width: 1000px) {
  .kit__grid { grid-template-columns: 7fr 5fr; gap: 4rem; align-items: start; }
}

/* ---------- formats ---------- */
.rider-todo { margin-top: 1rem; }

/* ---------- contact ---------- */
.contact__lines { margin: 0; display: grid; gap: 1.6rem; }
.contact__lines dt { font-weight: 600; color: var(--gold); font-size: .9rem; margin-bottom: .2rem; }
.contact__lines dd { margin: 0; font: 400 clamp(1.3rem, 4.2vw, 2.6rem)/1.15 var(--serif); overflow-wrap: anywhere; }
.contact__lines a { text-decoration-color: var(--gold); }
.footer__legal { display: flex; gap: 1.5rem; }
.footer__legal a { color: var(--ink-soft); }
@media (min-width: 900px) {
  .contact__lines { grid-column: 1; }
}

/* ---------- legal pages ---------- */
.legal-page .nav { position: sticky; }
.nav__links--legal { display: flex !important; position: static !important; background: none !important; border: 0 !important; padding: 0 !important; }
.legal { padding-block: 3rem 2rem; max-width: 52rem; margin-left: 0; }
.legal h1 { font: 400 clamp(2.2rem, 6vw, 4rem)/1 var(--serif); margin-bottom: 1.5rem; }
.legal h1 span { color: var(--ink-soft); font-size: .5em; }
.legal h2 { font: 600 1.05rem/1.3 var(--sans); margin: 2.2rem 0 .5rem; color: var(--gold); letter-spacing: 0; }
.legal p { max-width: 68ch; color: var(--ink); }
.legal__note { margin-bottom: 1rem; }
.legal__date { margin-top: 2.5rem; color: var(--ink-soft); font-size: .9rem; }