/* Each service shows its own six-stage sequence, with automatic replay. */
.services>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.services>.grid>.featured{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch}
.services .service-sequence{height:auto;aspect-ratio:3/2;background:#0b2c57}
.services .service-photo-card.featured .service-sequence{height:100%;min-height:340px;aspect-ratio:auto}
.service-sequence video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.service-sequence video[hidden]{display:none}
.service-sequence img{transition:none!important;transform:none!important}
.sequence-toggle{position:absolute;bottom:12px;left:12px;z-index:2;min-height:44px;padding:8px 14px;border:1px solid #d8e8ef66;border-radius:3px;background:#071e32ed;color:#fff;font:500 14px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer}
.sequence-toggle:hover{background:#064d8f}
.sequence-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sequence-toggle[hidden]{display:none}
.service-sequence figcaption{z-index:2;bottom:18px}
@media(max-width:680px){.services>.grid{grid-template-columns:1fr}.services>.grid>.featured{display:flex}.services .service-photo-card.featured .service-sequence{height:auto;min-height:0;aspect-ratio:3/2}}
