.brand { font: inherit; letter-spacing: normal; }
.brand .logo { display: block; width: auto; height: 70px; object-fit: contain; }
.topbar .brand .logo { height: 68px; }
footer .brand .logo { height: 86px; }
.hero-photo { position: absolute; inset: 0 0 0 auto; width: 48%; z-index: 0; overflow: hidden; }
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#dff1f3 0,rgba(223,241,243,.25) 58%,rgba(16,43,53,.18) 100%); }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.galleries { background: var(--mist); }
.gallery-block + .gallery-block { margin-top: 90px; }
.gallery-block h2 { max-width: 700px; margin-bottom: 36px; }
.source-gallery { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.source-gallery figure { margin: 0; background: #fff; overflow: hidden; box-shadow: 0 10px 32px rgba(9,52,62,.08); }
.source-gallery img { display: block; width: 100%; height: 220px; object-fit: cover; transition: transform .35s ease; }
.source-gallery figure:hover img { transform: scale(1.035); }
#gas-gallery img, .gas-grid img { object-fit: contain; background: #fff; }
@media (max-width: 960px) {
  .hero-photo { width: 58%; opacity: .28; }
  .source-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  .topbar .brand .logo { height: 58px; }
  .hero-photo { display: none; }
  .source-gallery { grid-template-columns: 1fr; }
  .source-gallery img { height: 260px; }
}