/* Lander /lien-he/: make the information column proportional to its real
   content width, instead of reserving a large empty area beside the photo.
   Only applies when this stylesheet is enqueued on the Contact page. */
@media (min-width: 1025px) {
  .web366-landing-page-lc7x2qv.lavn-contact-page .web366-contact-section > .web366-container.web366-split,
  .web366-landing-page-lc7x2qv.lavn-contact-page .web366-section[data-web366-block="contact"] > .web366-container.web366-split,
  .web366-landing-page-lc7x2qv .web366-section[data-web366-block="contact"] > .web366-container.web366-split {
    grid-template-columns: minmax(0, 395px) minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }
}

/* Slightly tighter columns on tablet without squeezing the contact form. */
@media (min-width: 769px) and (max-width: 1024px) {
  .web366-landing-page-lc7x2qv.lavn-contact-page .web366-contact-section > .web366-container.web366-split,
  .web366-landing-page-lc7x2qv.lavn-contact-page .web366-section[data-web366-block="contact"] > .web366-container.web366-split,
  .web366-landing-page-lc7x2qv .web366-section[data-web366-block="contact"] > .web366-container.web366-split {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
    column-gap: 12px !important;
  }
}

/* <=768px keeps the Lander one-column contact layout unchanged. */


/* v1.1.0 — Give social icons room above the office photo.
   The source HTML may set figure margins inline; !important deliberately wins.
   The scoped selectors avoid changing galleries or figures on other pages. */
.web366-landing-page-lc7x2qv.lavn-contact-page .web366-contact-section .web366-figure,
.web366-landing-page-lc7x2qv.lavn-contact-page .web366-section[data-web366-block="contact"] .web366-figure,
.web366-landing-page-lc7x2qv .web366-section[data-web366-block="contact"] .lavn-contact-info-col .web366-figure {
  margin-top: 24px !important;
}
/* Keep the social icons above the photo in the normal document flow. */
.web366-landing-page-lc7x2qv.lavn-contact-page .web366-contact-social,
.web366-landing-page-lc7x2qv .web366-section[data-web366-block="contact"] .web366-social {
  position: relative;
  z-index: 0;
}