/* Client QA: 김지연 feedback, 2026-08-02. Loaded last on purpose. */

/* The supplied site and building drawings should use the available content width. */
body:not(.home) .brochure-complex--site > figure,
body:not(.home) .brochure-complex--building > figure {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}

body:not(.home) .brochure-complex--site > figure > a,
body:not(.home) .brochure-complex--building > figure > a,
body:not(.home) .brochure-complex--site > figure > a > img,
body:not(.home) .brochure-complex--building > figure > a > img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: contain;
}

/* Remove the redundant click-to-enlarge labels requested by the client. */
body:not(.home) .brochure-complex--site > figure figcaption span,
body:not(.home) .brochure-complex--building > figure figcaption,
body:not(.home) .brochure-units .brochure-unit-plan figcaption {
  display: none !important;
}

/* Community leaflet drawings: image first, copy second, never cropped or layered. */
body:not(.home) .brochure-community-grid > article {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch;
  min-width: 0;
  overflow: hidden;
}

body:not(.home) .brochure-community-grid > article > figure {
  position: relative !important;
  inset: auto !important;
  order: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(10px, 1.5vw, 22px) !important;
  overflow: visible !important;
  background: #faf9f6;
}

body:not(.home) .brochure-community-grid > article > figure > img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  clip-path: none !important;
}

body:not(.home) .brochure-community-grid > article > div {
  position: static !important;
  inset: auto !important;
  order: 2 !important;
  width: 100%;
}

/* Unit plans stay large enough to read without an extra helper caption. */
body:not(.home) .brochure-units .brochure-unit-plan {
  display: block !important;
  width: 100%;
  padding: clamp(20px, 2.6vw, 38px) clamp(10px, 2vw, 28px) !important;
}

body:not(.home) .brochure-units .brochure-unit-plan > a {
  display: block !important;
  width: 100%;
}

body:not(.home) .brochure-units .brochure-unit-plan img {
  display: block;
  width: 100% !important;
  max-width: 760px !important;
  height: auto !important;
  max-height: 760px !important;
  margin: 0 auto;
  object-fit: contain !important;
  object-position: center !important;
}

/* The six-premium manifesto uses one centered, high-contrast type system. */
body.home .manifesto-section .manifesto-copy {
  text-align: center !important;
}

body.home .manifesto-section .manifesto-copy > span,
body.home .manifesto-section .manifesto-copy h2,
body.home .manifesto-section .manifesto-copy p {
  margin-inline: auto;
  text-align: center !important;
}

body.home .manifesto-section .manifesto-copy h2 {
  max-width: 15em;
  font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
  word-break: keep-all;
}

body.home .manifesto-section .manifesto-copy p {
  max-width: 42em;
  font-weight: 500;
  line-height: 1.75;
  word-break: keep-all;
}

@media (max-width: 900px) {
  body:not(.home) .brochure-complex--site > figure,
  body:not(.home) .brochure-complex--building > figure {
    padding-inline: 0 !important;
  }

  body:not(.home) .brochure-complex--site > figure figcaption,
  body:not(.home) .brochure-complex--building > figure figcaption {
    min-height: 0 !important;
    padding-block: 10px !important;
  }

  body:not(.home) .brochure-community-grid > article > figure {
    padding: 8px !important;
  }

  body:not(.home) .brochure-community-grid > article > div {
    padding: 20px 0 28px !important;
  }

  body:not(.home) .brochure-units .brochure-unit-plan {
    padding: 16px 0 20px !important;
  }

  body:not(.home) .brochure-units .brochure-unit-plan img {
    max-width: 100% !important;
    max-height: none !important;
  }

  body.home .manifesto-section .manifesto-copy {
    width: calc(100% - 36px) !important;
  }

  body.home .manifesto-section .manifesto-copy h2 {
    max-width: 10.5em;
    font-size: clamp(28px, 7.5vw, 40px) !important;
    line-height: 1.22 !important;
  }

  body.home .manifesto-section .manifesto-copy p {
    max-width: 29em;
    font-size: clamp(12px, 3.35vw, 15px) !important;
    line-height: 1.65 !important;
  }
}