.services { background: var(--b3); padding: 0; }
.svc-hd {
  padding: 7rem 3rem 4rem; max-width: 1280px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 4rem; flex-wrap: wrap;
}
.svc-hd .sh { margin-bottom: .5rem; }
.svc-g { display: grid; grid-template-columns: repeat(3, 1fr); }
.svc {
  padding: 3rem 2.8rem;
  border: 1px solid var(--br); margin: -1px 0 0 -1px;
  background: var(--b3); position: relative; overflow: hidden;
  transition: background .4s var(--r2); cursor: default;
}
.svc:hover { background: var(--s1); }
.svc-glow {
  position: absolute; top: -40px; right: -40px;
  width: 200px; height: 200px; border-radius: 50%;
  background: radial-gradient(circle, rgba(200,144,10,.09), transparent 70%);
  opacity: 0; transition: opacity .4s; pointer-events: none;
}
.svc:hover .svc-glow { opacity: 1; }
.svc-top {
  position: absolute; top: 0; left: 0; right: 0; height: 1.5px;
  background: linear-gradient(90deg, var(--g), transparent 60%);
  transform: scaleX(0); transform-origin: left; transition: transform .55s var(--r);
}
.svc:hover .svc-top { transform: scaleX(1); }
.svc-num {
  font-family: var(--serif); font-size: 3.8rem; font-weight: 300;
  color: rgba(200,144,10,.35); line-height: 1; margin-bottom: 1.5rem;
  letter-spacing: -.03em; transition: color .35s;
}
.svc:hover .svc-num { color: rgba(200,144,10,.14); }
.svc-ttl {
  font-family: var(--sans); font-size: 1.02rem; font-weight: 700;
  color: var(--t); margin-bottom: .65rem; line-height: 1.25; letter-spacing: -.01em;
}
.svc-txt { font-size: .76rem; color: rgba(250,250,248,.65); line-height: 1.85; margin-bottom: 1.3rem; font-weight: 300; }
.svc-ul { list-style: none; display: flex; flex-direction: column; gap: .38rem; }
.svc-li {
  font-size: .69rem; color: rgba(250,250,248,.65);
  display: flex; align-items: center; gap: .55rem; transition: color .2s;
}
.svc-li::before {
  content: ""; width: 10px; height: 1px;
  background: var(--g); border-radius: 2px; flex-shrink: 0; transition: width .3s var(--r);
}
.svc:hover .svc-li::before { width: 16px; }