@media only screen and (min-width:0rem){#example-jobs{background:#eaf1ff;overflow:hidden;padding:var(--sectionPadding)}#example-jobs .cs-container{margin:auto;max-width:80rem;width:100%}#example-jobs .cs-content{align-items:center;display:flex;flex-direction:column;margin:0 auto clamp(2.5rem,6vw,4rem);max-width:50rem;text-align:center;width:100%}#example-jobs .cs-title{max-width:22ch}#example-jobs .cs-text{max-width:44rem}#example-jobs .cs-gallery-grid{align-items:start;display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}#example-jobs .cs-project{margin:0;min-width:0}#example-jobs .cs-project-kitchen,#example-jobs .cs-project-switchboard{grid-column:1/-1}#example-jobs .cs-media{background:#eaf1ff;border:3px solid transparent;border-radius:.9rem;box-shadow:0 16px 34px rgba(8,35,62,.12);display:block;height:clamp(10rem,43vw,14rem);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;width:100%}#example-jobs .cs-media img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s;width:100%}#example-jobs .cs-project-kitchen .cs-media,#example-jobs .cs-project-switchboard .cs-media{height:clamp(13rem,55vw,20rem)}#example-jobs .cs-project:hover .cs-media{border-color:var(--primary);box-shadow:0 22px 44px rgba(8,35,62,.17);transform:translateY(-.2rem)}#example-jobs .cs-project:hover .cs-media img{transform:scale(1.035)}#example-jobs figcaption{color:var(--bodyTextColor);font-size:clamp(.82rem,2.5vw,.95rem);font-weight:600;line-height:1.45;padding:.75rem .15rem 0}#example-jobs .cs-gallery-brand{align-items:flex-start;background:linear-gradient(135deg,rgba(0,104,217,.92),rgba(8,35,62,.98)),var(--dark);border-radius:1rem;box-shadow:0 18px 40px rgba(8,35,62,.18);color:#fff;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:13rem;overflow:hidden;padding:clamp(1.5rem,5vw,2.5rem);position:relative}#example-jobs .cs-gallery-brand:after{border:1px solid hsla(0,0%,100%,.16);border-radius:50%;bottom:-4rem;content:"";height:10rem;position:absolute;right:-3rem;width:10rem}#example-jobs .cs-gallery-brand .cs-gallery-logo{display:block;margin-bottom:1rem;position:relative;width:min(100%,25rem)}#example-jobs .cs-gallery-brand .cs-gallery-logo img{display:block;height:auto;width:100%}#example-jobs .cs-gallery-brand .cs-gallery-logo .cs-gallery-logo-light{clip-path:inset(0 0 0 42%);filter:grayscale(1) brightness(1000%);inset:0;pointer-events:none;position:absolute}#example-jobs .cs-gallery-brand>span:last-child{color:hsla(0,0%,100%,.82);font-weight:700;letter-spacing:.04em}}@media only screen and (min-width:64rem){#example-jobs .cs-gallery-grid{gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}#example-jobs .cs-project-ev{grid-column:span 3}#example-jobs .cs-project-kitchen{grid-column:span 5}#example-jobs .cs-project-smart{grid-column:span 4}#example-jobs .cs-gallery-brand{grid-column:span 5;min-height:19rem}#example-jobs .cs-project-switchboard{grid-column:span 7}#example-jobs .cs-project-cctv,#example-jobs .cs-project-data,#example-jobs .cs-project-fan,#example-jobs .cs-project-retail{grid-column:span 3}#example-jobs .cs-media,#example-jobs .cs-project-kitchen .cs-media{height:14rem}#example-jobs .cs-project-switchboard .cs-media{height:19rem}#example-jobs .cs-project-cctv .cs-media,#example-jobs .cs-project-data .cs-media,#example-jobs .cs-project-fan .cs-media,#example-jobs .cs-project-retail .cs-media{height:15rem}}@media only screen and (min-width:0rem){body.dark-mode #example-jobs{background:var(--home-dark-blue)}body.dark-mode #example-jobs .cs-text,body.dark-mode #example-jobs .cs-title,body.dark-mode #example-jobs figcaption{color:#fff}body.dark-mode #example-jobs .cs-media{background:var(--medium)}}@media (prefers-reduced-motion:reduce){#example-jobs .cs-media,#example-jobs .cs-media img{transition:none}}