/* L::eS competency landing pages. Base structure and buttons: service-system.css. */
.competence-hero .les-service-action{margin-top:32px}
.competence-light,.competence-dark,.competence-operations{padding:clamp(78px,8vw,120px) 0;scroll-margin-top:85px}
.competence-light{background:#f5f4f0;color:#20252b}
.competence-dark{background:#21272f;color:#f7f6f2}
.competence-operations{background:#eae9e4;color:#20252b}
.competence-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:38px}
.competence-heading h2,.competence-operations h2{font-size:clamp(35px,4.2vw,60px);line-height:1.15;margin:0}
.competence-heading>p{font-size:16px;line-height:1.8;margin:0;max-width:570px}
.competence-light .competence-heading>p{color:#586068}
.competence-dark .competence-heading>p{color:#ccd0d4}
.competence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.competence-item,.competence-link{display:flex;flex-direction:column;min-height:290px;border-radius:12px;padding:clamp(25px,2.8vw,40px)}
.competence-item{background:#fff;border:1px solid #dddbd5}
.competence-link{background:#313840;border:1px solid #555d63;text-decoration:none;transition:border-color .2s,transform .2s}
.competence-link:hover{border-color:#c6a75f;transform:translateY(-2px)}
.competence-index{color:#a28b57;letter-spacing:.16em;font-size:11px;font-weight:700}
.competence-item h3,.competence-link h3{font-size:clamp(22px,2.2vw,29px);line-height:1.22;margin:33px 0 16px}
.competence-item p,.competence-link p{font-size:15px;line-height:1.75;margin:0}
.competence-item p{color:#5a6268}.competence-link p{color:#c6cbd0}
.competence-link-hint{margin-top:auto;padding-top:24px;color:#d8c392;font-size:12px;font-weight:700}
.competence-link-hint::after{content:"";display:inline-block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:10px}
.competence-operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center}
.competence-operations-grid>p{font-size:17px;line-height:1.85;color:#586169;margin:0}
@media(max-width:900px){.competence-grid{grid-template-columns:1fr}.competence-item,.competence-link{min-height:0}.competence-heading,.competence-operations-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.competence-hero .les-service-action{width:100%}.competence-item h3,.competence-link h3{margin-top:20px}}

/* Competency pages: keep the floating navigation translucent over content. */
body:has(.competence-hero) .site-header{background:rgba(16,18,22,.78);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}
body:has(.competence-hero) .site-header.is-glass{background:rgba(16,18,22,.72);-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%)}
/* Long German hero words need reliable mobile side clearance. */
@media(max-width:700px){.competence-hero h1{font-size:clamp(40px,10.5vw,56px);letter-spacing:-.055em;overflow-wrap:break-word}}