/* =====================================================================
   CGBT – Home page (front page #2867)  2026-10-16
   Loaded after cgbt-applications.css, which supplies the shared parts:
   section shell .cgbt-sec / .cgbt-sec--tint, .cgbt-app-h2, .cgbt-app-sublead,
   .cgbt-sec-head(--row), .cgbt-btn*, .cgbt-chip(s), .cgbt-more, .cgbt-app-wa,
   .cgbt-arrow-links. Body classes: .cgbt-app-page.cgbt-home
   Elementor class hooks here: cgbt-home-hero*, cgbt-home-eyebrow-w,
   ===================================================================== */

/* ---------- Hero (half screen) ---------- */
.cgbt-home .e-con.cgbt-home-hero{position:relative;isolation:isolate;overflow:hidden}
/* legibility scrim behind the copy; batteries on the right stay visible */
.cgbt-home .e-con.cgbt-home-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,20,43,.86) 0%,rgba(6,20,43,.72) 32%,rgba(6,20,43,.24) 58%,rgba(6,20,43,0) 74%);
}
.cgbt-home .e-con.cgbt-home-hero > .e-con-inner{position:relative;z-index:1}
.cgbt-home .cgbt-home-hero .e-con.cgbt-home-hero-copy{
  --row-gap:18px;--column-gap:18px;--gap:18px 18px;
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;
  max-width:640px;
}
.cgbt-home .cgbt-home-eyebrow-w p{margin:0;line-height:1}
.cgbt-home-eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 Poppins,"Poppins Fallback",sans-serif;color:#fff;letter-spacing:.01em}
.cgbt-home-eyebrow i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#61CE70;box-shadow:0 0 0 4px rgba(97,206,112,.22)}
.cgbt-home .cgbt-home-h1 .elementor-heading-title{
  margin:0;font-family:Poppins,"Poppins Fallback",sans-serif;font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.01em;color:#fff;text-wrap:balance;
}
.cgbt-home .cgbt-home-lead p{margin:0;font:400 17px/1.65 Poppins,"Poppins Fallback",sans-serif;color:rgba(255,255,255,.88);max-width:540px}
.cgbt-home .cgbt-home-hero .e-con.cgbt-btn-row{
  --flex-direction:row;flex-direction:row;--flex-wrap:wrap;flex-wrap:wrap;--align-items:center;align-items:center;
  --row-gap:12px;--column-gap:12px;--gap:12px 12px;
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;margin-top:8px;
}
.cgbt-home .cgbt-btn--light .elementor-button{background:transparent;border-color:rgba(255,255,255,.72);color:#fff}
.cgbt-home .cgbt-btn--light .elementor-button:hover,
.cgbt-home .cgbt-btn--light .elementor-button:focus-visible{background:#fff;border-color:#fff;color:var(--a-blue)}

/* ---------- Numbers strip ---------- */
.cgbt-home .e-con.cgbt-sec.cgbt-home-proof{--padding-top:44px;--padding-bottom:44px;border-bottom:1px solid var(--a-line)}
.cgbt-home .cgbt-proof-w{width:100%}
.cgbt-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cgbt-proof__i{padding:2px 20px;border-left:1px solid var(--a-line);text-align:center}
.cgbt-proof__i:first-child{border-left:0}
.cgbt-proof__v{margin:0 0 9px;font:700 38px/1 Poppins,"Poppins Fallback",sans-serif;color:var(--a-blue);letter-spacing:-.02em;white-space:nowrap}
.cgbt-proof__v small{margin-left:5px;font-size:17px;font-weight:600;letter-spacing:0}
.cgbt-proof__l{margin:0 auto;font:400 14px/1.55 Poppins,"Poppins Fallback",sans-serif;color:var(--a-body);max-width:230px}

/* ---------- Section head with a link on the right ---------- */
.cgbt-home .cgbt-sec .e-con.cgbt-sec-head--row > .e-con.cgbt-sec-head{flex:1 1 520px;max-width:760px}
.cgbt-home .cgbt-sec .cgbt-sec-head--row > .elementor-widget-text-editor p{margin:0}

/* ---------- Product range: 3 photo cards (photos from the previous home page) ---------- */
.cgbt-home .cgbt-sec .e-con.cgbt-pgrid{
  --display:grid;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;
}
.cgbt-home .cgbt-sec .e-con.cgbt-pcard{
  position:relative;overflow:hidden;isolation:isolate;border-radius:16px;text-decoration:none;color:inherit;
  aspect-ratio:3 / 2;--justify-content:flex-end;justify-content:flex-end;
  --flex-wrap:nowrap;flex-wrap:nowrap;--row-gap:0px;--gap:0px 0px;background:#E9ECF0;
}
.cgbt-home .cgbt-sec .e-con.cgbt-pcard--lead{grid-row:1 / 3;aspect-ratio:auto;background:#1E232B}
.cgbt-home .cgbt-pcard .cgbt-pcard__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0}
.cgbt-home .cgbt-pcard .cgbt-pcard__img .elementor-widget-container{height:100%}
.cgbt-home .cgbt-pcard .cgbt-pcard__img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s ease}
.cgbt-home .cgbt-pcard--lead .cgbt-pcard__img img{object-position:50% 40%}
.cgbt-home .cgbt-pcard::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.cgbt-home .cgbt-pcard--dark::after{background:linear-gradient(180deg,rgba(6,20,43,0) 58%,rgba(6,20,43,.6) 100%)}
.cgbt-home .cgbt-pcard--light::after{background:linear-gradient(180deg,rgba(255,255,255,0) 62%,rgba(255,255,255,.7) 100%)}
.cgbt-home .cgbt-sec .e-con.cgbt-pcard__body{
  --row-gap:6px;--gap:6px 6px;--padding-top:20px;--padding-right:24px;--padding-bottom:20px;--padding-left:24px;
  --flex-wrap:nowrap;flex-wrap:nowrap;width:100%;
}
.cgbt-home .cgbt-pcard--lead .e-con.cgbt-pcard__body{--padding-right:32px;--padding-bottom:30px;--padding-left:32px;--row-gap:8px;--gap:8px 8px}
.cgbt-home .cgbt-pcard__title .elementor-heading-title{margin:0;font:600 20px/1.25 Poppins,"Poppins Fallback",sans-serif;color:var(--a-ink)}
.cgbt-home .cgbt-pcard--lead .cgbt-pcard__title .elementor-heading-title{font-size:28px;color:#fff}
.cgbt-home .cgbt-pcard__go-w p{margin:0}
.cgbt-pcard__go{font:600 14px/1.3 Poppins,"Poppins Fallback",sans-serif;color:var(--a-blue,#004395)}
.cgbt-pcard--dark .cgbt-pcard__go{color:#fff}
.cgbt-pcard__go span{display:inline-block;transition:transform .18s ease}
.cgbt-home .cgbt-pcard:hover .cgbt-pcard__img img{transform:scale(1.035)}
.cgbt-home .cgbt-pcard:hover .cgbt-pcard__go span{transform:translateX(4px)}
.cgbt-home .cgbt-sec .e-con.cgbt-pcard:focus-visible{outline:3px solid rgba(0,67,149,.45);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .cgbt-home .cgbt-pcard .cgbt-pcard__img img{transition:none}
  .cgbt-home .cgbt-pcard:hover .cgbt-pcard__img img{transform:none}
}
@media (max-width:1024px){
  .cgbt-home .cgbt-sec .e-con.cgbt-pgrid{gap:14px}
  .cgbt-home .cgbt-pcard__title .elementor-heading-title{font-size:18px}
  .cgbt-home .cgbt-pcard--lead .cgbt-pcard__title .elementor-heading-title{font-size:24px}
  .cgbt-home .cgbt-sec .e-con.cgbt-pcard__body{--padding-right:18px;--padding-bottom:16px;--padding-left:18px}
}
@media (max-width:767px){
  .cgbt-home .cgbt-sec .e-con.cgbt-pgrid{grid-template-columns:1fr;gap:12px}
  .cgbt-home .cgbt-sec .e-con.cgbt-pcard--lead{grid-row:auto;aspect-ratio:1 / 1}
  .cgbt-home .cgbt-pcard--lead .e-con.cgbt-pcard__body{--padding-right:20px;--padding-bottom:20px;--padding-left:20px}
  .cgbt-home .cgbt-pcard--lead .cgbt-pcard__title .elementor-heading-title{font-size:22px}
  .cgbt-home .cgbt-pcard__title .elementor-heading-title{font-size:17px}
}

/* ---------- Application cards ---------- */
.cgbt-home .cgbt-sec .e-con.cgbt-acards{--display:grid;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.cgbt-home .cgbt-sec .e-con.cgbt-acard{
  background:#fff;border:1px solid var(--a-line);border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;
  --row-gap:0px;--column-gap:0px;--gap:0px 0px;--justify-content:flex-start;justify-content:flex-start;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.cgbt-home .cgbt-sec .e-con.cgbt-acard:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(6,20,43,.10);border-color:rgba(0,67,149,.28)}
.cgbt-home .cgbt-sec .e-con.cgbt-acard:focus-visible{outline:3px solid rgba(0,67,149,.4);outline-offset:3px}
.cgbt-home .cgbt-acard__img{margin:0}
.cgbt-home .cgbt-acard__img img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}
.cgbt-home .cgbt-acard__title .elementor-heading-title{margin:0;padding:14px 16px 6px;font:600 16px/1.35 Poppins,"Poppins Fallback",sans-serif;color:var(--a-ink)}
.cgbt-home .cgbt-acard__meta-w p{margin:0}
.cgbt-acard__meta{display:block;padding:0 16px 18px;font:500 13px/1.45 Poppins,"Poppins Fallback",sans-serif;color:var(--a-muted)}
.cgbt-acard__meta b{font-weight:600;color:var(--a-blue);white-space:nowrap}
.cgbt-acard__meta b span{display:inline-block;transition:transform .18s ease}
.cgbt-home .cgbt-acard:hover .cgbt-acard__meta b span{transform:translateX(3px)}

/* ---------- Factory + global base ---------- */
.cgbt-home .cgbt-sec .e-con.cgbt-fac-grid{
  --display:grid;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;row-gap:36px;align-items:center;
}
.cgbt-home .cgbt-sec .e-con.cgbt-fac-copy{--row-gap:20px;--gap:20px 20px}
.cgbt-base{list-style:none;margin:2px 0 4px;padding:0;border-top:1px solid var(--a-line)}
.cgbt-base li{display:grid;grid-template-columns:136px minmax(0,1fr);column-gap:16px;padding:12px 0;border-bottom:1px solid var(--a-line)}
.cgbt-base strong{font:600 14.5px/1.5 Poppins,"Poppins Fallback",sans-serif;color:var(--a-ink)}
.cgbt-base span{font:400 14.5px/1.5 Poppins,"Poppins Fallback",sans-serif;color:var(--a-body)}
.cgbt-home .cgbt-sec .e-con.cgbt-fac-photos{--display:grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cgbt-home .cgbt-sec .e-con.cgbt-fac-item{
  background:#fff;border:1px solid var(--a-line);border-radius:14px;overflow:hidden;
  --row-gap:0px;--column-gap:0px;--gap:0px 0px;--justify-content:flex-start;justify-content:flex-start;
}
.cgbt-home .cgbt-fac-item__img{margin:0}
.cgbt-home .cgbt-fac-item__img img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}
.cgbt-home .cgbt-fac-item__title .elementor-heading-title{margin:0;padding:14px 18px 4px;font:600 16px/1.35 Poppins,"Poppins Fallback",sans-serif;color:var(--a-ink)}
.cgbt-home .cgbt-fac-item__text p{margin:0;padding:0 18px 18px;font:400 13.5px/1.6 Poppins,"Poppins Fallback",sans-serif;color:var(--a-body)}

/* ---------- Exhibitions (shared template #4117) ---------- */
.cgbt-home .cgbt-home-exh .elementor-widget-template{width:100%}

/* ---------- Blog posts (Elementor Posts, Cards skin) ---------- */
.cgbt-home .cgbt-home-posts{width:100%}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__card{
  background:#fff;border:1px solid var(--a-line);border-radius:16px;box-shadow:none;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post:hover .elementor-post__card{transform:translateY(-3px);box-shadow:0 16px 36px rgba(6,20,43,.10);border-color:rgba(0,67,149,.28)}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__badge{
  margin:14px;padding:7px 11px;border-radius:999px;background:var(--a-soft);color:var(--a-blue);
  font:600 11px/1 Poppins,"Poppins Fallback",sans-serif;letter-spacing:.07em;text-transform:uppercase;
}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__text{padding:20px 22px 0;margin-top:0}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__title,
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__title a{margin:0;font:600 17px/1.42 Poppins,"Poppins Fallback",sans-serif;color:var(--a-ink)}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__title a:hover{color:var(--a-blue)}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__read-more{display:inline-block;margin:12px 0 18px;font:600 13.5px/1 Poppins,"Poppins Fallback",sans-serif;color:var(--a-blue);text-transform:none;letter-spacing:0}
.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__meta-data{padding:13px 22px;border-top:1px solid var(--a-line2);font:500 13px/1.4 Poppins,"Poppins Fallback",sans-serif;color:var(--a-muted)}

/* ---------- Column containers never wrap (Elementor phone default is wrap) ---------- */
.cgbt-home .e-con.cgbt-home-hero-copy,
.cgbt-home .cgbt-sec .e-con.cgbt-acard,
.cgbt-home .cgbt-sec .e-con.cgbt-fac-item,
.cgbt-home .cgbt-sec .e-con.cgbt-fac-copy{--flex-wrap:nowrap;flex-wrap:nowrap}
.cgbt-home .cgbt-acard__img,.cgbt-home .cgbt-fac-item__img{width:100%;flex:0 0 auto}

/* ---------- Motion preference ---------- */
@media (prefers-reduced-motion:reduce){
  .cgbt-home .cgbt-sec .e-con.cgbt-acard,.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__card{transition:none}
  .cgbt-home .cgbt-sec .e-con.cgbt-acard:hover,.cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post:hover .elementor-post__card{transform:none}
}

/* ---------- Laptop ---------- */
@media (max-width:1200px){
  .cgbt-home .cgbt-home-h1 .elementor-heading-title{font-size:46px}
  .cgbt-home .cgbt-sec .e-con.cgbt-acards{gap:14px}
  .cgbt-home .cgbt-acard__title .elementor-heading-title{font-size:15px;padding:12px 14px 5px}
  .cgbt-acard__meta{padding:0 14px 16px}
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .cgbt-home .e-con.cgbt-home-hero::after{
    background:linear-gradient(90deg,rgba(6,20,43,.86) 0%,rgba(6,20,43,.74) 46%,rgba(6,20,43,.3) 76%,rgba(6,20,43,.12) 100%);
  }
  .cgbt-home .cgbt-home-h1 .elementor-heading-title{font-size:40px}
  .cgbt-home .e-con.cgbt-sec.cgbt-home-proof{--padding-top:36px;--padding-bottom:36px}
  .cgbt-proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .cgbt-proof__i:nth-child(odd){border-left:0}
  .cgbt-home .cgbt-sec .e-con.cgbt-acards{
    --display:flex;display:flex;--flex-direction:row;flex-direction:row;--flex-wrap:nowrap;flex-wrap:nowrap;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
    gap:14px;--width:calc(100% + 20px);width:calc(100% + 20px);max-width:none;padding-right:20px;padding-bottom:12px;
  }
  .cgbt-home .cgbt-sec .e-con.cgbt-acard{flex:0 0 31%;width:31%;--width:31%;max-width:none;scroll-snap-align:start}
  .cgbt-home .cgbt-sec .e-con.cgbt-fac-grid{grid-template-columns:1fr}
  .cgbt-home .cgbt-sec .e-con.cgbt-fac-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .cgbt-home .cgbt-fac-item__title .elementor-heading-title{padding:12px 14px 4px;font-size:15px}
  .cgbt-home .cgbt-fac-item__text p{padding:0 14px 14px;font-size:13px}
}
@media (min-width:768px) and (max-width:1024px){
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__text{padding:16px 16px 0}
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__title,
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__title a{font-size:15.5px}
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__meta-data{padding:12px 16px}
}

/* ---------- Phone ---------- */
@media (max-width:767px){
  .cgbt-home .e-con.cgbt-home-hero::after{
    background:linear-gradient(180deg,rgba(6,20,43,.78) 0%,rgba(6,20,43,.66) 55%,rgba(6,20,43,.5) 100%);
  }
  .cgbt-home .cgbt-home-hero .e-con.cgbt-home-hero-copy{--row-gap:14px;--gap:14px 14px;max-width:none}
  .cgbt-home-eyebrow{font-size:13px;gap:9px}
  .cgbt-home-eyebrow i{width:8px;height:8px;box-shadow:0 0 0 3px rgba(97,206,112,.22)}
  .cgbt-home .cgbt-home-h1 .elementor-heading-title{font-size:30px;line-height:1.16}
  .cgbt-home .cgbt-home-lead p{font-size:15px;line-height:1.6}
  .cgbt-home .cgbt-home-hero .e-con.cgbt-btn-row{--row-gap:10px;--column-gap:10px;--gap:10px 10px;margin-top:4px}
  .cgbt-home .e-con.cgbt-sec.cgbt-home-proof{--padding-top:30px;--padding-bottom:30px}
  .cgbt-proof{row-gap:22px}
  .cgbt-proof__i,.cgbt-proof__i:nth-child(odd){padding:0 10px}
  .cgbt-proof__v{font-size:28px;margin-bottom:7px}
  .cgbt-proof__v small{font-size:13px;margin-left:3px}
  .cgbt-proof__l{font-size:12.5px}
  .cgbt-home .cgbt-sec .e-con.cgbt-acards{--width:calc(100% + 16px);width:calc(100% + 16px);padding-right:16px;gap:12px}
  .cgbt-home .cgbt-sec .e-con.cgbt-acard{flex-basis:66%;width:66%;--width:66%}
  .cgbt-base li{grid-template-columns:118px minmax(0,1fr);column-gap:12px}
  .cgbt-base strong,.cgbt-base span{font-size:13.5px}
  .cgbt-home .cgbt-sec .e-con.cgbt-fac-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cgbt-home .cgbt-fac-item__title .elementor-heading-title{padding:11px 12px 3px;font-size:14.5px}
  .cgbt-home .cgbt-fac-item__text p{padding:0 12px 13px;font-size:12.5px;line-height:1.5}
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__text{padding:16px 18px 0}
  .cgbt-home .cgbt-sec .cgbt-home-posts .elementor-post__meta-data{padding:12px 18px}
}