/* F&S R76 — research-led premium service grid, after verified R75 backup.
 * Homepage-only: seven distinct service offerings, 3 core + 4 supporting.
 * Removed unmatched cobalt-glass Business Readiness tile; source preserved in backup.
 * Nothing changes in the hero, header, stone workspace, process, or FAQs.
 */
html[data-theme] .fs38-services-section .fs38-services-head {
  max-width:1100px!important;
  margin:0 auto 42px!important;
}
html[data-theme] .fs38-services-section .fs38-services-head p {
  max-width:790px!important;
  margin-top:20px!important;
  line-height:1.5!important;
}
/* 12-column grid: three foundational services, then four supporting services.
   The extra horizontal consistency replaces the visually uneven 3/2/3 stagger. */
@media(min-width:1050px){
  html[data-theme] .fs38-services-section .fs38-service-grid {
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:20px!important;
    row-gap:24px!important;
    max-width:1280px;
    margin:0 auto;
    align-items:stretch;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card {
    grid-column:span 3!important;
    width:97%!important;
    min-height:282px!important;
    height:282px!important;
    padding:23px 13px!important;
    justify-self:center!important;
    border-radius:21px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card:nth-child(-n+3) {
    grid-column:span 4!important;
    width:95%!important;
    height:296px!important;
    min-height:296px!important;
    padding:22px 20px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-icon {
    height:83px!important;
    width:83px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card:nth-child(-n+3) .fs38-service-icon {
    height:91px!important;
    width:91px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card h3 {
    font-size:clamp(21px,1.75vw,25px)!important;
    line-height:1.12!important;
    min-height:65px!important;
    max-width:100%!important;
    text-wrap:balance;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card:nth-child(-n+3) h3 {
    font-size:clamp(25px,2vw,30px)!important;
  }
}
@media(max-width:1049px) and (min-width:701px){
  html[data-theme] .fs38-services-section .fs38-service-grid {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    width:100%;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card {
    grid-column:auto!important;
    width:100%!important;
    justify-self:stretch!important;
    min-height:280px!important;
    height:280px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card:last-child {
    grid-column:1 / -1!important;
    max-width:440px!important;
    width:100%!important;
    justify-self:center!important;
  }
}
@media(max-width:700px){
  html[data-theme] .fs38-services-section .fs38-service-grid {
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:16px!important;
  }
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card {
    grid-column:1!important;
    width:100%!important;
    max-width:470px!important;
    justify-self:center!important;
    min-height:252px!important;
    height:252px!important;
    border-radius:20px!important;
  }
}
/* Calm, consistent treatment. The marble is visible; remove cartoon gloss,
   preserve the deliberate glass transparency and accessible buttons. */
html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card {
  transform:none!important;
  border-color:rgba(249,252,247,.58)!important;
  box-shadow:0 16px 36px -24px rgba(27,40,35,.29),
             inset 0 1px 0 rgba(255,255,255,.65)!important;
}
html[data-theme="dark"] .fs38-services-section .fs38-service-grid > .fs38-service-card {
  border-color:rgba(218,235,225,.30)!important;
  box-shadow:0 20px 45px -22px rgba(0,0,0,.60),
             inset 0 1px 0 rgba(233,242,236,.25)!important;
}
@media(hover:hover){
  html[data-theme] .fs38-services-section .fs38-service-grid > .fs38-service-card:hover{
    transform:translateY(-2px)!important;
  }
}