@media screen and (min-width: 1024px) {
  :root { --c1: #0966b5; --c2: #83ca0c; --c3: #f1f5f3; }
  .garment-header-inner { grid-template-columns: 280px minmax(0, 1fr) auto; gap: 16px; }
  .garment-logo { width: 280px; height: 88px; align-self: center; }
  .garment-logo img { object-fit: cover; object-position: center center; }
  .garment-header.is-scrolled .garment-logo { height: 80px; }
  .dibu {
    background-image: linear-gradient(90deg, rgba(4,18,27,.94), rgba(5,32,51,.83)), url('../img/rensino-home/factory-campus.webp');
    background-position: center 52%;
  }
  .dibu .footer-l .logo img { width: min(290px, 100%); height: auto; object-fit: contain; object-position: left center; }
  body:has(.rensino-home) .cs-section { background: #eef4f3; }
  body:has(.rensino-home) .cs-section .cs-eyebrow { color: #0874b9; }
  body:has(.rensino-home) .cs-section .cs-title { color: #182d36; }
  .az-profile-carousel-stage::after {
    content: 'Concept visualization';
    position: absolute;
    z-index: 5;
    right: 12px;
    bottom: 12px;
    padding: 6px 9px;
    color: #fff;
    background: rgba(6, 25, 36, .72);
    font: 600 11px/1.3 Arial, Helvetica, sans-serif;
    pointer-events: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .garment-header-inner { grid-template-columns: 230px minmax(0, 1fr) auto; gap: 12px; }
  .garment-logo { width: 230px; height: 76px; }
  .garment-header.is-scrolled .garment-logo { height: 72px; }
  .garment-nav { gap: 11px; }
  .garment-nav > a, .dropdown-trigger { font-size: 12px; }
}