.serviceCard,.workCard{position:relative}
.works{align-items:stretch}
.workCard{display:flex;flex-direction:column}
.workCard .workBody{display:flex;flex:1;flex-direction:column}
.workCard .cardDetail{margin-top:auto}
.cardDetail{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;font-weight:700;color:var(--blue)}
.cardDetail:after{content:"";position:absolute;inset:0;z-index:3}
.cardDetail:hover{color:var(--deep)}
.cardDetail:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.serviceCard:focus-within,.workCard:focus-within{outline:2px solid var(--blue);outline-offset:3px}
.companyOverviewLink{display:flex;width:fit-content;margin-top:16px}
.contactFramePhone strong{font:700 34px/1.4 Arial,sans-serif;letter-spacing:.02em}
.contactFramePhone:hover{background:#EEF4FB}
.contactFramePhone:focus-visible{outline:3px solid var(--light);outline-offset:4px}
.contactPhoneNumber{display:inline-block;font:700 28px/1.5 Arial,sans-serif;color:var(--blue);padding:8px 0}
.contactPhoneNumber:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:767px){
 .serviceBody .cardDetail{color:#fff;border-color:rgba(255,255,255,.4);font-size:11px;margin-top:10px;padding-top:8px}
 .contactFramePhone strong{font-size:27px}
}