/* Ganesh Gas Service: customer-provided illustrative brand showcase below the hero wave. */
.brand-showcase{position:relative;overflow:hidden;padding:53px 0 42px;background:linear-gradient(145deg,#fff 0%,#f3fbfe 62%,#e9f7fa 100%);border-bottom:1px solid #e0edf4}
.brand-showcase:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#073257,#16afbf 49%,#ff8a30)}
.brand-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.brand-showcase-head h2{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.038em;color:#0a304f;margin:9px 0;font-weight:850}
.brand-showcase-head h2 em{font-style:normal;color:#087b9d}
.brand-showcase-head p{margin:0;max-width:650px;font-size:14px;color:#59728a;line-height:1.65}
.brand-eyebrow{font-size:11px;font-weight:850;color:#087da8;letter-spacing:.12em;display:inline-flex;gap:10px;align-items:center}
.brand-eyebrow-line{display:inline-block;width:23px;height:4px;background:linear-gradient(90deg,#ff752b,#ffae50);border-radius:50px}
.brand-head-tag{white-space:nowrap;font-size:12px;color:#18516b;padding:12px 17px;border:1px solid #d1e9ef;border-radius:99px;background:#fff;font-weight:720}
.brand-head-tag span{font-size:17px;color:#fb8937;margin-left:8px}
.brand-artwork-frame{display:block;overflow:hidden;border:1px solid rgba(4,80,116,.12);border-radius:25px;box-shadow:0 20px 48px rgba(8,57,95,.13);background:#fff;isolation:isolate;transition:box-shadow .45s ease,transform .45s ease}
.brand-artwork-frame picture{display:block;line-height:0}
.brand-artwork-image{display:block;width:100%;height:auto;object-fit:contain;transition:transform .85s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.brand-artwork-frame:hover{box-shadow:0 27px 65px rgba(8,57,95,.2);transform:translateY(-4px)}.brand-artwork-frame:hover .brand-artwork-image{transform:scale(1.012)}}
.brand-swipe-hint{display:none}
.brand-disclaimer{margin:15px auto 0;text-align:center;padding:0 20px;max-width:1060px;color:#587384;font-size:11px;line-height:1.65}
/* Full customer-provided showcase on desktop; no wide clipped banner on mobile. */
.brand-mobile-logos,.brand-mobile-note{display:none}
@media(max-width:720px){
  .brand-showcase{padding:35px 0 30px}
  .brand-showcase-head{align-items:flex-start;margin-bottom:18px}
  .brand-showcase-head h2{font-size:30px}
  .brand-head-tag,.brand-artwork-frame{display:none}
  .brand-artwork-container{width:calc(100% - 28px);margin-inline:auto}
  .brand-mobile-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .brand-mobile-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:87px;padding:8px;border-radius:15px;background:#fff;border:1px solid #deedf1;box-shadow:0 4px 14px rgba(8,57,95,.07)}
  .brand-mobile-logo img{display:block;width:100%;height:auto;max-height:69px;object-fit:contain}
  .brand-mobile-note{display:block;color:#4b7086;text-align:center;font-size:12px;line-height:1.6;margin:16px 4px 0}
  .brand-disclaimer{font-size:10px;text-align:left;max-width:550px}
}
@media(prefers-reduced-motion:reduce){.brand-artwork-frame,.brand-artwork-image{transition:none}}