.service-page{background:#121212;color:#f1f1f1}.service-page main{max-width:1240px;margin:auto;padding:220px 25px 110px}.service-page main .service-kicker{font:500 11px/1.3 "IBM Plex Mono",monospace;color:#aaa;text-transform:uppercase;letter-spacing:.02em}.service-page main h1{font:500 clamp(46px,7vw,92px)/.9 "LayGrotesk",sans-serif;letter-spacing:-.055em;max-width:900px;margin:22px 0 34px}.service-page main h2{font:500 clamp(28px,3vw,48px)/.98 "LayGrotesk",sans-serif;letter-spacing:-.04em;margin:0 0 18px}.service-page main p,.service-page main li{font-size:18px;line-height:1.45}.service-page main .service-lead{max-width:650px;font-size:21px}.service-page main .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:86px 0}.service-page main .service-grid>section,.service-page main .service-callout{border:1px solid #393939;border-radius:8px;padding:27px}.service-page main .service-grid h2{font-size:28px}.service-page main .service-grid p{font-size:16px;margin-bottom:0}.service-page main .service-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #393939;padding-top:60px}.service-page main .service-content ul{padding-left:20px}.service-page main .service-callout{margin-top:55px;background:#0d0d0d}.service-page main a{color:#f1f1f1;text-underline-offset:4px}.service-page main .service-cta{display:inline-flex;margin-top:8px;color:#121212;background:#f1f1f1;padding:15px 20px;text-decoration:none;font:500 12px/1 "IBM Plex Mono",monospace;text-transform:uppercase}.service-page main .service-related{margin-top:70px;border-top:1px solid #393939;padding-top:35px}.service-page main .service-related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.service-page main .service-related a{font:500 13px/1.4 "IBM Plex Mono",monospace}.service-page main a:focus-visible{outline:2px solid #ff5555;outline-offset:4px}@media(max-width:800px){.service-page main{padding:170px 15px 80px}.service-page main .service-grid,.service-page main .service-content{grid-template-columns:1fr;gap:12px}.service-page main .service-content{gap:30px;padding-top:45px}.service-page main .service-lead{font-size:18px}.service-page main .service-grid{margin:55px 0}.service-page main .service-related{margin-top:50px}}
/* Shared chrome follows the site-wide rules; only the landing-page main is scoped above. */
.service-page header .gs,.service-page header .gs .stag{color:var(--black)}
.service-page main .service-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 38px;color:#aaa;font:500 11px/1.3 "IBM Plex Mono",monospace;text-transform:uppercase}.service-page main .service-breadcrumb a{color:#f1f1f1}
/* Landing-page examples use the same contained media frame on every service page. */
.service-page main .service-example{margin:80px 0 0;padding-top:28px;border-top:1px solid #393939}.service-page main .service-example__heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter);align-items:end;margin:0 0 28px}.service-page main .service-example__heading>div:has(>.service-example__eyebrow){display:flex;flex-direction:column;gap:18px}.service-page main .service-example__eyebrow{margin:0 0 24px;font:500 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.02em;text-transform:uppercase;color:#aaa}.service-page main .service-example__heading h2{margin:0}.service-page main .service-example__heading p{max-width:420px;margin:0;font-size:16px;color:#aaa}.service-page main .service-example figure{margin:0}.service-page main .service-example__frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid #393939;border-radius:8px;background:#0d0d0d center/cover no-repeat}.service-page main .service-example__frame iframe,.service-page main .service-example__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.service-page main .service-example__placeholder{display:flex;align-items:flex-end;padding:28px;background-image:linear-gradient(135deg,rgba(255,85,85,.22),transparent 48%),linear-gradient(45deg,#202020 25%,#151515 25%,#151515 50%,#202020 50%,#202020 75%,#151515 75%);background-size:auto,28px 28px}.service-page main .service-example__placeholder::before{content:"FPV CINELAB";position:absolute;inset:28px auto auto 28px;font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#aaa}.service-page main .service-example__placeholder p{position:relative;z-index:1;max-width:460px;margin:0;font:500 clamp(26px,3vw,44px)/.95 "LayGrotesk",sans-serif;letter-spacing:-.04em;color:#f1f1f1}.service-page main .service-example figcaption{display:flex;justify-content:space-between;gap:var(--grid-gutter);padding-top:14px;color:#aaa;font:500 12px/1.35 "IBM Plex Mono",monospace}.service-page main .service-example figcaption a{color:#f1f1f1;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}@media(max-width:800px){.service-page main .service-example{margin-top:55px}.service-page main .service-example__heading{grid-template-columns:1fr;gap:16px}.service-page main .service-example__placeholder{padding:18px}.service-page main .service-example__placeholder::before{top:18px;left:18px}.service-page main .service-example figcaption{display:block}.service-page main .service-example figcaption a{display:inline-block;margin-top:8px}} 

.service-page main .service-pricing{margin:14px 0 0;font:500 12px/1.5 "IBM Plex Mono",monospace;color:#aaa}.service-page main .service-pricing a{color:#f1f1f1;text-underline-offset:3px}

/* The enquiry callout uses paired 21px and 25px margins for a compact optical spacing scale. */
.service-page main .service-callout>h2{margin-bottom:21px}.service-page main .service-callout>p{margin-bottom:25px}
.service-page main .service-callout>.service-cta{margin-top:0}