.hub-hero{min-height:560px;padding:155px clamp(24px,7vw,112px) 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;position:relative;overflow:hidden}.hub-hero::after{content:"";position:absolute;inset:0 0 0 45%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='white'%3E%3Cpath d='M36 1l35 35-35 35L1 36z'/%3E%3Cpath d='M36 13l23 23-23 23-23-23z'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(90deg,transparent,#000)}.hub-hero-copy,.hub-intro{position:relative;z-index:1}.hub-hero h1{font-size:clamp(50px,6vw,86px);line-height:1.12;margin:0 0 24px}.hub-hero .hero-lede{color:#c2cada}.hub-intro{border-top:1px solid rgba(255,255,255,.2);padding-top:26px;color:#c2cada}.hub-intro strong{display:block;color:#fff;font-size:20px;margin-bottom:10px}.hub-list{padding:110px clamp(24px,7vw,112px);background:linear-gradient(180deg,var(--sand-bg),#fff 260px)}.hub-list-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.hub-list-heading h2{font-size:clamp(38px,4vw,58px);margin:0}.hub-list-heading p{max-width:540px;color:var(--muted);margin:0}.solution-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.solution-list-card{display:grid;grid-template-columns:.88fr 1.12fr;min-height:390px;border:1px solid var(--line);background:#fff;overflow:hidden;transition:.3s}.solution-list-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(20,33,61,.1)}.solution-list-card figure{margin:0;overflow:hidden;background:#eef1f3}.solution-list-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.solution-list-card:hover img{transform:scale(1.04)}.solution-list-card.product-image img{object-fit:contain;padding:10%;mix-blend-mode:multiply}.solution-card-copy{padding:38px;display:flex;flex-direction:column}.solution-card-copy small{direction:ltr;text-align:right;color:var(--green);font-weight:700;letter-spacing:.1em}.solution-card-copy h2{font-size:28px;line-height:1.35;margin:34px 0 14px}.solution-card-copy p{color:var(--muted);margin:0;line-height:1.9}.solution-card-copy a{margin-top:auto;padding-top:25px;font-weight:700;color:var(--green-dark)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.case-card{border:1px solid var(--line);background:#fff;overflow:hidden;position:relative}.case-card-image{display:block;aspect-ratio:1.55;margin:0;overflow:hidden;background:#edf0f2}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.case-card:hover img{transform:scale(1.025)}.case-card-copy{padding:30px}.case-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:17px}.case-meta span{font-size:11px;color:var(--green-dark);background:var(--green-soft);border-radius:999px;padding:5px 10px}.case-card h2{font-size:25px;line-height:1.45;margin:0 0 12px}.case-card p{color:var(--muted);margin:0 0 22px}.case-card .case-link{font-weight:700;color:var(--green-dark)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.industry-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:.3s}.industry-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(20,33,61,.1)}.industry-card figure{margin:0;aspect-ratio:1.32;overflow:hidden;background:#e9edef}.industry-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.industry-card.product-visual img{object-fit:contain;padding:8%;mix-blend-mode:multiply}.industry-card:hover img{transform:scale(1.04)}.industry-card-copy{padding:30px;display:flex;flex-direction:column;flex:1}.industry-card-copy small{direction:ltr;text-align:right;color:var(--green);font-weight:700;letter-spacing:.08em}.industry-card-copy h2{font-size:27px;line-height:1.4;margin:20px 0 12px}.industry-card-copy p{color:var(--muted);line-height:1.9;margin:0 0 26px}.industry-card-copy a{margin-top:auto;color:var(--green-dark);font-weight:700}
.case-detail-hero{padding:145px clamp(24px,7vw,112px) 70px;background:var(--sand-bg)}.case-breadcrumb{display:flex;gap:10px;color:#7f8796;font-size:12px;margin-bottom:45px}.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-detail-hero h1{font-size:clamp(46px,5vw,74px);line-height:1.17;margin:0 0 24px}.case-detail-hero .hero-lede{color:var(--muted)}.case-detail-hero figure{margin:0;aspect-ratio:1.45;overflow:hidden;background:#e7eaee}.case-detail-hero img{width:100%;height:100%;object-fit:cover}.case-facts{display:flex;gap:1px;margin-top:34px;background:#dfe3e8}.case-facts div{flex:1;padding:18px;background:#fff}.case-facts span{display:block;color:#8991a0;font-size:11px}.case-facts strong{display:block;margin-top:4px}.case-story{padding:105px clamp(24px,7vw,112px);display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.case-story-nav{position:sticky;top:30px;align-self:start;border-top:3px solid var(--green);padding-top:22px}.case-story-nav strong{font-size:22px}.case-story-nav p{color:var(--muted)}.case-story-body section{padding:0 0 50px;margin-bottom:50px;border-bottom:1px solid var(--line)}.case-story-body h2{font-size:34px;margin:0 0 18px}.case-story-body p{color:var(--muted);line-height:2;margin:0}.case-source{padding:24px;border:1px solid var(--line);background:var(--soft);font-size:13px;color:var(--muted)}.case-source a{color:var(--green-dark);font-weight:700}.case-cta{padding:80px clamp(24px,7vw,112px);background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:35px}.case-cta h2{font-size:clamp(34px,4vw,55px);margin:0}.case-cta a{background:var(--green);padding:15px 22px;border-radius:8px;font-weight:700}
@media(max-width:1100px){.solution-list-card{grid-template-columns:1fr}.solution-list-card figure{min-height:260px}.industry-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{gap:16px;font-size:14px}}@media(max-width:980px){.hub-hero,.case-detail-grid,.case-story{grid-template-columns:1fr}.hub-hero{min-height:650px;gap:35px}.solution-card-grid,.case-grid{grid-template-columns:1fr}.case-story-nav{position:static}.case-cta{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.hub-hero{padding:125px 20px 65px}.hub-list,.case-story{padding:75px 20px}.hub-list-heading{align-items:flex-start;flex-direction:column}.solution-list-card figure{min-height:220px}.solution-card-copy{padding:28px}.industry-grid{grid-template-columns:1fr}.case-detail-hero{padding:115px 20px 55px}.case-detail-grid{gap:35px}.case-facts{flex-direction:column}.case-cta{padding:65px 20px}}

/* Case hub uses the same Saudi-localized banner system as the blog hub. */
.case-hub-hero{isolation:isolate;display:flex;align-items:center;min-height:500px;background:linear-gradient(112deg,#087742 0%,#08613f 25%,#164858 58%,#14213d 100%)}
.case-hub-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4'%3E%3Cpath d='M45 2 88 45 45 88 2 45Z'/%3E%3Cpath d='M135 2 178 45 135 88 92 45Z'/%3E%3Cpath d='M45 92 88 135 45 178 2 135Z'/%3E%3Cpath d='M135 92 178 135 135 178 92 135Z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px}
.case-hub-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:1;mask-image:none;background:linear-gradient(90deg,rgba(20,33,61,.22),transparent 44%,rgba(4,80,51,.10))}
.case-hub-hero .hub-hero-copy{width:min(900px,75vw);max-width:900px}
.case-hub-hero .hero-lede{max-width:720px;color:rgba(255,255,255,.82)}
@media(max-width:680px){.case-hub-hero{min-height:520px}.case-hub-hero .hub-hero-copy{width:100%}}
/* Unified list-page hero: solutions, industries and cases. */
.hub-hero{isolation:isolate;display:flex;align-items:center;min-height:500px;background:linear-gradient(112deg,#087742 0%,#08613f 25%,#164858 58%,#14213d 100%)}
.hub-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4'%3E%3Cpath d='M45 2 88 45 45 88 2 45Z'/%3E%3Cpath d='M135 2 178 45 135 88 92 45Z'/%3E%3Cpath d='M45 92 88 135 45 178 2 135Z'/%3E%3Cpath d='M135 92 178 135 135 178 92 135Z'/%3E%3C/g%3E%3C/svg%3E");background-size:180px 180px}
.hub-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;mask-image:none;background:linear-gradient(90deg,rgba(20,33,61,.22),transparent 44%,rgba(4,80,51,.10))}
.hub-hero .hub-hero-copy{position:relative;z-index:1;width:min(900px,75vw);max-width:900px}
.hub-hero .hero-lede{max-width:720px;color:rgba(255,255,255,.82)}
@media(max-width:680px){.hub-hero{min-height:520px}.hub-hero .hub-hero-copy{width:100%}}

/* Normalize solution-card media sizing. */
.solution-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.solution-list-card{min-width:0}
.solution-list-card figure{min-width:0;height:100%}
.solution-list-card img{display:block;box-sizing:border-box;width:100%;height:100%}
.solution-list-card.product-image img{padding:8%}
.solution-card-copy{min-width:0}
@media(min-width:1101px){
  .solution-list-card{height:390px;min-height:390px}
  .solution-list-card figure{position:relative;height:100%;min-height:0}
  .solution-list-card figure img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%}
}
@media(max-width:1100px){
  .solution-list-card figure{position:relative;height:260px;min-height:260px}
  .solution-list-card figure img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%}
}
@media(max-width:680px){.solution-list-card figure{height:220px;min-height:220px}}
@media(max-width:980px){.solution-card-grid{grid-template-columns:1fr}}

/* Industry hub: two-column, image-led RTL cards. */
.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.industry-card{position:relative;isolation:isolate;display:block;min-height:430px;border:0;border-radius:12px;background:var(--navy);box-shadow:0 14px 34px rgba(20,33,61,.10)}
.industry-card::before{content:"";position:absolute;z-index:3;inset-block-start:0;inset-inline-start:0;width:96px;height:3px;background:linear-gradient(90deg,var(--gold),rgba(201,162,39,0));pointer-events:none}
.industry-card::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to left,rgba(8,22,42,.96) 0%,rgba(8,25,47,.90) 38%,rgba(8,25,47,.58) 64%,rgba(8,25,47,.16) 100%);pointer-events:none}
.industry-card figure{position:absolute;z-index:0;inset:0;margin:0;aspect-ratio:auto;background:var(--navy)}
.industry-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease}
.industry-card-copy{position:relative;z-index:2;width:min(64%,430px);min-height:430px;margin-inline-end:auto;padding:44px 40px 36px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;color:#fff}
.industry-card-copy small{color:#7ee0a3;font-size:12px;letter-spacing:.08em}
.industry-card-copy h2{margin:28px 0 14px;color:#fff;font-size:clamp(28px,2.2vw,36px);line-height:1.35}
.industry-card-copy p{margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}
.industry-card-copy a{margin-top:auto;padding-top:26px;color:#fff;font-weight:700;border-bottom:1px solid rgba(201,162,39,.72)}
.industry-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(20,33,61,.20)}
.industry-card:hover img{transform:scale(1.035)}
@media(max-width:900px){
  .industry-grid{grid-template-columns:1fr}
  .industry-card,.industry-card-copy{min-height:410px}
  .industry-card-copy{width:min(68%,460px)}
}
@media(max-width:680px){
  .industry-grid{grid-template-columns:1fr;gap:20px}
  .industry-card,.industry-card-copy{min-height:440px}
  .industry-card::after{background:linear-gradient(to bottom,rgba(8,22,42,.30) 0%,rgba(8,22,42,.74) 43%,rgba(8,22,42,.97) 100%)}
  .industry-card-copy{width:100%;padding:175px 26px 28px;justify-content:flex-end}
  .industry-card-copy h2{margin:18px 0 10px;font-size:29px}
  .industry-card-copy p{font-size:16px;line-height:1.75}
}