html.motion-full .hero-video-layer{inset:0;animation:none!important;transform:none!important;background-position:center;background-size:cover}
.hero-video-layer video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero:has([data-hero-video]) .hero-shade{background:linear-gradient(90deg,rgba(5,7,10,.68),rgba(5,7,10,.28) 65%,rgba(5,7,10,.18)),linear-gradient(0deg,rgba(5,7,10,.58),transparent 65%)}
.video-toggle{position:absolute;z-index:4;right:var(--pad);top:112px;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;border-radius:30px;background:#090b0f66;color:white;font-size:12px;cursor:pointer;backdrop-filter:blur(6px)}
[dir=rtl] .video-toggle{right:auto;left:var(--pad)}
.video-toggle:focus-visible{outline:3px solid white;outline-offset:4px}
.service-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,95px);align-items:start}
.service-overview .detail-copy{min-width:0}.service-overview h2{font-size:clamp(28px,3.2vw,48px);line-height:1.2;margin:24px 0}.service-overview h3{font-size:clamp(22px,2vw,30px);margin:35px 0 16px;line-height:1.4}.service-overview p,.service-request li{line-height:1.85;font-size:16px}
.service-request{padding:clamp(24px,3vw,42px);background:#11151b;color:#fff;border-top:3px solid var(--red);min-width:0}.service-request h2{font-size:clamp(25px,2.4vw,34px)}.service-request ul{padding-inline-start:22px;margin:26px 0 32px;color:#c8cbd1}.service-request li{padding-inline-start:5px;margin-bottom:18px}.service-request .contact-button{min-width:0;gap:18px;line-height:1.5}.service-scope{margin-top:60px;padding-top:30px;border-top:1px solid #ccc;display:flex;justify-content:space-between;gap:35px;align-items:center}.service-scope p{max-width:750px;line-height:1.8;color:#666}.service-scope .text-link{flex:none}
@media(max-width:980px){.service-overview{grid-template-columns:1fr}.service-scope{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:640px){.video-toggle{top:88px;font-size:11px}.hero:has([data-hero-video]) .hero-content{padding-top:160px}.hero-video-layer video{object-position:50% center}.service-overview p,.service-request li{font-size:15px}}
@media(max-height:550px) and (min-width:641px){.hero:has([data-hero-video]),.hero:has([data-hero-video]) .hero-content{min-height:620px}}
