@import url('/assets/css/people-offices.css?v=20260921-profiles8');

.fc-customers .container { padding-left: 0; padding-right: 0; }
.fc-customer-banner { background: #26352f url('/assets/images/misc/home/video-poster.jpg') center / cover no-repeat; }
.fc-customer-banner-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; }
.fc-customer-banner-video[hidden] { display: none; }
.fc-customer-banner::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .32)); pointer-events: none; }
.fc-customer-banner .fc-banner-inner { z-index: 2; }
.fc-customers .fc-customer-banner h1 { text-shadow: 0 1px 8px rgba(0, 0, 0, .45); }
.fc-banner-video-toggle { position: absolute; top: 18px; right: 0; z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; background: rgba(0, 0, 0, .35); color: #fff; cursor: pointer; }
.fc-banner-video-toggle[hidden] { display: none; }
.fc-banner-video-toggle:hover { background: rgba(0, 0, 0, .65); }
.fc-banner-video-toggle:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.fc-video-play-icon, .fc-banner-video-toggle[data-paused="true"] .fc-video-pause-icon { display: none; }
.fc-banner-video-toggle[data-paused="true"] .fc-video-play-icon { display: block; }
.fc-customers-intro { margin-bottom: 40px; color: #3e4b45; font-size: 16px; font-weight: 400; line-height: 1.55; }
.fc-customers-intro p { margin: 0 0 12px; }
.fc-customers-intro .fc-customers-lead { color: #0f2e68; font-size: 21px; font-weight: 500; line-height: 1.4; }
.fc-sectors-heading { margin: 0 0 24px; color: #0f2e68; font-size: 25px; font-weight: 400; line-height: 1.3; }
.fc-sectors-heading::before { content: ''; display: block; width: 34px; height: 4px; margin-bottom: 14px; background: #43b02a; }
.fc-sector-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.fc-sector { min-width: 0; border: 1px solid #dce7e0; background: #f7faf8; }
.fc-sector-media { position: relative; isolation: isolate; aspect-ratio: 2 / 1; overflow: hidden; background: #e2e9e5; }
.fc-sector-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fc-sector-media::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to top, rgba(0, 0, 0, .84), rgba(0, 0, 0, .56) 35%, rgba(0, 0, 0, 0) 78%); pointer-events: none; }
.fc-sector-media::after { content: ''; position: absolute; inset: 0; z-index: 1; background: url('/assets/images/graphics/customer-photo-pathways.svg') no-repeat center / 100% 100%; pointer-events: none; }
.fc-sector-content { padding: 24px; }
.fc-sector h3 { position: absolute; z-index: 3; right: 24px; bottom: 20px; left: 24px; margin: 0; color: #fff; font-size: 21px; font-weight: 500; line-height: 1.25; text-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
.fc-sector p { margin: 0; color: #3e4b45; font-size: 15px; font-weight: 400; line-height: 1.5; text-align: justify; hyphens: auto; }
.fc-customers .fc-cta-inner { gap: 32px; }
.fc-customers .fc-cta-inner > div { min-width: 0; }
.fc-customers .fc-button { flex-shrink: 0; }
@media (max-width: 1000px) {
    .fc-sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .fc-customers .fc-customer-banner h1 { max-width: calc(100% - 52px); }
    .fc-banner-video-toggle { top: 12px; }
    .fc-customers-intro { margin-bottom: 30px; }
    .fc-customers-intro .fc-customers-lead { font-size: 19px; }
    .fc-sector-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .fc-sector-content { padding: 22px; }
    .fc-sector h3 { right: 22px; bottom: 18px; left: 22px; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .fc-customer-banner-video, .fc-banner-video-toggle { display: none; }
}