/* Home: meta text lives in header (see header-area-6--with-meta) + hero title spacing */

.header-area-6--with-meta {
  z-index: 20;
}

/* Cancel theme rule that bunches “everything after logo” to the right */
.header-area-6--with-meta .header__logo {
  margin-right: 0;
  margin-inline-end: 0;
  flex-shrink: 0;
}

/* Larger wordmark than theme default (.header-area-6 .header__logo img { width: 100px }) */
.header-area-6--with-meta .header__logo img {
  width: auto;
  max-width: min(176px, 32vw);
  max-height: 56px;
  height: auto;
  object-fit: contain;
}

@media only screen and (max-width: 1199px) {
  .header-area-6--with-meta .header__logo img {
    max-height: 48px;
    max-width: min(152px, 38vw);
  }
}

.header-area-6--with-meta .header-area-6__inner {
  align-items: center;
  gap: 0.5rem 0.6rem;
}

.header-area-6--with-meta .header-area-6__meta {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-inline: 0.15rem 0.35rem;
}

.header-area-6--with-meta .header-home-meta {
  max-width: 100%;
}

.header-area-6--with-meta .header-home-meta ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  justify-content: end;
  justify-items: end;
  margin: 0;
  padding: 0;
  list-style: none;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.header-area-6--with-meta .header-home-meta .hero-meta-list__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 280px;
}

.header-area-6--with-meta .header-home-meta .hero-meta-list__item,
.header-area-6--with-meta .header-home-meta .hero-meta-list__text {
  font-family: var(--font_bdogrotesk, inherit);
  font-weight: 400;
  font-size: clamp(11px, 1vw, 13px);
  line-height: 1.25;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: var(--primary, #111);
}

/* Keep switcher + menu on the end */
.header-area-6--with-meta .header-area-6__end {
  flex-shrink: 0;
  margin-inline-start: 0;
}

/* Hero: only headline — clear the absolute header */
.hero-6-section-content--headline-only {
  margin-top: 0;
  padding-top: 98px;
}

@media only screen and (max-width: 1199px) {
  .hero-6-section-content--headline-only {
    padding-top: 100px;
  }
}

.hero-6-section-content--headline-only .section-title-wrapper {
  margin-top: 0;
}

/* Hero h1 headline — match Insights / strip gray */
.hero-area-6 .hero-6-section-content .title-wrapper .section-title-6 {
  color: var(--brand-muted);
}

.dark .hero-area-6 .hero-6-section-content .title-wrapper .section-title-6 {
  color: var(--brand-muted);
}

/* Hero (XL): rules under nav links — uses :root --brand-muted */
.hero-area-6 .hero-6-nav .main-menu > ul > li > a {
  border-bottom-color: var(--brand-muted);
}

.dark .hero-area-6 .hero-6-nav .main-menu > ul > li > a {
  border-bottom-color: var(--brand-muted);
}

/* Home page only (this file is included from index): all .section-title-6 smaller than theme default */
.section-title-6 {
  font-size: 180px;
  font-weight: normal; /* 400 — global h1–h6 uses 500 in theme */
}
@media only screen and (max-width: 1919px) {
  .section-title-6 {
    font-size: 138px;
  }
}
@media only screen and (max-width: 1399px) {
  .section-title-6 {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .section-title-6 {
    font-size: 96px;
  }
}
@media only screen and (max-width: 991px) {
  .section-title-6 {
    font-size: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-6 {
    font-size: 52px;
  }
}
@media (max-width: 575px) {
  .section-title-6 {
    font-size: 34px;
  }
}

/* < xl: meta is under hero again (visible), compact */
.home-meta-hero-fallback {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5rem;
}

.meta-list--home-mobile ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

@media (max-width: 575px) {
  .meta-list--home-mobile ul {
    grid-template-columns: 1fr;
  }
}

[dir="rtl"] .header-area-6--with-meta .header-home-meta ul {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

/* Home «What we do» cards: lead col = slash+title then icon; wide col = excerpt top-aligned (client layout) */
.service-area-6 .service-box-6.service-box-6--home {
  --service-home-icon-size: 72px;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  grid-template-areas: "lead excerpt";
  row-gap: 0;
  column-gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

.service-area-6 .service-box-6.service-box-6--home .service-box-6--home__lead {
  grid-area: lead;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
}

.service-area-6 .service-box-6.service-box-6--home .thumb {
  margin-top: 0;
  width: var(--service-home-icon-size);
  height: var(--service-home-icon-size);
  max-width: var(--service-home-icon-size);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.service-area-6 .service-box-6.service-box-6--home .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
}

.service-area-6 .service-box-6.service-box-6--home .title {
  margin-top: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
}

.service-area-6 .service-box-6.service-box-6--home .content {
  grid-area: excerpt;
  align-items: flex-start;
  align-self: start;
  text-align: start;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}

.service-area-6 .service-box-6.service-box-6--home .service-list {
  max-width: 100%;
  margin-inline: 0;
  width: 100%;
}

.service-area-6 .service-box-6.service-box-6--home .service-list li {
  text-align: inherit;
}

@media only screen and (max-width: 1199px) {
  .service-area-6 .service-box-6.service-box-6--home {
    --service-home-icon-size: 60px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "lead"
      "excerpt";
    row-gap: 20px;
  }

  .service-area-6 .service-box-6.service-box-6--home .content {
    align-items: flex-start;
    text-align: start;
  }
}

/* Home — Insights strip: --brand-muted fill; white copy */
.portfolio-area-6.portfolio-area-6--home-insights {
  background-color: var(--brand-muted);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-section-header .section-title-6 {
  color: var(--brand-muted-foreground, #ffffff);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-section-header .rr-btn-underline {
  color: var(--brand-muted-foreground, #ffffff);
}

.dark .portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-section-header .section-title-6 {
  color: var(--brand-muted-foreground, #ffffff);
}

.dark .portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-section-header .rr-btn-underline {
  color: var(--brand-muted-foreground, #ffffff);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-section-header a:hover {
  color: rgba(255, 255, 255, 0.92);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-hscroll-viewport {
  scrollbar-color: rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.12);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-hscroll-viewport::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.portfolio-area-6.portfolio-area-6--home-insights .portfolio-6-hscroll-viewport::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.38);
}