/* HERO */
.cs-hero{padding-bottom:52px;}
.cs-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.cs-product-badge{background:rgba(51,149,255,.14);color:var(--blue3);border:1px solid rgba(51,149,255,.3);}
.cs-hero-tagline{font-size:clamp(15px,1.6vw,18px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.78);max-width:640px;margin-top:10px;}
.cs-hero-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:22px;}
.cs-meta-item{display:flex;gap:8px;align-items:center;font-size:14px;color:rgba(255,255,255,.75);}

/* BODY */
.cs-body{padding:60px 0;}
.cs-body-inner{max-width:760px;margin:0 auto;}
.cs-body-inner h4{font-family:var(--ff-head);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:38px 0 14px;}
.cs-body-inner h4:first-child{margin-top:0;}
.cs-body-inner h5{font-family:var(--ff-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue2);margin:22px 0 12px;}
.cs-body-inner p{font-size:15.5px;font-weight:300;line-height:1.75;color:var(--textm);margin:0 0 14px;}
.cs-body-inner ul{margin:0 0 16px;padding-left:20px;}
.cs-body-inner li{font-size:14.5px;line-height:1.7;color:var(--textm);margin-bottom:8px;}
.cs-tagline-block{font-size:15px;color:var(--textm);font-style:italic;line-height:1.7;margin:0 0 8px;padding-bottom:26px;border-bottom:1px solid rgba(0,0,0,.07);}

/* Project scope */
.cs-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:6px 0 20px;}
.cs-scope-cat{background:var(--off);border-radius:var(--radius-sm);padding:16px 18px;}
.cs-scope-cat-title{font-family:var(--ff-head);font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;}
.cs-scope-cat ul{margin:0;padding-left:16px;}
.cs-scope-cat li{font-size:12.5px;color:var(--textm);margin-bottom:4px;}

/* Measurable results */
.cs-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 20px;}
.cs-result{background:var(--off);border-radius:var(--radius-sm);padding:18px 10px;text-align:center;}
.cs-result-num{font-family:var(--ff-head);font-size:22px;font-weight:800;color:var(--blue2);letter-spacing:-.02em;}
.cs-result-lbl{font-size:10.5px;color:var(--muted);margin-top:6px;line-height:1.3;}

/* Closing quote */
.cs-quote{margin:34px 0 4px;padding:26px 30px;background:var(--navy);border-radius:var(--radius);color:#fff;font-size:16.5px;font-weight:300;font-style:italic;line-height:1.75;border-left:3px solid var(--blue3);}

.cs-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:32px;border-top:1px solid rgba(0,0,0,.08);}

/* GALLERY */
.cs-gallery-section{background:var(--off);padding:60px 0;}
.cs-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;}
.cs-photo{display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;position:relative;}
.cs-photo-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease;}
.cs-photo:hover .cs-photo-bg{transform:scale(1.06);}

/* RELATED STORIES */
.cs-related-section{background:var(--white);padding:64px 0;}
.cs-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;}
.cs-related-card{background:var(--white);border-radius:var(--radius);border:1px solid rgba(0,0,0,.07);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.cs-related-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08);}
.cs-related-thumb{height:140px;position:relative;overflow:hidden;background:var(--tint-blue);flex-shrink:0;}
.cs-related-thumb-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s ease;}
.cs-related-card:hover .cs-related-thumb-bg{transform:scale(1.05);}
.cs-related-thumb-ph{height:100%;display:flex;align-items:center;justify-content:center;color:var(--blue2);opacity:.35;}
.cs-related-body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;gap:8px;}
.cs-related-sector{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue2);}
.cs-related-title{font-family:var(--ff-head);font-size:14px;font-weight:600;color:var(--text);line-height:1.35;flex:1;}
.cs-related-meta{font-size:11.5px;color:var(--muted);}

/* RESPONSIVE */
@media(max-width:900px){
  .cs-related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .cs-gallery-grid{grid-template-columns:repeat(2,1fr);}
  .cs-body{padding:44px 0;}
  .cs-scope-grid{grid-template-columns:1fr;}
  .cs-results-grid{grid-template-columns:1fr 1fr;}
  .cs-related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:540px){
  .cs-related-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .cs-gallery-grid{grid-template-columns:1fr;}
  .cs-hero-meta{flex-direction:column;align-items:flex-start;gap:8px;}
  .cs-cta-row{flex-direction:column;}
  .cs-cta-row .btn{text-align:center;}
  .cs-results-grid{grid-template-columns:1fr 1fr;}
}