/* services.php — page layout only; components come from ui-v2.css */

/* bento service tiles (card--tile skins + desktop spans) */
.svc-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--grid-gap);margin-top:var(--head-gap)}
.svc-tile{grid-column:span 2;min-height:158px;text-decoration:none;color:#fff}
.svc-tile.g1{background:var(--grad-accent)}
.svc-tile.g2{background:var(--grad-ink)}
.svc-tile.g3{background:var(--grad-sky)}
.svc-tile h3{max-width:15ch;color:#fff}
.svc-tile p{color:rgba(255,255,255,.82);font-size:var(--fs-small);max-width:30ch}
.svc-tile .go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--blue-2)}
.svc-tile.g1 .go{color:#fff}
.svc-tile .go .arr{transition:transform var(--dur-2) var(--ease-spring)}
.svc-tile:hover .go .arr{transform:translateX(4px)}
.svc-tile .card__art{width:120px;height:120px;right:14px;bottom:12px;opacity:.45}
.svc-tile.wide{min-height:178px}
.svc-tile.wide h3{max-width:18ch}
.svc-tile.wide p{max-width:42ch}
.svc-tile.banner{grid-column:1/-1;min-height:140px;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}
.svc-tile.banner .bn{display:flex;flex-direction:column}
.svc-tile.banner h3{max-width:none}
.svc-tile.banner p{max-width:70ch}
.svc-tile.banner .go{margin-top:12px;padding-top:0;white-space:nowrap}
.svc-tile.banner .card__art{top:50%;bottom:auto;transform:translateY(-50%);right:40px}
.svc-tile.banner:hover .card__art{transform:translate(4px,calc(-50% - 4px))}
@media (max-width:900px){.svc-tiles{grid-template-columns:1fr 1fr}.svc-tiles .svc-tile{grid-column:auto!important}}
@media (max-width:768px){
  .svc-tiles{grid-template-columns:minmax(0,1fr);gap:12px}
  .svc-tile,.svc-tile.wide,.svc-tile.banner{min-height:0}
  .svc-tile.banner{flex-direction:column;align-items:flex-start;gap:0}
  .svc-tile .card__art,.svc-tile.banner .card__art{width:72px;height:72px;top:20px;right:20px;bottom:auto;transform:none}
  .svc-tile h3{padding-right:80px;max-width:none}
}
@media (max-width:768px){
  .svc-tile,.svc-tile.banner{display:grid;grid-template-columns:minmax(0,1fr) 56px;grid-template-rows:auto auto auto;column-gap:14px;row-gap:4px;padding:16px 18px;align-items:start}
  .svc-tile h3{grid-column:1;padding-right:0;font-size:18px}
  .svc-tile p{grid-column:1;font-size:13px;max-width:none}
  .svc-tile .go{grid-column:1;padding-top:6px;font-size:13px}
  .svc-tile.banner .bn{display:contents}
  .svc-tile .card__art,.svc-tile.banner .card__art{position:static;grid-column:2;grid-row:1/span 3;width:56px;height:56px;align-self:center;opacity:.55;-webkit-mask-image:none;mask-image:none}
  .svc-who h3{font-size:17px}
  .svc-who p{font-size:var(--fs-small)}
  .svc-check .card--spec{padding-top:14px}
}
.post-hero + .section{padding-top:var(--section-pad)}
.svc-specialists{margin-top:var(--s-5);align-items:center}
.svc-specialists .lbl{margin-right:4px}
.svc-specialists .chip{white-space:normal;line-height:1.25;padding:6px 14px}

/* ruled spec grids */
.card--spec .list-check li{padding:10px 0 10px 18px}
.card--spec .list-check li::before{top:calc(10px + .55em)}
.svc-check .card--spec{gap:6px;padding-bottom:var(--s-3)}
.svc-check b{font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em}
.svc-check span{color:var(--text-muted);font-size:var(--fs-small);line-height:1.5}
.section.dark .card--spec:not(.card--dark){border-top-color:var(--hair-dark)}
.section.dark .card--spec:not(.card--dark) b,.section.dark .card--spec:not(.card--dark) h3{color:#fff}
.card--spec .architecture-list{margin-top:var(--s-2)}
.cta-band>div:first-child{display:grid;gap:8px}