.elementor-13 .elementor-element.elementor-element-5b1ac28{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-cda8530{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-144050f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5bdecde{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-302e27b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-50db456{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-00bb180{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-17a4105{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-f6ec4ef *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 01 HERO
   Luxury Royal / Burgundy / Black / TRUE GOLD
========================================================= */

.kqp-home-hero,
.kqp-home-hero * {
  box-sizing: border-box;
}

.kqp-home-hero {
  /* BRAND */
  --kqp-burgundy: #240708;
  --kqp-burgundy-deep: #160304;
  --kqp-wine: #5a0a10;

  /* TRUE GOLD */
  --kqp-gold: #ffd700;
  --kqp-gold-rich: #d4af37;
  --kqp-gold-light: #ffe66d;
  --kqp-gold-soft: #fff0a6;

  --kqp-ivory: #fff9ec;
  --kqp-white: #ffffff;
  --kqp-black: #050505;

  position: relative;

  width: 100%;
  min-height: 100svh;

  display: flex;
  align-items: center;

  background: var(--kqp-black);

  overflow: hidden;

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

  color: var(--kqp-white);
}


/* =========================================================
   BACKGROUND IMAGE
   TEMPORARY REMOTE IMAGE
   Tukar URL ni nanti dengan gambar official KQP
========================================================= */

.kqp-home-hero__media {
  position: absolute;
  inset: 0;

  z-index: 0;

  background-image:
    url("https://images.unsplash.com/photo-1561489413-985b06da5bee?auto=format&fit=crop&w=2000&q=90");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* HTML image hide sebab kita guna CSS background */

.kqp-home-hero__image {
  display: none;
}


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

.kqp-home-hero__overlay {
  position: absolute;
  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      90deg,
      rgba(5, 5, 5, .98) 0%,
      rgba(15, 3, 4, .96) 18%,
      rgba(36, 7, 8, .90) 37%,
      rgba(36, 7, 8, .68) 56%,
      rgba(18, 3, 4, .32) 76%,
      rgba(5, 5, 5, .48) 100%
    ),

    linear-gradient(
      180deg,
      rgba(5, 5, 5, .48) 0%,
      rgba(5, 5, 5, .04) 40%,
      rgba(5, 5, 5, .86) 100%
    );
}


/* =========================================================
   GOLD AMBIENT GLOW
========================================================= */

.kqp-home-hero__glow {
  position: absolute;

  z-index: 1;

  width: 850px;
  height: 850px;

  left: -360px;
  top: 46%;

  transform: translateY(-50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 215, 0, .16) 0%,
      rgba(255, 215, 0, .07) 34%,
      rgba(212, 175, 55, .025) 54%,
      transparent 72%
    );

  pointer-events: none;
}


/* =========================================================
   SUBTLE BOTTOM GLOW
========================================================= */

.kqp-home-hero::after {
  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;
  bottom: -350px;

  width: 1000px;
  height: 500px;

  transform: translateX(-50%);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(255, 215, 0, .055),
      transparent 68%
    );

  pointer-events: none;
}


/* =========================================================
   DECORATIVE GOLD LINES
========================================================= */

.kqp-home-hero__line {
  position: absolute;

  z-index: 2;

  width: 1px;
  height: 200px;

  top: 50%;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(255, 215, 0, .75),
      transparent
    );
}


.kqp-home-hero__line--left {
  left: 30px;

  transform: translateY(-50%);
}


.kqp-home-hero__line--right {
  right: 30px;

  transform: translateY(-50%);
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.kqp-home-hero__wrap {
  position: relative;

  z-index: 3;

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

  margin: 0 auto;

  padding:
    clamp(150px, 14vh, 200px)
    0
    clamp(170px, 18vh, 220px);

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

  gap: 60px;
}


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

.kqp-home-hero__content {
  width: min(800px, 100%);
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-hero__eyebrow {
  display: flex;
  align-items: center;

  gap: 15px;

  margin-bottom: 27px;

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

  line-height: 1.3;

  letter-spacing: .27em;

  text-transform: uppercase;

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


.kqp-home-hero__eyebrow span {
  width: 48px;
  height: 1px;

  flex-shrink: 0;

  background:
    linear-gradient(
      90deg,
      var(--kqp-gold-rich),
      var(--kqp-gold),
      var(--kqp-gold-soft)
    );

  box-shadow:
    0 0 10px rgba(255, 215, 0, .24);
}


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

.kqp-home-hero__title {
  margin: 0;

  max-width: 850px;

  font-family:
    "Cormorant Garamond",
    "Times New Roman",
    Georgia,
    serif;

  font-size:
    clamp(64px, 7.1vw, 114px);

  font-weight: 500;

  line-height: .88;

  letter-spacing: -.045em;

  color: var(--kqp-ivory);

  text-shadow:
    0 8px 30px rgba(0, 0, 0, .35);
}


.kqp-home-hero__title em {
  display: block;

  margin-top: 11px;

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

  color: var(--kqp-gold);

  text-shadow:
    0 3px 15px rgba(0, 0, 0, .55),
    0 0 30px rgba(255, 215, 0, .10);
}


/* =========================================================
   SUBTITLE
========================================================= */

.kqp-home-hero__sub {
  margin:
    clamp(29px, 3vw, 43px)
    0
    0;

  max-width: 660px;

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

  font-size:
    clamp(20px, 1.75vw, 29px);

  font-weight: 400;

  line-height: 1.38;

  color: rgba(255, 249, 236, .90);
}


.kqp-home-hero__sub strong {
  font-weight: 500;

  color: var(--kqp-gold-light);
}


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

.kqp-home-hero__desc {
  margin: 22px 0 0;

  max-width: 630px;

  font-size: 14px;
  font-weight: 400;

  line-height: 1.85;

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


/* =========================================================
   ACTIONS
========================================================= */

.kqp-home-hero__actions {
  margin-top: 37px;

  display: flex;
  align-items: center;

  flex-wrap: wrap;

  gap: 12px;
}


/* =========================================================
   GLOBAL HERO BUTTON
========================================================= */

.kqp-btn {
  position: relative;

  min-height: 56px;

  padding: 0 26px;

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

  gap: 17px;

  border: 1px solid transparent;

  overflow: hidden;

  text-decoration: none;

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

  line-height: 1;

  letter-spacing: .15em;

  text-transform: uppercase;

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


.kqp-btn span,
.kqp-btn svg {
  position: relative;

  z-index: 2;
}


.kqp-btn svg {
  width: 17px;
  height: 17px;

  flex-shrink: 0;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.6;

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

  transition: transform .3s ease;
}


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


/* =========================================================
   TRUE GOLD BUTTON
========================================================= */

.kqp-btn--gold {
  color: #090704;

  border-color: var(--kqp-gold);

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

  background-size: 180% 100%;

  box-shadow:
    0 15px 35px rgba(0, 0, 0, .28),
    0 0 20px rgba(255, 215, 0, .08);
}


.kqp-btn--gold::before {
  content: "";

  position: absolute;

  top: -100%;
  left: -50%;

  width: 30px;
  height: 300%;

  transform: rotate(28deg);

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

  transition: left .55s ease;
}


.kqp-btn--gold:hover {
  transform: translateY(-3px);

  background-position: 100% center;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, .34),
    0 0 28px rgba(255, 215, 0, .16);
}


.kqp-btn--gold:hover::before {
  left: 130%;
}


/* =========================================================
   OUTLINE BUTTON
========================================================= */

.kqp-btn--outline {
  color: var(--kqp-ivory);

  border-color:
    rgba(255, 215, 0, .43);

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

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


.kqp-btn--outline:hover {
  transform: translateY(-3px);

  color: var(--kqp-gold);

  border-color: var(--kqp-gold);

  background:
    rgba(255, 215, 0, .075);

  box-shadow:
    0 15px 35px rgba(0, 0, 0, .22);
}


/* =========================================================
   SIDE EDITION MARK
========================================================= */

.kqp-home-hero__edition {
  width: 190px;

  margin-top: 40px;

  padding: 7px 0 7px 26px;

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

  display: flex;
  flex-direction: column;

  position: relative;
}


.kqp-home-hero__edition::before {
  content: "";

  position: absolute;

  left: -3px;
  top: 0;

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--kqp-gold);

  box-shadow:
    0 0 12px rgba(255, 215, 0, .5);
}


.kqp-home-hero__edition span {
  font-size: 9px;
  font-weight: 700;

  letter-spacing: .27em;

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


.kqp-home-hero__edition strong {
  margin-top: 4px;

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

  font-size: 51px;
  font-weight: 500;

  line-height: 1;

  letter-spacing: -.03em;

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


.kqp-home-hero__edition small {
  margin-top: 11px;

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

  line-height: 1.5;

  letter-spacing: .17em;

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


/* =========================================================
   BOTTOM INFORMATION BAR
========================================================= */

.kqp-home-hero__bottom {
  position: absolute;

  z-index: 4;

  left: 0;
  bottom: 0;

  width: 100%;

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

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

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


.kqp-home-hero__bottom-wrap {
  width:
    min(1380px, calc(100% - 80px));

  min-height: 108px;

  margin: 0 auto;

  display: flex;
  align-items: center;
}


/* =========================================================
   META INFORMATION
========================================================= */

.kqp-home-hero__meta {
  min-width: 210px;

  display: flex;
  align-items: center;

  gap: 15px;
}


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

  font-size: 29px;
  font-weight: 500;
  font-style: italic;

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


.kqp-home-hero__meta div {
  display: flex;
  flex-direction: column;

  gap: 5px;
}


.kqp-home-hero__meta small {
  font-size: 7px;
  font-weight: 800;

  line-height: 1.3;

  letter-spacing: .19em;

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


.kqp-home-hero__meta strong {
  font-size: 9px;
  font-weight: 700;

  line-height: 1.4;

  letter-spacing: .12em;

  color: rgba(255, 249, 236, .92);
}


/* =========================================================
   DIVIDER
========================================================= */

.kqp-home-hero__divider {
  width: 1px;
  height: 36px;

  flex-shrink: 0;

  margin: 0 34px;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(255, 215, 0, .24),
      transparent
    );
}


/* =========================================================
   SCROLL TO DISCOVER
========================================================= */

.kqp-home-hero__scroll {
  margin-left: auto;

  display: flex;
  align-items: center;

  gap: 17px;

  text-decoration: none;

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

  transition: color .3s ease;
}


.kqp-home-hero__scroll:hover {
  color: var(--kqp-gold);
}


.kqp-home-hero__scroll span {
  font-size: 7px;
  font-weight: 800;

  letter-spacing: .20em;
}


.kqp-home-hero__scroll svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: var(--kqp-gold);
  stroke-width: 1.6;

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

  filter:
    drop-shadow(
      0 0 5px rgba(255, 215, 0, .20)
    );

  animation:
    kqpHeroArrow 1.7s infinite ease-in-out;
}


@keyframes kqpHeroArrow {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(6px);
  }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1500px) {

  .kqp-home-hero__content {
    width: 820px;
  }

}


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

@media (max-width: 1100px) {

  .kqp-home-hero__wrap {
    width: calc(100% - 50px);
  }


  .kqp-home-hero__bottom-wrap {
    width: calc(100% - 50px);
  }


  .kqp-home-hero__edition {
    display: none;
  }


  .kqp-home-hero__content {
    width: min(760px, 100%);
  }


  .kqp-home-hero__meta {
    min-width: auto;

    flex: 1;
  }


  .kqp-home-hero__divider {
    margin: 0 20px;
  }

}


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

@media (max-width: 850px) {

  .kqp-home-hero__bottom-wrap {
    min-height: 100px;
  }


  .kqp-home-hero__meta > span {
    font-size: 24px;
  }


  .kqp-home-hero__meta strong {
    font-size: 8px;
  }


  .kqp-home-hero__scroll {
    display: none;
  }

}


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

@media (max-width: 767px) {

  .kqp-home-hero {
    min-height: 930px;
  }


  /* BACKGROUND */

  .kqp-home-hero__media {
    background-position: 60% center;
  }


  /* MOBILE OVERLAY */

  .kqp-home-hero__overlay {
    background:

      linear-gradient(
        180deg,
        rgba(5, 5, 5, .48) 0%,
        rgba(20, 3, 5, .38) 20%,
        rgba(36, 7, 8, .60) 42%,
        rgba(10, 3, 3, .91) 68%,
        rgba(5, 5, 5, .99) 100%
      ),

      linear-gradient(
        90deg,
        rgba(5, 5, 5, .20),
        rgba(5, 5, 5, .05)
      );
  }


  .kqp-home-hero__glow {
    width: 600px;
    height: 600px;

    left: -390px;
    top: 58%;
  }


  .kqp-home-hero__line {
    display: none;
  }


  /* CONTENT */

  .kqp-home-hero__wrap {
    width: calc(100% - 36px);

    min-height: 930px;

    padding:
      175px
      0
      250px;

    align-items: flex-end;
  }


  .kqp-home-hero__content {
    width: 100%;
  }


  /* EYEBROW */

  .kqp-home-hero__eyebrow {
    gap: 11px;

    margin-bottom: 19px;

    font-size: 8px;

    letter-spacing: .18em;
  }


  .kqp-home-hero__eyebrow span {
    width: 29px;
  }


  /* TITLE */

  .kqp-home-hero__title {
    max-width: 100%;

    font-size:
      clamp(54px, 17vw, 76px);

    line-height: .89;

    letter-spacing: -.04em;
  }


  .kqp-home-hero__title em {
    margin-top: 7px;
  }


  /* SUBTITLE */

  .kqp-home-hero__sub {
    margin-top: 25px;

    max-width: 100%;

    font-size: 20px;

    line-height: 1.38;
  }


  /* DESCRIPTION */

  .kqp-home-hero__desc {
    margin-top: 17px;

    max-width: 100%;

    font-size: 12px;

    line-height: 1.75;

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


  /* BUTTONS */

  .kqp-home-hero__actions {
    margin-top: 29px;

    flex-direction: column;

    align-items: stretch;

    gap: 10px;
  }


  .kqp-btn {
    width: 100%;

    min-height: 56px;

    padding: 0 20px;
  }


  /* BOTTOM BAR */

  .kqp-home-hero__bottom {
    background:
      rgba(5, 5, 5, .84);
  }


  .kqp-home-hero__bottom-wrap {
    width: calc(100% - 36px);

    min-height: auto;

    padding: 20px 0 22px;

    display: grid;

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

    gap: 20px 12px;
  }


  .kqp-home-hero__meta {
    min-width: 0;

    gap: 9px;
  }


  .kqp-home-hero__meta:nth-of-type(3) {
    grid-column: 1 / -1;
  }


  .kqp-home-hero__meta > span {
    font-size: 23px;
  }


  .kqp-home-hero__meta small {
    font-size: 6px;

    letter-spacing: .15em;
  }


  .kqp-home-hero__meta strong {
    font-size: 8px;

    letter-spacing: .08em;
  }


  .kqp-home-hero__divider {
    display: none;
  }


  .kqp-home-hero__scroll {
    display: none;
  }

}


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

@media (max-width: 390px) {

  .kqp-home-hero__wrap {
    width: calc(100% - 30px);
  }


  .kqp-home-hero__bottom-wrap {
    width: calc(100% - 30px);
  }


  .kqp-home-hero__title {
    font-size: 52px;
  }


  .kqp-home-hero__sub {
    font-size: 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fa3930 *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 02
   MORE THAN A CROWN
========================================================= */

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


.kqp-home-s2 {
  --kqp-black: #080706;
  --kqp-burgundy: #240708;
  --kqp-wine: #5a0a10;

  --kqp-gold: #ffd700;
  --kqp-gold-rich: #d4af37;
  --kqp-gold-soft: #f5df83;

  --kqp-ivory: #f7f2e8;
  --kqp-ivory-light: #fcf9f3;

  --kqp-dark-text: #171313;
  --kqp-body: #68605a;
  --kqp-border: rgba(36, 7, 8, .12);

  position: relative;

  width: 100%;

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

  background:
    linear-gradient(
      180deg,
      var(--kqp-ivory-light) 0%,
      var(--kqp-ivory) 100%
    );

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

  overflow: hidden;
}


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

.kqp-home-s2::before {
  content: "KQP";

  position: absolute;

  right: -35px;
  top: 45px;

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

  font-size:
    clamp(150px, 18vw, 310px);

  font-weight: 600;

  line-height: 1;

  letter-spacing: -.05em;

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

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.kqp-home-s2__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;

  display: grid;

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

  gap:
    clamp(60px, 7vw, 120px);

  align-items: center;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.kqp-home-s2__visual {
  position: relative;

  min-height: 720px;

  overflow: hidden;

  background: var(--kqp-black);
}


.kqp-home-s2__image {
  position: absolute;

  inset: 0;
}


.kqp-home-s2__image img {
  width: 100%;
  height: 100%;

  display: block;

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

  transition:
    transform .8s ease;
}


.kqp-home-s2__visual:hover
.kqp-home-s2__image img {
  transform: scale(1.035);
}


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

.kqp-home-s2__image-overlay {
  position: absolute;

  inset: 0;

  background:

    linear-gradient(
      180deg,
      rgba(0, 0, 0, .08) 0%,
      rgba(36, 7, 8, .12) 50%,
      rgba(8, 7, 6, .83) 100%
    ),

    linear-gradient(
      90deg,
      rgba(36, 7, 8, .14),
      transparent
    );

  pointer-events: none;
}


/* =========================================================
   VISUAL CAPTION
========================================================= */

.kqp-home-s2__visual-caption {
  position: absolute;

  left: 38px;
  right: 38px;
  bottom: 36px;

  z-index: 3;

  padding-top: 22px;

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

  display: flex;
  flex-direction: column;

  gap: 8px;
}


.kqp-home-s2__visual-caption span {
  font-size: 8px;
  font-weight: 800;

  letter-spacing: .27em;

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


.kqp-home-s2__visual-caption strong {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 31px;
  font-weight: 500;

  color: #fff8e9;
}


/* =========================================================
   VISUAL KQP MARK
========================================================= */

.kqp-home-s2__visual-mark {
  position: absolute;

  z-index: 3;

  top: 30px;
  right: 30px;

  width: 68px;
  height: 68px;

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

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

  border-radius: 50%;

  background:
    rgba(8, 7, 6, .38);

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


.kqp-home-s2__visual-mark::before {
  content: "";

  position: absolute;

  inset: 6px;

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

  border-radius: 50%;
}


.kqp-home-s2__visual-mark span {
  position: relative;

  z-index: 2;

  font-family:
    "Cormorant Garamond",
    serif;

  font-size: 17px;
  font-weight: 600;

  letter-spacing: .08em;

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


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

.kqp-home-s2__content {
  width: 100%;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s2__eyebrow {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 22px;

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

  letter-spacing: .25em;

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


.kqp-home-s2__eyebrow span {
  width: 42px;
  height: 1px;

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


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

.kqp-home-s2__title {
  margin: 0;

  max-width: 760px;

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

  font-size:
    clamp(52px, 5.5vw, 83px);

  font-weight: 500;

  line-height: .98;

  letter-spacing: -.035em;

  color: var(--kqp-dark-text);
}


.kqp-home-s2__title em {
  display: block;

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

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


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

.kqp-home-s2__intro {
  margin:
    27px
    0
    0;

  max-width: 720px;

  font-size: 14px;

  line-height: 1.9;

  color: var(--kqp-body);
}


/* =========================================================
   PILLARS
========================================================= */

.kqp-home-s2__pillars {
  margin-top: 43px;

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


/* =========================================================
   PILLAR
========================================================= */

.kqp-home-s2__pillar {
  position: relative;

  display: grid;

  grid-template-columns:
    54px
    1fr
    48px;

  gap: 22px;

  align-items: start;

  padding:
    25px
    0;

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

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


.kqp-home-s2__pillar:hover {
  padding-left: 14px;

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


/* =========================================================
   NUMBER
========================================================= */

.kqp-home-s2__number {
  padding-top: 2px;

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

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

  line-height: 1;

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


/* =========================================================
   COPY
========================================================= */

.kqp-home-s2__pillar-copy h3 {
  margin: 0;

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

  font-size: 27px;
  font-weight: 600;

  line-height: 1.1;

  color: var(--kqp-dark-text);
}


.kqp-home-s2__pillar-copy p {
  margin: 8px 0 0;

  max-width: 580px;

  font-size: 12px;

  line-height: 1.75;

  color: var(--kqp-body);
}


/* =========================================================
   OFFICIAL LINE ICON STYLE
========================================================= */

.kqp-home-s2__icon {
  width: 46px;
  height: 46px;

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

  border:
    1px solid rgba(212, 175, 55, .42);

  border-radius: 50%;

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


.kqp-home-s2__icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: var(--kqp-wine);
  stroke-width: 1.35;

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


.kqp-home-s2__pillar:hover
.kqp-home-s2__icon {
  transform: translateY(-3px);

  border-color: var(--kqp-gold);

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


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

.kqp-home-s2__statement {
  margin-top: 38px;

  display: flex;
  align-items: center;

  gap: 18px;
}


.kqp-home-s2__statement > span {
  width: 54px;
  height: 1px;

  flex-shrink: 0;

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


.kqp-home-s2__statement p {
  margin: 0;

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

  font-size: 20px;

  font-style: italic;

  line-height: 1.45;

  color: #514541;
}


.kqp-home-s2__statement strong {
  font-weight: 600;

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


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

@media (max-width: 1100px) {

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

    grid-template-columns:
      .9fr
      1.1fr;

    gap: 55px;
  }


  .kqp-home-s2__visual {
    min-height: 680px;
  }

}


/* =========================================================
   MOBILE / TABLET STACK
========================================================= */

@media (max-width: 850px) {

  .kqp-home-s2 {
    padding:
      80px
      0;
  }


  .kqp-home-s2__wrap {
    width:
      calc(100% - 40px);

    grid-template-columns:
      1fr;

    gap: 55px;
  }


  .kqp-home-s2__visual {
    min-height: 620px;
  }


  .kqp-home-s2__content {
    max-width: 760px;
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s2 {
    padding:
      66px
      0
      72px;
  }


  .kqp-home-s2::before {
    font-size: 130px;

    right: -15px;
    top: 10px;
  }


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

    gap: 43px;
  }


  /* IMAGE */

  .kqp-home-s2__visual {
    min-height: 500px;
  }


  .kqp-home-s2__visual-caption {
    left: 22px;
    right: 22px;
    bottom: 23px;

    padding-top: 16px;
  }


  .kqp-home-s2__visual-caption strong {
    font-size: 26px;
  }


  .kqp-home-s2__visual-mark {
    top: 18px;
    right: 18px;

    width: 57px;
    height: 57px;
  }


  .kqp-home-s2__visual-mark span {
    font-size: 14px;
  }


  /* HEAD */

  .kqp-home-s2__eyebrow {
    margin-bottom: 17px;

    font-size: 8px;

    letter-spacing: .2em;
  }


  .kqp-home-s2__eyebrow span {
    width: 29px;
  }


  .kqp-home-s2__title {
    font-size:
      clamp(46px, 14vw, 62px);

    line-height: .96;
  }


  .kqp-home-s2__intro {
    margin-top: 21px;

    font-size: 13px;

    line-height: 1.8;
  }


  /* PILLARS */

  .kqp-home-s2__pillars {
    margin-top: 32px;
  }


  .kqp-home-s2__pillar {
    grid-template-columns:
      42px
      1fr;

    gap:
      7px
      14px;

    padding:
      22px
      0;
  }


  .kqp-home-s2__pillar:hover {
    padding-left: 0;
  }


  .kqp-home-s2__number {
    font-size: 22px;
  }


  .kqp-home-s2__pillar-copy h3 {
    font-size: 24px;
  }


  .kqp-home-s2__pillar-copy p {
    font-size: 12px;
  }


  .kqp-home-s2__icon {
    display: none;
  }


  /* STATEMENT */

  .kqp-home-s2__statement {
    margin-top: 30px;

    align-items: flex-start;

    gap: 13px;
  }


  .kqp-home-s2__statement > span {
    width: 30px;

    margin-top: 13px;
  }


  .kqp-home-s2__statement p {
    font-size: 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20f116d *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 03
   THE THREE CROWNS
========================================================= */

.kqp-home-s3,
.kqp-home-s3 * {
  box-sizing: border-box;
}


/* =========================================================
   SECTION
========================================================= */

.kqp-home-s3 {
  --s3-black: #050505;
  --s3-black-soft: #0c0909;

  --s3-burgundy: #240708;
  --s3-wine: #5a0a10;

  --s3-gold: #ffd700;
  --s3-gold-rich: #d4af37;
  --s3-gold-light: #ffe66d;

  --s3-ivory: #fff8e8;
  --s3-white: #ffffff;

  position: relative;

  width: 100%;

  padding:
    clamp(100px, 10vw, 155px)
    0
    clamp(90px, 9vw, 135px);

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(90, 10, 16, .38),
      transparent 40%
    ),
    linear-gradient(
      180deg,
      #090606 0%,
      #050505 100%
    );

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

  color: #ffffff;
}


/* =========================================================
   BACKGROUND GOLD GLOW
========================================================= */

.kqp-home-s3__glow {
  position: absolute;

  z-index: 0;

  top: 40%;
  left: 50%;

  width: 850px;
  height: 850px;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 215, 0, .055),
      transparent 67%
    );

  pointer-events: none;
}


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

.kqp-home-s3__word {
  position: absolute;

  z-index: 0;

  left: 50%;
  top: 68px;

  transform: translateX(-50%);

  white-space: nowrap;

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

  font-size:
    clamp(120px, 19vw, 320px);

  font-weight: 600;

  line-height: .8;

  letter-spacing: -.055em;

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

  pointer-events: none;
}


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

.kqp-home-s3__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;
}


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

.kqp-home-s3__head {
  margin-bottom:
    clamp(50px, 6vw, 82px);

  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);

  gap: 70px;

  align-items: end;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s3__eyebrow {
  margin-bottom: 23px;

  display: flex;
  align-items: center;

  gap: 14px;

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

  letter-spacing: .27em;

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


.kqp-home-s3__eyebrow > span {
  width: 43px;
  height: 1px;

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


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

.kqp-home-s3__heading h2 {
  margin: 0;

  max-width: 850px;

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

  font-size:
    clamp(55px, 5.8vw, 88px);

  font-weight: 500;

  line-height: .94;

  letter-spacing: -.04em;

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


.kqp-home-s3__heading h2 em {
  display: block;

  margin-top: 7px;

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

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


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

.kqp-home-s3__intro {
  padding-left: 33px;

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


.kqp-home-s3__intro p {
  margin: 0;

  max-width: 460px;

  font-size: 13px;

  line-height: 1.85;

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


/* =========================================================
   EXPLORE LINK
========================================================= */

.kqp-home-s3__explore {
  margin-top: 24px;

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

  gap: 16px;

  color: var(--s3-gold);

  text-decoration: none;

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

  letter-spacing: .16em;

  text-transform: uppercase;
}


.kqp-home-s3__explore svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

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

  transition: transform .3s ease;
}


.kqp-home-s3__explore:hover svg {
  transform: translateX(5px);
}


/* =========================================================
   CARDS GRID
========================================================= */

.kqp-home-s3__grid {
  display: grid;

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

  gap: 14px;
}


/* =========================================================
   CARD
========================================================= */

.kqp-home-s3__card {
  position: relative;

  min-height: 680px;

  overflow: hidden;

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

  background: #111;

  isolation: isolate;
}


/* FEATURE CENTER */

.kqp-home-s3__card--feature {
  transform: translateY(-28px);

  border-color:
    rgba(255, 215, 0, .38);

  box-shadow:
    0 30px 80px rgba(0, 0, 0, .32);
}


/* =========================================================
   IMAGE
========================================================= */

.kqp-home-s3__media {
  position: absolute;

  inset: 0;

  z-index: 0;
}


.kqp-home-s3__media img {
  width: 100%;
  height: 100%;

  display: block;

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

  filter:
    saturate(.85)
    contrast(1.04);

  transform: scale(1.01);

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1),
    filter .6s ease;
}


.kqp-home-s3__card:hover
.kqp-home-s3__media img {
  transform: scale(1.055);

  filter:
    saturate(1)
    contrast(1.05);
}


/* =========================================================
   IMAGE SHADE
========================================================= */

.kqp-home-s3__shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      180deg,
      rgba(0, 0, 0, .22) 0%,
      rgba(0, 0, 0, .03) 30%,
      rgba(12, 2, 3, .38) 54%,
      rgba(5, 5, 5, .98) 100%
    ),

    linear-gradient(
      90deg,
      rgba(36, 7, 8, .15),
      transparent
    );
}


/* =========================================================
   TOP INFO
========================================================= */

.kqp-home-s3__top {
  position: absolute;

  z-index: 3;

  top: 28px;
  left: 29px;
  right: 29px;

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


.kqp-home-s3__no {
  font-family:
    "Cormorant Garamond",
    serif;

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

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


.kqp-home-s3__category {
  padding: 8px 11px;

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

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

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

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

  letter-spacing: .21em;

  color: #ffffff;
}


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

.kqp-home-s3__content {
  position: absolute;

  z-index: 3;

  left: 31px;
  right: 31px;
  bottom: 31px;
}


/* =========================================================
   CROWN ICON
========================================================= */

.kqp-home-s3__crown-mark {
  margin-bottom: 18px;

  width: 48px;
}


.kqp-home-s3__crown-mark svg {
  width: 100%;
  height: auto;

  fill: none;

  stroke: var(--s3-gold);
  stroke-width: 1.15;

  stroke-linejoin: round;
}


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

.kqp-home-s3__small {
  display: block;

  margin-bottom: 11px;

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

  letter-spacing: .25em;

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


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

.kqp-home-s3__content h3 {
  margin: 0;

  max-width: 340px;

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

  font-size:
    clamp(37px, 3vw, 49px);

  font-weight: 500;

  line-height: .96;

  letter-spacing: -.025em;

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


/* =========================================================
   GOLD RULE
========================================================= */

.kqp-home-s3__rule {
  width: 48px;
  height: 1px;

  margin:
    22px
    0
    17px;

  background:
    linear-gradient(
      90deg,
      var(--s3-gold),
      transparent
    );

  transition: width .4s ease;
}


.kqp-home-s3__card:hover
.kqp-home-s3__rule {
  width: 90px;
}


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

.kqp-home-s3__content p {
  margin: 0;

  max-width: 335px;

  padding-right: 45px;

  font-size: 11px;

  line-height: 1.7;

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


/* =========================================================
   ROUND ARROW
========================================================= */

.kqp-home-s3__arrow {
  position: absolute;

  right: 0;
  bottom: 0;

  width: 42px;
  height: 42px;

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

  border-radius: 50%;

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

  color: var(--s3-gold);

  transition:
    background .3s ease,
    transform .3s ease,
    color .3s ease;
}


.kqp-home-s3__arrow svg {
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

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


.kqp-home-s3__arrow:hover {
  transform: translateX(3px);

  color: #080706;

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


/* =========================================================
   CARD GOLD HOVER EDGE
========================================================= */

.kqp-home-s3__card::after {
  content: "";

  position: absolute;

  z-index: 4;

  left: 0;
  bottom: 0;

  width: 0;
  height: 2px;

  background:
    linear-gradient(
      90deg,
      var(--s3-gold),
      var(--s3-gold-light)
    );

  transition: width .5s ease;
}


.kqp-home-s3__card:hover::after {
  width: 100%;
}


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

.kqp-home-s3__bottom {
  margin-top: 58px;

  display: flex;
  align-items: center;

  gap: 25px;
}


.kqp-home-s3__bottom-line {
  height: 1px;

  flex: 1;

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


.kqp-home-s3__bottom p {
  margin: 0;

  white-space: nowrap;

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

  letter-spacing: .22em;

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


.kqp-home-s3__bottom i {
  margin: 0 9px;

  font-style: normal;

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


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1100px) {

  .kqp-home-s3__wrap {
    width:
      calc(100% - 50px);
  }


  .kqp-home-s3__head {
    grid-template-columns:
      1.2fr
      .8fr;

    gap: 45px;
  }


  .kqp-home-s3__card {
    min-height: 620px;
  }


  .kqp-home-s3__content {
    left: 24px;
    right: 24px;
    bottom: 26px;
  }

}


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

@media (max-width: 850px) {

  .kqp-home-s3__head {
    grid-template-columns: 1fr;

    gap: 30px;
  }


  .kqp-home-s3__intro {
    max-width: 650px;
  }


  .kqp-home-s3__grid {
    grid-template-columns: 1fr;
  }


  .kqp-home-s3__card,
  .kqp-home-s3__card--feature {
    min-height: 720px;

    transform: none;
  }


  .kqp-home-s3__media img {
    object-position: center 25%;
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s3 {
    padding:
      74px
      0
      70px;
  }


  .kqp-home-s3__wrap {
    width:
      calc(100% - 32px);
  }


  .kqp-home-s3__word {
    top: 50px;

    font-size: 100px;
  }


  /* HEADER */

  .kqp-home-s3__head {
    margin-bottom: 42px;

    gap: 25px;
  }


  .kqp-home-s3__eyebrow {
    margin-bottom: 18px;

    font-size: 8px;

    letter-spacing: .20em;
  }


  .kqp-home-s3__eyebrow > span {
    width: 30px;
  }


  .kqp-home-s3__heading h2 {
    font-size:
      clamp(47px, 14vw, 62px);
  }


  .kqp-home-s3__intro {
    padding:
      0
      0
      0
      19px;
  }


  .kqp-home-s3__intro p {
    font-size: 12px;

    line-height: 1.8;
  }


  /* CARDS */

  .kqp-home-s3__grid {
    gap: 14px;
  }


  .kqp-home-s3__card,
  .kqp-home-s3__card--feature {
    min-height: 610px;
  }


  .kqp-home-s3__top {
    top: 21px;
    left: 21px;
    right: 21px;
  }


  .kqp-home-s3__content {
    left: 22px;
    right: 22px;
    bottom: 23px;
  }


  .kqp-home-s3__content h3 {
    font-size: 40px;
  }


  .kqp-home-s3__content p {
    max-width: 300px;

    padding-right: 50px;

    font-size: 10px;
  }


  .kqp-home-s3__crown-mark {
    width: 42px;
  }


  /* BOTTOM */

  .kqp-home-s3__bottom {
    margin-top: 38px;

    gap: 13px;
  }


  .kqp-home-s3__bottom p {
    font-size: 6px;

    letter-spacing: .15em;
  }


  .kqp-home-s3__bottom i {
    margin: 0 4px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-201148b *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 04
   BORN IN SABAH
========================================================= */

.kqp-home-s4,
.kqp-home-s4 * {
  box-sizing: border-box;
}


.kqp-home-s4 {
  --s4-black: #080706;

  --s4-burgundy: #240708;
  --s4-wine: #5a0a10;

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

  --s4-ivory: #f6f0e5;
  --s4-ivory-light: #fffaf0;

  --s4-dark: #171313;
  --s4-text: #6c625d;

  position: relative;

  width: 100%;

  padding:
    clamp(95px, 10vw, 155px)
    0;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #fffaf0 0%,
      #f6f0e5 100%
    );

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


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

.kqp-home-s4::before {
  content: "PACIFIC";

  position: absolute;

  right: -60px;
  bottom: -25px;

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

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

  font-weight: 600;

  line-height: 1;

  letter-spacing: -.05em;

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

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.kqp-home-s4__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(0, 1.05fr);

  gap:
    clamp(60px, 7vw, 115px);

  align-items: center;
}


/* =========================================================
   IMAGE
========================================================= */

.kqp-home-s4__visual {
  position: relative;

  min-height: 760px;

  overflow: hidden;

  background: #111;
}


.kqp-home-s4__image {
  position: absolute;

  inset: 0;
}


.kqp-home-s4__image img {
  width: 100%;
  height: 100%;

  display: block;

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

  transform: scale(1.01);

  transition:
    transform .8s ease;
}


.kqp-home-s4__visual:hover
.kqp-home-s4__image img {
  transform: scale(1.045);
}


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

.kqp-home-s4__overlay {
  position: absolute;

  inset: 0;

  background:

    linear-gradient(
      180deg,
      rgba(0, 0, 0, .05) 0%,
      rgba(36, 7, 8, .10) 50%,
      rgba(8, 7, 6, .88) 100%
    ),

    linear-gradient(
      90deg,
      rgba(36, 7, 8, .18),
      transparent 65%
    );
}


/* =========================================================
   SABAH LABEL
========================================================= */

.kqp-home-s4__label {
  position: absolute;

  top: 30px;
  left: 30px;

  z-index: 3;

  padding:
    16px
    18px;

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

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

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display: flex;
  flex-direction: column;

  gap: 3px;
}


.kqp-home-s4__label span {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 28px;
  font-weight: 600;

  line-height: 1;

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


.kqp-home-s4__label small {
  font-size: 7px;
  font-weight: 800;

  letter-spacing: .26em;

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


/* =========================================================
   IMAGE CAPTION
========================================================= */

.kqp-home-s4__caption {
  position: absolute;

  z-index: 3;

  left: 34px;
  right: 34px;
  bottom: 34px;

  padding-top: 20px;

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

  display: flex;
  flex-direction: column;

  gap: 8px;
}


.kqp-home-s4__caption span {
  font-size: 8px;
  font-weight: 800;

  letter-spacing: .25em;

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


.kqp-home-s4__caption strong {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 30px;
  font-weight: 500;

  color: #fff9ec;
}


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

.kqp-home-s4__content {
  width: 100%;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s4__eyebrow {
  margin-bottom: 22px;

  display: flex;
  align-items: center;

  gap: 14px;

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

  letter-spacing: .25em;

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


.kqp-home-s4__eyebrow span {
  width: 42px;
  height: 1px;

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


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

.kqp-home-s4__title {
  margin: 0;

  max-width: 700px;

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

  font-size:
    clamp(55px, 5.7vw, 86px);

  font-weight: 500;

  line-height: .94;

  letter-spacing: -.04em;

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


.kqp-home-s4__title em {
  display: block;

  margin-top: 5px;

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

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


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

.kqp-home-s4__intro {
  margin: 28px 0 0;

  max-width: 700px;

  font-size: 14px;

  line-height: 1.9;

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


/* =========================================================
   STATS
========================================================= */

.kqp-home-s4__stats {
  margin-top: 42px;

  display: grid;

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

  border-top:
    1px solid rgba(36, 7, 8, .12);
}


/* =========================================================
   STAT ITEM
========================================================= */

.kqp-home-s4__stat {
  min-height: 150px;

  padding:
    27px
    24px
    26px
    0;

  border-bottom:
    1px solid rgba(36, 7, 8, .12);

  display: grid;

  grid-template-columns:
    100px
    1fr;

  gap: 17px;

  align-items: start;
}


.kqp-home-s4__stat:nth-child(even) {
  padding-left: 30px;

  border-left:
    1px solid rgba(36, 7, 8, .12);
}


.kqp-home-s4__stat--wide {
  grid-column: 1 / -1;

  grid-template-columns:
    130px
    1fr;

  padding-right: 0;
}


.kqp-home-s4__stat--wide:nth-child(even) {
  border-left: 0;
}


/* =========================================================
   NUMBER
========================================================= */

.kqp-home-s4__stat-no {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size: 46px;
  font-weight: 500;

  line-height: .95;

  letter-spacing: -.03em;

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


/* =========================================================
   STAT COPY
========================================================= */

.kqp-home-s4__stat strong {
  display: block;

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

  font-size: 22px;
  font-weight: 600;

  line-height: 1.15;

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


.kqp-home-s4__stat p {
  margin: 8px 0 0;

  font-size: 11px;

  line-height: 1.7;

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


/* =========================================================
   HOVER
========================================================= */

.kqp-home-s4__stat {
  transition:
    background .3s ease,
    padding-left .3s ease;
}


.kqp-home-s4__stat:hover {
  background:
    linear-gradient(
      90deg,
      rgba(255, 215, 0, .045),
      transparent
    );
}


.kqp-home-s4__stat:nth-child(odd):hover {
  padding-left: 10px;
}


.kqp-home-s4__stat:nth-child(even):hover {
  padding-left: 40px;
}


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

.kqp-home-s4__bottom {
  margin-top: 38px;

  display: flex;
  align-items: center;

  gap: 17px;
}


.kqp-home-s4__bottom > span {
  width: 52px;
  height: 1px;

  flex-shrink: 0;

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


.kqp-home-s4__bottom p {
  margin: 0;

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

  font-size: 19px;

  font-style: italic;

  line-height: 1.5;

  color: #584c47;
}


.kqp-home-s4__bottom strong {
  font-weight: 600;

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


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1100px) {

  .kqp-home-s4__wrap {
    width:
      calc(100% - 50px);

    gap: 55px;
  }


  .kqp-home-s4__visual {
    min-height: 700px;
  }


  .kqp-home-s4__stat {
    grid-template-columns:
      80px
      1fr;
  }


  .kqp-home-s4__stat--wide {
    grid-template-columns:
      100px
      1fr;
  }


  .kqp-home-s4__stat-no {
    font-size: 38px;
  }

}


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

@media (max-width: 850px) {

  .kqp-home-s4__wrap {
    width:
      calc(100% - 40px);

    grid-template-columns: 1fr;

    gap: 55px;
  }


  .kqp-home-s4__visual {
    min-height: 650px;
  }


  .kqp-home-s4__content {
    max-width: 800px;
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s4 {
    padding:
      70px
      0;
  }


  .kqp-home-s4__wrap {
    width:
      calc(100% - 32px);

    gap: 42px;
  }


  /* IMAGE */

  .kqp-home-s4__visual {
    min-height: 500px;
  }


  .kqp-home-s4__label {
    top: 19px;
    left: 19px;

    padding:
      13px
      14px;
  }


  .kqp-home-s4__label span {
    font-size: 23px;
  }


  .kqp-home-s4__caption {
    left: 21px;
    right: 21px;
    bottom: 22px;
  }


  .kqp-home-s4__caption strong {
    font-size: 25px;
  }


  /* TITLE */

  .kqp-home-s4__eyebrow {
    margin-bottom: 18px;

    font-size: 8px;

    letter-spacing: .20em;
  }


  .kqp-home-s4__eyebrow span {
    width: 30px;
  }


  .kqp-home-s4__title {
    font-size:
      clamp(47px, 14vw, 62px);
  }


  .kqp-home-s4__intro {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.8;
  }


  /* STATS */

  .kqp-home-s4__stats {
    margin-top: 32px;

    grid-template-columns: 1fr;
  }


  .kqp-home-s4__stat,
  .kqp-home-s4__stat--wide {
    grid-column: auto;

    grid-template-columns:
      88px
      1fr;

    min-height: auto;

    padding:
      22px
      0 !important;

    border-left: 0 !important;
  }


  .kqp-home-s4__stat-no {
    font-size: 36px;
  }


  .kqp-home-s4__stat strong {
    font-size: 20px;
  }


  .kqp-home-s4__stat p {
    font-size: 10px;
  }


  /* BOTTOM */

  .kqp-home-s4__bottom {
    margin-top: 30px;

    align-items: flex-start;
  }


  .kqp-home-s4__bottom > span {
    width: 30px;

    margin-top: 12px;
  }


  .kqp-home-s4__bottom p {
    font-size: 17px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfd7794 *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 05
   A LEGACY IN MOTION
========================================================= */

.kqp-home-s5,
.kqp-home-s5 * {
  box-sizing: border-box;
}

.kqp-home-s5 {
  --s5-black: #050505;
  --s5-black-soft: #0b0707;

  --s5-burgundy: #240708;
  --s5-wine: #5a0a10;

  --s5-gold: #ffd700;
  --s5-gold-rich: #d4af37;
  --s5-gold-soft: #ffe785;

  --s5-ivory: #fff8e8;

  position: relative;

  width: 100%;

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

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(90, 10, 16, .34),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #0b0607 0%,
      #050505 100%
    );

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

  color: #ffffff;
}


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

.kqp-home-s5__bgword {
  position: absolute;

  left: 50%;
  top: 50px;

  transform: translateX(-50%);

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

  font-size:
    clamp(140px, 22vw, 360px);

  font-weight: 600;

  line-height: .8;

  letter-spacing: -.06em;

  white-space: nowrap;

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

  pointer-events: none;
}


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

.kqp-home-s5__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;
}


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

.kqp-home-s5__head {
  margin-bottom:
    clamp(60px, 7vw, 95px);

  display: grid;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(300px, .75fr);

  gap: 70px;

  align-items: end;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s5__eyebrow {
  margin-bottom: 22px;

  display: flex;
  align-items: center;

  gap: 14px;

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

  letter-spacing: .25em;

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


.kqp-home-s5__eyebrow span {
  width: 44px;
  height: 1px;

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


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

.kqp-home-s5__head h2 {
  margin: 0;

  max-width: 850px;

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

  font-size:
    clamp(55px, 5.9vw, 90px);

  font-weight: 500;

  line-height: .94;

  letter-spacing: -.04em;

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


.kqp-home-s5__head h2 em {
  display: block;

  margin-top: 7px;

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

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


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

.kqp-home-s5__head-right {
  padding-left: 32px;

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


.kqp-home-s5__head-right p {
  margin: 0;

  max-width: 460px;

  font-size: 13px;

  line-height: 1.9;

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


/* =========================================================
   TIMELINE
========================================================= */

.kqp-home-s5__timeline {
  display: grid;

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

  gap: 18px;
}


/* =========================================================
   ITEM
========================================================= */

.kqp-home-s5__item {
  position: relative;
}


/* =========================================================
   YEAR
========================================================= */

.kqp-home-s5__year {
  min-height: 90px;

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

  padding:
    0
    6px
    18px;

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


.kqp-home-s5__year span {
  font-size: 8px;
  font-weight: 800;

  letter-spacing: .22em;

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


.kqp-home-s5__year strong {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

  font-size:
    clamp(48px, 4vw, 65px);

  font-weight: 500;

  line-height: .8;

  color:
    rgba(255, 248, 232, .88);
}


.kqp-home-s5__item--current
.kqp-home-s5__year strong {
  color: var(--s5-gold);
}


/* =========================================================
   TIMELINE POINT
========================================================= */

.kqp-home-s5__line {
  position: relative;

  height: 54px;
}


.kqp-home-s5__line::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: 50%;

  height: 1px;

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


.kqp-home-s5__line span {
  position: absolute;

  z-index: 2;

  left: 50%;
  top: 50%;

  width: 11px;
  height: 11px;

  transform:
    translate(-50%, -50%);

  border:
    2px solid var(--s5-gold-rich);

  border-radius: 50%;

  background: #080606;
}


.kqp-home-s5__item--current
.kqp-home-s5__line span {
  width: 15px;
  height: 15px;

  border-color: var(--s5-gold);

  background: var(--s5-gold);

  box-shadow:
    0 0 20px rgba(255, 215, 0, .34);
}


/* =========================================================
   CARD
========================================================= */

.kqp-home-s5__card {
  position: relative;

  min-height: 500px;

  overflow: hidden;

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

  background: #111;

  isolation: isolate;
}


.kqp-home-s5__item--current
.kqp-home-s5__card {
  border-color:
    rgba(255, 215, 0, .38);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, .28);
}


/* =========================================================
   IMAGE
========================================================= */

.kqp-home-s5__image {
  position: absolute;

  inset: 0;
}


.kqp-home-s5__image img {
  width: 100%;
  height: 100%;

  display: block;

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

  filter:
    saturate(.82)
    contrast(1.06);

  transition:
    transform .8s ease,
    filter .5s ease;
}


.kqp-home-s5__card:hover
.kqp-home-s5__image img {
  transform: scale(1.055);

  filter:
    saturate(1)
    contrast(1.06);
}


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

.kqp-home-s5__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      180deg,
      rgba(0, 0, 0, .08) 0%,
      rgba(36, 7, 8, .15) 42%,
      rgba(8, 5, 5, .94) 100%
    ),

    linear-gradient(
      90deg,
      rgba(36, 7, 8, .18),
      transparent
    );
}


/* =========================================================
   CURRENT BADGE
========================================================= */

.kqp-home-s5__current-badge {
  position: absolute;

  z-index: 3;

  top: 20px;
  right: 20px;

  padding:
    9px
    12px;

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

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

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

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

  letter-spacing: .18em;

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


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

.kqp-home-s5__card-content {
  position: absolute;

  z-index: 3;

  left: 29px;
  right: 29px;
  bottom: 29px;
}


/* TAG */

.kqp-home-s5__tag {
  display: block;

  margin-bottom: 11px;

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

  letter-spacing: .23em;

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


/* TITLE */

.kqp-home-s5__card-content h3 {
  margin: 0;

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

  font-size:
    clamp(37px, 3.1vw, 49px);

  font-weight: 500;

  line-height: 1;

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


/* DESCRIPTION */

.kqp-home-s5__card-content p {
  margin:
    17px
    0
    0;

  max-width: 360px;

  padding-top: 17px;

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

  font-size: 11px;

  line-height: 1.78;

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


/* =========================================================
   CONTINUITY PANEL
========================================================= */

.kqp-home-s5__continuity {
  margin-top:
    clamp(55px, 6vw, 80px);

  padding:
    clamp(32px, 4vw, 48px);

  display: grid;

  grid-template-columns:
    90px
    minmax(0, 1fr)
    auto;

  gap: 32px;

  align-items: center;

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

  background:
    linear-gradient(
      100deg,
      rgba(90, 10, 16, .36),
      rgba(255, 255, 255, .015)
    );
}


/* =========================================================
   CONTINUITY MARK
========================================================= */

.kqp-home-s5__continuity-mark {
  width: 78px;
  height: 78px;

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

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

  border-radius: 50%;
}


.kqp-home-s5__continuity-mark span {
  font-family:
    "Cormorant Garamond",
    serif;

  font-size: 47px;

  line-height: 1;

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


/* =========================================================
   CONTINUITY COPY
========================================================= */

.kqp-home-s5__continuity-copy small {
  display: block;

  margin-bottom: 8px;

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

  letter-spacing: .24em;

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


.kqp-home-s5__continuity-copy h3 {
  margin: 0;

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

  font-size:
    clamp(30px, 3vw, 43px);

  font-weight: 500;

  line-height: 1.05;

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


.kqp-home-s5__continuity-copy h3 em {
  display: block;

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

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


.kqp-home-s5__continuity-copy p {
  margin: 13px 0 0;

  max-width: 720px;

  font-size: 11px;

  line-height: 1.8;

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


/* =========================================================
   LINK
========================================================= */

.kqp-home-s5__link {
  display: inline-flex;
  align-items: center;

  gap: 15px;

  padding:
    15px
    0;

  text-decoration: none;

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

  letter-spacing: .17em;

  text-transform: uppercase;

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


.kqp-home-s5__link svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

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

  transition:
    transform .3s ease;
}


.kqp-home-s5__link:hover svg {
  transform: translateX(5px);
}


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

@media (max-width: 1100px) {

  .kqp-home-s5__wrap {
    width:
      calc(100% - 50px);
  }


  .kqp-home-s5__head {
    gap: 45px;
  }


  .kqp-home-s5__card {
    min-height: 460px;
  }


  .kqp-home-s5__continuity {
    grid-template-columns:
      76px
      1fr;
  }


  .kqp-home-s5__link {
    grid-column: 2;
  }

}


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

@media (max-width: 850px) {

  .kqp-home-s5__head {
    grid-template-columns: 1fr;

    gap: 27px;
  }


  .kqp-home-s5__head-right {
    max-width: 650px;
  }


  .kqp-home-s5__timeline {
    grid-template-columns: 1fr;

    gap: 0;
  }


  .kqp-home-s5__item {
    display: grid;

    grid-template-columns:
      90px
      42px
      minmax(0, 1fr);

    align-items: stretch;
  }


  .kqp-home-s5__year {
    min-height: auto;

    padding:
      40px
      12px
      40px
      0;

    border-bottom: 0;

    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: flex-start;

    gap: 9px;
  }


  .kqp-home-s5__year strong {
    font-size: 37px;
  }


  .kqp-home-s5__line {
    height: auto;

    min-height: 590px;
  }


  .kqp-home-s5__line::before {
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;

    width: 1px;
    height: 100%;

    background:
      linear-gradient(
        180deg,
        rgba(255, 215, 0, .1),
        rgba(255, 215, 0, .34),
        rgba(255, 215, 0, .1)
      );
  }


  .kqp-home-s5__line span {
    top: 61px;
  }


  .kqp-home-s5__card {
    min-height: 540px;

    margin:
      25px
      0;
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s5 {
    padding:
      75px
      0
      70px;
  }


  .kqp-home-s5__wrap {
    width:
      calc(100% - 32px);
  }


  .kqp-home-s5__bgword {
    top: 35px;

    font-size: 100px;
  }


  /* HEADER */

  .kqp-home-s5__head {
    margin-bottom: 46px;
  }


  .kqp-home-s5__eyebrow {
    margin-bottom: 18px;

    font-size: 8px;

    letter-spacing: .2em;
  }


  .kqp-home-s5__eyebrow span {
    width: 30px;
  }


  .kqp-home-s5__head h2 {
    font-size:
      clamp(47px, 14vw, 62px);
  }


  .kqp-home-s5__head-right {
    padding-left: 18px;
  }


  .kqp-home-s5__head-right p {
    font-size: 12px;
  }


  /* TIMELINE */

  .kqp-home-s5__item {
    grid-template-columns:
      68px
      30px
      minmax(0, 1fr);
  }


  .kqp-home-s5__year {
    padding-top: 35px;
  }


  .kqp-home-s5__year span {
    font-size: 6px;
  }


  .kqp-home-s5__year strong {
    font-size: 28px;
  }


  .kqp-home-s5__line {
    min-height: 520px;
  }


  .kqp-home-s5__line span {
    top: 54px;
  }


  .kqp-home-s5__card {
    min-height: 475px;

    margin:
      20px
      0;
  }


  .kqp-home-s5__card-content {
    left: 21px;
    right: 21px;
    bottom: 22px;
  }


  .kqp-home-s5__card-content h3 {
    font-size: 35px;
  }


  .kqp-home-s5__card-content p {
    font-size: 10px;
  }


  .kqp-home-s5__current-badge {
    top: 15px;
    right: 15px;

    font-size: 6px;
  }


  /* CONTINUITY */

  .kqp-home-s5__continuity {
    margin-top: 48px;

    padding:
      27px
      22px;

    grid-template-columns: 1fr;

    gap: 20px;
  }


  .kqp-home-s5__continuity-mark {
    width: 58px;
    height: 58px;
  }


  .kqp-home-s5__continuity-mark span {
    font-size: 36px;
  }


  .kqp-home-s5__continuity-copy h3 {
    font-size: 30px;
  }


  .kqp-home-s5__link {
    grid-column: auto;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ca045d *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 06
   HEART OF GIVING
========================================================= */

.kqp-home-s6,
.kqp-home-s6 * {
  box-sizing: border-box;
}

.kqp-home-s6 {
  --s6-black: #050505;
  --s6-burgundy: #240708;
  --s6-wine: #5a0a10;

  --s6-gold: #ffd700;
  --s6-gold-rich: #d4af37;
  --s6-ivory: #fff8e8;

  position: relative;

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

  overflow: hidden;

  background: #050505;

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

  color: #ffffff;
}


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

.kqp-home-s6__media {
  position: absolute;

  inset: 0;

  z-index: 0;
}


.kqp-home-s6__media img {
  width: 100%;
  height: 100%;

  display: block;

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

  filter:
    saturate(.88)
    contrast(1.05);

  transform: scale(1.01);

  transition:
    transform 1s ease;
}


.kqp-home-s6:hover
.kqp-home-s6__media img {
  transform: scale(1.035);
}


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

.kqp-home-s6__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      90deg,
      rgba(5, 5, 5, .96) 0%,
      rgba(20, 4, 5, .90) 32%,
      rgba(36, 7, 8, .68) 58%,
      rgba(5, 5, 5, .26) 100%
    ),

    linear-gradient(
      180deg,
      rgba(5, 5, 5, .15) 0%,
      rgba(5, 5, 5, .08) 48%,
      rgba(5, 5, 5, .72) 100%
    );
}


/* =========================================================
   WRAPPER
========================================================= */

.kqp-home-s6__wrap {
  position: relative;

  z-index: 2;

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

  min-height: 760px;

  margin: 0 auto;

  display: flex;
  align-items: center;

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


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

.kqp-home-s6__panel {
  width: min(700px, 100%);

  padding:
    clamp(38px, 5vw, 65px);

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

  background:
    linear-gradient(
      135deg,
      rgba(8, 7, 6, .88),
      rgba(36, 7, 8, .64)
    );

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow:
    0 30px 80px rgba(0, 0, 0, .34);
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s6__eyebrow {
  margin-bottom: 22px;

  display: flex;
  align-items: center;

  gap: 14px;

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

  letter-spacing: .26em;

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


.kqp-home-s6__eyebrow span {
  width: 42px;
  height: 1px;

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


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

.kqp-home-s6__panel h2 {
  margin: 0;

  max-width: 650px;

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

  font-size:
    clamp(54px, 5.7vw, 84px);

  font-weight: 500;

  line-height: .94;

  letter-spacing: -.04em;

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


.kqp-home-s6__panel h2 em {
  display: block;

  margin-top: 7px;

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

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


/* =========================================================
   LEAD
========================================================= */

.kqp-home-s6__lead {
  margin:
    27px
    0
    0;

  max-width: 610px;

  font-size: 13px;

  line-height: 1.9;

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


/* =========================================================
   IMPACT LIST
========================================================= */

.kqp-home-s6__impact {
  margin-top: 37px;

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


.kqp-home-s6__impact-item {
  display: grid;

  grid-template-columns:
    52px
    1fr;

  gap: 17px;

  padding:
    22px
    0;

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


.kqp-home-s6__impact-item > span {
  font-family:
    "Cormorant Garamond",
    Georgia,
    serif;

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

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


.kqp-home-s6__impact-item strong {
  display: block;

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

  font-size: 24px;
  font-weight: 600;

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


.kqp-home-s6__impact-item p {
  margin:
    7px
    0
    0;

  max-width: 500px;

  font-size: 11px;

  line-height: 1.7;

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


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

.kqp-home-s6__cta {
  margin-top: 34px;

  min-height: 54px;

  padding:
    0
    22px;

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

  gap: 15px;

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

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

  color: #080706;

  text-decoration: none;

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

  letter-spacing: .15em;

  text-transform: uppercase;

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


.kqp-home-s6__cta svg {
  width: 17px;
  height: 17px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

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

  transition:
    transform .3s ease;
}


.kqp-home-s6__cta:hover {
  transform: translateY(-3px);

  box-shadow:
    0 14px 30px rgba(255, 215, 0, .14);
}


.kqp-home-s6__cta:hover svg {
  transform: translateX(5px);
}


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

@media (max-width: 1000px) {

  .kqp-home-s6__wrap {
    width:
      calc(100% - 50px);
  }

}


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

@media (max-width: 700px) {

  .kqp-home-s6 {
    min-height: auto;
  }


  .kqp-home-s6__media img {
    object-position: 62% center;
  }


  .kqp-home-s6__overlay {
    background:

      linear-gradient(
        180deg,
        rgba(5, 5, 5, .30) 0%,
        rgba(36, 7, 8, .45) 35%,
        rgba(5, 5, 5, .93) 73%,
        rgba(5, 5, 5, .98) 100%
      );
  }


  .kqp-home-s6__wrap {
    width:
      calc(100% - 32px);

    min-height: 820px;

    align-items: flex-end;

    padding:
      150px
      0
      50px;
  }


  .kqp-home-s6__panel {
    padding:
      28px
      24px;
  }


  .kqp-home-s6__eyebrow {
    font-size: 8px;

    letter-spacing: .20em;
  }


  .kqp-home-s6__eyebrow span {
    width: 30px;
  }


  .kqp-home-s6__panel h2 {
    font-size:
      clamp(46px, 14vw, 62px);
  }


  .kqp-home-s6__lead {
    font-size: 12px;

    line-height: 1.8;
  }


  .kqp-home-s6__impact-item {
    grid-template-columns:
      40px
      1fr;

    gap: 12px;

    padding:
      19px
      0;
  }


  .kqp-home-s6__impact-item > span {
    font-size: 21px;
  }


  .kqp-home-s6__impact-item strong {
    font-size: 21px;
  }


  .kqp-home-s6__impact-item p {
    font-size: 10px;
  }


  .kqp-home-s6__cta {
    width: 100%;

    margin-top: 27px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cf4cc8 *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 07
   THE KQP EXPERIENCE
========================================================= */

.kqp-home-s7,
.kqp-home-s7 * {
  box-sizing: border-box;
}

.kqp-home-s7 {
  --s7-black: #050505;
  --s7-burgundy: #240708;
  --s7-wine: #5a0a10;

  --s7-gold: #ffd700;
  --s7-gold-rich: #d4af37;
  --s7-ivory: #fff8e8;

  position: relative;

  width: 100%;

  padding:
    clamp(95px, 9vw, 145px)
    0
    clamp(80px, 8vw, 120px);

  background:
    linear-gradient(
      180deg,
      #faf5eb 0%,
      #f3eadc 100%
    );

  overflow: hidden;

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


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

.kqp-home-s7::before {
  content: "EXPERIENCE";

  position: absolute;

  left: 50%;
  top: 45px;

  transform: translateX(-50%);

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

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

  font-weight: 600;

  line-height: .8;

  letter-spacing: -.06em;

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

  white-space: nowrap;

  pointer-events: none;
}


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

.kqp-home-s7__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;
}


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

.kqp-home-s7__head {
  margin-bottom:
    clamp(45px, 6vw, 75px);

  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(280px, .8fr);

  gap: 65px;

  align-items: end;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s7__eyebrow {
  margin-bottom: 22px;

  display: flex;
  align-items: center;

  gap: 14px;

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

  letter-spacing: .25em;

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


.kqp-home-s7__eyebrow span {
  width: 42px;
  height: 1px;

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


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

.kqp-home-s7__heading h2 {
  margin: 0;

  max-width: 900px;

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

  font-size:
    clamp(54px, 5.8vw, 88px);

  font-weight: 500;

  line-height: .94;

  letter-spacing: -.04em;

  color: #171313;
}


.kqp-home-s7__heading h2 em {
  display: block;

  margin-top: 7px;

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

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


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

.kqp-home-s7__intro {
  padding-left: 30px;

  border-left:
    1px solid rgba(36, 7, 8, .16);
}


.kqp-home-s7__intro p {
  margin: 0;

  max-width: 450px;

  font-size: 13px;

  line-height: 1.9;

  color: #6c625d;
}


/* =========================================================
   GALLERY
========================================================= */

.kqp-home-s7__gallery {
  display: grid;

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

  grid-auto-rows: 280px;

  gap: 12px;
}


/* =========================================================
   CARD
========================================================= */

.kqp-home-s7__card {
  position: relative;

  min-width: 0;

  overflow: hidden;

  background: #111;

  isolation: isolate;
}


.kqp-home-s7__card--large {
  grid-column: span 2;
  grid-row: span 2;
}


.kqp-home-s7__card--wide {
  grid-column: span 2;
}


.kqp-home-s7__card--feature {
  grid-column: span 2;
}


/* =========================================================
   IMAGE
========================================================= */

.kqp-home-s7__card img {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

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

  filter:
    saturate(.86)
    contrast(1.04);

  transform: scale(1.01);

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1),
    filter .5s ease;
}


.kqp-home-s7__card:hover img {
  transform: scale(1.07);

  filter:
    saturate(1)
    contrast(1.05);
}


/* =========================================================
   SHADE
========================================================= */

.kqp-home-s7__shade {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(
      180deg,
      rgba(0, 0, 0, .04) 0%,
      rgba(36, 7, 8, .08) 40%,
      rgba(5, 5, 5, .90) 100%
    ),

    linear-gradient(
      90deg,
      rgba(36, 7, 8, .14),
      transparent
    );
}


/* =========================================================
   CARD BORDER
========================================================= */

.kqp-home-s7__card::after {
  content: "";

  position: absolute;

  z-index: 3;

  inset: 0;

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

  pointer-events: none;

  transition:
    border-color .3s ease;
}


.kqp-home-s7__card:hover::after {
  border-color:
    rgba(255, 215, 0, .48);
}


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

.kqp-home-s7__card-content {
  position: absolute;

  z-index: 2;

  left: 24px;
  right: 24px;
  bottom: 24px;
}


.kqp-home-s7__card-content > span {
  display: block;

  margin-bottom: 8px;

  font-family:
    "Cormorant Garamond",
    serif;

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

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


.kqp-home-s7__card-content h3 {
  margin: 0;

  max-width: 390px;

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

  font-size:
    clamp(25px, 2.3vw, 38px);

  font-weight: 500;

  line-height: 1.03;

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


.kqp-home-s7__card-content p {
  margin: 9px 0 0;

  max-width: 420px;

  font-size: 10px;

  line-height: 1.65;

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


/* =========================================================
   LARGE CARD TITLE
========================================================= */

.kqp-home-s7__card--large
.kqp-home-s7__card-content {
  left: 32px;
  right: 32px;
  bottom: 31px;
}


.kqp-home-s7__card--large
.kqp-home-s7__card-content h3 {
  font-size:
    clamp(38px, 4vw, 58px);
}


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

.kqp-home-s7__bottom {
  margin-top:
    clamp(40px, 5vw, 65px);

  display: grid;

  grid-template-columns:
    minmax(40px, 1fr)
    auto
    minmax(200px, 1fr);

  gap: 27px;

  align-items: center;
}


.kqp-home-s7__bottom-line {
  height: 1px;

  background:
    linear-gradient(
      90deg,
      rgba(212, 175, 55, .15),
      var(--s7-gold-rich)
    );
}


.kqp-home-s7__bottom p {
  margin: 0;

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

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

  line-height: 1.3;

  color: #493e3a;
}


.kqp-home-s7__bottom p em {
  font-weight: 500;

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


/* =========================================================
   LINK
========================================================= */

.kqp-home-s7__link {
  justify-self: end;

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

  gap: 15px;

  text-decoration: none;

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

  letter-spacing: .17em;

  text-transform: uppercase;

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


.kqp-home-s7__link svg {
  width: 18px;
  height: 18px;

  fill: none;

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

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

  transition:
    transform .3s ease;
}


.kqp-home-s7__link:hover svg {
  transform: translateX(5px);
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1100px) {

  .kqp-home-s7__wrap {
    width:
      calc(100% - 50px);
  }


  .kqp-home-s7__gallery {
    grid-auto-rows: 245px;
  }

}


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

@media (max-width: 850px) {

  .kqp-home-s7__head {
    grid-template-columns: 1fr;

    gap: 28px;
  }


  .kqp-home-s7__intro {
    max-width: 650px;
  }


  .kqp-home-s7__gallery {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    grid-auto-rows: 290px;
  }


  .kqp-home-s7__card--large {
    grid-column: span 2;
  }


  .kqp-home-s7__card--wide,
  .kqp-home-s7__card--feature {
    grid-column: span 2;
  }


  .kqp-home-s7__bottom {
    grid-template-columns:
      1fr
      auto;
  }


  .kqp-home-s7__bottom-line {
    display: none;
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s7 {
    padding:
      72px
      0
      68px;
  }


  .kqp-home-s7__wrap {
    width:
      calc(100% - 32px);
  }


  .kqp-home-s7::before {
    top: 30px;

    font-size: 90px;
  }


  /* HEADER */

  .kqp-home-s7__head {
    margin-bottom: 38px;
  }


  .kqp-home-s7__eyebrow {
    margin-bottom: 18px;

    font-size: 8px;

    letter-spacing: .20em;
  }


  .kqp-home-s7__eyebrow span {
    width: 30px;
  }


  .kqp-home-s7__heading h2 {
    font-size:
      clamp(46px, 14vw, 61px);
  }


  .kqp-home-s7__intro {
    padding-left: 18px;
  }


  .kqp-home-s7__intro p {
    font-size: 12px;
  }


  /* GALLERY */

  .kqp-home-s7__gallery {
    grid-template-columns: 1fr;

    grid-auto-rows: auto;

    gap: 10px;
  }


  .kqp-home-s7__card,
  .kqp-home-s7__card--large,
  .kqp-home-s7__card--wide,
  .kqp-home-s7__card--feature {
    grid-column: auto;
    grid-row: auto;

    min-height: 390px;
  }


  .kqp-home-s7__card--large,
  .kqp-home-s7__card--feature {
    min-height: 480px;
  }


  .kqp-home-s7__card-content,
  .kqp-home-s7__card--large
  .kqp-home-s7__card-content {
    left: 21px;
    right: 21px;
    bottom: 21px;
  }


  .kqp-home-s7__card-content h3,
  .kqp-home-s7__card--large
  .kqp-home-s7__card-content h3 {
    font-size: 34px;
  }


  /* BOTTOM */

  .kqp-home-s7__bottom {
    margin-top: 36px;

    grid-template-columns: 1fr;

    gap: 19px;
  }


  .kqp-home-s7__bottom p {
    font-size: 22px;
  }


  .kqp-home-s7__link {
    justify-self: start;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c394c16 *//* =========================================================
   KING & QUEEN OF THE PACIFIC
   HOME — SECTION 08
   FINAL CTA
========================================================= */

.kqp-home-s8,
.kqp-home-s8 * {
  box-sizing: border-box;
}

.kqp-home-s8 {
  --s8-black: #050505;
  --s8-burgundy: #240708;
  --s8-wine: #5a0a10;

  --s8-gold: #ffd700;
  --s8-gold-rich: #d4af37;
  --s8-gold-light: #ffe66d;

  --s8-ivory: #fff8e8;

  position: relative;

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

  display: flex;
  align-items: center;

  padding:
    clamp(100px, 10vw, 155px)
    0;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 48%,
      rgba(90, 10, 16, .62) 0%,
      rgba(36, 7, 8, .55) 26%,
      rgba(10, 4, 4, .94) 68%,
      #050505 100%
    );

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

  color: #ffffff;
}


/* =========================================================
   TOP GOLD LINE
========================================================= */

.kqp-home-s8::before {
  content: "";

  position: absolute;

  z-index: 3;

  left: 50%;
  top: 0;

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

  transform: translateX(-50%);

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


/* =========================================================
   AMBIENT GLOW
========================================================= */

.kqp-home-s8__glow {
  position: absolute;

  z-index: 0;

  left: 50%;
  top: 53%;

  width: 850px;
  height: 850px;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 215, 0, .075) 0%,
      rgba(255, 215, 0, .025) 36%,
      transparent 68%
    );

  pointer-events: none;
}


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

.kqp-home-s8__word {
  position: absolute;

  z-index: 0;

  left: 50%;
  bottom: -25px;

  transform: translateX(-50%);

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

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

  font-weight: 600;

  line-height: .7;

  letter-spacing: -.06em;

  white-space: nowrap;

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

  pointer-events: none;
}


/* =========================================================
   CROWN DECOR
========================================================= */

.kqp-home-s8__crown {
  position: absolute;

  z-index: 0;

  left: 50%;
  top: 66px;

  width:
    clamp(145px, 13vw, 205px);

  transform: translateX(-50%);

  opacity: .13;

  pointer-events: none;
}


.kqp-home-s8__crown svg {
  width: 100%;
  height: auto;

  fill: none;

  stroke: var(--s8-gold);
  stroke-width: 1;
  stroke-linejoin: round;
}


/* =========================================================
   WRAPPER
========================================================= */

.kqp-home-s8__wrap {
  position: relative;

  z-index: 2;

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

  margin: 0 auto;

  text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.kqp-home-s8__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 16px;

  margin-bottom: 26px;

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

  letter-spacing: .27em;

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


.kqp-home-s8__eyebrow > span {
  width: 42px;
  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--s8-gold)
    );
}


.kqp-home-s8__eyebrow > span:last-child {
  transform: scaleX(-1);
}


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

.kqp-home-s8__title {
  margin: 0 auto;

  max-width: 900px;

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

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

  font-weight: 500;

  line-height: .84;

  letter-spacing: -.05em;

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


.kqp-home-s8__title em {
  display: block;

  margin-top: 12px;

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

  color: var(--s8-gold);

  text-shadow:
    0 0 30px rgba(255, 215, 0, .08);
}


/* =========================================================
   LEAD
========================================================= */

.kqp-home-s8__lead {
  max-width: 680px;

  margin:
    35px
    auto
    0;

  font-size: 13px;

  line-height: 1.9;

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


/* =========================================================
   AUDIENCE
========================================================= */

.kqp-home-s8__audience {
  margin-top: 34px;

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

  flex-wrap: wrap;

  gap: 12px;
}


.kqp-home-s8__audience span {
  font-size: 7px;
  font-weight: 800;

  letter-spacing: .19em;

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


.kqp-home-s8__audience i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

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


/* =========================================================
   ACTIONS
========================================================= */

.kqp-home-s8__actions {
  margin-top: 39px;

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

  gap: 12px;

  flex-wrap: wrap;
}


/* =========================================================
   BUTTON
========================================================= */

.kqp-home-s8__btn {
  position: relative;

  min-width: 225px;
  min-height: 58px;

  padding:
    0
    27px;

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

  gap: 16px;

  overflow: hidden;

  border:
    1px solid transparent;

  text-decoration: none;

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

  line-height: 1;

  letter-spacing: .14em;

  text-transform: uppercase;

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


.kqp-home-s8__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.5;

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

  transition:
    transform .3s ease;
}


.kqp-home-s8__btn:hover {
  transform:
    translateY(-3px);
}


.kqp-home-s8__btn:hover svg {
  transform:
    translateX(5px);
}


/* =========================================================
   GOLD BUTTON
========================================================= */

.kqp-home-s8__btn--gold {
  color: #080706;

  border-color:
    var(--s8-gold);

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

  background-size:
    180% 100%;

  box-shadow:
    0 15px 40px rgba(0, 0, 0, .28),
    0 0 25px rgba(255, 215, 0, .08);
}


.kqp-home-s8__btn--gold::before {
  content: "";

  position: absolute;

  top: -120%;
  left: -60%;

  width: 35px;
  height: 340%;

  transform:
    rotate(28deg);

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

  transition:
    left .55s ease;
}


.kqp-home-s8__btn--gold:hover {
  background-position:
    100% center;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, .34),
    0 0 28px rgba(255, 215, 0, .15);
}


.kqp-home-s8__btn--gold:hover::before {
  left: 130%;
}


/* =========================================================
   OUTLINE BUTTON
========================================================= */

.kqp-home-s8__btn--outline {
  color: var(--s8-ivory);

  border-color:
    rgba(255, 215, 0, .40);

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

  backdrop-filter:
    blur(10px);

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


.kqp-home-s8__btn--outline:hover {
  border-color:
    var(--s8-gold);

  color:
    var(--s8-gold);

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


/* =========================================================
   SIGNATURE
========================================================= */

.kqp-home-s8__signature {
  max-width: 820px;

  margin:
    60px
    auto
    0;

  display: grid;

  grid-template-columns:
    1fr
    auto
    1fr;

  gap: 19px;

  align-items: center;
}


.kqp-home-s8__signature > div {
  height: 1px;

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


.kqp-home-s8__signature > div:last-child {
  transform:
    scaleX(-1);
}


.kqp-home-s8__signature p {
  margin: 0;

  white-space: nowrap;

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

  font-size: 14px;

  font-style: italic;

  letter-spacing: .06em;

  color:
    rgba(255, 248, 232, .55);
}


.kqp-home-s8__signature p span {
  margin:
    0
    8px;

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


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

@media (max-width: 900px) {

  .kqp-home-s8__wrap {
    width:
      calc(100% - 50px);
  }

}


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

@media (max-width: 600px) {

  .kqp-home-s8 {
    min-height: 700px;

    padding:
      100px
      0
      75px;
  }


  .kqp-home-s8::before {
    width:
      calc(100% - 32px);
  }


  .kqp-home-s8__wrap {
    width:
      calc(100% - 32px);
  }


  .kqp-home-s8__crown {
    top: 55px;

    width: 135px;
  }


  .kqp-home-s8__word {
    font-size: 100px;
  }


  /* EYEBROW */

  .kqp-home-s8__eyebrow {
    gap: 10px;

    margin-bottom: 22px;

    font-size: 7px;

    letter-spacing: .17em;
  }


  .kqp-home-s8__eyebrow > span {
    width: 21px;
  }


  /* TITLE */

  .kqp-home-s8__title {
    font-size:
      clamp(59px, 18vw, 78px);

    line-height: .86;
  }


  /* LEAD */

  .kqp-home-s8__lead {
    margin-top: 29px;

    font-size: 12px;

    line-height: 1.8;
  }


  /* AUDIENCE */

  .kqp-home-s8__audience {
    margin-top: 27px;

    gap:
      9px
      10px;
  }


  .kqp-home-s8__audience span {
    font-size: 6px;

    letter-spacing: .13em;
  }


  /* BUTTONS */

  .kqp-home-s8__actions {
    margin-top: 32px;

    flex-direction: column;

    align-items: stretch;
  }


  .kqp-home-s8__btn {
    width: 100%;
    min-width: 0;
  }


  /* SIGNATURE */

  .kqp-home-s8__signature {
    margin-top: 45px;

    grid-template-columns: 1fr;
  }


  .kqp-home-s8__signature > div {
    display: none;
  }


  .kqp-home-s8__signature p {
    white-space: normal;

    font-size: 12px;

    line-height: 1.8;
  }

}/* End custom CSS */