.about-page .page-section { padding: 64px 0; }
.about-page .shell { width: min(1200px, 100%); }
#banner.inner-banner { position: relative; overflow: hidden; color: #fff; text-align: center; }
#banner.inner-banner::before { position: absolute; z-index: 1; inset: 0; background: rgba(0, 0, 0, .65); content: ""; }
#banner.inner-banner > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#banner .inner-banner-txt { position: relative; z-index: 2; padding: 8% 0; }
#banner .page-title .t1 { font: 300 clamp(1.627rem, 2.85vw, 2.5625rem)/1.5 Lato, Arial, sans-serif; }
#banner .page-title .t1 .fw-bolder { font-weight: 900; }
#banner .page-title .t2 { font-size: 1rem; font-weight: 400; line-height: 1.5; }
.has-js #banner .page-title[data-aos="main-title"].aos-init .t1 { opacity: 0; letter-spacing: -2rem; }
.has-js #banner .page-title[data-aos="main-title"].aos-animate .t1 { opacity: 1; letter-spacing: 0; transition: opacity .3s, letter-spacing .3s; }
#about-section1 { position: relative; }
#about-section1::before { position: absolute; z-index: 0; top: 8%; left: 0; display: block; content: url("../images/site/deco-logo.svg"); transform: translate(-83%, 0); }
#about-section1 > * { position: relative; z-index: 1; }
.about-lead { display: grid; grid-template-columns: minmax(0, 100px) minmax(0, 5fr) minmax(20px, 100px) minmax(0, 4fr) minmax(0, 100px); gap: 0; align-items: center; }
.about-copy { grid-column: 2; padding: 0 10px; font-size: 16px; line-height: 24px; }
.about-copy p + p { margin-top: 40px; }
.about-copy p:last-child { margin-bottom: 16px; }
.about-lead__image { grid-column: 4; width: calc(100% - 20px); height: auto; margin-inline: 10px; }
.about-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 64px; }
.about-gallery img { width: calc(100% - 20px); height: auto; margin-inline: 10px; }

@media (max-width: 991.98px) {
  .about-lead { grid-template-columns: 1fr; }
  .about-copy, .about-lead__image { grid-column: auto; }
  .about-lead__image { width: min(380px, calc(100% - 20px)); }
}
@media (min-width: 768px) and (max-width: 991.98px) { .about-page .shell { width: 720px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-page .shell { width: 960px; }
  .about-lead { grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 1fr) minmax(0, 4fr) minmax(0, 1fr); }
}

@media (max-width: 540px) {
	#banner .page-title .t2 { font-size: 14.4px; }
	#about-section1::before { display: none; }
  .about-page .page-section { padding: 43.2px 0; }
  .about-copy { font-size: 14.4px; line-height: 21.6px; }
  .about-copy p + p { margin-top: 36px; }
  .about-copy p:last-child { margin-bottom: 14.4px; }
  .about-gallery { margin-top: 57.6px; }
}
