/* SAS Global Service / 2026 homepage content and navigation refinements.
   Loaded after the existing design system; changes are confined to the requested sections. */

/* Five company highlights retain the existing light band, square icon frames and dividers. */
.studio-site .benefits-grid {
  display: grid;
  grid-template-columns: repeat(var(--stat-columns, 5), minmax(0, 1fr));
  padding-block: 22px;
  gap: 0;
}
.studio-site .benefit-item,
.studio-site .benefit-item:first-child,
.studio-site .benefit-item:last-child {
  min-width: 0;
  padding: 8px clamp(10px, 1.25vw, 21px);
  gap: clamp(9px, 1vw, 14px);
  border-right: 1px solid var(--line);
}
.studio-site .benefit-item:first-child {padding-left: 0;}
.studio-site .benefit-item:last-child {padding-right: 0;border-right: 0;}
.studio-site .benefit-icon {width: 41px;height: 43px;flex: 0 0 41px;}
.studio-site .benefit-icon .icon {width: 25px;height: 25px;}
.studio-site .benefit-copy {min-width: 0;}
.studio-site .benefit-item strong {font-size: 15px;line-height: 1.35;}
.studio-site .benefit-item p {font-size: 12px;line-height: 1.5;overflow-wrap: break-word;}

/* Mission & vision icons replace the numbered eyebrow tags. */
.studio-site .about-value-symbol {
  display: inline-grid;
  width: 41px;
  height: 41px;
  margin-bottom: 14px;
  place-items: center;
  color: var(--gold);
}
.studio-site .about-value-symbol .icon {width: 35px;height: 35px;stroke-width: 1.6;}

/* Products stays a direct link to /products; dropdown only lists categories. */
.site-header--cinematic .nav-dropdown {
  grid-template-columns: minmax(0, 1fr);
  width: 430px;
  max-width: min(430px, calc(100vw - 36px));
  left: auto;
  right: 0;
  transform: translateY(12px);
}
.site-header--cinematic .nav-group:hover .nav-dropdown,
.site-header--cinematic .nav-group:focus-within .nav-dropdown,
.site-header--cinematic .nav-group.is-open .nav-dropdown {transform: translateY(0);}
.site-header--cinematic .dropdown-directory {padding: 12px 20px;}
.site-header--cinematic .dropdown-category-list {max-height: min(56vh, 430px);}
.site-header--cinematic .dropdown-link {padding: 15px 8px;font-size: 15px;gap: 12px;}
.site-header--cinematic .dropdown-link:last-child {border-bottom: 0;}

@media (max-width: 1100px) {
  .studio-site .benefits-grid {grid-template-columns: repeat(min(3, var(--stat-columns, 5)), minmax(0, 1fr));row-gap: 18px;}
  .studio-site .benefit-item {border-right: 1px solid var(--line);}
}
@media (max-width: 760px) {
  .studio-site .benefits-grid {grid-template-columns: repeat(min(2, var(--stat-columns, 5)), minmax(0, 1fr));row-gap: 0;}
  .studio-site .benefit-item,
  .studio-site .benefit-item:first-child,
  .studio-site .benefit-item:last-child {padding: 16px 13px;border-right: 0;border-bottom: 1px solid var(--line);}
  .studio-site .benefit-item:nth-child(odd) {padding-left: 0;}
  .studio-site .benefit-item:nth-child(even) {border-left: 1px solid var(--line);}
}
@media (max-width: 520px) {
  .studio-site .benefits-grid {grid-template-columns: 1fr;}
  .studio-site .benefit-item,
  .studio-site .benefit-item:first-child,
  .studio-site .benefit-item:last-child {padding: 13px 0;border-left: 0;border-right: 0;}
  .studio-site .benefit-item:last-child {border-bottom: 0;}
}

/* Use the actual client-provided handshake artwork for the fifth company fact. */
.studio-site .benefit-icon--handshake { overflow: hidden; }
.studio-site .benefit-icon--handshake .benefit-handshake-image {
  display: block;
  width: 53px;
  height: 53px;
  max-width: none;
  flex: 0 0 auto;
  object-fit: contain;
}