/* Brand identity and supplied project photography overrides. */
.brand-logo {
  display: block;
  width: 27px;
  height: 27px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  flex: 0 0 auto;
}

.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  transform: scale(1.18);
}

.process-image { background-image: url('assets/factory/301.JPG'); }
.gallery-grid figcaption, .gallery-strip figcaption { text-shadow: 0 1px 8px #000; }
.gallery-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 12px; }
.gallery-strip figure { position: relative; height: 270px; margin: 0; overflow: hidden; }
.gallery-strip img { width: 100%; height: 100%; object-fit: cover; transition: .5s; }
.gallery-strip figure:hover img { transform: scale(1.02); }
.gallery-strip figcaption { position: absolute; left: 18px; bottom: 18px; color: #fff; font-weight: 600; }

@media (max-width: 800px) {
  .gallery-strip { grid-template-columns: 1fr; }
  .gallery-strip figure { height: 320px; }
}

.install-guide { background: #fff; }
.install-intro { max-width: 820px; }
.install-intro > p:last-child { color: #6e6e73; font-size: 18px; line-height: 1.7; max-width: 680px; }
.install-steps { margin-top: 64px; border-top: 1px solid #d2d2d7; }
.install-steps article { display: grid; grid-template-columns: 80px 1fr; gap: 20px; padding: 30px 0; border-bottom: 1px solid #d2d2d7; }
.install-steps article > span { color: #8a4f2d; font-size: 13px; font-weight: 700; }
.install-steps h3 { margin: 0 0 10px; font-size: 24px; }
.install-steps p { margin: 0; color: #6e6e73; line-height: 1.7; }
.install-steps strong { color: #111; font-size: 20px; }
.steel-life { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 48px; }
.steel-life > div { padding: 30px; background: #f5f5f7; }
.steel-life .install-price { background: #111; color: #fff; }
.steel-life .install-price p { color: #aaa; }
.steel-life small, .steel-life strong { display: block; }
.steel-life small { color: #8a4f2d; margin-bottom: 12px; }
.steel-life strong { font-size: 22px; }
.steel-life p, .install-note { color: #6e6e73; line-height: 1.6; }
.install-note { margin-top: 24px; font-size: 13px; }

@media (max-width: 800px) {
  .install-steps article { grid-template-columns: 44px 1fr; }
  .steel-life { grid-template-columns: 1fr; }
}