/* =========================================================
   LA PAIX FOR BUSINESS — v0.2.234
   ---------------------------------------------------------
   A page-specific editorial system. Content, links and image assets remain
   admin-owned; this layer only changes sequence, visual cadence and framing.
   Mobile deliberately keeps the v177 width-driven media dimensions intact.
========================================================= */

.lapaix-page-business .business-scope {
  border: 0;
  background: #f4efe7;
}
.lapaix-page-business .business-scope__head {
  align-items: end;
  padding: clamp(46px, 6vw, 88px) clamp(28px, 5.8vw, 104px) clamp(28px, 3.5vw, 48px);
  border: 0;
}
.lapaix-page-business .business-scope__head h2 {
  font-size: clamp(24px, 2.1vw, 34px);
}
.lapaix-page-business .business-scope-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0 clamp(28px, 5.8vw, 104px) clamp(52px, 6vw, 94px);
}
.lapaix-page-business .business-scope-quick a,
.lapaix-page-business .business-scope-quick a + a {
  position: relative;
  min-height: 0;
  padding: 22px clamp(13px, 1.65vw, 30px) 26px 0;
  border: 0;
  background: transparent;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
  gap: 12px;
}
.lapaix-page-business .business-scope-quick a:not(:last-child)::after {
  position: absolute;
  right: 0;
  bottom: 22px;
  width: 1px;
  height: 48px;
  background: rgba(34, 30, 26, .18);
  content: '';
}
.lapaix-page-business .business-scope-quick__number {
  color: #90775d !important;
  font-size: 11px !important;
}
.lapaix-page-business .business-scope-quick__copy strong {
  margin-bottom: 9px;
  font-size: clamp(17px, 1.38vw, 22px);
  line-height: 1.52;
}
.lapaix-page-business .business-scope-quick__copy small {
  max-width: 20em;
  font-size: 12px;
  line-height: 1.72;
}
.lapaix-page-business .business-scope-quick__arrow {
  align-self: end;
  color: #90775d !important;
  font-size: 15px !important;
}

.lapaix-page-business .business-question {
  padding-top: clamp(82px, 10vw, 150px);
  padding-bottom: clamp(86px, 11vw, 164px);
}
.lapaix-page-business .business-question__inner {
  grid-template-columns: minmax(0, 1.12fr) minmax(260px, .62fr);
  gap: clamp(48px, 9vw, 168px);
}
.lapaix-page-business .business-question__body {
  padding-top: 24px;
}

.lapaix-page-business .business-services {
  padding-top: clamp(94px, 11vw, 168px);
  padding-bottom: 0;
  background: #f4efe7;
}
.lapaix-page-business .business-services__head {
  grid-template-columns: minmax(0, .94fr) minmax(260px, .56fr);
  gap: clamp(44px, 9vw, 154px);
}
.lapaix-page-business .business-service-list {
  display: block;
  margin-top: clamp(54px, 7vw, 100px);
  border: 0;
  background: transparent;
}
.lapaix-page-business .business-service {
  min-height: 0;
  border-top: 1px solid rgba(31, 28, 24, .16);
  background: var(--color-paper);
}
.lapaix-page-business .business-service__content {
  min-width: 0;
}
.lapaix-page-business .business-service__number {
  margin-bottom: clamp(24px, 3vw, 42px);
}
.lapaix-page-business .business-service--corporate {
  grid-template-columns: minmax(0, 1.24fr) minmax(320px, .76fr);
}
.lapaix-page-business .business-service--corporate .business-service__image {
  order: 1;
}
.lapaix-page-business .business-service--corporate .business-service__content {
  order: 2;
  padding-right: clamp(36px, 5.7vw, 108px);
  padding-left: clamp(34px, 4.2vw, 78px);
}
.lapaix-page-business .business-service--personal {
  grid-template-columns: minmax(310px, .66fr) minmax(0, 1.34fr);
  background: #efe8df;
}
.lapaix-page-business .business-service--personal .business-service__content {
  order: 1;
  align-self: center;
  padding-right: clamp(32px, 4.4vw, 84px);
  padding-left: clamp(36px, 6.3vw, 120px);
}
.lapaix-page-business .business-service--personal .business-service__image {
  order: 2;
  min-height: clamp(560px, 52vw, 760px);
}
.lapaix-page-business .business-service--brand-site {
  grid-template-columns: minmax(280px, .52fr) minmax(0, 1.48fr);
  background: #f8f5ef;
}
.lapaix-page-business .business-service--brand-site .business-service__content {
  order: 1;
  justify-content: flex-start;
  padding-top: clamp(84px, 9vw, 150px);
  padding-right: clamp(28px, 4vw, 76px);
  padding-bottom: clamp(84px, 9vw, 150px);
  padding-left: clamp(36px, 6.1vw, 116px);
}
.lapaix-page-business .business-service--brand-site .business-service__image {
  order: 2;
  min-height: clamp(560px, 48vw, 700px);
}
.lapaix-page-business .business-service--brand-site .business-service__content h3 {
  font-size: clamp(31px, 3.7vw, 60px);
}
.lapaix-page-business .business-service--brand-site .business-service__detail {
  max-width: 31em;
}
.lapaix-page-business .business-service--visual {
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, .84fr);
  color: #fff;
  background: #211d1a;
}
.lapaix-page-business .business-service--visual .business-service__image {
  order: 1;
  min-height: clamp(570px, 50vw, 760px);
  padding: clamp(34px, 5vw, 92px);
  background: #dcd3c7;
}
.lapaix-page-business .business-service--visual .business-service__content {
  order: 2;
  padding-right: clamp(36px, 5.4vw, 102px);
  padding-left: clamp(34px, 5vw, 94px);
}
.lapaix-page-business .business-service--visual .section-label,
.lapaix-page-business .business-service--visual .business-service__number {
  color: #cbb499;
}
.lapaix-page-business .business-service--visual .business-service__content > p:not(.section-label) {
  color: rgba(255, 255, 255, .76);
}
.lapaix-page-business .business-service--visual .business-service__detail {
  border-top-color: rgba(255, 255, 255, .22);
}
.lapaix-page-business .business-service--visual .text-link {
  color: #fff;
}

.lapaix-page-business .business-works {
  padding-top: clamp(76px, 8vw, 130px);
  padding-bottom: clamp(82px, 8vw, 138px);
  background: #ebe2d6;
}
.lapaix-page-business .business-works__inner {
  grid-template-columns: minmax(0, .74fr) minmax(300px, .62fr);
  gap: clamp(54px, 11vw, 190px);
}
.lapaix-page-business .business-works .section-title {
  font-size: clamp(29px, 3.2vw, 49px);
}
.lapaix-page-business .business-works__categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: clamp(26px, 4vw, 64px);
  border-top: 1px solid rgba(38, 33, 29, .23);
}
.lapaix-page-business .business-works__categories a {
  gap: 5px;
  padding: 18px 0 20px;
  border-bottom-color: rgba(38, 33, 29, .16);
}
.lapaix-page-business .business-works__categories span {
  font-size: clamp(17px, 1.45vw, 22px);
}
.lapaix-page-business .business-works__categories small {
  font-size: 11px;
  line-height: 1.65;
}

.lapaix-page-business .business-team {
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  min-height: 0;
}
.lapaix-page-business .business-team__image {
  min-height: clamp(560px, 52vw, 760px);
}
.lapaix-page-business .business-team__content {
  padding: clamp(82px, 9vw, 154px) clamp(34px, 6.8vw, 126px);
}
.lapaix-page-business .business-team__roles {
  gap: 0;
  margin-top: clamp(32px, 4vw, 62px);
  border: 0;
  background: transparent;
}
.lapaix-page-business .business-team__roles article {
  padding: 0 clamp(20px, 2.6vw, 44px) 0 0;
  background: transparent;
}
.lapaix-page-business .business-team__roles article + article {
  padding-right: 0;
  padding-left: clamp(20px, 2.6vw, 44px);
  border-left: 1px solid rgba(255, 255, 255, .24);
}
.lapaix-page-business .business-team__roles h3 {
  font-size: clamp(15px, 1.3vw, 19px);
}
.lapaix-page-business .business-team__summary {
  max-width: 42em;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, .24);
}
.lapaix-page-business .business-process {
  padding-top: clamp(92px, 10vw, 160px);
  padding-bottom: clamp(98px, 10vw, 164px);
}

@media (max-width: 900px) {
  .lapaix-page-business .site-main > .business-hero { order: 1; }
  .lapaix-page-business .site-main > .business-scope { order: 2; }
  .lapaix-page-business .site-main > .business-question { order: 3; }
  .lapaix-page-business .site-main > .business-approach { order: 4; }
  .lapaix-page-business .site-main > .business-services { order: 5; }
  .lapaix-page-business .site-main > .business-works { order: 6; }
  .lapaix-page-business .site-main > .business-team { order: 7; }
  .lapaix-page-business .site-main > .business-process { order: 8; }
  .lapaix-page-business .site-main > .business-cta { order: 9; }

  .lapaix-page-business .business-scope__head {
    display: block;
    padding: 68px 28px 24px;
  }
  .lapaix-page-business .business-scope__head .section-label { margin-bottom: 13px; }
  .lapaix-page-business .business-scope__head h2 { font-size: 27px; }
  .lapaix-page-business .business-scope-quick {
    display: block;
    padding: 0 28px 54px;
  }
  .lapaix-page-business .business-scope-quick a,
  .lapaix-page-business .business-scope-quick a + a {
    grid-template-columns: 30px minmax(0, 1fr) 18px;
    gap: 12px;
    padding: 19px 0 20px;
  }
  .lapaix-page-business .business-scope-quick a:not(:last-child)::after {
    right: auto;
    bottom: 0;
    left: 42px;
    width: calc(100% - 42px);
    height: 1px;
  }
  .lapaix-page-business .business-scope-quick__number {
    margin-top: 4px !important;
    font-size: 11px !important;
  }
  .lapaix-page-business .business-scope-quick__copy strong {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.48;
  }
  .lapaix-page-business .business-scope-quick__copy small {
    font-size: 12px;
    line-height: 1.65;
  }
  .lapaix-page-business .business-scope-quick__arrow {
    align-self: center;
    font-size: 15px !important;
  }

  .lapaix-page-business .business-question {
    padding-top: 78px;
    padding-bottom: 84px;
  }
  .lapaix-page-business .business-question__inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .lapaix-page-business .business-question__body { padding-top: 0; }

  .lapaix-page-business .business-approach__copy { padding: 76px 28px 88px; }
  .lapaix-page-business .business-services {
    padding: 84px 0 0;
  }
  .lapaix-page-business .business-services__head {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 0 28px;
  }
  .lapaix-page-business .business-service-list { margin-top: 48px; }
  .lapaix-page-business .business-service {
    display: grid;
    grid-template-columns: 1fr;
  }
  .lapaix-page-business .business-service__content {
    padding: 44px 28px 78px;
  }
  .lapaix-page-business .business-service__number { margin-bottom: 20px; }
  .lapaix-page-business .business-service__content .section-label { margin-bottom: 11px; }
  .lapaix-page-business .business-service__content h3 { margin-bottom: 24px; }

  .lapaix-page-business .business-service--corporate .business-service__image {
    order: 1;
    width: calc(100% - 28px);
    margin-left: 28px;
  }
  .lapaix-page-business .business-service--corporate .business-service__content {
    order: 2;
    padding-right: 28px;
    padding-left: 28px;
  }
  .lapaix-page-business .business-service--personal .business-service__content {
    order: 1;
    padding: 66px 28px 44px;
  }
  .lapaix-page-business .business-service--personal .business-service__image {
    order: 2;
    width: calc(100% - 28px);
    margin: 0 28px 0 0;
    min-height: 0;
  }
  .lapaix-page-business .business-service--brand-site .business-service__content {
    order: 1;
    padding: 68px 28px 42px;
  }
  .lapaix-page-business .business-service--brand-site .business-service__image {
    order: 2;
    width: calc(100% - 56px);
    min-height: 0;
    margin: 0 28px;
  }
  .lapaix-page-business .business-service--brand-site .business-service__content h3 {
    font-size: clamp(31px, 8.6vw, 39px);
  }
  .lapaix-page-business .business-service--visual .business-service__image {
    order: 1;
    min-height: 0;
    height: clamp(360px, 96vw, 446px);
    padding: 38px 28px;
  }
  .lapaix-page-business .business-service--visual .business-service__image img { height: 100%; }
  .lapaix-page-business .business-service--visual .business-service__content {
    order: 2;
    padding: 52px 28px 84px;
  }

  .lapaix-page-business .business-works {
    padding: 70px 28px 76px;
  }
  .lapaix-page-business .business-works__inner { grid-template-columns: 1fr; gap: 30px; }
  .lapaix-page-business .business-works .section-title { font-size: 29px !important; }
  .lapaix-page-business .business-works__categories {
    display: block;
    border-top-color: rgba(38, 33, 29, .18);
  }
  .lapaix-page-business .business-works__categories a {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: baseline;
    padding: 15px 0 16px;
  }
  .lapaix-page-business .business-works__categories span { font-size: 17px; }
  .lapaix-page-business .business-works__categories small { font-size: 11px; text-align: right; }

  .lapaix-page-business .business-team { grid-template-columns: 1fr; }
  .lapaix-page-business .business-team__content { padding: 78px 28px 86px; }
  .lapaix-page-business .business-team__roles {
    display: block;
    margin-top: 34px;
  }
  .lapaix-page-business .business-team__roles article,
  .lapaix-page-business .business-team__roles article + article {
    padding: 0 0 30px;
    border: 0;
  }
  .lapaix-page-business .business-team__roles article + article {
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, .22);
  }
  .lapaix-page-business .business-team__roles h3 { margin-bottom: 14px; }
  .lapaix-page-business .business-team__summary { margin-top: 8px; }
  .lapaix-page-business .business-process { padding-top: 86px; padding-bottom: 94px; }

  .lapaix-page-business .mobile-sticky-cta a {
    border-color: rgba(203, 180, 153, .55);
    background: #211d1a;
    box-shadow: 0 10px 28px rgba(15, 13, 11, .18);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lapaix-page-business .business-scope-quick a,
  .lapaix-page-business .business-works__categories a { transition: none; }
}