/* GENERATED FILE — DO NOT EDIT DIRECTLY.
 * Canonical source: frontend/src/styles/css/04-semantic-classes/public-marketing.css
 * Edit the canonical React stylesheet source, then regenerate mirrors with:
 *   node scripts/sync-public-stylesheets.cjs
 */
* {
  box-sizing: border-box;
}

.public-marketing-root {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  --font-size-density-step: 0px;
}

.public-marketing-page {
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  font-family: "Poppins", var(--font-family-primary);
  color: var(--text-primary);
  background: var(--page-bg-surface);
  --font-size-density-step: 0px;
}

.public-marketing-shell {
  max-width: var(--width-1200px);
  margin: 0 auto;
  padding: 0 var(--space-20px) var(--space-24px);
}

.public-marketing-shell--home {
  max-width: none;
  padding-inline: 0;
}

.public-marketing-panel {
  margin-top: var(--space-14px);
  height: auto;
  overflow: visible;
}

.public-marketing-section {
  width: 100%;
}

.public-marketing-surface {
  position: relative;
  width: 100%;
  background: var(--card-surface);
  box-shadow: var(--shadow-soft);
}

.public-marketing-surface--hero {
  background: var(--white-glass-medium-30);
  border-color: var(--white-glass-light-20);
}

.public-marketing-carousel {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
}

.public-marketing-gallery-header {
  position: relative;
  width: 100vw;
  margin-top: var(--space-16px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.public-marketing-services-header {
  position: relative;
  width: 100vw;
  margin-top: var(--space-16px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.public-marketing-gallery-header__hero {
  min-height: var(--size-420px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  background-size: cover;
  background-position: center;
  border: var(--input-border-width-thin) solid var(--card-border);
}

.public-marketing-gallery-header__inner {
  width: min(100%, var(--width-1320px));
  padding: var(--size-48px) var(--size-12px);
}

.public-marketing-gallery-header__title {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.public-marketing-gallery-header__subtitle {
  margin: var(--space-18px) auto 0;
  text-align: center;
  width: 100%;
}

.public-marketing-shell--gallery {
  max-width: none;
  padding-inline: 0;
}

.public-marketing-carousel-block--gallery {
  margin-left: var(--space-20px);
  margin-right: var(--space-20px);
}

.public-marketing-gallery-cta--gallery {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: var(--size-48px) var(--space-20px) var(--size-56px);
}

.public-marketing-gallery-cta__surface {
  width: min(100%, var(--width-1320px));
  margin: 0 auto;
  min-height: var(--size-240px);
  padding: var(--size-48px) calc(var(--size-48px) + var(--size-36px));
  display: grid;
  grid-template-columns: minmax(0, var(--width-768px)) minmax(0, auto);
  gap: var(--space-24px);
  align-items: center;
  border-radius: 32px;
  background: linear-gradient(135deg, #a8bdc4 0%, #748491 48%, #5f6c76 100%);
  box-shadow: none;
}

.public-marketing-gallery-cta__copy {
  width: min(100%, var(--width-768px));
  padding-inline: var(--size-12px);
  min-width: 0;
}

.public-marketing-gallery-cta__title {
  width: min(100%, var(--width-744px));
}

.public-marketing-gallery-header__title--display {
  font-family: var(--font-accent);
  font-size: var(--font-size-56);
  font-weight: var(--weight-bold);
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.public-marketing-gallery-header__subtitle--display {
  font-family: "Poppins", var(--font-family-primary);
  font-size: var(--font-size-20);
  font-weight: var(--weight-normal);
  line-height: 1.2;
}

.public-marketing-services-header__hero {
  min-height: var(--size-780px);
  height: calc(100svh - var(--size-120px));
  max-height: var(--size-980px);
  display: flex;
  align-items: center;
  color: var(--white);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  overflow: hidden;
}

.public-marketing-services-header__inner {
  width: min(100%, var(--width-1240px));
  margin: 0 auto;
  padding:
    clamp(var(--size-96px), 11vw, var(--size-164px))
    var(--space-24px)
    clamp(var(--size-80px), 10vw, var(--size-140px))
    clamp(var(--space-24px), 11vw, var(--size-196px));
}

.public-marketing-services-header__eyebrow {
  margin: 0;
}

.public-marketing-services-header__title {
  margin: var(--space-12px) 0 0;
  max-width: var(--width-360px);
}

.public-marketing-services-header__title--display {
  display: block;
  font-family: var(--font-accent);
  font-size: clamp(var(--font-size-52), 4.8vw, var(--font-size-84));
  font-weight: var(--weight-bold);
  line-height: 0.96;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--white);
}

.public-marketing-services-header__subtitle {
  margin: var(--space-24px) 0 0;
  max-width: var(--width-560px);
}

.public-marketing-services-header__subtitle--display {
  display: block;
  font-family: "Poppins", var(--font-family-primary);
  font-size: clamp(var(--font-size-20), 2vw, var(--font-size-28));
  font-weight: var(--weight-normal);
  line-height: 1.22;
  color: var(--white);
  text-shadow: 0 2px 8px rgb(0 0 0 / 25%);
}

.public-marketing-carousel__viewport {
  position: relative;
  min-height: var(--size-520px);
  max-height: var(--size-920px);
  height: calc(100svh - var(--size-180px));
  overflow: hidden;
  border: var(--input-border-width-thin) solid var(--card-border);
}

.public-marketing-carousel__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 520ms ease;
}

.public-marketing-carousel__slide--active {
  opacity: 1;
}

.public-marketing-carousel__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(80deg, rgb(44 24 25 / 92%), rgb(44 24 25 / 0%)),
    linear-gradient(180deg, rgb(44 24 25 / 24%), rgb(44 24 25 / 34%));
  pointer-events: none;
}

.public-marketing-carousel__content {
  position: absolute;
  left: var(--size-11px);
  right: auto;
  bottom: 34%;
  z-index: 2;
  color: var(--white);
  width: min(100%, var(--width-643px));
}

.public-marketing-carousel__eyebrow {
  margin: 0 0 var(--space-10px);
}

.public-marketing-carousel__title {
  margin: 0;
  max-width: var(--width-643px);
  width: 100%;
}

.public-marketing-carousel__title--display {
  display: block;
  font-family: var(--font-accent);
  font-size: var(--font-size-64);
  font-weight: var(--weight-bold);
  line-height: 1.2;
}

.public-marketing-carousel__subtitle {
  margin: var(--space-12px) 0 0;
}

.public-marketing-carousel__actions {
  margin-top: var(--space-18px);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12px);
}

.public-marketing-carousel__dots {
  position: absolute;
  left: 50%;
  bottom: var(--size-20px);
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: var(--space-10px);
  z-index: 3;
}

.public-marketing-carousel__dot {
  width: var(--size-14px);
  height: var(--size-14px);
  border-radius: var(--radius-pill);
  border: var(--input-border-width-thin) solid var(--white-glass-bright-35);
  background: var(--white-glass-soft-12);
  cursor: pointer;
}

.public-marketing-carousel__dot--active {
  background: var(--vibrant-teal);
  border-color: var(--vibrant-teal);
}


.public-marketing-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--space-20px);
  align-items: stretch;
  padding: var(--size-26px);
  background:
    radial-gradient(580px 260px at 18% -12%, var(--teal-light-glass-light-24), transparent),
    linear-gradient(135deg, var(--vibrant-teal), var(--strong-teal), var(--medium-teal));
  border-color: var(--teal-light-glass-medium-26);
}

.public-marketing-hero__body {
  color: var(--white);
}

.public-marketing-hero__eyebrow {
  margin: 0 0 var(--space-10px);
}

.public-marketing-hero__title {
  margin: 0;
}

.public-marketing-hero__subtitle {
  margin: var(--space-14px) 0;
  max-width: var(--width-640px);
}

.public-marketing-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12px);
}

.public-marketing-hero__image {
  width: 100%;
  min-height: var(--size-310px);
  max-height: var(--size-420px);
  border-radius: var(--radius-standard);
  border: var(--input-border-width-thin) solid var(--white-glass-elevated-45);
  background: var(--white-glass-faint-10);
  object-fit: contain;
  object-position: center;
  padding: var(--space-6px);
}

.public-marketing-hero__action-button--compact {
  min-height: var(--size-44px);
  padding-inline: var(--space-18px);
}

.public-marketing-join__kicker {
  margin: 0;
  text-align: center;
}

.public-marketing-join__headline {
  margin: 0;
  text-align: center;
}

.public-marketing-join__hero-image-wrap {
  overflow: hidden;
}

.public-marketing-join__hero-image {
  width: 100%;
  display: block;
  min-height: var(--size-340px);
  max-height: var(--size-560px);
  object-fit: cover;
}

.public-marketing-join__hero-overlay {
  position: absolute;
  left: var(--space-18px);
  bottom: var(--space-18px);
  color: var(--white);
  text-shadow: 0 2px 8px rgb(0 0 0 / 35%);
}

.public-marketing-join__coast-wrap {
  padding: 0;
}

.public-marketing-join__coast-image {
  width: 100%;
  display: block;
  object-fit: cover;
}

.public-marketing-join__headline-wrap {
  padding-top: var(--size-28px);
  padding-bottom: var(--size-28px);
}

.public-marketing-join__hiring-grid {
  display: grid;
  grid-template-columns: minmax(var(--width-300px), 1fr) minmax(var(--size-320px), 1.25fr);
  gap: var(--space-18px);
  padding: var(--size-22px);
}

.public-marketing-join__hiring-photo-image {
  width: 100%;
  display: block;
  border-radius: var(--radius-standard);
  object-fit: cover;
}

.public-marketing-join__hiring-copy {
  min-width: 0;
}



.public-marketing-join__hiring-copy-list {
  margin: var(--space-12px) 0;
  padding-left: var(--space-20px);
}

.public-marketing-join__hiring-copy-list-item {
  margin-bottom: var(--space-6px);
}

.public-marketing-hero__image--join {
  object-fit: cover;
  padding: 0;
  background: transparent;
}

.public-marketing-hero__image--about {
  object-fit: cover;
  padding: 0;
  background: transparent;
}

.public-marketing-card {
  padding: var(--space-20px);
}

.public-marketing-cta {
  padding: var(--space-20px);
}

.public-marketing-services {
  padding: var(--space-20px);
}

.public-marketing-testimonials {
  padding: var(--space-20px);
}

.public-marketing-testimonials--carousel {
  color: var(--white);
  background: linear-gradient(135deg, #5f6f7d, #556370 72%, #4d5b68);
}

.public-marketing-cta__title {
  margin: 0;
}

.public-marketing-services__title {
  margin: 0;
}

.public-marketing-testimonials__title {
  margin: 0;
}

.public-marketing-testimonials__header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-16px);
}

.public-marketing-testimonials__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-24);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.22em;
  line-height: var(--line-height-tight);
  text-transform: uppercase;
  color: inherit;
}

.public-marketing-testimonials__controls {
  display: flex;
  width: 100%;
  margin-top: var(--space-14px);
  justify-content: center;
}

.public-marketing-cta__subtitle {
  margin: var(--space-12px) 0 0;
}

.public-marketing-card__bullets {
  margin: var(--space-16px) 0 0;
  padding-left: var(--space-18px);
  display: grid;
  gap: var(--space-6px);
}

.public-marketing-card__list {
  margin: var(--space-16px) 0 0;
  padding-left: var(--space-18px);
  display: grid;
  gap: var(--space-6px);
}

.public-marketing-card__bullet {
}

.public-marketing-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-12px);
  padding: var(--space-20px);
  background: linear-gradient(135deg, var(--vibrant-teal), var(--strong-teal), var(--medium-teal));
}

.public-marketing-stat {
  border: var(--input-border-width-thin) solid var(--white-glass-glow-22);
  border-radius: var(--radius-md);
  background: var(--white-glass-faint-10);
  padding: var(--space-16px) var(--space-14px);
  text-align: center;
}

.public-marketing-stat__value {
  margin: 0;
}

.public-marketing-stat__label {
  margin: var(--space-4px) 0 0;
}

.public-marketing-backed-by {
  padding: var(--space-18px) var(--space-20px);
  border-left: var(--size-4px) solid var(--vibrant-teal);
  background: linear-gradient(90deg, var(--teal-light-glass-soft-12), transparent);
}

.public-marketing-backed-by__eyebrow {
  margin: 0;
}

.public-marketing-backed-by__text {
  margin: var(--space-6px) 0 0;
}

.public-marketing-services__grid {
  margin-top: var(--space-16px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12px);
}

.public-marketing-testimonials__grid {
  margin-top: var(--space-16px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12px);
}

.public-marketing-carousel-block {
  padding: var(--size-22px);
}

.public-marketing-carousel-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-12px);
}

.public-marketing-carousel-block__title {
  margin: 0;
}

.public-marketing-carousel-block__controls {
  display: inline-flex;
  gap: var(--space-8px);
}

.public-marketing-carousel-block__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-family: inherit;
  width: var(--size-40px);
  height: var(--size-40px);
  border-radius: var(--radius-pill);
  border: var(--input-border-width-thin) solid var(--card-border);
  background: var(--card-surface);
  color: var(--text-primary);
  font-size: var(--font-size-24);
  line-height: 1;
  cursor: pointer;
}

.public-marketing-carousel-block__control:hover {
  background: var(--surface-subtle);
}

.public-marketing-strip-carousel {
  margin-top: var(--space-14px);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(var(--width-280px), 34%);
  gap: var(--space-12px);
  overflow-x: auto;
  padding-bottom: var(--space-6px);
  scroll-snap-type: x mandatory;
}

.public-marketing-strip-carousel__item {
  scroll-snap-align: start;
}

.public-marketing-services__card {
  display: grid;
  gap: var(--space-10px);
  scroll-snap-align: start;
}

.public-marketing-testimonials__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10px);
  scroll-snap-align: start;
}

.public-marketing-testimonials__item--expanded {
  height: auto;
}

.public-marketing-logo-item {
  scroll-snap-align: start;
}

.public-marketing-strip-carousel__item {
  height: var(--height-220px);
  border: var(--input-border-width-thin) solid var(--card-border);
  border-radius: var(--radius-standard);
  overflow: hidden;
}

.public-marketing-strip-carousel--cards {
  grid-auto-columns: minmax(var(--width-300px), 36%);
}

.public-marketing-services__card--carousel {
  height: 100%;
}

.public-marketing-testimonials__item--carousel {
  height: 100%;
}

.public-marketing-strip-carousel--testimonials {
  grid-auto-columns: calc((100% - (2 * var(--space-12px))) / 3);
}

.public-marketing-strip-carousel--logos {
  grid-auto-columns: minmax(var(--width-180px), 20%);
  align-items: center;
}

.public-marketing-gallery-grid {
  margin-top: var(--space-14px);
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: var(--width-286px);
  justify-content: start;
  gap: var(--space-12px);
  overflow-x: auto;
  padding-bottom: var(--space-6px);
  scroll-snap-type: x mandatory;
}

@media (max-width: 1440px) {
  .public-marketing-gallery-grid {
    grid-auto-columns: minmax(var(--width-260px), 24vw);
  }
}

@media (max-width: 1120px) {
  .public-marketing-gallery-grid {
    grid-auto-columns: minmax(var(--width-240px), 32vw);
  }
}

@media (max-width: 820px) {
  .public-marketing-gallery-grid {
    grid-auto-columns: minmax(var(--width-220px), 42vw);
  }
}

@media (max-width: 560px) {
  .public-marketing-gallery-grid {
    grid-auto-columns: minmax(var(--width-220px), 76vw);
  }
}

.public-marketing-gallery-grid__item {
  display: block;
  width: var(--size-100pct);
  max-width: none;
  max-height: none;
  height: auto;
  aspect-ratio: 286 / 410;
  border: var(--input-border-width-thin) solid var(--card-border);
  border-radius: var(--radius-standard);
  overflow: hidden;
  scroll-snap-align: start;
}

.public-marketing-logo-item {
  min-height: var(--size-120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-14px);
}

.public-marketing-logo-item__image {
  max-width: 100%;
  max-height: var(--size-70px);
}

.public-marketing-services__link {
  margin-top: var(--space-10px);
  display: inline-flex;
  text-decoration: none;
}

.public-marketing-testimonials__item {
  min-height: 100%;
  padding: var(--space-24px) var(--space-20px) var(--space-18px);
  text-align: center;
  background: var(--card-surface);
  border: var(--input-border-width-thin) solid var(--card-border);
  border-radius: var(--radius-standard);
  box-shadow: none;
}

.public-marketing-testimonials__quote-icon {
  display: block;
  margin-bottom: 0;
  color: var(--soft-teal);
  font-size: var(--font-size-56);
  font-weight: var(--weight-semibold);
  line-height: 0.8;
  letter-spacing: -0.05em;
}

.public-marketing-testimonials__quote {
  margin: var(--space-6px) 0 0;
  font-size: var(--font-size-16);
  line-height: var(--line-height-130pct);
  color: var(--text-secondary);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.public-marketing-testimonials__read-more {
  padding: 0;
  border: 0;
  background: transparent;
  margin-top: var(--space-8px);
  color: var(--soft-teal);
  font-size: var(--font-size-12);
  font-weight: var(--weight-semibold);
  cursor: pointer;
}

.public-marketing-testimonials__quote--expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.public-marketing-testimonials__read-more--expanded {
  color: var(--text-primary);
}

.public-marketing-testimonials__author {
  margin-top: auto;
  padding-top: var(--space-16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4px);
}

.public-marketing-testimonials__name {
  font-style: normal;
  font-size: var(--font-size-16);
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
}

.public-marketing-testimonials__role {
  font-size: var(--font-size-12);
  color: var(--text-secondary);
}

.public-marketing-testimonials__quote-icon {
  text-wrap: balance;
}

.public-marketing-testimonials__name {
  text-wrap: balance;
}

.public-marketing-testimonials__role {
  text-wrap: balance;
}

.public-marketing-gallery-cta {
  color: var(--white);
}

.public-marketing-gallery-cta__title {
  margin: 0;
}

.public-marketing-gallery-cta__title--display {
  display: block;
  font-family: var(--font-accent);
  font-size: 56px;
  font-weight: var(--weight-bold);
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
}

.public-marketing-gallery-cta__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
}

.public-marketing-gallery-cta__button {
  min-height: var(--size-46px);
  padding-inline: var(--space-24px);
}

.public-marketing-card--split {
  background: var(--card-surface);
  box-shadow: var(--shadow-soft);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--space-24px);
  align-items: center;
  padding: var(--space-24px);
}

.public-marketing-card--split-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--vibrant-teal), var(--strong-teal), var(--medium-teal));
  box-shadow: var(--shadow-soft);
  border: var(--input-border-width-thin) solid var(--teal-light-glass-medium-26);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--space-24px);
  align-items: center;
  padding: var(--space-24px);
}

.public-marketing-card__copy--split {
  display: grid;
  gap: var(--space-12px);
  min-width: 0;
}

.public-marketing-card__actions--split {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12px);
  margin-top: var(--space-4px);
}

.public-marketing-card__image--split {
  width: 100%;
  min-height: var(--size-280px);
  max-height: var(--size-420px);
  border-radius: var(--radius-standard);
  border: var(--input-border-width-thin) solid var(--card-border);
  object-fit: cover;
  align-self: stretch;
}

.page__footer {
  margin-top: var(--space-12px);
}

.page__footer-surface {
  padding: var(--size-44px) var(--space-24px) var(--space-24px);
  background: linear-gradient(180deg, #a8bdc4 0%, #9bb2bb 42%, #8aa4af 100%);
  box-shadow: none;
}

.page__footer-top {
  display: grid;
  grid-template-columns: minmax(0, var(--width-320px)) minmax(0, var(--width-288px)) minmax(0, var(--width-288px));
  gap: 0;
  justify-content: space-between;
  align-items: start;
  width: min(100%, var(--width-1320px));
  margin: 0 auto;
}

.page__footer-brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-12px);
  max-inline-size: var(--width-520px);
  color: var(--white);
}

.page__footer-logo {
  display: block;
  width: min(100%, var(--width-380px));
  height: auto;
  margin-left: calc(var(--space-4px) * -2);
}

.page__footer-contact-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-10px);
}

.page__footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-10px);
  color: var(--white);
  text-decoration: none;
  font-size: var(--font-size-16);
  font-weight: var(--weight-medium);
}

.page__footer-contact-icon {
  display: inline-flex;
  width: var(--size-20px);
  justify-content: center;
  font-size: var(--font-size-20);
  line-height: 1;
  color: var(--white);
}

.page__footer-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-12px);
  color: var(--white);
  width: min(100%, var(--width-288px));
}

.page__footer-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, max-content);
  gap: var(--space-24px);
}

.page__footer-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8px);
  color: var(--white);
  text-decoration: none;
  font-size: var(--font-size-16);
  font-weight: var(--weight-medium);
}

.page__footer-link-arrow {
  font-size: var(--font-size-24);
  line-height: 1;
  color: var(--white);
}

.page__footer-socials {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-12px);
  color: var(--white);
  width: min(100%, var(--width-288px));
}

.page__footer-social-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16px);
}

.page__footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--size-56px);
  height: var(--size-56px);
  padding: 0;
  border: var(--input-border-width-thin) solid rgb(255 255 255 / 82%);
  border-radius: var(--radius-pill);
  background: rgb(255 255 255 / 8%);
  color: var(--white);
  text-decoration: none;
}

.page__footer-social-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-20);
  font-weight: var(--weight-semibold);
  line-height: 1;
  text-transform: none;
  color: var(--white);
}

.page__footer-section-title {
  margin: 0;
  color: var(--white);
}

.page__footer-divider {
  margin-top: var(--space-28px);
  width: 100%;
  height: 1px;
  border: 0;
  background: rgb(255 255 255 / 60%);
}

.page__footer-copyright {
  margin: var(--space-18px) 0 0;
  text-align: center;
  color: rgb(255 255 255 / 96%);
  font-size: var(--font-size-15);
}

@media (max-width: 960px) {
  .public-marketing-shell {
    padding: 0 var(--space-14px) var(--space-14px);
  }

  .public-marketing-carousel__viewport {
    min-height: var(--size-500px);
    height: calc(100svh - var(--size-164px));
  }

  .public-marketing-carousel__content {
    left: 5%;
    right: 8%;
    bottom: 14%;
  }

  .public-marketing-carousel__title--display {
    font-size: var(--font-size-40);
    line-height: var(--line-height-130pct);
  }

  .public-marketing-hero {
    grid-template-columns: 1fr;
    padding: var(--space-18px);
  }

  .public-marketing-card--split {
    grid-template-columns: 1fr;
    padding: var(--space-18px);
  }

  .public-marketing-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-marketing-services__grid {
    grid-template-columns: 1fr;
  }

  .public-marketing-testimonials__grid {
    grid-template-columns: 1fr;
  }

  .public-marketing-strip-carousel {
    grid-auto-columns: minmax(var(--width-260px), 70%);
  }

  .public-marketing-strip-carousel--cards {
    grid-auto-columns: minmax(var(--width-280px), 78%);
  }

  .public-marketing-strip-carousel--testimonials {
    grid-auto-columns: minmax(var(--width-300px), 31%);
  }

  .public-marketing-strip-carousel--logos {
    grid-auto-columns: minmax(var(--size-150px), 46%);
  }

  .public-marketing-gallery-cta__surface {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .public-marketing-gallery-cta__copy {
    max-inline-size: none;
  }

  .public-marketing-services-header__inner {
    padding:
      var(--size-80px)
      var(--space-16px)
      var(--size-72px)
      var(--space-24px);
  }

  .public-marketing-services-header__title--display {
    font-size: var(--font-size-60);
    line-height: 0.98;
  }

  .public-marketing-services-header__subtitle--display {
    font-size: var(--font-size-24);
  }

  .page__footer-surface {
    padding: var(--size-48px) var(--space-20px) var(--space-24px);
  }

  .page__footer-top {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .page__footer-links-list {
    grid-template-columns: 1fr;
  }

  .page__footer-socials {
    margin-top: var(--space-28px);
    justify-self: start;
  }

  .page__footer-social-link {
    width: var(--size-48px);
    height: var(--size-48px);
  }

  .public-marketing-join__hiring-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .public-marketing-carousel {
    margin-top: var(--space-12px);
  }

  .public-marketing-gallery-header {
    margin-top: var(--space-12px);
  }

  .public-marketing-services-header {
    margin-top: var(--space-12px);
  }

  .public-marketing-gallery-header__hero {
    min-height: var(--size-340px);
  }

  .public-marketing-services-header__hero {
    min-height: var(--size-440px);
    height: calc(100svh - var(--size-148px));
  }

  .public-marketing-gallery-header__inner {
    width: min(100%, var(--width-1296px));
    padding: var(--space-48px) var(--space-16px);
  }

  .public-marketing-services-header__inner {
    padding:
      var(--size-64px)
      var(--space-16px)
      var(--size-56px)
      var(--space-16px);
  }

  .public-marketing-services-header__title {
    max-width: var(--width-320px);
  }

  .public-marketing-services-header__title--display {
    font-size: var(--font-size-48);
    line-height: 0.98;
  }

  .public-marketing-services-header__subtitle {
    max-width: var(--width-400px);
  }

  .public-marketing-services-header__subtitle--display {
    font-size: var(--font-size-18);
  }

  .public-marketing-carousel__viewport {
    min-height: var(--size-420px);
    height: calc(100svh - var(--size-148px));
  }

  .public-marketing-carousel__content {
    left: 5%;
    right: 6%;
    bottom: 16%;
  }

  .public-marketing-carousel__title--display {
    font-size: var(--font-size-33);
    line-height: var(--line-height-130pct);
  }

  .public-marketing-gallery-cta__title--display {
    font-size: var(--font-size-28);
    line-height: 1.05;
  }

  .public-marketing-stats {
    grid-template-columns: 1fr;
  }

  .public-marketing-testimonials__title {
    font-size: var(--font-size-20);
    letter-spacing: 0.18em;
  }

  .public-marketing-testimonials__quote {
    font-size: var(--font-size-16);
  }

  .public-marketing-testimonials__name {
    font-size: var(--font-size-16);
  }

  .public-marketing-testimonials__role {
    font-size: var(--font-size-12);
  }

  .public-marketing-testimonials__read-more {
    font-size: var(--font-size-12);
  }
}