/* ==========================================================================
   INQUIRE — page-owned layout

   1. Page canvas
   2. Content column
   3. HoneyBook embed
   4. Editorial imagery
   5. Form fallback
   6. Scaled tablet composition
   7. Mobile composition
   8. Narrow landscape adjustment
   ========================================================================== */

/* 1. Page canvas ---------------------------------------------------------- */
.grp-inquire-main {
  color: #000;
  background: #fff;
}

.grp-inquire-section {
  position: relative;
  width: min(100%, 1200px);
  min-height: 1857px;
  margin: 0 auto;
  background: #fff;
}

/* 2. Content column ------------------------------------------------------- */
.grp-inquire-content {
  width: 53.583333%;
  margin-left: 46.416667%;
  padding-top: 56px;
}

.grp-inquire-content h1 {
  margin: 0;
  font-family: var(--font-silk-reg);
  font-size: 37px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #000;
  text-transform: uppercase;
}

.grp-inquire-intro {
  width: 83.203732%;
  margin: 28px 0 0;
}

/* 3. HoneyBook embed ------------------------------------------------------ */
.grp-inquire-honeybook {
  width: 100%;
  min-height: 1562px;
  margin-top: 58px;
}

.grp-inquire-honeybook iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.grp-inquire-honeybook iframe:focus {
  outline: 2px solid var(--grp-gold);
  outline-offset: -2px;
}

/* 4. Editorial imagery ---------------------------------------------------- */
.grp-inquire-desktop-images {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.grp-inquire-image {
  position: absolute;
  display: block;
  object-fit: cover;
  object-position: center;
}

.grp-inquire-image--shoes {
  top: 172px;
  left: 0;
  width: 22.416667%;
  height: 342px;
  aspect-ratio: 269 / 342;
}

.grp-inquire-image--couple {
  top: 514px;
  left: 15.166667%;
  width: 28.25%;
  height: 488px;
  aspect-ratio: 339 / 488;
}

.grp-inquire-image--details {
  top: 964px;
  left: 0;
  width: 23.833333%;
  height: 368px;
  aspect-ratio: 286 / 368;
}

.grp-inquire-mobile-image {
  display: none;
}

/* 5. Form fallback -------------------------------------------------------- */
.grp-inquire-form-fallback {
  padding: 30px 22px;
  text-align: center;
}

.grp-inquire-form-fallback a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--grp-gold);
  text-underline-offset: 4px;
}

/* 6. Scaled tablet composition ------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .grp-inquire-main {
    position: relative;
    width: 100%;
    aspect-ratio: 1200 / 1857;
    overflow: hidden;
  }

  .grp-inquire-section {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    min-height: 1857px;
    transform: scale(calc(100vw / 1200px));
    transform-origin: top left;
  }
}

/* 7. Mobile composition --------------------------------------------------- */
@media (max-width: 767px) {
  .grp-inquire-section {
    width: 100%;
    min-height: 2915px;
    padding-top: 58px;
  }

  .grp-inquire-desktop-images {
    display: none;
  }

  .grp-inquire-mobile-image {
    display: block;
    width: calc(100% - 39px);
    height: calc((100vw - 39px) * 1.586895);
    margin: 0 16px;
    aspect-ratio: 351 / 557;
    object-fit: cover;
    object-position: center;
  }

  .grp-inquire-content {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .grp-inquire-content h1 {
    width: calc(100% - 46px);
    margin: 38px 23px 0;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-align: center;
  }

  .grp-inquire-intro {
    width: calc(100% - 46px);
    margin: 46px 23px 0;
    text-align: center;
  }

  .grp-inquire-honeybook {
    width: 100%;
    min-height: 1775px;
    margin-top: -8px;
  }

  .grp-inquire-honeybook iframe {
    min-height: 1775px;
  }
}

/* 8. Narrow landscape adjustment ----------------------------------------- */
@media (max-width: 430px) and (orientation: landscape) {
  .grp-inquire-section {
    padding-top: 32px;
  }
}