.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-letter-spacing:0.9px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#000000C9;--lightbox-ui-color:#FF3E3E;--lightbox-ui-color-hover:#FFB9B9;--lightbox-text-color:#FFC0C0;--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:27px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Wrapper utama per project */
.project-card {
  position: relative;
  overflow: hidden;
  transition: transform 0.15s ease-in-out; /* EDIT: speed animasi hover */
}

/* Biar image/link memenuhi area container */
.project-card .elementor-widget-image,
.project-card .elementor-widget-container,
.project-card a {
  display: block;
  width: 100%;
  height: 100%;
}

/* EDIT:
   - height: tinggi gambar
   - object-position: fokus gambar
*/
.culprit-img img {
  width: 100%;
  height: 600px;
  display: block;
  object-fit: cover;
  object-position: center center;
}

/* EDIT:
   - 0.55 = opacity overlay hitam
*/
.project-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.45s ease-in-out;
  pointer-events: none;
  z-index: 2;
}

/* Judul di tengah */
.project-title {
  position: absolute !important;
  top:60px;
  left: 50%;
  width: calc(100% - 40px);
  margin: 0 !important;
  text-align: center;
  z-index: 3;
  opacity: 0;
  color: #fff !important;
  pointer-events: none;
  transform: translate(-50%, calc(-50% + 10px));
  transition: opacity 0.45s ease-in-out, transform 0.45s ease-in-out;
}

.project-title * {
  margin: 0 !important;
  color: #fff !important;
  text-align: left;
}

/* EDIT:
   - scale(0.96) = seberapa kecil container menyusut saat hover
*/
.project-card:hover {
  transform: scale(0.98);
}

.project-card:hover::after {
  opacity: 1;
}

.project-card:hover .project-title {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Lightbox navigation - elegant modern style */
.dialog-lightbox-widget .elementor-swiper-button-prev,
.dialog-lightbox-widget .elementor-swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 99999 !important;
  cursor: pointer !important;
  background: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
  border-radius: 999px !important;
  transition: background 0.25s ease, opacity 0.25s ease, transform 0.25s ease !important;
}

/* Posisi panah */
.dialog-lightbox-widget .elementor-swiper-button-prev {
  left: 24px !important;
}

.dialog-lightbox-widget .elementor-swiper-button-next {
  right: 24px !important;
}

/* Hapus panah custom tambahan kalau masih ada */
.dialog-lightbox-widget .elementor-swiper-button-prev::before,
.dialog-lightbox-widget .elementor-swiper-button-next::before {
  content: none !important;
  display: none !important;
}

/* Rapikan icon bawaan Elementor */
.dialog-lightbox-widget .elementor-swiper-button-prev svg,
.dialog-lightbox-widget .elementor-swiper-button-next svg {
  width: 18px !important;
  height: 18px !important;
  fill: #ffffff !important;
  opacity: 0.82 !important;
  display: block !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}

/* Hover style lebih modern */
.dialog-lightbox-widget .elementor-swiper-button-prev:hover,
.dialog-lightbox-widget .elementor-swiper-button-next:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

.dialog-lightbox-widget .elementor-swiper-button-prev:hover svg,
.dialog-lightbox-widget .elementor-swiper-button-next:hover svg {
  opacity: 1 !important;
  transform: scale(0.96);
}


/*FORM Interaction*/
/* ===== ULTRA LUXURY / MINIMAL FORM ===== */
.culprit-form {
  --line: rgba(255,255,255,0.16);
  --line-hover: rgba(255,255,255,0.28);
  --line-active: rgba(255,255,255,0.62);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.28);
  --button-bg: #676d76;
  --button-bg-hover: #737a84;
  --button-text: #ffffff;
}

/* Field wrapper */
.culprit-form .elementor-form .elementor-field-group {
  position: relative;
  margin-bottom: 34px;
}

/* Input + textarea */
.culprit-form .elementor-form .elementor-field {
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--text) !important;
  padding: 0 0 16px 0 !important;
  transition:
    border-color 0.32s ease,
    color 0.32s ease,
    opacity 0.32s ease !important;
}

/* Textarea height */
.culprit-form .elementor-form textarea.elementor-field {
  min-height: 120px !important;
  resize: vertical;
}

/* Placeholder */
.culprit-form .elementor-form .elementor-field::placeholder {
  color: #696969 !important;
  transition: color 0.32s ease, opacity 0.32s ease;
}

/* Hover */
.culprit-form .elementor-form .elementor-field:hover {
  border-bottom-color: var(--line-hover) !important;
}

/* Focus */
.culprit-form .elementor-form .elementor-field:focus {
  border-bottom-color: var(--line-active) !important;
  outline: none !important;
}

.culprit-form .elementor-form .elementor-field:focus::placeholder {
  color: rgba(255,255,255,0.14) !important;
}

/* Thin active underline */
.culprit-form .elementor-form .elementor-field-group::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 0;
  height: 0px;
  background: rgba(255,255,255,0.85);
  transition: width 0.42s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.culprit-form .elementor-form .elementor-field-group:focus-within::after {
  width: 100%;
}

/* Button */
.culprit-form .elementor-form .elementor-button,
.culprit-form .elementor-form button[type="submit"] {
  background: var(--button-bg) !important;
  color: var(--button-text) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 18px 42px !important;
  letter-spacing: 0.01em;
  transition:
    background 0.28s ease,
    opacity 0.28s ease !important;
}

/* Button hover */
.culprit-form .elementor-form .elementor-button:hover,
.culprit-form .elementor-form button[type="submit"]:hover {
  background: var(--button-bg-hover) !important;
}

/* Error */
.culprit-form .elementor-form .elementor-error {
  color: rgba(255,255,255,0.62) !important;
  font-size: 12px;
  margin-top: 8px;
}

.culprit-form .elementor-form .elementor-field-group.elementor-has-error .elementor-field,
.culprit-form .elementor-form .elementor-field-group.elementor-error .elementor-field {
  border-bottom-color: rgba(255,255,255,0.4) !important;
}

/* Success */
.culprit-form .elementor-form .elementor-message-success {
  color: rgba(255,255,255,0.75) !important;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-top: 18px;
}

/*tambahan lebih elegant +script*/
.culprit-form .elementor-form .elementor-field.is-filled {
  border-bottom-color: rgba(255,255,255,0.32) !important;
}

.culprit-form .elementor-form .elementor-field.is-filled::placeholder {
  color: rgba(255,255,255,0.16) !important;
}/* End custom CSS */