:root{--cteja-mid-blue:#084e7a;--cteja-mid-orange:#ff6f00;--cteja-mid-ink:#1e2933;--cteja-mid-muted:#6d7780;--cteja-mid-line:#e4e9ed;--cteja-mid-bg:#f6f8fa}
.cteja-mid-wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.cteja-mid-projects{padding:72px 0 24px;background:#fff}
.cteja-mid-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.cteja-mid-heading span,.cteja-mid-kicker{display:block;color:var(--cteja-mid-orange);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:8px}
.cteja-mid-heading h2,.cteja-mid-about h2{margin:0;color:var(--cteja-mid-ink);font-size:34px;line-height:1.2;font-weight:600}
.cteja-mid-heading p{margin:8px 0 0;color:var(--cteja-mid-muted);font-size:14px}
.cteja-mid-heading>a{color:var(--cteja-mid-blue);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.cteja-mid-projects .cteja-project-grid{padding-top:0!important;padding-bottom:28px!important}

.cteja-mid-about{padding:82px 0;background:var(--cteja-mid-bg)}
.cteja-mid-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.cteja-mid-about-copy p{color:#59636c;line-height:1.8;font-size:14px;margin:20px 0 26px}
.cteja-mid-btn{display:inline-flex;gap:12px;align-items:center;background:var(--cteja-mid-orange);color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:4px;font-size:13px;font-weight:700}
.cteja-mid-about-image{position:relative}
.cteja-mid-about-image:before{content:"";position:absolute;left:-14px;top:-14px;width:90px;height:90px;border-left:4px solid var(--cteja-mid-orange);border-top:4px solid var(--cteja-mid-orange);z-index:0}
.cteja-mid-about-image img{position:relative;z-index:1;display:block;width:100%;height:390px;object-fit:cover;border-radius:4px;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.cteja-mid-image-placeholder{height:390px;background:#e7edf1;display:flex;align-items:center;justify-content:center;color:#65717c;border-radius:4px;padding:30px;text-align:center}

.cteja-mid-stats{background:var(--cteja-mid-blue);color:#fff}
.cteja-mid-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cteja-mid-stats-grid>div{padding:32px 24px;border-right:1px solid rgba(255,255,255,.16);text-align:center}
.cteja-mid-stats-grid>div:last-child{border-right:0}
.cteja-mid-stats strong{display:block;font-size:34px;font-weight:600;margin-bottom:5px}
.cteja-mid-stats span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#dbe7ee}

.cteja-mid-media{padding:78px 0 88px;background:#fff}
.cteja-mid-heading-centered{text-align:center;justify-content:center}
.cteja-mid-heading-centered p{max-width:660px;margin:9px auto 0}
.cteja-mid-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.cteja-mid-video{position:relative;overflow:hidden;border-radius:5px;background:#000;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.cteja-mid-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto}
.cteja-mid-video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#0a4d78,#072f4a);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:15px;font-weight:600}
.cteja-mid-empty{padding:28px;border:1px dashed #cfd8df;text-align:center;color:#69737c;background:#fff}

@media(max-width:900px){
 .cteja-mid-projects{padding-top:54px}
 .cteja-mid-about-grid{grid-template-columns:1fr;gap:36px}
 .cteja-mid-about-image img,.cteja-mid-image-placeholder{height:330px}
 .cteja-mid-stats-grid{grid-template-columns:1fr 1fr}
 .cteja-mid-stats-grid>div:nth-child(2){border-right:0}
 .cteja-mid-stats-grid>div{border-bottom:1px solid rgba(255,255,255,.14)}
}
@media(max-width:600px){
 .cteja-mid-wrap{padding-left:16px;padding-right:16px}
 .cteja-mid-projects{padding:42px 0 12px}
 .cteja-mid-heading{display:block;margin-bottom:20px}
 .cteja-mid-heading h2,.cteja-mid-about h2{font-size:28px}
 .cteja-mid-heading>a{display:inline-block;margin-top:13px}
 .cteja-mid-about{padding:52px 0}
 .cteja-mid-about-image img,.cteja-mid-image-placeholder{height:260px}
 .cteja-mid-stats-grid{grid-template-columns:1fr 1fr}
 .cteja-mid-stats strong{font-size:28px}
 .cteja-mid-stats-grid>div{padding:24px 12px}
 .cteja-mid-media{padding:52px 0 60px}
 .cteja-mid-video-grid{grid-template-columns:1fr}
}