/* Section 02 only. Shared Theme 1.0 tokens; no global or Section 01 overrides. */
.oc-homepage-section-02.oc-logo-section {
  min-height: 0;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--70);
}
.oc-homepage-section-02.oc-logo-section > .alignwide {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--oc-wide-content-row, 1170px) !important;
  margin-inline: auto !important;
  padding-inline: 0;
}
.oc-homepage-section-02 .oc-logo-heading {
  margin: 11px auto !important;
  color: var(--oc-heading);
  text-align: center;
  text-wrap: balance;
}
.oc-homepage-section-02 .oc-upwork-proof {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: calc(var(--wp--preset--spacing--24) + var(--wp--preset--spacing--4));
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  margin: var(--wp--preset--spacing--40) auto calc(var(--wp--preset--spacing--40) + var(--wp--preset--spacing--12)) !important;
  padding: 26px var(--wp--preset--spacing--32);
  background: var(--oc-canvas-background, #fff);
  border: var(--oc-frame-border);
  border-radius: var(--oc-card-radius);
  box-shadow: var(--oc-reference-shadow);
  color: var(--oc-text-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.oc-homepage-section-02 .oc-upwork-identity img {
  display: block;
  width: 106px;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto 102 / 28;
}
.oc-homepage-section-02 .oc-upwork-statuses {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--wp--preset--spacing--24);
  margin: 0 !important;
}
.oc-homepage-section-02 .oc-upwork-statuses p {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--8);
  margin: 0 !important;
  white-space: nowrap;
}
.oc-homepage-section-02 .oc-credential-status::before {
  content: "";
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: center / contain no-repeat;
}
.oc-homepage-section-02 .oc-credential-status--success::before { background-image: url("assets/job-success.svg?ver=0.3.0"); }
.oc-homepage-section-02 .oc-credential-status--plus::before { background-image: url("assets/top-rated-plus.svg?ver=0.3.0"); }
.oc-homepage-section-02 .oc-logo-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center !important;
  gap: calc(var(--wp--preset--spacing--40) + var(--wp--preset--spacing--4)) clamp(32px, calc((100% - 776px) / 4), 72px) !important;
  margin: 0 !important;
  padding: 0;
}
.oc-homepage-section-02 .oc-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--oc-mark-width);
  min-width: 0;
  height: 64px;
  width: auto;
  max-width: 100%;
}
.oc-homepage-section-02 .oc-logo-item img {
  display: block;
  width: var(--oc-mark-width);
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto var(--oc-mark-ratio);
  object-fit: contain;
  margin-inline: auto;
  filter: none;
  opacity: 1;
}
.oc-homepage-section-02 .oc-mark-asana { --oc-mark-width: 128px; --oc-mark-ratio: 1156 / 230; }
.oc-homepage-section-02 .oc-mark-mixpanel { --oc-mark-width: 150px; --oc-mark-ratio: 512 / 121; }
.oc-homepage-section-02 .oc-mark-pipedrive { --oc-mark-width: 132px; --oc-mark-ratio: 420 / 98; }
.oc-homepage-section-02 .oc-mark-post-oak-group { --oc-mark-width: 204px; --oc-mark-ratio: 385 / 100; }
.oc-homepage-section-02 .oc-mark-sp-jain { --oc-mark-width: 160px; --oc-mark-ratio: 379 / 189; height: 84px; }
.oc-homepage-section-02 .oc-mark-i2e { --oc-mark-width: 184px; --oc-mark-ratio: 380 / 80; }
.oc-homepage-section-02 .oc-mark-kidney-nutrition-institute { --oc-mark-width: 132px; --oc-mark-ratio: 500 / 142; }
.oc-homepage-section-02 .oc-mark-above-deck { --oc-mark-width: 100px; --oc-mark-ratio: 412 / 125; }
.oc-homepage-section-02 .oc-mark-expertapps { --oc-mark-width: 188px; --oc-mark-ratio: 347 / 54; }

@media (max-width: 1080px) {
  .oc-homepage-section-02 .oc-logo-strip { column-gap: 36px !important; }
  .oc-homepage-section-02 .oc-logo-item { flex-basis: calc((100% - 72px) / 3); }
}
@media (max-width: 900px) {
  .oc-homepage-section-02.oc-logo-section { padding-inline: 15px; }
}
@media (max-width: 600px) {
  .oc-homepage-section-02 .oc-upwork-proof { flex-direction: column; gap: var(--wp--preset--spacing--16); padding: var(--wp--preset--spacing--16); }
  .oc-homepage-section-02 .oc-upwork-identity img { width: 100px; }
  .oc-homepage-section-02 .oc-upwork-statuses { gap: var(--wp--preset--spacing--16); }
  .oc-homepage-section-02 .oc-credential-status::before { flex-basis: 24px; width: 24px; height: 24px; }
  .oc-homepage-section-02 .oc-logo-strip { column-gap: var(--wp--preset--spacing--24) !important; }
  .oc-homepage-section-02 .oc-logo-item { flex-basis: calc((100% - 48px) / 3); }
}
@media (max-width: 500px) {
  .oc-homepage-section-02 .oc-logo-strip { row-gap: var(--wp--preset--spacing--32) !important; }
  .oc-homepage-section-02 .oc-logo-item { flex-basis: calc((100% - 24px) / 2); height: 56px; }
  .oc-homepage-section-02 .oc-mark-sp-jain { --oc-mark-width: 144px; height: 76px; }
}

/* The horizontal statuses need 386.15px including existing shell/card insets.
   387px is the first whole CSS-pixel viewport that preserves those insets. */
@media (width < 387px) {
  .oc-homepage-section-02 .oc-upwork-proof { width: 100%; }
  .oc-homepage-section-02 .oc-upwork-statuses { flex-direction: column; }
}