/* LAWTER v6.0.2 — design audit recovery, capability media fill, operating alignment, service card contrast */

/* 1) Home capabilities block: fill the left editorial area with a visible premium image stage. */
body.lawter-v6 .capability-matrix{
  grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
body.lawter-v6 .capability-media{
  display:block!important;
  position:relative!important;
  min-height:720px!important;
  border-right:1px solid rgba(237,207,149,.18)!important;
  background:
    linear-gradient(180deg,rgba(2,11,23,.24),rgba(2,11,23,.82)),
    url('../budapest-night.webp') center center / cover no-repeat!important;
}
body.lawter-v6 .capability-media::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 20% 18%,rgba(237,207,149,.10),transparent 26%),
    linear-gradient(90deg,rgba(2,11,23,.18) 0%,rgba(2,11,23,.06) 42%,rgba(2,11,23,.58) 100%),
    linear-gradient(180deg,transparent 0%,rgba(2,11,23,.12) 42%,rgba(2,11,23,.84) 100%)!important;
}
body.lawter-v6 .capability-media-base{
  opacity:.56!important;
  filter:brightness(.58) saturate(.90) contrast(1.03)!important;
}
body.lawter-v6 .capability-media-image{
  opacity:0!important;
  filter:brightness(.82) saturate(.92) contrast(1.03)!important;
}
body.lawter-v6 .capability-media-image.is-active{
  opacity:.62!important;
  transform:scale(1)!important;
}
body.lawter-v6 .capability-media figcaption{
  left:28px!important;
  right:28px!important;
  bottom:28px!important;
  z-index:3!important;
  padding:26px 28px!important;
  border:1px solid rgba(237,207,149,.22)!important;
  background:linear-gradient(180deg,rgba(8,25,47,.48),rgba(3,12,25,.90))!important;
  box-shadow:0 24px 56px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body.lawter-v6 .capability-media figcaption strong{
  font-size:clamp(30px,2.4vw,44px)!important;
  line-height:1.04!important;
}
body.lawter-v6 .capability-media figcaption p{
  max-width:44ch!important;
  color:rgba(243,235,221,.82)!important;
}
body.lawter-v6 .capability-row>a{
  min-height:136px!important;
  align-items:center!important;
}

/* 2) Operating steps: remove the criss-cross gold rules and keep one clean central rhythm. */
body.lawter-v6 .operating-grid-lines{
  background:
    linear-gradient(90deg,transparent 38.1%,rgba(194,158,106,.07) 38.2%,transparent 38.3%),
    repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgba(243,235,221,.022) calc(20% - 1px) 20%)!important;
}
body.lawter-v6 .operating-steps{
  position:relative!important;
  padding-left:10px!important;
}
body.lawter-v6 .operating-steps::before{
  left:38px!important;
  top:18px!important;
  bottom:18px!important;
  width:1px!important;
  background:linear-gradient(180deg,rgba(237,207,149,.28),rgba(237,207,149,.10))!important;
}
body.lawter-v6 .operating-step{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:22px!important;
  padding:30px 0!important;
  align-items:start!important;
}
body.lawter-v6 .operating-step::before{
  display:none!important;
}
body.lawter-v6 .operating-step>span{
  place-self:start center!important;
  width:56px!important;
  height:56px!important;
  min-height:56px!important;
  background:linear-gradient(180deg,rgba(7,26,49,.92),rgba(3,12,25,.98))!important;
  border:1px solid rgba(237,207,149,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
  font-size:26px!important;
}
body.lawter-v6 .operating-step>span::after{
  display:none!important;
}
body.lawter-v6 .operating-step h3{
  margin-top:2px!important;
}

/* 3) Service detail note card: stronger contrast and separation from the page background. */
body.lawter-v6 .service-note{
  padding:30px 28px!important;
  color:var(--cream-100)!important;
  border:1px solid rgba(237,207,149,.22)!important;
  border-left:3px solid var(--gold-300)!important;
  background:linear-gradient(145deg,rgba(10,29,54,.92),rgba(4,13,29,.97))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.22)!important;
}
body.lawter-v6 .service-note small{
  display:block!important;
  margin-bottom:12px!important;
  color:var(--gold-300)!important;
  letter-spacing:.20em!important;
}
body.lawter-v6 .service-note h2{
  margin:0 0 14px!important;
  color:var(--cream-100)!important;
  font-family:var(--serif)!important;
  font-size:clamp(32px,2.4vw,42px)!important;
  line-height:1.08!important;
}
body.lawter-v6 .service-note p{
  margin:0!important;
  color:rgba(243,235,221,.80)!important;
  font-size:14px!important;
  line-height:1.8!important;
}

/* 4) Small refinements for the numbered focus rows on service pages. */
body.lawter-v6 .focus-rows article>span,
body.lawter-v6 .engagement-card>span,
body.lawter-v6 .process-step>span{
  background:linear-gradient(180deg,rgba(8,25,47,.80),rgba(3,12,25,.96))!important;
  border-color:rgba(237,207,149,.26)!important;
}

@media(max-width:1180px){
  body.lawter-v6 .capability-matrix{grid-template-columns:1fr!important}
  body.lawter-v6 .capability-media{min-height:500px!important;border-right:0!important;border-bottom:1px solid rgba(237,207,149,.14)!important}
}
@media(max-width:700px){
  body.lawter-v6 .capability-media{min-height:420px!important}
  body.lawter-v6 .capability-media figcaption{left:16px!important;right:16px!important;bottom:16px!important;padding:18px 18px!important}
  body.lawter-v6 .operating-steps{padding-left:0!important}
  body.lawter-v6 .operating-steps::before{left:26px!important}
  body.lawter-v6 .operating-step{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important}
  body.lawter-v6 .operating-step>span{width:44px!important;height:44px!important;min-height:44px!important;font-size:21px!important}
  body.lawter-v6 .service-note{padding:24px 20px!important}
}