.elementor-83 .elementor-element.elementor-element-a84e82a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-27b9b8e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-09e7a64 *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   PAGE 09 — CONTACT US
   SECTION 01 — HERO
========================================================= */

.kqp-contact-s1,
.kqp-contact-s1 * {
  box-sizing: border-box;
}

.kqp-contact-s1 {
  --c1-black: #050505;
  --c1-burgundy: #240708;
  --c1-wine: #5a0a10;

  --c1-gold: #ffd700;
  --c1-gold-rich: #d4af37;

  --c1-ivory: #fff8e8;

  position: relative;

  width: 100%;
  min-height: 800px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: var(--c1-black);

  font-family:
    "Manrope",
    "Plus Jakarta Sans",
    Arial,
    sans-serif;

  color: #fff;
}


/* =========================================================
   BACKGROUND
========================================================= */

.kqp-contact-s1__media {
  position: absolute;
  inset: 0;
}

.kqp-contact-s1__media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  filter:
    saturate(.72)
    contrast(1.08);

  transform: scale(1.01);

  transition:
    transform 1.1s ease;
}

.kqp-contact-s1:hover
.kqp-contact-s1__media img {
  transform: scale(1.045);
}


/* =========================================================
   OVERLAY
========================================================= */

.kqp-contact-s1__overlay {
  position: absolute;
  inset: 0;

  background:

    linear-gradient(
      90deg,
      rgba(5,5,5,.97) 0%,
      rgba(36,7,8,.87) 32%,
      rgba(36,7,8,.50) 58%,
      rgba(5,5,5,.20) 100%
    ),

    linear-gradient(
      180deg,
      rgba(5,5,5,.18) 0%,
      rgba(5,5,5,.04) 45%,
      rgba(5,5,5,.92) 100%
    );
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.kqp-contact-s1__bgword {
  position: absolute;

  right: -30px;
  bottom: 60px;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(150px, 22vw, 350px);

  font-weight: 600;

  line-height: .68;

  letter-spacing: -.07em;

  color:
    rgba(255,255,255,.026);

  pointer-events: none;
}


/* =========================================================
   WRAP
========================================================= */

.kqp-contact-s1__wrap {
  position: relative;

  z-index: 2;

  width:
    min(1380px, calc(100% - 80px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(280px, .55fr);

  gap:
    clamp(50px, 7vw, 110px);

  align-items: end;
}


/* =========================================================
   CONTENT
========================================================= */

.kqp-contact-s1__content {
  max-width: 820px;
}


/* EYEBROW */

.kqp-contact-s1__eyebrow {
  margin-bottom: 22px;

  display: flex;
  align-items: center;

  gap: 14px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .24em;

  color: var(--c1-gold);
}

.kqp-contact-s1__eyebrow > span {
  width: 42px;
  height: 1px;

  flex: 0 0 auto;

  background: var(--c1-gold);
}


/* =========================================================
   TITLE
========================================================= */

.kqp-contact-s1 h1 {
  margin: 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(76px, 8vw, 122px);

  font-weight: 500;

  line-height: .84;

  letter-spacing: -.055em;

  color: var(--c1-ivory);
}

.kqp-contact-s1 h1 em {
  display: block;

  margin-top: 9px;

  font-weight: 500;
  font-style: italic;

  color: var(--c1-gold);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.kqp-contact-s1__content > p {
  max-width: 540px;

  margin:
    30px
    0
    0;

  padding-left: 19px;

  border-left:
    1px solid rgba(255,215,0,.42);

  font-size: 12px;

  line-height: 1.85;

  color:
    rgba(255,255,255,.61);
}


/* =========================================================
   CTA
========================================================= */

.kqp-contact-s1__cta {
  margin-top: 31px;

  display: inline-flex;
  align-items: center;

  gap: 14px;

  text-decoration: none;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;

  color: var(--c1-gold);
}

.kqp-contact-s1__cta svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

  stroke-linecap: round;
  stroke-linejoin: round;

  transition:
    transform .3s ease;
}

.kqp-contact-s1__cta:hover svg {
  transform: translateY(5px);
}


/* =========================================================
   RIGHT PANEL
========================================================= */

.kqp-contact-s1__side {
  padding:
    25px
    24px;

  border:
    1px solid rgba(255,215,0,.30);

  background:
    rgba(5,5,5,.32);

  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}


.kqp-contact-s1__side > small {
  display: block;

  padding-bottom: 15px;

  border-bottom:
    1px solid rgba(255,215,0,.18);

  font-size: 6px;
  font-weight: 800;

  letter-spacing: .22em;

  color: var(--c1-gold);
}


/* =========================================================
   ENQUIRY LIST
========================================================= */

.kqp-contact-s1__side-list {
  padding:
    18px
    0;

  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px;
}

.kqp-contact-s1__side-list span {
  font-size: 6px;
  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;

  color:
    rgba(255,255,255,.53);
}

.kqp-contact-s1__side-list i {
  width: 3px;
  height: 3px;

  flex: 0 0 auto;

  border-radius: 50%;

  background: var(--c1-gold);
}


/* =========================================================
   SIDE STATEMENT
========================================================= */

.kqp-contact-s1__side strong {
  display: block;

  padding-top: 17px;

  border-top:
    1px solid rgba(255,215,0,.18);

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(27px, 2.7vw, 38px);

  font-weight: 500;

  line-height: .98;

  color: var(--c1-ivory);
}

.kqp-contact-s1__side strong em {
  display: block;

  margin-top: 4px;

  font-weight: 500;
  font-style: italic;

  color: var(--c1-gold);
}


/* =========================================================
   BOTTOM
========================================================= */

.kqp-contact-s1__bottom {
  position: absolute;

  z-index: 3;

  left: 50%;
  bottom: 30px;

  transform: translateX(-50%);

  width:
    min(1380px, calc(100% - 80px));

  padding-top: 18px;

  border-top:
    1px solid rgba(255,215,0,.18);

  display: flex;
  align-items: center;

  gap: 10px;
}

.kqp-contact-s1__bottom span {
  font-size: 6px;
  font-weight: 800;

  letter-spacing: .19em;

  color:
    rgba(255,255,255,.44);
}

.kqp-contact-s1__bottom i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--c1-gold);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .kqp-contact-s1__wrap,
  .kqp-contact-s1__bottom {
    width:
      calc(100% - 50px);
  }


  .kqp-contact-s1__wrap {
    grid-template-columns: 1fr;
  }


  .kqp-contact-s1__side {
    max-width: 430px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  .kqp-contact-s1 {
    min-height: 760px;
  }


  .kqp-contact-s1__media img {
    object-position: 62% center;
  }


  .kqp-contact-s1__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(5,5,5,.24) 0%,
        rgba(36,7,8,.48) 38%,
        rgba(5,5,5,.97) 100%
      );
  }


  .kqp-contact-s1__wrap {
    width:
      calc(100% - 32px);

    padding-bottom: 90px;

    gap: 30px;

    align-items: end;
  }


  .kqp-contact-s1__eyebrow {
    margin-bottom: 18px;

    font-size: 7px;

    letter-spacing: .15em;
  }


  .kqp-contact-s1__eyebrow > span {
    width: 27px;
  }


  .kqp-contact-s1 h1 {
    font-size:
      clamp(62px, 18vw, 82px);
  }


  .kqp-contact-s1__content > p {
    margin-top: 23px;

    font-size: 11px;
  }


  .kqp-contact-s1__side {
    width: 100%;

    padding:
      20px
      18px;
  }


  .kqp-contact-s1__bgword {
    bottom: 75px;

    font-size: 100px;
  }


  .kqp-contact-s1__bottom {
    width:
      calc(100% - 32px);

    bottom: 21px;

    gap: 6px;
  }


  .kqp-contact-s1__bottom span {
    font-size: 5px;

    letter-spacing: .09em;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-817cf8f *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   PAGE 09 — CONTACT
   SECTION 02 — CONTACT & ENQUIRY
========================================================= */

.kqp-contact-s2,
.kqp-contact-s2 * {
  box-sizing: border-box;
}

.kqp-contact-s2 {
  --c2-dark: #171313;
  --c2-wine: #5a0a10;

  --c2-gold: #ffd700;
  --c2-gold-rich: #d4af37;

  --c2-ivory: #fffaf1;
  --c2-cream: #f4ecdf;

  --c2-text: #70645e;
  --c2-border: rgba(36,7,8,.13);

  position: relative;

  width: 100%;

  padding:
    clamp(90px,9vw,140px)
    0;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #fffaf1 0%,
      #f4ecdf 100%
    );

  font-family:
    "Manrope",
    "Plus Jakarta Sans",
    Arial,
    sans-serif;
}


/* =========================================================
   BACKGROUND DECOR
========================================================= */

.kqp-contact-s2::before {
  content: "CONTACT";

  position: absolute;

  right: -25px;
  top: 45px;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(120px,18vw,290px);

  font-weight: 600;

  line-height: .75;

  letter-spacing: -.06em;

  color:
    rgba(36,7,8,.018);

  pointer-events: none;
}


/* =========================================================
   WRAP
========================================================= */

.kqp-contact-s2__wrap {
  position: relative;

  z-index: 2;

  width:
    min(1380px, calc(100% - 80px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(320px,.82fr)
    minmax(0,1.18fr);

  gap:
    clamp(50px,7vw,100px);

  align-items: start;
}


/* =========================================================
   LEFT INFO
========================================================= */

.kqp-contact-s2__info {
  padding-top: 15px;
}


.kqp-contact-s2__eyebrow {
  margin-bottom: 20px;

  display: flex;
  align-items: center;

  gap: 13px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .24em;

  color: var(--c2-wine);
}


.kqp-contact-s2__eyebrow span {
  width: 38px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      var(--c2-gold-rich),
      var(--c2-gold)
    );
}


/* =========================================================
   TITLE
========================================================= */

.kqp-contact-s2__info h2 {
  margin: 0;

  max-width: 600px;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(56px,5.6vw,84px);

  font-weight: 500;

  line-height: .91;

  letter-spacing: -.045em;

  color: var(--c2-dark);
}


.kqp-contact-s2__info h2 em {
  display: block;

  margin-top: 6px;

  font-weight: 500;
  font-style: italic;

  color: var(--c2-wine);
}


/* =========================================================
   INTRO
========================================================= */

.kqp-contact-s2__intro {
  max-width: 510px;

  margin:
    25px
    0
    0;

  font-size: 12px;

  line-height: 1.85;

  color: var(--c2-text);
}


/* =========================================================
   DETAILS
========================================================= */

.kqp-contact-s2__details {
  margin-top: 40px;

  border-top:
    1px solid var(--c2-border);
}


.kqp-contact-s2__detail {
  min-height: 95px;

  padding:
    18px
    0;

  display: grid;

  grid-template-columns:
    44px
    minmax(0,1fr)
    24px;

  gap: 14px;

  align-items: center;

  border-bottom:
    1px solid var(--c2-border);

  color: var(--c2-dark);

  text-decoration: none;

  transition:
    padding-left .3s ease,
    background .3s ease;
}


a.kqp-contact-s2__detail:hover {
  padding-left: 12px;

  background:
    linear-gradient(
      90deg,
      rgba(255,215,0,.05),
      transparent
    );
}


.kqp-contact-s2__detail > span {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 24px;
  font-style: italic;

  color: var(--c2-gold-rich);
}


.kqp-contact-s2__detail small {
  display: block;

  margin-bottom: 6px;

  font-size: 6px;
  font-weight: 800;

  letter-spacing: .20em;

  color: var(--c2-wine);
}


.kqp-contact-s2__detail strong {
  display: block;

  overflow-wrap: anywhere;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(20px,2vw,27px);

  font-weight: 500;

  line-height: 1.15;

  color: var(--c2-dark);
}


.kqp-contact-s2__detail svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: var(--c2-gold-rich);
  stroke-width: 1.5;

  stroke-linecap: round;
  stroke-linejoin: round;

  transition:
    transform .3s ease;
}


.kqp-contact-s2__detail:hover svg {
  transform: translateX(5px);
}


/* =========================================================
   TYPES
========================================================= */

.kqp-contact-s2__types {
  margin-top: 35px;
}


.kqp-contact-s2__types > small {
  display: block;

  margin-bottom: 13px;

  font-size: 6px;
  font-weight: 800;

  letter-spacing: .21em;

  color: var(--c2-wine);
}


.kqp-contact-s2__types > div {
  display: flex;
  align-items: center;

  flex-wrap: wrap;

  gap: 8px;
}


.kqp-contact-s2__types span {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 16px;

  color: #61534d;
}


.kqp-contact-s2__types i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--c2-gold-rich);
}


/* =========================================================
   FORM BOX
========================================================= */

.kqp-contact-s2__formbox {
  padding:
    clamp(30px,4vw,52px);

  background:
    linear-gradient(
      145deg,
      #260708 0%,
      #100707 55%,
      #080505 100%
    );

  box-shadow:
    0 30px 70px rgba(36,7,8,.12);
}


/* =========================================================
   FORM HEADER
========================================================= */

.kqp-contact-s2__formhead {
  padding-bottom: 28px;

  border-bottom:
    1px solid rgba(255,215,0,.18);
}


.kqp-contact-s2__formhead > span {
  display: block;

  margin-bottom: 9px;

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .22em;

  color: var(--c2-gold);
}


.kqp-contact-s2__formhead h3 {
  margin: 0;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(38px,4vw,56px);

  font-weight: 500;

  line-height: .95;

  color: var(--c2-ivory);
}


.kqp-contact-s2__formhead h3 em {
  display: block;

  margin-top: 4px;

  font-weight: 500;
  font-style: italic;

  color: var(--c2-gold);
}


/* =========================================================
   FORM
========================================================= */

.kqp-contact-s2__form {
  margin-top: 29px;

  display: grid;

  gap: 20px;
}


.kqp-contact-s2__row {
  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap: 15px;
}


.kqp-contact-s2__form label {
  display: block;
}


.kqp-contact-s2__form label > span {
  display: block;

  margin-bottom: 8px;

  font-size: 6px;
  font-weight: 800;

  letter-spacing: .18em;

  color:
    rgba(255,255,255,.49);
}


/* =========================================================
   INPUTS
========================================================= */

.kqp-contact-s2__form input,
.kqp-contact-s2__form select,
.kqp-contact-s2__form textarea {
  width: 100%;

  border: 0;

  border-bottom:
    1px solid rgba(255,215,0,.24);

  border-radius: 0;

  outline: none;

  background:
    rgba(255,255,255,.025);

  color: #fff8e8;

  font-family:
    "Manrope",
    Arial,
    sans-serif;

  font-size: 12px;

  transition:
    border-color .25s ease,
    background .25s ease;
}


.kqp-contact-s2__form input,
.kqp-contact-s2__form select {
  height: 53px;

  padding:
    0
    14px;
}


.kqp-contact-s2__form textarea {
  min-height: 130px;

  padding:
    15px
    14px;

  resize: vertical;
}


.kqp-contact-s2__form input::placeholder,
.kqp-contact-s2__form textarea::placeholder {
  color:
    rgba(255,255,255,.34);
}


.kqp-contact-s2__form input:focus,
.kqp-contact-s2__form select:focus,
.kqp-contact-s2__form textarea:focus {
  border-color: var(--c2-gold);

  background:
    rgba(255,215,0,.035);
}


.kqp-contact-s2__form select {
  appearance: none;
  -webkit-appearance: none;

  cursor: pointer;
}


.kqp-contact-s2__form select option {
  color: #171313;

  background: #fff;
}


/* =========================================================
   SUBMIT
========================================================= */

.kqp-contact-s2__submit {
  width: 100%;
  min-height: 58px;

  margin-top: 5px;

  padding:
    0
    24px;

  border:
    1px solid var(--c2-gold);

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  background:
    linear-gradient(
      115deg,
      #c99f13 0%,
      #ffd700 30%,
      #fff1a8 50%,
      #ffd700 68%,
      #c99f13 100%
    );

  color: #080706;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}


.kqp-contact-s2__submit svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

  stroke-linecap: round;
  stroke-linejoin: round;

  transition:
    transform .3s ease;
}


.kqp-contact-s2__submit:hover {
  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(0,0,0,.24),
    0 0 25px rgba(255,215,0,.12);
}


.kqp-contact-s2__submit:hover svg {
  transform: translateX(5px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

  .kqp-contact-s2__wrap {
    width:
      calc(100% - 50px);

    grid-template-columns: 1fr;

    gap: 50px;
  }


  .kqp-contact-s2__info {
    max-width: 720px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .kqp-contact-s2 {
    padding:
      65px
      0;
  }


  .kqp-contact-s2__wrap {
    width:
      calc(100% - 32px);

    gap: 37px;
  }


  .kqp-contact-s2::before {
    top: 35px;

    font-size: 80px;
  }


  .kqp-contact-s2__eyebrow {
    font-size: 7px;

    letter-spacing: .16em;
  }


  .kqp-contact-s2__eyebrow span {
    width: 28px;
  }


  .kqp-contact-s2__info h2 {
    font-size:
      clamp(47px,14vw,61px);
  }


  .kqp-contact-s2__intro {
    margin-top: 20px;

    font-size: 11px;
  }


  .kqp-contact-s2__details {
    margin-top: 30px;
  }


  .kqp-contact-s2__detail {
    grid-template-columns:
      35px
      minmax(0,1fr)
      20px;

    gap: 10px;
  }


  .kqp-contact-s2__detail strong {
    font-size: 21px;
  }


  .kqp-contact-s2__formbox {
    padding:
      27px
      20px;
  }


  .kqp-contact-s2__formhead h3 {
    font-size: 40px;
  }


  .kqp-contact-s2__row {
    grid-template-columns: 1fr;
  }


  .kqp-contact-s2__form {
    gap: 17px;
  }

}/* End custom CSS */