/* Light work-area section with the concept examples' petrol image treatment. */
#arbejdsomraader.work-area-section{max-width:1680px;margin:0 auto;padding:80px 4% 90px;background:#fff;color:#123e46}
#arbejdsomraader .work-area-heading{max-width:920px;text-align:center;margin:0 auto 42px}
#arbejdsomraader .work-area-heading .eyebrow{font-size:11px;letter-spacing:1.1px;line-height:1.6;color:#187c66;margin-bottom:15px}
#arbejdsomraader .work-area-heading h2{font-size:clamp(34px,3.6vw,50px);font-weight:650;line-height:1.15;letter-spacing:-1.6px;margin:0 0 21px;color:#123e46}
#arbejdsomraader .work-area-heading>p{font-size:17px;line-height:1.75;max-width:760px;margin:0 auto;color:#607671}
#arbejdsomraader .work-area-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}
#arbejdsomraader .work-area-tab{display:flex;align-items:center;justify-content:center;min-height:78px;width:100%;padding:20px 16px;border:1px solid #e4eae5;background:#f2f5f3;color:#123e46;font:inherit;font-size:17px;line-height:1.4;font-weight:650;text-align:center;border-radius:16px!important;box-shadow:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
#arbejdsomraader .work-area-tab:hover{background:#e3f1e8;border-color:#94baa4}
#arbejdsomraader .work-area-tab[aria-selected="true"]{background:#123e46;border-color:#123e46;color:#fff}
#arbejdsomraader .work-area-tab:focus-visible,#arbejdsomraader .work-area-link:focus-visible{outline:3px solid #229d80;outline-offset:4px}
#arbejdsomraader .work-area-feature-panel{display:block;position:relative;isolation:isolate;min-height:460px;background:#f2f5f3;border:1px solid #e4eae5;border-radius:24px;overflow:hidden}
#arbejdsomraader .work-area-feature-panel[hidden]{display:none!important}
#arbejdsomraader .work-area-feature-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
#arbejdsomraader .work-area-feature-panel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#02191ff2 0%,#02191fc4 38%,#02191f35 100%)}
#arbejdsomraader .work-area-feature-copy{padding:55px 55px 48px;position:relative;max-width:none}
#arbejdsomraader .work-area-feature-label{display:block;font-size:11px;line-height:1.6;letter-spacing:1.2px;text-transform:uppercase;font-weight:650;color:#fff;margin:0 0 24px}
#arbejdsomraader .work-area-feature-copy h3{font-size:clamp(29px,3.2vw,43px);font-weight:650;line-height:1.2;letter-spacing:-1px;margin:0 0 25px;max-width:760px;color:#fff}
#arbejdsomraader .work-area-feature-copy>p{font-size:17px;line-height:1.85;color:#fff;margin:0 0 29px;max-width:610px}
#arbejdsomraader .work-area-feature-scope{display:block;font-size:13px;line-height:1.8;color:#fff;margin-bottom:32px;max-width:610px}
#arbejdsomraader .work-area-link{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:15px 26px;background:#fff;border:1px solid #fff;color:#123e46;border-radius:16px!important;font-size:13px;line-height:1.5;font-weight:650;text-decoration:none}
#arbejdsomraader .work-area-link:hover{background:#fff;border-color:#fff}
@media(max-width:1000px){#arbejdsomraader .work-area-tab{font-size:15px;padding:18px 12px}#arbejdsomraader .work-area-feature-copy{padding:42px 35px}}
@media(max-width:760px){
 #arbejdsomraader.work-area-section{padding:55px 5% 60px}
 #arbejdsomraader .work-area-heading{margin-bottom:30px}
 #arbejdsomraader .work-area-heading h2{font-size:32px;letter-spacing:-1.1px}
 #arbejdsomraader .work-area-heading>p{font-size:15px}
 #arbejdsomraader .work-area-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
 #arbejdsomraader .work-area-tab{min-height:65px;padding:15px 10px;font-size:14px;border-radius:14px!important;overflow-wrap:anywhere}
 #arbejdsomraader .work-area-feature-panel{min-height:0;border-radius:20px}
 #arbejdsomraader .work-area-feature-image{object-position:65% center}
 #arbejdsomraader .work-area-feature-panel::before{background:linear-gradient(90deg,#02191fe8,#02191f99)}
 #arbejdsomraader .work-area-feature-copy{padding:150px 25px 28px}
 #arbejdsomraader .work-area-feature-label{font-size:10px;letter-spacing:.8px;margin-bottom:16px}
 #arbejdsomraader .work-area-feature-copy h3{font-size:28px;letter-spacing:-.6px;margin-bottom:20px}
 #arbejdsomraader .work-area-feature-copy>p{font-size:15px;line-height:1.8;margin-bottom:23px}
 #arbejdsomraader .work-area-feature-scope{font-size:12px;margin-bottom:26px}
 #arbejdsomraader .work-area-link{width:100%;min-height:48px}
}
@media(prefers-reduced-motion:reduce){#arbejdsomraader .work-area-tab{transition:none}}