/* Shared cinematic shell for doc/gallery pages — brand #02502f / #ffce30 */
.cd-page{
  --g:#02502f; --y:#ffce30; --ink:#1d2a24; --mut:#5b6b63; --line:#e3e9e6; --off:#f7f9f8;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.cd-page .banner_area_plane,
.cd-page .banner_link,
.cd-page .carrers_area .col-md-3{display:none!important}
.cd-banner{
  position:relative; width:100%; height:clamp(180px,22vw,280px); min-height:180px;
  overflow:hidden; background:#031a10;
}
.cd-banner__img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:55% 40%; display:block;
}
.cd-banner__shade{
  position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,26,16,.35) 0%,rgba(3,26,16,.55) 100%),
    linear-gradient(90deg,rgba(3,26,16,.72) 0%,rgba(3,26,16,.25) 55%,transparent 80%);
}
.cd-banner__inner{
  position:relative; z-index:2; height:100%; max-width:1120px; margin:0 auto;
  padding:0 28px 28px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end;
}
.cd-banner__eyebrow{
  font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.78);
  font-weight:600; margin:0 0 10px;
}
.cd-banner h1{
  margin:0; color:#fff!important; font-size:clamp(26px,3.4vw,36px); font-weight:700;
  letter-spacing:-.02em; line-height:1.15; text-transform:none; text-shadow:0 2px 16px rgba(0,0,0,.4);
}
.cd-banner__rule{width:56px;height:3px;background:var(--y);border-radius:2px;margin:12px 0 0}
.cd-crumb{
  background:#fff; border-bottom:1px solid var(--line); padding:11px 0; font-size:13px; color:var(--mut);
}
.cd-crumb .container{max-width:1120px;padding:0 28px}
.cd-crumb a{color:var(--mut);text-decoration:none;font-weight:500}
.cd-crumb a:hover{color:var(--g)}
.cd-crumb span{margin:0 8px;color:#b5c2bc}
.cd-crumb .on{color:var(--g);font-weight:600}
.cd-wrap{max-width:1120px;margin:0 auto;padding:40px 28px 64px}
.cd-lead{font-size:17px;line-height:1.7;color:#34433c;margin:0 0 28px;max-width:720px}
.cd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}
.cd-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;text-decoration:none!important;color:inherit!important;
  transition:box-shadow .2s,border-color .2s,transform .2s;
}
.cd-card:hover{border-color:rgba(2,80,47,.35);box-shadow:0 10px 24px rgba(2,80,47,.08);transform:translateY(-2px)}
.cd-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--off);display:block}
.cd-card--doc img{object-fit:contain;padding:18px;aspect-ratio:3/4}
.cd-card__cap{display:block;font:600 13.5px/1.4 Inter,sans-serif;color:var(--g);padding:12px 14px 14px}
@media(max-width:991px){.cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-wrap{padding:32px 20px 48px}}
@media(max-width:575px){.cd-grid{grid-template-columns:1fr}.cd-banner{height:160px;min-height:150px}}
/* lightbox for gallery */
#gx-lb{display:none;position:fixed;inset:0;z-index:99999;background:rgba(3,26,16,.92);align-items:center;justify-content:center}
#gx-lb.on{display:flex}
#gx-lb img{max-width:min(92vw,1100px);max-height:86vh;object-fit:contain;border-radius:8px}
#gx-lb .x,#gx-lb .p,#gx-lb .n{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:28px;width:48px;height:48px;border-radius:50%;cursor:pointer}
#gx-lb .x{top:18px;right:18px}
#gx-lb .p{left:18px;top:50%;transform:translateY(-50%)}
#gx-lb .n{right:18px;top:50%;transform:translateY(-50%)}
