/* V36 — Align Services hero's supporting details with homepage's quiet icon system.
   No card frames, no visible video controls. Scoped to the Services hero only. */
.service-page .services-cinematic-link {
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  padding-bottom:4px;
  line-height:1.35;
  border-bottom:1px solid rgba(238,248,255,.64);
}
.service-page .services-cinematic-link span {
  display:inline-block;
  flex-shrink:0;
  padding:0;
  margin:0;
  color:#c2e1f7;
  line-height:1;
  transition:transform .22s ease, color .22s ease;
}
.service-page .services-cinematic-link:hover span,
.service-page .services-cinematic-link:focus-visible span {
  transform:translate(4px,4px);
  color:#fff;
}
.service-page .services-cinematic-bottom {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,4.5vw,70px);
  align-items:start;
  justify-content:stretch;
  padding:27px 4px 12px;
  border-top:1px solid rgba(196,226,247,.39);
}
.service-page .services-highlight-group {min-width:0}
.service-page .services-highlight-group h2 {
  font-size:clamp(.88rem,1.07vw,.99rem);
  font-weight:700;
  letter-spacing:.015em;
  line-height:1.35;
  color:#f4f9ff;
  margin:0 0 13px;
}
.service-page .services-highlight-group ul {
  list-style:none;
  padding:0;margin:0;
  display:grid;
  gap:11px;
}
.service-page .services-highlight-group li {
  display:flex;
  align-items:center;
  gap:11px;
  font-size:clamp(.81rem,1.02vw,.93rem);
  font-weight:470;
  line-height:1.35;
  color:#deebf6;
}
.service-page .services-highlight-icon {
  flex:none;
  width:20px;
  height:20px;
  color:#a6d0eb;
  opacity:.97;
}
/* Bottom highlights now have enough breathing room without wasting the hero's height. */
.service-page .services-cinematic-hero {min-height:max(850px,100svh)}
.service-page .services-cinematic-layout {min-height:calc(max(850px,100svh) - 157px)}
@media (max-width:760px) {
  .service-page .services-cinematic-hero {min-height:max(845px,100svh)}
  .service-page .services-cinematic-layout {min-height:calc(max(845px,100svh) - 139px)}
  .service-page .services-cinematic-bottom {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:17px;
    row-gap:21px;
    padding:22px 0 8px;
  }
  .service-page .services-highlight-group h2{font-size:.82rem;margin-bottom:9px}
  .service-page .services-highlight-group ul{gap:10px}
  .service-page .services-highlight-group li{font-size:.74rem;gap:7px;align-items:flex-start}
  .service-page .services-highlight-icon{width:17px;height:17px;flex-basis:17px}
  .service-page .services-highlight-group:last-child {grid-column:1/-1}
  .service-page .services-highlight-group:last-child ul {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:17px;
  }
  .service-page .services-cinematic-lead{max-width:525px}
  .service-page .services-cinematic-actions{column-gap:22px;row-gap:21px}
}
@media (max-width:360px) {
  .service-page .services-cinematic-hero{min-height:max(950px,100svh)}
  .service-page .services-cinematic-layout{min-height:calc(max(950px,100svh) - 139px)}
  .service-page .services-cinematic-bottom{column-gap:10px}
  .service-page .services-highlight-group li{font-size:.72rem}
}
@media (prefers-reduced-motion:reduce) {
  .service-page .services-cinematic-link span{transition:none!important}
  .service-page .services-cinematic-link:hover span,
  .service-page .services-cinematic-link:focus-visible span{transform:none!important}
}