/* Copied from storetasker-website/web/public/css/partners.css by tools/redesign/import-base.mjs.
   Element-level rules skip .st-legacy areas (old page bodies, hire panel); nothing else changed. */
/* Partner pages (/partners/<tracking ID>, src/pages/partners/[slug].astro), loaded by partner pages only.
   Hero slides (src/components/pages/partners/PartnerHeroSlides.astro): a white brand logo top left and, on the centre
   card, "MEMBER" (.label) with the expert's role in Neue Haas Grotesk Display (white, not caps). */

/* A soft dark fade at the top and bottom of each photo, so the white logo and caption stay readable on light photos. */
.partner-hero_image {
  position: relative;
}
.partner-hero_image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, .45));
  pointer-events: none;
}
.partner-hero_image > *:where(:not(.st-legacy, .st-legacy *)) {
  position: relative;
}

.partner-hero_role {
  font-family: var(--_typography---font--primary);
  color: var(--neutral--off-white);
  font-size: 1.25em;
  line-height: 115%;
  font-weight: var(--_typography---font-weight--primary-medium);
  letter-spacing: -.2px;
}

/* Logos fill the logo box (6em x 2em, from .home-hero_logo), left-aligned, whatever their file's own size. */
.partner-hero_image .hh_logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}