/* ==========================================================================
   Bold Etik — Work page
   ========================================================================== */

.be-work {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 5px;
}

.be-work-hero {
  width: 100%;
  --hero-script-w: 340px; --hero-script-h: 112px; --hero-script-x: -20px; --hero-script-y: 6px;
  --hero-gap-phone: 30px;
}

.be-work-list {
  width: 100%;
  max-width: 1420px;
  padding: 50px 10px 0;
}
.be-work-list .be-project-grid { margin-bottom: 80px; }

@media (max-width: 1199.98px) {
  .be-work { padding: 0 10px; }
  .be-work-hero { --hero-script-w: 163px; --hero-script-h: 48px; --hero-script-x: -30px; --hero-script-y: -9px; }
}
@media (max-width: 809.98px) {
  .be-work { padding: 0; }
  .be-work-hero { --hero-script-w: 144px; --hero-script-h: 40px; --hero-script-x: -24px; --hero-script-y: -5px; }
  .be-work-list { padding: 60px 10px 0; }
  .be-work-list .be-project-grid { margin-bottom: 50px; }
}

.be-work__clients { width: 100%; padding: 0 10px; }