/* V35 — Services cinematic hero follows the established homepage background-video
   and midnight-navy treatment. No numbered tiles or service-card video mosaic. */
.service-page .services-cinematic-hero {
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(118deg,#061b32 0%,#0d3152 60%,#214d6b 100%);
  padding:121px 0 36px;
  min-height:max(850px,100svh);
  color:#f9fcff;
}
.service-page .services-cinematic-stage {
  position:absolute;inset:0;z-index:-1;overflow:hidden;
  background:radial-gradient(ellipse at 85% 40%,rgba(74,139,173,.38),transparent 58%),linear-gradient(118deg,#061b32,#0d3150 62%,#25536c);
}
.service-page .services-cinematic-video {
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center 50%;
  opacity:0;filter:saturate(.70) contrast(1.03);transition:opacity 1.25s ease;
  pointer-events:none;
}
.service-page .services-cinematic-video:nth-child(2){object-position:center 55%}
.service-page .services-cinematic-video:nth-child(3){object-position:center 53%}
.service-page .services-cinematic-video.is-active{opacity:1}
.service-page .services-cinematic-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,22,42,.89) 0%,rgba(7,30,54,.80) 32%,rgba(7,30,54,.55) 64%,rgba(7,30,54,.39) 100%),
  linear-gradient(180deg,rgba(4,21,40,.25) 0%,transparent 22%,transparent 72%,rgba(2,18,37,.69) 100%);
}
.service-page .services-cinematic-layout{
  position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;
  min-height:calc(max(850px,100svh) - 157px);
}
.service-page .services-cinematic-hero .breadcrumb{color:#b9cddf;margin:0 0 51px;font-size:.83rem}
.service-page .services-cinematic-copy{max-width:860px;margin-top:15px}
.service-page .services-cinematic-copy .eyebrow{
  color:#b6d9f2;font-size:.75rem;letter-spacing:.15em;margin-bottom:27px;
}
.service-page .services-cinematic-copy h1{
  margin:0;max-width:900px;color:#fff;
  font-size:clamp(4.1rem,7vw,7.35rem);font-weight:550;letter-spacing:-.065em;line-height:.985;
  text-shadow:0 4px 23px rgba(0,10,25,.18)
}
.service-page .services-cinematic-copy h1 em{font-style:normal;font-weight:440;color:#cde7f7}
.service-page .services-cinematic-lead{
  max-width:590px;color:#e1edf7;font-size:clamp(1.08rem,1.65vw,1.3rem);
  line-height:1.58;margin:31px 0 0;
}
.service-page .services-cinematic-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}
.service-page .services-cinematic-button {
  display:inline-flex;align-items:center;justify-content:center;min-height:55px;
  padding:13px 26px;border-radius:999px;
  font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap;
  background:rgba(235,246,255,.085);border:1px solid rgba(236,247,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);color:#f6fbff;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:background .2s ease,border-color .2s ease;
}
.service-page .services-cinematic-button:hover,.service-page .services-cinematic-button:focus-visible{background:rgba(235,246,255,.19);border-color:#fff;color:#fff}
.service-page .services-cinematic-link{color:#f2f8fc;text-decoration:none;border-bottom:1px solid rgba(238,248,255,.58);padding-bottom:4px;font-weight:670;font-size:1rem}
.service-page .services-cinematic-link span{color:#b8def6;padding-left:7px}
.service-page .services-cinematic-link:hover,.service-page .services-cinematic-link:focus-visible{border-bottom-color:#fff;color:#fff}
.service-page .services-cinematic-bottom{
  padding:24px 4px 8px;border-top:1px solid rgba(196,226,247,.39);
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.service-page .services-cinematic-bottom p{color:#dceaf5;font-size:.95rem;line-height:1.5;margin:0}
@media(max-width:900px){
  .service-page .services-cinematic-copy h1{font-size:clamp(3.6rem,8vw,6.4rem)}
}
@media(max-width:760px){
  .service-page .services-cinematic-hero{min-height:max(750px,100svh);padding:108px 0 31px}
  .service-page .services-cinematic-layout{min-height:calc(max(750px,100svh) - 139px)}
  .service-page .services-cinematic-hero .breadcrumb{margin-bottom:40px}
  .service-page .services-cinematic-copy{margin-top:0}
  .service-page .services-cinematic-copy .eyebrow{font-size:.66rem;letter-spacing:.12em;margin-bottom:24px}
  .service-page .services-cinematic-copy h1{font-size:clamp(3.05rem,11.6vw,5.1rem);letter-spacing:-.058em;line-height:1.01}
  .service-page .services-cinematic-lead{font-size:1.04rem;margin-top:27px}
  .service-page .services-cinematic-actions{gap:23px;margin-top:28px;align-items:flex-start}
  .service-page .services-cinematic-button{font-size:.92rem;padding:12px 21px;min-height:51px}
  .service-page .services-cinematic-link{font-size:.93rem}
  .service-page .services-cinematic-overlay{background:linear-gradient(120deg,rgba(5,24,47,.93),rgba(8,39,71,.75)),linear-gradient(0deg,rgba(2,18,37,.62),transparent 26%)}
  .service-page .services-cinematic-video{object-position:56% center}
  .service-page .services-cinematic-bottom{align-items:start;gap:12px}
  .service-page .services-cinematic-bottom p{font-size:.82rem;max-width:255px}
  .service-page .services-cinematic-motion{font-size:.75rem}
}
@media(max-width:420px){
  .service-page .services-cinematic-copy h1{font-size:clamp(2.8rem,11.45vw,3.65rem)}
  .service-page .services-cinematic-lead{font-size:1rem}
  .service-page .services-cinematic-bottom p{max-width:230px}
}
@media(prefers-reduced-motion:reduce){
  .service-page .services-cinematic-video{display:none!important;transition:none!important}
  .service-page .services-cinematic-motion{display:none!important}
}
