/* About-page content, scoped to this template. */
.az-namle-about { padding: 0; background: #fff; color: #7c8288; }
.az-namle-about-shell { width: min(1640px, 85.5%); margin-inline: auto; }
.az-namle-about-intro { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; padding-block: 34px 50px; }
.az-namle-about-art { min-width: 0; }
#page .az-namle-about h1 { margin: 0 0 12px; color: #181d24; font-size: clamp(20px, 1.6vw, 25px); line-height: 1.3; text-transform: uppercase; }
.az-namle-about-art img { width: 100%; border-radius: 10px; }
.az-namle-about-main-image { aspect-ratio: 1920 / 860; object-fit: cover; }
.az-namle-about-image-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; margin-top: 14px; }
.az-namle-about-image-pair img { aspect-ratio: 1; object-fit: contain; }
.az-namle-about-copy { font-size: clamp(14px, 1.05vw, 20px); line-height: 1.65; overflow-wrap: anywhere; }
.az-namle-about .az-namle-about-copy > * + * { margin-top: 24px; }
.az-namle-about-copy a { color: #9b6500; text-decoration: underline; }
.az-namle-about-copy :is(ul, ol) { padding-left: 1.5em; }
.az-namle-about-history { position: relative; isolation: isolate; display: grid; place-items: center; min-height: clamp(420px, 32.6vw, 626px); padding-block: 100px 126px; background: #181d24; color: #fff; text-align: center; }
.az-namle-about .az-namle-about-history-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.az-namle-about-history::before { content: ""; position: absolute; z-index: -1; inset: 0; background: #0005; }
#page .az-namle-about-history h2 { margin: 0; color: #fff5c4; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.3; text-transform: uppercase; }
.az-namle-about-history-description { max-width: 820px; margin: 24px auto 0 !important; font-size: 20px; line-height: 1.5; text-wrap: balance; }
.az-namle-about-stat { margin-top: 28px; }
.az-namle-about-stat strong { display: block; color: #fff5c4; font-size: clamp(48px, 4.5vw, 64px); font-weight: 500; line-height: 1.2; }
.az-namle-about-stat p { margin-top: 12px; font-size: 20px; }
.az-namle-about-cards { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 30px; padding-bottom: 60px; margin-top: -32px; }
.az-namle-about-card { flex: 1 1 0; min-width: 0; padding: 18px 16px 20px; border: 1px solid #ececec; border-radius: 10px; background: #fff; box-shadow: 0 6px 14px #0003; text-align: center; }
.az-namle-about-card > img { width: clamp(52px, 4.2vw, 80px); height: clamp(52px, 4.2vw, 80px); margin: 0 auto 16px; object-fit: contain; }
#page .az-namle-about-card h2 { margin: 0 0 14px; color: #181d24; font-size: 22px; line-height: 1.3; text-transform: uppercase; }
.az-namle-about-card p { font-size: clamp(14px, 1.05vw, 20px); line-height: 1.65; overflow-wrap: anywhere; }
.az-namle-about-intro--text-only, .az-namle-about-image-pair--single { grid-template-columns: minmax(0, 1fr); }
.az-namle-about-image-pair--single { max-width: 400px; }
.az-namle-about-password { padding-block: 40px; }
@media (max-width: 1000px) {
  .az-namle-about-shell { width: calc(100% - 40px); }
  .az-namle-about-intro, .az-namle-about-image-pair { gap: 20px; }
  .az-namle-about-copy { font-size: 15px; }
  .az-namle-about .az-namle-about-copy > * + * { margin-top: 18px; }
  .az-namle-about-cards { gap: 20px; }
  #page .az-namle-about-card h2 { font-size: 18px; }
  .az-namle-about-card p { font-size: 15px; }
}
@media (max-width: 700px) {
  .az-namle-about-shell { width: calc(100% - 32px); }
  .az-namle-about-intro { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 28px 36px; }
  .az-namle-about-image-pair { gap: 16px; }
  .az-namle-about-copy { font-size: 16px; line-height: 1.7; }
  .az-namle-about-history { min-height: 390px; padding-block: 64px 88px; }
  .az-namle-about-history-description { font-size: 17px; }
  .az-namle-about-stat p { font-size: 18px; }
  .az-namle-about-cards { flex-direction: column; gap: 20px; padding-bottom: 40px; margin-top: -28px; }
  .az-namle-about-card { padding: 22px; }
  #page .az-namle-about-card h2 { font-size: 20px; }
  .az-namle-about-card p { font-size: 16px; }
}