/* Figma 964:11592, with the revised Contact styling from 964:10837.
   Keep shared form behavior and markup; scope visual adjustments to this page. */
.brochure-layout { display: grid; grid-template-columns: minmax(0, 1fr) 562px; gap: 80px; align-items: start; padding-block: 160px 120px; }
.brochure-intro { min-width: 0; }
/* Align the card border with the heading glyphs, below the line box's leading. */
.brochure-form { margin-top: 12px; }
/* Reserve both weights: the regular Korean label can be wider than the bold one.
   The shared Contact ::after already reserves the selected (600) weight. */
.brochure-form .contact-type::before { content: attr(data-label); grid-area: 1 / 1; font-weight: 400; visibility: hidden; pointer-events: none; }
.brochure-covers { display: grid; gap: 22px; max-width: 558px; margin-top: 45px; }
.brochure-covers img { width: 100%; height: auto; aspect-ratio: 2486 / 1394; object-fit: cover; }
.brochure-form .contact-consent-input:checked { background-image: url("/assets/brochures/consent-checked.svg"); }
.brochure-result { padding: 16px; background: var(--pale); border-radius: 4px; }
.brochure-page .social-icons img, .brochure-page .footer-wordmark { width: auto; height: auto; }
.brochure-page .footer-wordmark { aspect-ratio: auto; }
.brochure-footer-rule { margin-top: 25px; height: 1px; overflow: hidden; }
.brochure-footer-rule img { max-width: none; }
.brochure-page .footer-bottom { border: 0; margin-top: 0; }
@media (max-width: 1279px) {
  .brochure-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
  .brochure-form { margin-top: 7px; }
}
@media (max-width: 1100px) {
  .brochure-layout { grid-template-columns: 1fr; max-width: 731px; gap: 48px; padding-block: 140px 100px; }
  .brochure-form { max-width: none; margin-top: 0; }
  .brochure-covers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: none; margin-top: 32px; }
}
@media (max-width: 760px) {
  .brochure-layout { padding-block: 124px 88px; gap: 32px; }
  .brochure-covers { grid-template-columns: 1fr; gap: 16px; margin-top: 28px; }
}