/* Services 2191:3725, PC export 2026-09-08. Smaller viewports retain services.css. */

@media (min-width: 1280px) {
  html body.fenix-figma-services-page .fenix-services-page {
    padding-top: 94px !important;
    gap: 172px !important;
  }

  html body.fenix-figma-services-page .fenix-services-page > section {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .fenix-services-page .fenix-services-shell,
  html body .fenix-services-page .fenix-services-detail__shell,
  html body .fenix-services-page .fenix-services-tech__shell,
  html body .fenix-services-page .fenix-home-devflow__inner,
  html body .fenix-services-page .fenix-home-contact-form > .fenix-home-shell {
    width: min(1192px, calc(100% - 64px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  html body .fenix-services-page .fenix-services-hero .fenix-services-shell {
    align-self: flex-start;
    margin-top: 152px !important;
  }

  html body .fenix-services-page .fenix-services-hero h1 { font-weight: 700; }
  html body .fenix-services-page .fenix-services-hero__image {
    object-fit: fill;
    height: calc(100% / .724);
    top: calc(-416px * .028 / .724);
  }
  html body .fenix-services-page .fenix-services-hero__scrim {
    background:
      linear-gradient(180deg, var(--fenix-neutral-900), transparent) top / 100% 212px no-repeat,
      linear-gradient(90deg, rgba(90, 41, 187, .8), transparent),
      rgba(3, 5, 55, .43);
  }
  html body .fenix-services-page .fenix-services-hero p,
  html body .fenix-services-page .fenix-services-heading p,
  html body .fenix-services-page .fenix-home-devflow__heading p,
  html body .fenix-services-page .fenix-home-contact-form__copy p { font-weight: 400 !important; }

  html body .fenix-services-page .fenix-services-detail__row { align-items: stretch; justify-content: center; gap: 32px; }
  html body .fenix-services-page .fenix-services-detail__media { width: 478px; flex: 0 0 478px; min-height: 496px; }
  html body .fenix-services-page .fenix-services-detail__row:nth-child(2) .fenix-services-detail__media { min-height: 520px; }
  html body .fenix-services-page .fenix-services-detail__content { width: 682px; flex: 0 0 682px; }
  html body .fenix-services-page .fenix-services-detail__intro h3 { font-size: 28px; line-height: 36px; }
  html body .fenix-services-page .fenix-services-detail__items ul {
    gap: 32px;
    padding-top: 16px;
    border: 0;
  }
  html body .fenix-services-page .fenix-services-detail__items li {
    position: relative;
    min-height: 52px;
    padding: 0;
    border: 0;
  }
  html body .fenix-services-page .fenix-services-detail__items li::before {
    content: "";
    position: absolute;
    top: -16px;
    inset-inline: 0;
    height: 1px;
    background: var(--fenix-neutral-300);
  }
  html body .fenix-services-page .fenix-services-list-icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }
  html body .fenix-services-page .fenix-services-list-icon > span,
  html body .fenix-services-page .fenix-tech-group__icon > svg { display: none; }

  html body.fenix-figma-services-page .fenix-services-page > .fenix-home-devflow--dark {
    padding-block: 120px !important;
    background:
      radial-gradient(ellipse 710px 690px at 50% 50%, rgba(155, 91, 234, .33), transparent),
      linear-gradient(180deg, rgba(41, 19, 100, .84) 22.7%, rgba(94, 45, 158, .84) 121.17%),
      var(--fenix-neutral-900) !important;
  }
  html body .fenix-services-page .fenix-home-devflow__heading p { width: 625px !important; }
  html:lang(ja) body.fenix-figma-services-page .fenix-services-page .fenix-home-devflow__heading p {
    width: 100% !important;
    max-width: none !important;
  }
  html body .fenix-services-page .fenix-home-devflow__diagram {
    display: grid !important;
    grid-template-columns: repeat(5, 162px 36px) 162px !important;
    align-items: center !important;
    gap: 4px !important;
    width: 1192px !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  html body .fenix-services-page .fenix-home-devflow__arrow {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: 36px !important;
    height: 36px !important;
  }
  html body .fenix-services-page .fenix-home-devflow__group h3 {
    width: max-content !important;
    min-width: 100%;
    max-width: 180px !important;
    align-self: center;
    white-space: nowrap;
  }
  html body .fenix-services-page .fenix-home-devflow__loop { bottom: -31px !important; }

  html body .fenix-services-page .fenix-services-heading { margin-bottom: 48px; }
  html body .fenix-services-page .fenix-tech-groups { gap: 48px; }
  html body .fenix-services-page .fenix-tech-group {
    position: relative;
    padding: 0;
    border: 0;
  }
  html body .fenix-services-page .fenix-tech-group:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -24px;
    inset-inline: 0;
    height: 1px;
    background: var(--fenix-neutral-200);
  }
  html body .fenix-services-page .fenix-tech-group h3 {
    min-height: 32px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
  }
  html body .fenix-services-page .fenix-tech-item {
    height: 124px;
    gap: 16px;
    padding: 16px 12px;
    border: 0;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--fenix-primary-200);
  }
  html body .fenix-services-page .fenix-tech-item__logo {
    width: 101px;
    height: 52px;
    flex-basis: 52px;
  }
  html body .fenix-services-page .fenix-tech-item img {
    max-width: 101px;
    max-height: 52px;
  }
  html body .fenix-services-page .fenix-tech-item > span {
    height: 24px;
    flex-basis: 24px;
    white-space: nowrap;
  }
  html body .fenix-services-page .fenix-tech-group:nth-child(4) .fenix-tech-grid { grid-template-columns: 187px; }
  html body .fenix-services-page .fenix-tech-group:nth-child(4) .fenix-tech-item { width: 187px; }

  html body.fenix-figma-services-page .fenix-services-page > .fenix-home-contact-form { padding-block: 120px !important; }
}