/* LINQO V8 — services section redesigned */
.services-v8{
  background:
    radial-gradient(1200px 420px at 20% 0%, rgba(197,154,83,.10), transparent 55%),
    radial-gradient(780px 320px at 85% 18%, rgba(197,154,83,.07), transparent 60%),
    linear-gradient(180deg,#0a0a0d 0%, #0d0d10 100%) !important;
  color:#f3efe9 !important;
  position:relative;
}
.services-v8::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%, transparent 80%, rgba(255,255,255,.02));
}
.services-v8 .section-heading{margin-bottom:34px !important; align-items:end; position:relative; z-index:1}
.services-v8 .section-heading p{color:#b8b1a8 !important; max-width:360px !important}
.services-v8 .light-eyebrow{color:#dec089 !important}
.services-v8 .section-heading h2{color:#f5f1ea !important}
.services-v8 .section-heading h2 em{
  background-image:linear-gradient(180deg,#fff4d5 0%,#e9ca88 22%,#c99646 46%,#fff0c2 59%,#b37a38 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent;
}
.services-v8 .services-editorial{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:20px !important; position:relative; z-index:1;
}
.services-v8 .editorial-service,
.services-v8 .editorial-service:nth-child(2){
  display:block !important; position:relative; min-height:520px !important; border-radius:28px !important; overflow:hidden !important;
  border:1px solid rgba(194,160,96,.28) !important; background:#101012 !important; box-shadow:0 18px 45px rgba(0,0,0,.35) !important;
  text-align:left; padding:0 !important;
}
.services-v8 .editorial-service:hover{transform:translateY(-6px) !important; box-shadow:0 28px 60px rgba(0,0,0,.42) !important; border-color:rgba(218,184,118,.48) !important}
.services-v8 .editorial-image{position:absolute !important; inset:0 !important; height:auto !important; width:auto !important; min-height:0 !important; display:block !important}
.services-v8 .editorial-image img{width:100%; height:100%; object-fit:cover; object-position:center center}
.services-v8 .service-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.22) 22%, rgba(0,0,0,.56) 62%, rgba(0,0,0,.88) 100%)}
.services-v8 .editorial-copy{position:absolute !important; inset:auto 0 0 0; min-height:0 !important; width:100% !important; padding:26px 24px 23px !important; gap:8px !important; align-items:flex-start !important; justify-content:flex-end !important; z-index:2; background:linear-gradient(180deg, transparent, rgba(7,7,8,.18) 8%, rgba(7,7,8,.78) 100%) !important}
.services-v8 .service-icon{width:48px; height:48px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg,#f4ddb0,#d1a760 62%,#a87734); box-shadow:inset 0 1px 1px rgba(255,246,225,.65), 0 8px 22px rgba(0,0,0,.22); margin-bottom:10px}
.services-v8 .service-icon svg{width:22px; height:22px; stroke:#17120c; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.services-v8 .editorial-copy small{font-size:10px !important; letter-spacing:.19em !important; color:#d5b57b !important; font-weight:700 !important}
.services-v8 .editorial-copy strong{font-size:clamp(23px,2.25vw,36px) !important; line-height:1.08 !important; color:#f9f5ef !important; margin-top:2px}
.services-v8 .editorial-copy>span:not(.editorial-more):not(.service-icon){font-size:15px !important; line-height:1.52 !important; color:#c7beb2 !important; max-width:92%}
.services-v8 .editorial-more{margin-top:12px !important; padding-top:0 !important; font-size:13px !important; color:#e0bf83 !important; font-weight:600}
@media(max-width:1024px){
  .services-v8 .services-editorial{grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important}
  .services-v8 .editorial-service{min-height:455px !important}
  .services-v8 .editorial-copy{padding:22px 18px 19px !important}
  .services-v8 .editorial-copy strong{font-size:clamp(21px,2.3vw,30px) !important}
  .services-v8 .editorial-copy>span:not(.editorial-more):not(.service-icon){font-size:13px !important}
}
@media(max-width:760px){
  .services-v8 .services-editorial{grid-template-columns:1fr !important; gap:16px !important}
  .services-v8 .editorial-service,.services-v8 .editorial-service:nth-child(2){min-height:410px !important}
  .services-v8 .editorial-copy{padding:22px 18px !important}
}
