/* GENERATED by packages/design-system/scripts/build-wp.mjs in lonestar-launchpad-com. Do not edit; regenerate.
   Source: build/partner/css/partner.css */
/* ===========================================================================
   LoneStar LaunchPad — partner-type landing pages (/partners/<type>/).
   One template, four pages, from "Lone Star Launchpad 4 Partner Types Pages.pdf"
   (Sept 30). Copy: docs/data/partner-pages-copy.json → the plugin's
   data/partner-pages.json. Square corners throughout (Brand Guide v1.2), where
   the PDF rounds them; colours are the site's tokens, not the PDF's.

   Imports the design-system tokens, then ONLY the components this page uses.
   =========================================================================== */

/* --- hero: navy, star, the audience pill, the page's promise, its icon --- */
.lslp-partner__hero {
  background: var(--lslp-navy);
  color: var(--lslp-on-navy);
  padding: clamp(40px, 7vw, 88px) 0;
}
.lslp-partner__hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--lslp-space-6);
}
.lslp-partner__star { display: block; color: var(--lslp-gold); font-size: 32px; line-height: 1; margin-bottom: var(--lslp-space-4); }
.lslp-partner__pill {
  display: inline-block;
  margin: 0 0 var(--lslp-space-4);
  padding: 10px 16px;
  background: var(--lslp-red);
  color: var(--lslp-white);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lslp-partner__title {
  margin: 0;
  max-width: 18ch;
  font-family: var(--lslp-font-serif);
  font-size: clamp(34px, 5.2vw, 60px);
  line-height: 1.12;
  color: var(--lslp-white);
}
.lslp-partner__icon { display: block; width: clamp(96px, 18vw, 240px); aspect-ratio: 1; background: no-repeat center / contain; }

/* --- body --- */
.lslp-partner__body { background: var(--lslp-limestone); padding: clamp(40px, 6vw, 72px) 0 clamp(48px, 7vw, 88px); }
.lslp-partner__section + .lslp-partner__section { margin-top: clamp(40px, 6vw, 64px); }
.lslp-partner__eyebrow {
  margin: 0 0 var(--lslp-space-3);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lslp-red);
}
.lslp-partner__body .lslp-section-title { margin: 0 0 var(--lslp-space-4); color: var(--lslp-navy); }
.lslp-partner__body .lslp-section-title em { color: var(--lslp-red); } /* the PDF's italic accent, on light ground; the CTA band keeps its white title */
.lslp-partner__intro { max-width: 70ch; margin: 0; font-size: var(--lslp-body-lg-size); line-height: var(--lslp-body-lg-line); color: var(--lslp-slate); }
.lslp-partner__chips { display: flex; flex-wrap: wrap; gap: var(--lslp-space-2); margin: var(--lslp-space-5) 0 0; padding: 0; list-style: none; }

/* 01–03 and the navy Outcome card */
.lslp-partner__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--lslp-space-4);
  margin: var(--lslp-space-5) 0 0;
  padding: 0;
  list-style: none;
}
.lslp-partner__step { padding: var(--lslp-space-5); background: var(--lslp-white); border: 1px solid var(--lslp-line); }
.lslp-partner__num { display: block; font-family: var(--lslp-font-serif); font-style: italic; font-weight: 700; font-size: 24px; line-height: 1; color: var(--lslp-red); }
.lslp-partner__step-title { margin: var(--lslp-space-3) 0 var(--lslp-space-3); font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lslp-navy); }
.lslp-partner__step-text { margin: 0; color: var(--lslp-slate); }
.lslp-partner__outcome { padding: var(--lslp-space-5); background: var(--lslp-navy); color: var(--lslp-on-navy); }
.lslp-partner__outcome .lslp-partner__star { font-size: 22px; margin-bottom: var(--lslp-space-3); }
.lslp-partner__outcome-label { margin: 0 0 var(--lslp-space-3); font-size: 15px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--lslp-gold); }
.lslp-partner__outcome-text { margin: 0; }

/* Getting started: a dash list, or (Trade Organization) a callout */
.lslp-partner__start { margin: 0; padding: 0; list-style: none; }
.lslp-partner__start li { position: relative; padding-left: 1.6em; margin-top: var(--lslp-space-2); color: var(--lslp-ink); }
.lslp-partner__start li::before { content: "—"; position: absolute; left: 0; color: var(--lslp-slate); }
.lslp-partner__callout { padding: var(--lslp-space-5); background: var(--lslp-cream); border: 1px solid var(--lslp-line); }
.lslp-partner__callout-title { margin: 0 0 var(--lslp-space-2); font-size: 18px; line-height: 1.35; font-weight: 700; color: var(--lslp-ink); }
.lslp-partner__callout p { margin: 0; color: var(--lslp-slate); }
.lslp-partner__callout a { color: var(--lslp-red); font-weight: 600; }

/* Important notes */
.lslp-partner__notes { margin: clamp(24px, 4vw, 40px) auto 0; max-width: 80ch; text-align: center; font-size: var(--lslp-body-sm-size); color: var(--lslp-slate); }
.lslp-partner__notes-label { display: block; margin-bottom: var(--lslp-space-2); font-family: var(--lslp-font-serif); font-style: italic; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lslp-red); }
.lslp-partner__notes p { margin: 0; font-style: italic; }

@media (max-width: 1023px) {
  .lslp-partner__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .lslp-partner__hero-inner { grid-template-columns: 1fr; }
  .lslp-partner__icon { order: -1; width: 88px; }
  .lslp-partner__steps { grid-template-columns: 1fr; }
}

/* the icons, from the PDF (yellow on transparent) */
.lslp-partner__icon--trade-organizations { background-image: url("../../images/partner/icon-trade-organizations.png"); }
.lslp-partner__icon--ecosystem-partners { background-image: url("../../images/partner/icon-ecosystem-partners.png"); }
.lslp-partner__icon--content-providers { background-image: url("../../images/partner/icon-content-providers.png"); }
.lslp-partner__icon--service-providers { background-image: url("../../images/partner/icon-service-providers.png"); }

/* the CTA band's line (the band itself is the cta-banner component) */
.lslp-partner__cta-text { margin: var(--lslp-space-3) 0 0; color: var(--lslp-on-navy-muted); }
.lslp-partner .lslp-cta-banner .lslp-section-title em { color: var(--lslp-gold); }
.lslp-partner__notes { padding-bottom: clamp(24px, 4vw, 40px); }