/* Ship Like a Baddie partnerships page — content only. Chrome comes from /baddie/styles.css */
main.bp {
  --bp-muted: #b6b6b6;
  --bp-line: rgba(255, 255, 255, 0.18);
}
main.bp .shell {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}
main.bp .marker {
  font-family: var(--script);
  color: var(--pink);
}
main.bp .hero {
  position: static;
  isolation: auto;
  min-height: 0;
  padding: 34px 0 30px;
  overflow: visible;
}
main.bp .hero-grid {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 28px;
  align-items: start;
}
main.bp .hero-copy {
  padding-top: 28px;
  max-width: none;
  color: #fff;
  font-size: inherit;
}
main.bp .eyebrow {
  display: inline-block;
  background: var(--pink);
  color: #000;
  padding: 5px 8px;
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}
main.bp .hero h1 {
  font-family: var(--display);
  font-size: clamp(52px, 6.4vw, 92px);
  line-height: 0.92;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
main.bp .hero h1 span { color: var(--pink); }
main.bp .hero-lede {
  max-width: 42ch;
  color: #e3e3e3;
  font-size: 17px;
  margin: 20px 0;
}
main.bp .hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
main.bp .hero-note {
  font-size: 24px;
  line-height: 1.05;
  margin-top: 28px;
  transform: rotate(-4deg);
  max-width: 14ch;
}
main.bp .hero-art img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 24px 30px rgba(0, 0, 0, 0.45));
}

main.bp .paths { padding: 20px 0 8px; }
main.bp .cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
main.bp .path-card {
  position: relative;
  min-height: 520px;
  padding: 22px 22px 82px;
  background: linear-gradient(180deg, #101010, #070707);
  border: 1px solid rgba(255, 255, 255, 0.23);
  overflow: hidden;
}
main.bp .path-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.11;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
main.bp .card-topline {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
main.bp .num {
  border: 1px solid var(--pink);
  color: var(--pink);
  font-family: var(--display);
  padding: 3px 8px;
}
main.bp .tag {
  position: static;
  top: auto;
  left: auto;
  z-index: auto;
  background: var(--pink);
  color: #000;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
main.bp .path-card h2 {
  font-family: var(--display);
  font-size: 34px;
  line-height: 1.02;
  text-transform: none;
  margin-bottom: 14px;
}
main.bp .path-card > p:not(.card-note) {
  color: #d0d0d0;
  font-size: 14px;
}
main.bp .path-card > p + p:not(.card-note):not(.success-kicker) {
  margin-top: 10px;
}
main.bp .path-card .success-kicker {
  margin: 18px 0 0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}
main.bp .path-card .success-kicker + ul { margin-top: 10px; }
main.bp .path-card-long { padding-bottom: 96px; }
main.bp .path-card ul {
  list-style: none;
  margin-top: 20px;
  display: grid;
  gap: 10px;
}
main.bp .path-card li {
  font-size: 14px;
  padding-left: 28px;
  position: relative;
}
main.bp .path-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--pink);
  color: #000;
  font-weight: 900;
  font-size: 11px;
}
main.bp .card-cta {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 800;
}
main.bp .card-note {
  position: absolute;
  right: 14px;
  bottom: 64px;
  font-size: 18px;
  line-height: 1.03;
  transform: rotate(-5deg);
  max-width: 8ch;
  text-align: right;
}
main.bp .path-card-long .card-note {
  max-width: 16ch;
}

main.bp .proof-strip {
  margin-top: 12px;
  border-top: 1px solid var(--bp-line);
  border-bottom: 1px solid var(--bp-line);
  padding: 26px 0;
}
main.bp .proof-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
main.bp .metric {
  text-align: center;
  padding: 0 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.28);
}
main.bp .metric:last-child { border-right: 0; }
main.bp .metric strong {
  display: block;
  font-family: var(--display);
  font-size: 56px;
  line-height: 0.95;
  text-decoration: underline;
  text-decoration-color: var(--pink);
  text-underline-offset: 9px;
}
main.bp .metric span {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  color: #ededed;
}

main.bp .showup { padding: 30px 0; }
main.bp .section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 16px;
}
main.bp .section-head h2 {
  font-family: var(--display);
  font-size: 30px;
  text-transform: uppercase;
}
main.bp .section-head .marker {
  font-size: 15px;
  text-align: right;
}
main.bp .showup-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
main.bp .showup-grid article {
  border: 1px solid var(--bp-line);
  background: #0c0c0c;
  padding: 18px;
  min-height: 184px;
}
main.bp .icon {
  font-size: 32px;
  color: var(--pink);
  margin-bottom: 12px;
}
main.bp .showup-grid h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
main.bp .showup-grid p {
  font-size: 13px;
  color: #cfcfcf;
}

main.bp .partner-roll {
  padding: 16px 0 30px;
}
main.bp .micro {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 800;
  color: #e7e7e7;
}
main.bp .partner-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 18px 28px;
  margin: 0;
  padding: 14px 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  list-style: none;
}
main.bp .partner-list li {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  width: auto;
}
main.bp .partner-list li img {
  display: block;
  height: 34px;
  width: auto;
  max-width: none;
  object-fit: contain;
}
main.bp .partner-list .pp-logo-sgn {
  height: 56px !important;
  max-width: none !important;
}
main.bp .partner-list .pp-logo-utum {
  height: 28px !important;
  max-width: none !important;
}
main.bp .partner-list .pp-logo-round,
main.bp .partner-list .pp-logo-nyl {
  height: 44px !important;
  max-width: 44px !important;
}
main.bp .partner-roll blockquote {
  margin-top: 20px;
  background: #f2eee5;
  color: #111;
  max-width: 760px;
  padding: 22px 26px;
  clip-path: polygon(0 3%, 100% 0, 98% 94%, 4% 100%);
}
main.bp .partner-roll blockquote p {
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.3;
}
main.bp .partner-roll cite {
  display: block;
  margin-top: 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

main.bp .final-cta {
  border-top: 1px solid var(--bp-line);
  padding: 28px 0 24px;
}
main.bp .final-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 26px;
  align-items: end;
}
main.bp .final-copy h2 {
  font-family: var(--display);
  font-size: 58px;
  line-height: 0.95;
  margin: 8px 0 14px;
  text-transform: none;
}
main.bp .final-copy > p:not(.micro) {
  color: #d5d5d5;
  max-width: 46ch;
  margin-bottom: 18px;
}
main.bp .final-art img {
  width: 100%;
  display: block;
}

@media (max-width: 900px) {
  main.bp .hero-grid,
  main.bp .final-grid { grid-template-columns: 1fr; }
  main.bp .cards-grid { grid-template-columns: 1fr; }
  main.bp .path-card { min-height: 0; }
  main.bp .card-cta { position: static; margin-top: 24px; }
  main.bp .card-note {
    position: static;
    margin-top: 16px;
    text-align: left;
    max-width: none;
  }
  main.bp .proof-grid { grid-template-columns: 1fr; }
  main.bp .metric {
    border-right: 0;
    border-bottom: 1px solid var(--bp-line);
    padding: 20px 0;
  }
  main.bp .metric:last-child { border-bottom: 0; }
  main.bp .showup-grid { grid-template-columns: 1fr 1fr; }
  main.bp .hero-art { order: -1; }
  main.bp .hero-copy { padding-top: 0; }
  main.bp .final-art { order: -1; }
  main.bp .section-head {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }
  main.bp .section-head .marker { text-align: left; }
}
@media (max-width: 600px) {
  main.bp .shell { width: min(100% - 28px, 1180px); }
  main.bp .hero { padding-top: 18px; }
  main.bp .hero h1 { font-size: 54px; }
  main.bp .showup-grid { grid-template-columns: 1fr; }
  main.bp .partner-list {
    flex-wrap: wrap;
    gap: 14px 22px;
  }
  main.bp .final-copy h2 { font-size: 48px; }
}

/* =========================================================
   ART-DIRECTION PASS — exact visual rhythm of approved mockup
   BLACK HERO → PAPER PATHS → PINK PROOF → PAPER SHOWUP
   → BLACK PARTNERS → PAPER CTA
   ========================================================= */
main.bp {
  --bp-paper: #f2eee5;
  --bp-paper-2: #eee9df;
  --bp-ink: #080808;
}

main.bp .paths,
main.bp .showup,
main.bp .final-cta {
  color: var(--bp-ink);
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 18% 20%, rgba(30, 24, 17, .055) 0 .7px, transparent .8px) 0 0/21px 21px,
    radial-gradient(circle at 78% 72%, rgba(30, 24, 17, .04) 0 .7px, transparent .8px) 0 0/27px 27px,
    linear-gradient(180deg, var(--bp-paper) 0%, var(--bp-paper-2) 100%);
}

main.bp .paths::before,
main.bp .showup::before,
main.bp .final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .11;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' seed='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

/* torn transition directly under black hero */
main.bp .paths {
  margin-top: 10px;
  padding: 52px 0 42px;
  clip-path: polygon(0 2.2%, 5% 1.3%, 11% 2.1%, 17% 1.1%, 24% 1.7%, 31% .7%, 38% 1.9%, 46% .8%, 55% 1.6%, 64% .7%, 73% 1.9%, 83% 1.1%, 91% 2%, 100% .9%, 100% 100%, 0 100%);
}

main.bp .paths-layout {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  gap: 26px;
  align-items: stretch;
}

main.bp .paths-intro {
  padding: 14px 4px 0 0;
}
main.bp .paths-kicker {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  transform: rotate(-3deg);
  margin: 0 0 16px 2px;
}
main.bp .paths-intro h2 {
  color: #050505;
  font-family: var(--display);
  font-size: 50px;
  line-height: .88;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -.015em;
}
main.bp .paths-swipe {
  display: block;
  width: 132px;
  height: 7px;
  background: var(--pink);
  margin-top: 18px;
  transform: rotate(-1.8deg);
  box-shadow: 24px 5px 0 -2px var(--pink);
}

main.bp .cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

main.bp .path-card {
  color: #090909;
  min-height: 545px;
  padding: 22px 20px 82px;
  background: rgba(250, 247, 240, .54);
  border: 1.3px solid rgba(0, 0, 0, .28);
  box-shadow: 0 5px 0 rgba(0,0,0,.035);
  overflow: visible;
}
main.bp .path-card::before {
  opacity: .055;
  mix-blend-mode: multiply;
}
main.bp .path-card::after {
  content: "";
  position: absolute;
  width: 56px;
  height: 22px;
  right: 12px;
  top: -10px;
  transform: rotate(10deg);
  background: linear-gradient(90deg, rgba(70,65,58,.45), rgba(145,137,125,.38), rgba(65,60,55,.35));
  opacity: .72;
  clip-path: polygon(2% 9%, 97% 0, 100% 87%, 5% 100%);
}
main.bp .path-card:nth-child(2)::after { transform: rotate(-7deg); right: 18px; }
main.bp .path-card:nth-child(3)::after { transform: rotate(12deg); right: 14px; }

main.bp .num {
  border-color: var(--pink);
  color: #111;
  background: transparent;
}
main.bp .tag { color: #080808; }
main.bp .path-card h2 {
  color: #0a0a0a;
  font-size: 31px;
  line-height: .99;
}
main.bp .path-card > p:not(.card-note) {
  color: #3f3b36;
}
main.bp .path-card .success-kicker { color: #111; }
main.bp .path-card li { color: #1a1815; }
main.bp .path-card li::before { color: #080808; }
main.bp .card-cta {
  color: #fff;
  background: #090909;
  border-color: #090909;
}
main.bp .card-cta:hover { background: var(--pink); color: #080808; border-color: var(--pink); }
main.bp .card-note {
  color: var(--pink);
  font-size: 17px;
  bottom: 67px;
}

/* hard visual reset: full hot-pink impact strip */
main.bp .proof-strip {
  margin: 0;
  padding: 26px 0 24px;
  background: var(--pink);
  color: #050505;
  border: 0;
  position: relative;
  overflow: hidden;
}
main.bp .proof-strip::after {
  content: "IDEAS TO IMPACT\A FASTER.";
  white-space: pre;
  position: absolute;
  right: max(30px, calc((100vw - 1180px)/2 + 8px));
  top: 26px;
  width: 126px;
  height: 82px;
  border: 3px solid #090909;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--script);
  font-size: 16px;
  line-height: .95;
  text-align: center;
  transform: rotate(-7deg);
}
main.bp .proof-grid {
  width: min(910px, calc(100% - 170px));
  margin-left: auto;
  margin-right: auto;
}
main.bp .metric { border-color: rgba(0,0,0,.55); }
main.bp .metric strong {
  color: #050505;
  font-size: 59px;
  text-decoration-color: #090909;
}
main.bp .metric span { color: #090909; font-weight: 600; }

/* cream editorial chapter */
main.bp .showup {
  padding: 34px 0 38px;
}
main.bp .section-head { color: #090909; margin-bottom: 18px; }
main.bp .section-head h2 { font-size: 32px; }
main.bp .section-head .marker { color: var(--pink); }
main.bp .showup-side-note {
  margin-top: 14px;
  text-align: left !important;
  font-size: 19px !important;
  line-height: 1.02;
  transform: rotate(-4deg);
}
main.bp .showup-grid article {
  background: rgba(255,255,255,.22);
  color: #090909;
  border: 1.2px solid rgba(0,0,0,.34);
  min-height: 188px;
  box-shadow: 0 4px 0 rgba(0,0,0,.025);
}
main.bp .showup-grid p { color: #38342f; }
main.bp .icon { color: var(--pink); }

/* black credibility band */
main.bp .partner-roll {
  background: #050505;
  color: #fff;
  padding: 22px 0 34px;
  position: relative;
}
main.bp .partner-roll .micro { color: #f1f1f1; }
main.bp .partner-list {
  border-bottom: 0;
  padding: 14px 0 22px;
}
main.bp .partner-roll blockquote {
  position: relative;
  max-width: 850px;
  margin: 8px auto 0 70px;
  padding: 24px 34px 26px;
  background: #f3efe7;
  color: #111;
  clip-path: polygon(1% 4%, 99% 0, 100% 92%, 4% 100%, 0 86%);
  transform: rotate(-.4deg);
}
main.bp .partner-roll blockquote::before {
  content: "";
  position: absolute;
  left: 12px;
  top: -17px;
  width: 38px;
  height: 72px;
  background: rgba(250,10,114,.72);
  transform: rotate(-12deg);
  clip-path: polygon(9% 0, 93% 6%, 100% 97%, 0 100%);
}
main.bp .partner-roll blockquote p { font-size: 21px; }

/* cream closer with large photo */
main.bp .final-cta {
  border: 0;
  padding: 44px 0 48px;
  clip-path: polygon(0 0, 7% .7%, 13% 0, 21% .7%, 31% 0, 44% .8%, 58% 0, 71% .6%, 84% 0, 93% .8%, 100% 0, 100% 100%, 0 100%);
}
main.bp .final-grid {
  grid-template-columns: .86fr 1.14fr;
  gap: 38px;
  align-items: center;
}
main.bp .final-copy .micro { color: #121212; }
main.bp .final-copy h2 {
  color: #070707;
  font-size: 61px;
  line-height: .9;
  text-transform: uppercase;
}
main.bp .final-copy > p:not(.micro) { color: #3a3631; }
main.bp .final-copy .btn-ghost {
  color: #090909;
  border-color: #090909;
  background: transparent;
}
main.bp .final-art {
  position: relative;
}
main.bp .final-art::before,
main.bp .final-art::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 64px;
  height: 23px;
  background: rgba(105,98,87,.55);
  clip-path: polygon(2% 8%, 98% 0, 94% 100%, 0 90%);
}
main.bp .final-art::before { top: -8px; left: 22px; transform: rotate(-10deg); }
main.bp .final-art::after { bottom: -7px; right: 20px; transform: rotate(9deg); }
main.bp .final-art img {
  filter: grayscale(1) contrast(1.08);
  border: 1px solid rgba(0,0,0,.22);
}

@media (max-width: 1050px) {
  main.bp .paths-layout { grid-template-columns: 165px minmax(0, 1fr); gap: 18px; }
  main.bp .paths-intro h2 { font-size: 42px; }
  main.bp .path-card h2 { font-size: 28px; }
}

@media (max-width: 900px) {
  main.bp .paths { clip-path: none; }
  main.bp .paths-layout { grid-template-columns: 1fr; }
  main.bp .paths-intro { display: grid; grid-template-columns: max-content 1fr; align-items: end; gap: 20px; }
  main.bp .paths-intro h2 { font-size: 38px; }
  main.bp .cards-grid { grid-template-columns: 1fr; }
  main.bp .path-card { min-height: 0; }
  main.bp .proof-grid { width: min(100% - 30px, 760px); }
  main.bp .proof-strip::after { display: none; }
  main.bp .partner-roll blockquote { margin-left: 0; }
  main.bp .final-cta { clip-path: none; }
}

@media (max-width: 600px) {
  main.bp .paths { padding-top: 34px; }
  main.bp .paths-intro { display: block; }
  main.bp .paths-intro h2 { font-size: 44px; margin-top: 10px; }
  main.bp .proof-grid { width: min(100% - 28px, 520px); }
  main.bp .metric { border-right: 0; border-bottom: 1px solid rgba(0,0,0,.55); }
  main.bp .metric:last-child { border-bottom: 0; }
  main.bp .final-copy h2 { font-size: 48px; }
}