/* The Elevate — shared styles for Case Studies pages */
:root{
  --bg:#000000;
  --text:#c9d1d9;
  --muted:#aeb6c0;
  --heading:#ffffff;
  --green:#73E528;
  --teal:#04d9d8;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Cabin',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#0a0a0a;border-bottom:1px solid var(--line);}
.header-inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo img{display:block;height:64px;width:auto;}
.main-nav{display:flex;flex-wrap:wrap;gap:28px;align-items:center;}
.main-nav a{color:#e9edf2;font-size:17px;font-weight:500;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
.main-nav a:hover{color:#fff;}
.main-nav a.active{border-bottom-color:var(--teal);color:#fff;}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);padding:40px 24px;margin-top:40px;}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-inner .copyright{color:#8b949e;font-size:14px;}
.footer-inner .social a{display:inline-flex;color:#fff;}
.footer-inner .social svg{width:22px;height:22px;}
.footer-nav{max-width:1200px;margin:24px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:26px;}
.footer-nav a{color:#e9edf2;font-weight:500;}
.footer-nav a:hover{color:var(--teal);}

/* ---------- Section title (listing) ---------- */
.wrap{max-width:1200px;margin:0 auto;padding:48px 24px 24px;}
.section-title{color:var(--green);font-size:30px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px;}
.section-title + hr{border:0;border-top:1px solid var(--line);margin:0 0 48px;}

/* ---------- Case Studies grid (listing) ---------- */
.cs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.cs-card{display:flex;flex-direction:column;}
.cs-card .thumb img{width:100%;height:230px;object-fit:cover;display:block;}
.cs-card h3{color:var(--heading);font-size:20px;font-weight:600;line-height:1.35;margin:20px 0 16px;}
.cs-card p{color:var(--muted);font-size:15px;margin:0 0 20px;flex:1;}
.cs-card .readmore{color:var(--teal);font-weight:700;text-decoration:underline;align-self:flex-start;}
.cs-card .readmore:hover{opacity:.85;}

/* ---------- Case study detail ---------- */
.case-detail{max-width:920px;margin:0 auto;padding:40px 24px 24px;}
.case-detail .case-title{
  color:var(--heading);text-align:center;text-transform:uppercase;
  font-size:34px;font-weight:700;letter-spacing:.02em;line-height:1.25;
  margin:8px auto 44px;max-width:1000px;
}
.case-detail h2{color:var(--green);font-size:19px;font-weight:600;margin:34px 0 14px;}
.case-detail p{color:var(--muted);margin:0 0 16px;}
.case-detail .sub{color:#d7dde5;font-weight:700;}
.case-detail strong{color:#e6ebf1;}
.case-detail ul{margin:0 0 16px;padding-left:24px;}
.case-detail li{margin:0 0 10px;color:var(--muted);}
.case-detail li > strong:first-child{color:#e6ebf1;}
.case-detail ul ul{list-style:circle;margin:10px 0 4px;}
.case-detail .note{font-style:italic;color:#9aa3ad;}
.back-link{display:inline-block;margin:8px 0 0;color:var(--teal);font-weight:600;}
.back-link:hover{text-decoration:underline;}

/* ---------- Responsive ---------- */
@media (max-width:980px){.cs-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:820px){
  .nav-toggle{display:block;}
  .header-inner{position:relative;}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#0a0a0a;border-bottom:1px solid var(--line);padding:8px 24px 16px;}
  .main-nav.open{display:flex;}
  .main-nav a{padding:12px 0;border-bottom:1px solid var(--line);width:100%;}
  .case-detail .case-title{font-size:26px;}
}
@media (max-width:560px){.cs-grid{grid-template-columns:1fr;}}