/* Local Profile only. Photos are displayed from the supplied reference. */
.competency-section { background: var(--company-paper); border-top: 1px solid var(--company-line); }
.competency-header { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .7fr); gap: 72px; align-items: end; margin-bottom: 34px; }
.competency-header h2 { margin: 0; font-family: var(--company-display); font-size: clamp(36px, 4vw, 56px); line-height: 1; }
.competency-header h2 em { color: var(--company-ink); font-style: normal; }
.competency-header .eyebrow { color: var(--company-ink); }
.competency-intro p { margin: 0; color: var(--company-muted); font-size: 13px; line-height: 1.75; }
.competency-intro p + p { margin-top: 12px; }
.competency-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.competency-card { position: relative; min-width: 0; padding: 28px 16px 20px; border: 1px solid var(--company-line); border-radius: 14px; background: #fff; text-align: center; }
.competency-number { position: absolute; top: 0; left: 0; width: 44px; height: 44px; padding: 5px 17px 0 0; border-top-left-radius: 13px; clip-path: polygon(0 0, 100% 0, 0 100%); color: #fff; background: var(--company-ink); font-family: var(--company-display); font-size: 18px; line-height: 1; }
.competency-card h3 { display: grid; align-items: center; min-height: 48px; margin: 0 0 14px; color: var(--company-ink); font-family: var(--company-display); font-size: 23px; line-height: 1.08; }
.competency-card > p { margin: 14px 0 0; color: var(--company-muted); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.competency-photo { position: relative; aspect-ratio: 217 / 120; overflow: hidden; border-radius: 7px; }
.competency-photo img { position: absolute; width: 494.01%; max-width: none; height: auto; top: -300%; }
.competency-photo-1 img { left: -10.6%; }
.competency-photo-2 img { left: -130.4%; }
.competency-photo-3 img { left: -247%; }
.competency-photo-4 img { left: -363.6%; }
@media (max-width: 1023px) {
    .competency-header { gap: 30px; }
    .competency-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 600px) {
    .competency-header { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 24px; }
    .competency-header h2 { font-size: 34px; }
    .competency-grid { gap: 10px; }
    .competency-card { padding: 25px 10px 14px; border-radius: 10px; }
    .competency-card h3 { font-size: 19px; min-height: 43px; margin-bottom: 10px; }
    .competency-card > p { font-size: 11px; line-height: 1.55; margin-top: 10px; }
    .competency-number { width: 34px; height: 34px; padding: 4px 13px 0 0; font-size: 15px; border-top-left-radius: 9px; }
}
.competency-photo-custom img { position:static; width:100%; height:100%; object-fit:cover; }