.elementor-1265 .elementor-element.elementor-element-eeea651{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:96px;--padding-bottom:72px;--padding-left:56px;--padding-right:56px;}.elementor-1265 .elementor-element.elementor-element-eeea651:not(.elementor-motion-effects-element-type-background), .elementor-1265 .elementor-element.elementor-element-eeea651 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://belajarsatu.artsyanaid.com/wp-content/uploads/2026/08/content-12.jpg.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1265 .elementor-element.elementor-element-dfa252a{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:42px 58px;--row-gap:42px;--column-gap:58px;--margin-top:65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1265 .elementor-element.elementor-element-a0ac8af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1265 .elementor-element.elementor-element-a0ac8af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1265 .elementor-element.elementor-element-ad449bf .elementor-heading-title{color:#FFFFFF;}.elementor-1265 .elementor-element.elementor-element-92dd7e3 .elementor-heading-title{color:#FFFFFF;}.elementor-1265 .elementor-element.elementor-element-92dd7e3{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1265 .elementor-element.elementor-element-e638789{color:#000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1265 .elementor-element.elementor-element-8f2ddd1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-1265 .elementor-element.elementor-element-8f2ddd1::before, .elementor-1265 .elementor-element.elementor-element-8f2ddd1 > .elementor-background-video-container::before, .elementor-1265 .elementor-element.elementor-element-8f2ddd1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1265 .elementor-element.elementor-element-8f2ddd1 > .elementor-background-slideshow::before, .elementor-1265 .elementor-element.elementor-element-8f2ddd1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1265 .elementor-element.elementor-element-8f2ddd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-1265 .elementor-element.elementor-element-f1769b7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1265 .elementor-element.elementor-element-b67e1ba .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-weight:600;color:var( --e-global-color-e6c9a55 );}.elementor-1265 .elementor-element.elementor-element-811d022{text-align:justify;padding:0px 8px 0px 143px;}.elementor-1265 .elementor-element.elementor-element-811d022 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:3px;font-weight:600;color:#176414;}.elementor-1265 .elementor-element.elementor-element-f4edef5{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#000000;width:var( --container-widget-width, 34.679% );max-width:34.679%;--container-widget-width:34.679%;--container-widget-flex-grow:0;}.elementor-1265 .elementor-element.elementor-element-f4edef5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1265 .elementor-element.elementor-element-69d7e1e{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-1265 .elementor-element.elementor-element-e66c04e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1265 .elementor-element.elementor-element-e66c04e .elementor-button{background-color:#61CE70;padding:0px 0px 0px 0px;}.elementor-1265 .elementor-element.elementor-element-e66c04e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion {height:400px;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion{border-radius:4px;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion a:first-child{border-radius:4px 0 0 4px;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion a:last-child{border-radius:0 4px 4px 0;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .eael-image-accordion-hover:before{background-color:rgba(0, 0, 0, .3);}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .eael-image-accordion-hover:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .eael-image-accordion-hover.overlay-active:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .eael-image-accordion-hover.overlay-active:before{background-color:rgba(0, 0, 0, .5);}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .overlay .img-accordion-title{color:#fff !important;}.elementor-1265 .elementor-element.elementor-element-c356f18 .eael-img-accordion .overlay p{color:#fff;}.elementor-1265 .elementor-element.elementor-element-c356f18{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;padding:11px 11px 11px 11px;}.elementor-1265 .elementor-element.elementor-element-cadce7f{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1265 .elementor-element.elementor-element-6f86de2{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-1265 .elementor-element.elementor-element-6f86de2 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1265 .elementor-element.elementor-element-6f86de2 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1265 .elementor-element.elementor-element-3123bfc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:82px;--padding-bottom:82px;--padding-left:56px;--padding-right:56px;}.elementor-1265 .elementor-element.elementor-element-3123bfc:not(.elementor-motion-effects-element-type-background), .elementor-1265 .elementor-element.elementor-element-3123bfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e6c9a55 );background-image:url("https://belajarsatu.artsyanaid.com/wp-content/uploads/2026/08/content-7.jpg.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1265 .elementor-element.elementor-element-9b017ec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:38px 52px;--row-gap:38px;--column-gap:52px;}.elementor-1265 .elementor-element.elementor-element-ccce321{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-1265 .elementor-element.elementor-element-8e86c3b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-1265 .elementor-element.elementor-element-452b43a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:3px;--margin-right:21px;}.elementor-1265 .elementor-element.elementor-element-4a16f6e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1265 .elementor-element.elementor-element-4a16f6e .elementor-button{font-family:"Cormorant Garamond", Sans-serif;font-size:12px;font-weight:700;line-height:1.2em;letter-spacing:0.6px;fill:#FFFFFF;color:#FFFFFF;background-color:var( --e-global-color-a18cc44 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#14520D;border-radius:999px 999px 999px 999px;}.elementor-1265 .elementor-element.elementor-element-d2a2436{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1265 .elementor-element.elementor-element-383a2bb .elementor-icon-wrapper{text-align:center;}.elementor-1265 .elementor-element.elementor-element-a18e34b .elementor-heading-title{color:#FEFFFF;}.elementor-1265 .elementor-element.elementor-element-a18e34b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1265 .elementor-element.elementor-element-eeea651{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-1265 .elementor-element.elementor-element-dfa252a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1265 .elementor-element.elementor-element-3123bfc{--padding-top:74px;--padding-bottom:74px;--padding-left:30px;--padding-right:30px;}.elementor-1265 .elementor-element.elementor-element-9b017ec{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-1265 .elementor-element.elementor-element-eeea651{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-1265 .elementor-element.elementor-element-811d022{padding:0px 0px 0px 0px;}.elementor-1265 .elementor-element.elementor-element-3123bfc{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}}@media(min-width:768px){.elementor-1265 .elementor-element.elementor-element-dfa252a{--content-width:1108px;}.elementor-1265 .elementor-element.elementor-element-a0ac8af{--width:70%;}.elementor-1265 .elementor-element.elementor-element-9b017ec{--content-width:1320px;}.elementor-1265 .elementor-element.elementor-element-ccce321{--width:76%;}.elementor-1265 .elementor-element.elementor-element-452b43a{--width:24%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1265 .elementor-element.elementor-element-a0ac8af{--width:100%;}.elementor-1265 .elementor-element.elementor-element-ccce321{--width:100%;}.elementor-1265 .elementor-element.elementor-element-452b43a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-eeea651 *//* =========================================================
   ABOUT US HERO — GREEN + GOLD ACCENT V4
   LEFT ONLY + FULL ELEMENTOR VERTICAL SPACING CONTROL
   NO PHOTO COLLAGE ON THE RIGHT

   Background image / spacing / inner width = Elementor native

   PALETTE:
   Main Green  : #176414
   Deep Green  : #0F4D13
   Dark Green  : #0A3510
   Soft Green  : #2C7A29
   Gold        : #C9A15E
   Light Gold  : #E4C98F
========================================================= */


/* =========================================================
   FULL ELEMENTOR VERTICAL SPACING CONTROL

   CSS TIDAK mengatur:
   - height Hero
   - min-height Hero
   - padding Top / Bottom Hero
   - margin Top / Bottom Hero
   - height / min-height Inner
   - height / min-height Container Kiri

   Jadi jarak kosong di bagian bawah Hero tetap sepenuhnya
   bisa diatur dari Elementor.
========================================================= */


.elementor-1265 .elementor-element.elementor-element-eeea651{
  --auh-green:#176414;
  --auh-green-deep:#0F4D13;
  --auh-green-dark:#0A3510;
  --auh-green-soft:#2C7A29;

  --auh-gold:#C9A15E;
  --auh-gold-light:#E4C98F;

  --auh-cream:#FFF8EC;
  --auh-ivory:#FFFDF8;

  --auh-soft:rgba(255,248,236,.80);

  --auh-tr:.55s cubic-bezier(.2,.72,.2,1);

  position:relative;

  isolation:isolate;

  overflow:hidden;
  overflow-x:hidden;

  width:100%;
  max-width:100%;

  box-sizing:border-box;
}


/* =========================================================
   HERO OVERLAY — GREEN CINEMATIC
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651::before{
  content:"";

  position:absolute;

  inset:0;

  z-index:0;

  pointer-events:none;

  background:

    radial-gradient(
      circle at 82% 24%,
      rgba(44,122,41,.17) 0%,
      rgba(23,100,20,.08) 24%,
      transparent 50%
    ),

    linear-gradient(
      90deg,
      rgba(10,53,16,.91) 0%,
      rgba(15,77,19,.82) 42%,
      rgba(23,100,20,.57) 72%,
      rgba(10,53,16,.66) 100%
    ),

    linear-gradient(
      180deg,
      rgba(10,53,16,.06),
      rgba(10,53,16,.34)
    );
}


/* =========================================================
   BOTTOM EDITORIAL LINE
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651::after{
  content:"";

  position:absolute;

  left:5%;
  right:5%;

  bottom:30px;

  height:1px;

  z-index:1;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,161,94,.38),
      rgba(23,100,20,.38),
      rgba(228,201,143,.34),
      transparent
    );
}


/* =========================================================
   INNER + LEFT
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__inner,
.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__left{

  position:relative;

  z-index:2;

  min-width:0;

  box-sizing:border-box;
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__left{

  display:flex;

  flex-direction:column;

  align-items:flex-start;
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow{

  position:relative;

  width:auto;

  margin:
    0 0 19px;

  padding-left:
    58px;
}


/* GREEN → GOLD LINE */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow::before{

  content:"";

  position:absolute;

  left:0;

  top:50%;

  width:42px;

  height:1px;

  transform:
    translateY(-50%);

  background:
    linear-gradient(
      90deg,
      var(--auh-green-soft) 0%,
      var(--auh-gold) 58%,
      var(--auh-gold-light) 100%
    );
}


/* GOLD DOT + GREEN HALO */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow::after{

  content:"";

  position:absolute;

  right:-17px;

  top:50%;

  width:6px;

  height:6px;

  transform:
    translateY(-50%);

  border-radius:
    50%;

  background:
    var(--auh-gold);

  box-shadow:
    0 0 0 4px rgba(201,161,94,.13),
    0 0 0 8px rgba(23,100,20,.07);
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow
.elementor-heading-title{

  color:
    var(--auh-gold-light);

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

  font-size:
    11px;

  font-weight:
    700;

  line-height:
    1.2;

  letter-spacing:
    .23em;

  text-transform:
    uppercase;
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__title{

  position:relative;

  width:
    100%;

  max-width:
    760px;

  margin:
    0;
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__title
.elementor-heading-title{

  color:
    var(--auh-cream);

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

  font-size:
    clamp(54px,5.4vw,82px);

  font-weight:
    500;

  line-height:
    .98;

  letter-spacing:
    -.045em;

  text-wrap:
    balance;

  text-shadow:
    0 14px 36px rgba(0,0,0,.24);
}


/* GREEN + GOLD TITLE LINE */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__title::after{

  content:"";

  display:block;

  width:
    104px;

  height:
    3px;

  margin-top:
    24px;

  border-radius:
    999px;

  background:
    linear-gradient(
      90deg,
      var(--auh-gold) 0%,
      var(--auh-gold-light) 46%,
      var(--auh-green-soft) 78%,
      transparent 100%
    );

  box-shadow:
    0 5px 18px rgba(201,161,94,.10);
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__text{

  width:
    100%;

  max-width:
    650px;

  margin:
    24px 0 0;
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__text,
.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__text p{

  color:
    var(--auh-soft);

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

  font-size:
    15px;

  font-weight:
    400;

  line-height:
    1.82;
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__text p:last-child{

  margin-bottom:
    0;
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__actions{

  display:flex;

  flex-wrap:wrap;

  align-items:center;

  gap:
    14px;

  margin-top:
    30px;
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button,

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
.elementor-button{

  position:relative;

  isolation:isolate;

  overflow:hidden;

  min-width:
    190px;

  min-height:
    52px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:
    0 24px;

  border-radius:
    999px;

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

  font-size:
    11px;

  font-weight:
    700;

  letter-spacing:
    .10em;

  transition:
    transform var(--auh-tr),
    box-shadow var(--auh-tr),
    background var(--auh-tr),
    border-color var(--auh-tr),
    color var(--auh-tr);
}


/* =========================================================
   PRIMARY BUTTON — GREEN + GOLD
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button{

  color:
    var(--auh-cream);

  background:
    linear-gradient(
      135deg,
      var(--auh-green-deep) 0%,
      var(--auh-green) 58%,
      var(--auh-green-soft) 100%
    );

  border:
    1px solid rgba(228,201,143,.58);

  box-shadow:
    0 14px 30px rgba(10,53,16,.30),
    inset 0 1px 0 rgba(255,255,255,.10);
}


/* BUTTON SHINE */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button::before{

  content:"";

  position:absolute;

  z-index:1;

  top:-30%;

  left:-90%;

  width:
    55%;

  height:
    160%;

  pointer-events:none;

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

  transform:
    skewX(-24deg);

  transition:
    left .92s cubic-bezier(.22,.61,.36,1);
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button-content-wrapper{

  position:relative;

  z-index:3;
}


/* =========================================================
   SECONDARY BUTTON — GREEN GLASS
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
.elementor-button{

  color:
    var(--auh-cream);

  background:
    linear-gradient(
      145deg,
      rgba(23,100,20,.25),
      rgba(15,77,19,.17)
    );

  border:
    1px solid rgba(228,201,143,.28);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 24px rgba(0,0,0,.08);

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

  backdrop-filter:
    blur(10px);
}


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

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button:hover,

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
.elementor-button:hover{

  transform:
    translateY(-4px);
}


/* PRIMARY HOVER */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button:hover{

  border-color:
    rgba(228,201,143,.82);

  background:
    linear-gradient(
      135deg,
      #176414 0%,
      #20801C 56%,
      #2C8C27 100%
    );

  box-shadow:
    0 20px 40px rgba(10,53,16,.35),
    0 0 0 4px rgba(201,161,94,.045);
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
.elementor-button:hover::before{

  left:
    135%;
}


/* SECONDARY HOVER */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
.elementor-button:hover{

  background:
    linear-gradient(
      145deg,
      rgba(23,100,20,.38),
      rgba(15,77,19,.26)
    );

  border-color:
    rgba(228,201,143,.48);

  box-shadow:
    0 16px 32px rgba(10,53,16,.23),
    inset 0 1px 0 rgba(255,255,255,.09);
}


/* =========================================================
   OPTIONAL GREEN ACCENT / BADGE
   Jika ada Text Editor kecil, bisa beri class:
   coastal-about-hero__green-note
========================================================= */

.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__green-note{

  position:relative;

  padding:
    10px 14px;

  border:
    1px solid rgba(228,201,143,.20);

  border-radius:
    999px;

  background:
    rgba(23,100,20,.22);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06);

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

  backdrop-filter:
    blur(10px);
}


.elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__green-note::before{

  content:"";

  display:inline-block;

  width:
    7px;

  height:
    7px;

  margin-right:
    9px;

  border-radius:
    50%;

  background:
    var(--auh-green-soft);

  box-shadow:
    0 0 0 5px rgba(44,122,41,.13);
}


/* =========================================================
   RIGHT CONTAINER CSS REMOVED
========================================================= */


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

@media(max-width:1024px){

  .elementor-1265 .elementor-element.elementor-element-eeea651::before{

    background:

      radial-gradient(
        circle at 82% 22%,
        rgba(44,122,41,.14),
        transparent 42%
      ),

      linear-gradient(
        90deg,
        rgba(10,53,16,.92) 0%,
        rgba(15,77,19,.82) 52%,
        rgba(23,100,20,.60) 100%
      ),

      linear-gradient(
        180deg,
        rgba(10,53,16,.08),
        rgba(10,53,16,.30)
      );
  }

}


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

@media(max-width:767px){

  .elementor-1265 .elementor-element.elementor-element-eeea651::before{

    background:

      linear-gradient(
        180deg,
        rgba(10,53,16,.91) 0%,
        rgba(15,77,19,.81) 58%,
        rgba(10,53,16,.89) 100%
      );
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow{

    padding-left:
      44px;
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__eyebrow::before{

    width:
      31px;
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__title
  .elementor-heading-title{

    font-size:
      clamp(43px,12vw,58px);
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__actions{

    width:
      100%;

    flex-direction:
      column;

    align-items:
      stretch;
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__actions > *,

  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
  .elementor-button,

  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
  .elementor-button{

    width:
      100%;
  }


  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-primary
  .elementor-button:hover,

  .elementor-1265 .elementor-element.elementor-element-eeea651 .coastal-about-hero__btn-secondary
  .elementor-button:hover{

    transform:
      none;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-1265 .elementor-element.elementor-element-eeea651 *,
  .elementor-1265 .elementor-element.elementor-element-eeea651 *::before,
  .elementor-1265 .elementor-element.elementor-element-eeea651 *::after{

    animation:
      none!important;

    transition-duration:
      .01ms!important;
  }

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e66c04e *//* =========================================================
   MOUNT BATUR — PREMIUM GALLERY BUTTON V3
   CLASS: batur-gallery-btn

   UPDATE:
   - Shine mengikuti style terracotta-glow-btn
   - Kilau bergerak dari kiri → kanan
   - Tidak memakai keyframes
   - Lebih halus dan natural
   - Arrow tetap lembut
   - Gold accent tetap premium
========================================================= */

.batur-gallery-btn{
    position:relative;
    display:inline-block;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.batur-gallery-btn .elementor-button{
    position:relative;
    isolation:isolate;

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

    min-height:56px;

    padding:
        16px
        28px !important;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #176414 0%,
            #145A12 58%,
            #104B0E 100%
        ) !important;

    border:
        1px solid rgba(227,201,143,.36) !important;

    border-radius:
        8px 8px 18px 8px !important;

    box-shadow:
        0 12px 28px rgba(23,100,20,.20),
        inset 0 1px 0 rgba(255,255,255,.11);

    color:
        #FFFDF8 !important;

    transform:
        translateY(0);

    transition:
        transform .48s cubic-bezier(.22,.72,.2,1),
        box-shadow .48s ease,
        border-color .48s ease,
        background .48s ease;
}


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

.batur-gallery-btn .elementor-button-text{
    position:relative;
    z-index:4;

    color:#FFFDF8;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:14px;
    font-weight:700;
    line-height:1;

    letter-spacing:.02em;
}


/* =========================================================
   ICON / ARROW
========================================================= */

.batur-gallery-btn .elementor-button-icon{
    position:relative;
    z-index:4;

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

    margin-left:11px;

    transition:
        transform .52s cubic-bezier(.22,.72,.2,1);
}


.batur-gallery-btn .elementor-button-icon i,
.batur-gallery-btn .elementor-button-icon svg{
    color:#E3C98F !important;
    fill:#E3C98F !important;

    transition:
        color .42s ease,
        fill .42s ease;
}


/* =========================================================
   PREMIUM SHINE
   MODEL TERRACOTTA — SMOOTH LEFT TO RIGHT
========================================================= */

.batur-gallery-btn .elementor-button::before{
    content:"" !important;

    position:absolute !important;

    top:-25% !important;
    left:-90% !important;

    width:55% !important;
    height:150% !important;

    z-index:2 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.04) 15%,
            rgba(255,255,255,.16) 35%,
            rgba(255,255,255,.44) 50%,
            rgba(255,255,255,.16) 65%,
            rgba(255,255,255,.04) 85%,
            transparent 100%
        ) !important;

    transform:
        skewX(-24deg) !important;

    opacity:.82;

    filter:
        blur(.2px);

    transition:
        left .95s cubic-bezier(.22,.61,.36,1) !important;

    will-change:
        left;
}


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

.batur-gallery-btn
.elementor-button:hover::before{
    left:135% !important;
}


/* =========================================================
   GOLD BOTTOM ACCENT
========================================================= */

.batur-gallery-btn .elementor-button::after{
    content:"";

    position:absolute;
    z-index:3;

    left:22px;
    bottom:0;

    width:42px;
    height:2px;

    border-radius:
        999px 999px 0 0;

    background:
        linear-gradient(
            90deg,
            #C79A45,
            #E3C98F
        );

    opacity:.90;

    transition:
        width .58s cubic-bezier(.22,.72,.2,1),
        opacity .45s ease;
}


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

.batur-gallery-btn .elementor-button:hover{
    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #1A6B17 0%,
            #176414 54%,
            #10500F 100%
        ) !important;

    border-color:
        rgba(227,201,143,.62) !important;

    box-shadow:
        0 18px 38px rgba(23,100,20,.25),
        0 0 0 3px rgba(199,154,69,.045),
        inset 0 1px 0 rgba(255,255,255,.14);
}


.batur-gallery-btn
.elementor-button:hover::after{
    width:72px;
    opacity:1;
}


.batur-gallery-btn
.elementor-button:hover
.elementor-button-icon{
    transform:
        translateX(3px);
}


/* =========================================================
   FOCUS
========================================================= */

.batur-gallery-btn
.elementor-button:focus-visible{
    outline:
        2px solid rgba(227,201,143,.85);

    outline-offset:
        4px;
}


/* =========================================================
   ACTIVE
========================================================= */

.batur-gallery-btn
.elementor-button:active{
    transform:
        translateY(-1px);

    box-shadow:
        0 10px 22px rgba(23,100,20,.20);
}


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

@media(max-width:1024px){

    .batur-gallery-btn .elementor-button{
        min-height:54px;

        padding:
            15px
            26px !important;
    }


    .batur-gallery-btn .elementor-button-text{
        font-size:13.5px;
    }


    .batur-gallery-btn .elementor-button::before{
        transition:
            left 1s cubic-bezier(.22,.61,.36,1) !important;
    }

}


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

@media(max-width:767px){

    .batur-gallery-btn .elementor-button{
        min-height:52px;

        padding:
            15px
            23px !important;

        border-radius:
            7px 7px 16px 7px !important;
    }


    .batur-gallery-btn .elementor-button-text{
        font-size:13px;
    }


    .batur-gallery-btn
    .elementor-button:hover{
        transform:none;
    }


    .batur-gallery-btn .elementor-button::before{
        width:58% !important;

        transition:
            left 1.05s cubic-bezier(.22,.61,.36,1) !important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .batur-gallery-btn .elementor-button,
    .batur-gallery-btn .elementor-button-icon,
    .batur-gallery-btn .elementor-button::after{
        transition-duration:.01ms !important;
    }


    .batur-gallery-btn .elementor-button::before{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f2ddd1 *//* =========================================================
   MOUNT BATUR GALLERY — COMPLETE GREEN THEME — ELEMENTOR TEXT COLORS EDITABLE
   Base design + heading alignment + final accordion animation

   HAPUS seluruh CSS Gallery lama, lalu gunakan file ini saja.

   CLASS ELEMENTOR:
   Main container    : coastal-gallery
   Heading container : coastal-gallery__head
   Eyebrow heading   : coastal-gallery__eyebrow
   Main heading      : coastal-gallery__title
   Intro text        : coastal-gallery__intro
   Accordion widget  : coastal-gallery__accordion
========================================================= */


/* =========================================================
   PART 1 — BASE GALLERY DESIGN
========================================================= */

/* =========================================================
   MOUNT BATUR GALLERY — PREMIUM GREEN IMAGE ACCORDION
   Selaras dengan About Us & Accommodation

   CLASS ELEMENTOR
   Main container    : coastal-gallery
   Heading container : coastal-gallery__head
   Eyebrow heading   : coastal-gallery__eyebrow
   Main heading      : coastal-gallery__title
   Intro text        : coastal-gallery__intro
   Accordion widget  : coastal-gallery__accordion

   Background utama tidak dikunci CSS.
   Atur melalui Elementor → Style → Background.
========================================================= */

.coastal-gallery {
    --cg-primary: #176414;
    --cg-primary-light: #4E9A49;
    --cg-primary-dark: #0A3510;
    --cg-gold: #c9a15e;
    --cg-gold-light: #e4c98f;
    --cg-heading: #0F4D13;
    --cg-text: #4E6252;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    padding:
        clamp(76px, 7vw, 116px)
        clamp(20px, 4.5vw, 68px)
        clamp(88px, 8vw, 126px) !important;

    border-top: 1px solid rgba(23, 100, 20, 0.07);
    border-bottom: 1px solid rgba(23, 100, 20, 0.07);
}

.coastal-gallery::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: 0.13;

    background-image:
        radial-gradient(
            circle,
            rgba(23, 100, 20, 0.16) 1px,
            transparent 1.2px
        );

    background-size: 30px 30px;

    -webkit-mask-image:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 58%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 58%,
            #000 100%
        );
}

.coastal-gallery::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 34px;
    z-index: -1;

    width: min(70%, 960px);
    height: 1px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201, 161, 94, 0.40),
            rgba(23, 100, 20, 0.18),
            rgba(201, 161, 94, 0.40),
            transparent
        );
}


/* HEADING */

.coastal-gallery__head {
    display: grid !important;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(280px, 0.75fr);

    align-items: end !important;

    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;

    gap: clamp(28px, 4vw, 62px) !important;
}

.coastal-gallery__eyebrow {
    display: flex;
    align-items: center;

    width: fit-content;

    margin: 0 0 15px !important;
}

.coastal-gallery__eyebrow::before {
    content: "";

    width: 40px;
    height: 1px;

    margin-right: 14px;

    background:
        linear-gradient(
            90deg,
            var(--cg-gold),
            var(--cg-primary-light)
        );
}

.coastal-gallery__eyebrow::after {
    content: "";

    width: 6px;
    height: 6px;

    margin-left: 11px;

    border-radius: 50%;

    background: var(--cg-gold);

    box-shadow:
        0 0 0 5px rgba(201, 161, 94, 0.13);
}

.coastal-gallery__eyebrow .elementor-heading-title {
font-family:
        "Plus Jakarta Sans",
        Arial,
        sans-serif;

    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.coastal-gallery__title {
    width: 100%;
    max-width: 760px;

    margin: 0 !important;
}

.coastal-gallery__title .elementor-heading-title {
font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: clamp(46px, 5.2vw, 72px);
    font-weight: 500;
    line-height: 1.01;
    letter-spacing: -0.04em;

    text-wrap: balance;
}

.coastal-gallery__title::after {
    content: "";

    display: block;

    width: 92px;
    height: 3px;

    margin-top: 24px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            var(--cg-gold),
            var(--cg-gold-light),
            transparent
        );
}

.coastal-gallery__intro {
    width: 100%;
    max-width: 520px;

    justify-self: end;

    margin: 0 !important;

    padding: 20px 22px 20px 26px;

    background:
        linear-gradient(
            110deg,
            rgba(255, 255, 255, 0.76),
            rgba(255, 255, 255, 0.32)
        );

    border:
        1px solid
        rgba(23, 100, 20, 0.09);

    border-left:
        3px solid
        var(--cg-gold);

    border-radius:
        0 18px 18px 0;

    box-shadow:
        0 14px 34px rgba(10, 53, 16, 0.06);

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

.coastal-gallery__intro,
.coastal-gallery__intro p {
font-family:
        "Plus Jakarta Sans",
        Arial,
        sans-serif;

    font-size: clamp(15px, 1.15vw, 17px);
    line-height: 1.82;
}

.coastal-gallery__intro p:last-child {
    margin-bottom: 0;
}


/* ACCORDION WRAPPER */

.coastal-gallery__accordion {
    counter-reset: gallery-panel;

    position: relative;
    isolation: isolate;

    width: 100% !important;
    max-width: 1240px !important;

    margin:
        clamp(24px, 2.8vw, 40px)
        auto
        0 !important;

    padding: 10px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86),
            rgba(248, 244, 236, 0.70)
        );

    border:
        1px solid
        rgba(23, 100, 20, 0.10);

    border-radius:
        32px 32px 82px 32px;

    box-shadow:
        0 32px 76px rgba(10, 53, 16, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);

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

.coastal-gallery__accordion::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: -10px 14px 14px -10px;

    border:
        1px solid
        rgba(23, 100, 20, 0.26);

    border-radius:
        37px 37px 90px 37px;

    transition:
        transform 0.45s ease,
        border-color 0.45s ease;
}

.coastal-gallery__accordion:hover::before {
    transform: translate(-4px, 4px);
    border-color: rgba(201, 161, 94, 0.65);
}

.coastal-gallery__accordion::after {
    content: "";

    position: absolute;
    z-index: 8;

    top: 0;
    left: 34px;

    width: 92px;
    height: 3px;

    border-radius: 0 0 999px 999px;

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

    transition: width 0.45s ease;
}

.coastal-gallery__accordion:hover::after {
    width: 170px;
}

.coastal-gallery__accordion > .elementor-widget-container {
    width: 100%;

    overflow: hidden;

    border-radius:
        24px 24px 72px 24px;
}


/* Support common image accordion widgets */

.coastal-gallery__accordion
:is(
    .eael-img-accordion,
    .eael-image-accordion,
    .premium-image-accordion,
    .bdt-ep-image-accordion,
    .image-accordion,
    .elementor-image-accordion
) {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    height: clamp(470px, 44vw, 610px) !important;
    min-height: 470px;

    gap: 0 !important;

    overflow: hidden;

    border-radius:
        24px 24px 72px 24px;
}


/* PANEL */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
) {
    counter-increment: gallery-panel;

    position: relative;
    isolation: isolate;

    flex: 1 1 0 !important;

    min-width: 0 !important;
    height: 100% !important;

    overflow: hidden;

    background-position: center !important;
    background-size: cover !important;

    border: 0 !important;
    border-right:
        1px solid
        rgba(255, 255, 255, 0.22) !important;

    transition:
        flex 0.70s cubic-bezier(0.2, 0.72, 0.2, 1),
        filter 0.45s ease !important;

    filter:
        saturate(0.92)
        contrast(1.02);
}

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):last-child {
    border-right: 0 !important;
}

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
)::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(6, 43, 14, 0.06) 0%,
            rgba(6, 43, 14, 0.17) 44%,
            rgba(6, 43, 14, 0.84) 100%
        );

    transition: background 0.45s ease;
}

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
)::before {
    content: "0" counter(gallery-panel);

    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 5;

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

    width: 42px;
    height: 42px;

    color: #ffffff;

    background: #176414;

    border:
        1px solid
        rgba(255, 255, 255, 0.28);

    border-radius: 50%;

    box-shadow:
        0 12px 26px rgba(10, 53, 16, 0.28);

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

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;

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

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover,
.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active,
.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).is-active {
    flex: 3.15 1 0 !important;

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


/* PANEL CONTENT */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
) {
    position: absolute !important;
    inset: auto 0 0 !important;
    z-index: 4;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;

    padding:
        clamp(24px, 3vw, 42px) !important;

    text-align: left !important;

    transform: translateY(14px);
    opacity: 0;

    transition:
        opacity 0.42s ease,
        transform 0.50s ease !important;
}

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
),
.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
) {
    transform: translateY(0);
    opacity: 1;
}

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)::before {
    content: "";

    display: block;

    width: 48px;
    height: 2px;

    margin-bottom: 17px;

    border-radius: 999px;

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

.coastal-gallery__accordion
:is(
    h2,
    h3,
    h4,
    .title,
    .accordion-title,
    .eael-img-accordion-title,
    .eael-image-accordion-title
) {
    max-width: 520px;

    margin: 0 0 10px !important;

    color: #ffffff !important;

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

    font-size:
        clamp(31px, 3.4vw, 48px) !important;

    font-weight: 500 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;

    text-shadow:
        0 5px 22px rgba(0, 0, 0, 0.28);
}

.coastal-gallery__accordion
:is(
    p,
    .description,
    .accordion-description,
    .eael-img-accordion-description,
    .eael-image-accordion-description
) {
    max-width: 560px;

    margin: 0 !important;

    color:
        rgba(255, 255, 255, 0.84) !important;

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

    font-size:
        clamp(13px, 1.2vw, 15px) !important;

    line-height: 1.72 !important;

    text-shadow:
        0 4px 18px rgba(0, 0, 0, 0.24);
}


/* TABLET */

@media (max-width: 1024px) {

    .coastal-gallery {
        padding:
            72px
            26px
            94px !important;
    }

    .coastal-gallery__head {
        grid-template-columns: 1fr;
        align-items: start !important;
        gap: 24px !important;
    }

    .coastal-gallery__intro {
        justify-self: start;
        max-width: 700px;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion,
        .eael-image-accordion,
        .premium-image-accordion,
        .bdt-ep-image-accordion,
        .image-accordion,
        .elementor-image-accordion
    ) {
        height: 500px !important;
        min-height: 500px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .coastal-gallery {
        padding:
            60px
            18px
            78px !important;
    }

    .coastal-gallery__title
    .elementor-heading-title {
        font-size:
            clamp(39px, 11vw, 52px);
    }

    .coastal-gallery__accordion {
        padding: 8px !important;

        border-radius:
            25px 25px 54px 25px;
    }

    .coastal-gallery__accordion::before {
        inset: -7px 9px 9px -7px;

        border-radius:
            29px 29px 60px 29px;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion,
        .eael-image-accordion,
        .premium-image-accordion,
        .bdt-ep-image-accordion,
        .image-accordion,
        .elementor-image-accordion
    ) {
        flex-direction: column !important;

        height: 650px !important;
        min-height: 650px;

        border-radius:
            19px 19px 47px 19px;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion-item,
        .eael-image-accordion-item,
        .premium-image-accordion-item,
        .bdt-ep-image-accordion-item,
        .image-accordion-item,
        .accordion-item
    ) {
        width: 100% !important;

        border-right: 0 !important;
        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.22) !important;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion-content,
        .eael-image-accordion-content,
        .premium-image-accordion-content,
        .bdt-ep-image-accordion-content,
        .image-accordion-content,
        .accordion-content,
        .overlay
    ) {
        padding:
            22px
            20px !important;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion-item,
        .eael-image-accordion-item,
        .premium-image-accordion-item,
        .bdt-ep-image-accordion-item,
        .image-accordion-item,
        .accordion-item
    )::before {
        width: 36px;
        height: 36px;

        top: 15px;
        left: 15px;
    }
}

@media (max-width: 430px) {

    .coastal-gallery {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion,
        .eael-image-accordion,
        .premium-image-accordion,
        .bdt-ep-image-accordion,
        .image-accordion,
        .elementor-image-accordion
    ) {
        height: 610px !important;
        min-height: 610px;
    }
}


/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

    .coastal-gallery *,
    .coastal-gallery *::before,
    .coastal-gallery *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   PART 2 — FINAL HEADING ALIGNMENT
========================================================= */

/* =========================================================
   COASTAL GALLERY — HEADING ALIGNMENT FIX
   Tempel kode ini di PALING BAWAH CSS gallery sebelumnya.

   Tujuan:
   - Eyebrow dan intro tersusun rapi di sisi kiri
   - Judul utama berada seimbang di sisi kanan
   - Menghilangkan ruang kosong berlebihan
========================================================= */


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

.coastal-gallery__head {
    display: grid !important;

    grid-template-columns:
        minmax(320px, 0.82fr)
        minmax(480px, 1.18fr) !important;

    grid-template-areas:
        "eyebrow title"
        "intro    title" !important;

    align-items: start !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 1240px !important;

    margin:
        0
        auto !important;

    column-gap:
        clamp(48px, 5vw, 82px) !important;

    row-gap:
        24px !important;
}


/* Eyebrow kiri atas */

.coastal-gallery__eyebrow {
    grid-area: eyebrow;

    align-self: end !important;
    justify-self: start !important;

    width: fit-content !important;

    margin:
        0 !important;
}


/* Judul kanan, dipusatkan terhadap tinggi area kiri */

.coastal-gallery__title {
    grid-area: title;

    align-self: center !important;
    justify-self: end !important;

    width: 100% !important;
    max-width: 650px !important;

    margin:
        0 !important;

    text-align: left !important;
}


.coastal-gallery__title .elementor-heading-title {
    max-width:
        650px;

    margin:
        0 !important;

    font-size:
        clamp(46px, 4.7vw, 68px) !important;

    line-height:
        1.02 !important;

    text-wrap:
        balance;
}


/* Garis gold dibuat lebih proporsional */

.coastal-gallery__title::after {
    width:
        78px !important;

    margin-top:
        21px !important;
}


/* Intro tepat di bawah eyebrow */

.coastal-gallery__intro {
    grid-area: intro;

    align-self: start !important;
    justify-self: start !important;

    width: 100% !important;
    max-width: 560px !important;

    margin:
        0 !important;

    padding:
        20px
        24px
        20px
        26px !important;
}


/* Batasi lebar teks agar baris lebih nyaman dibaca */

.coastal-gallery__intro,
.coastal-gallery__intro p {
    max-width:
        520px;
}


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

@media (min-width: 1280px) {

    .coastal-gallery__head {
        min-height:
            auto;
    }

    .coastal-gallery__title {
        padding-left:
            8px;
    }
}


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

@media (max-width: 1024px) {

    .coastal-gallery__head {
        grid-template-columns:
            1fr !important;

        grid-template-areas:
            "eyebrow"
            "title"
            "intro" !important;

        align-items:
            start !important;

        row-gap:
            20px !important;
    }

    .coastal-gallery__eyebrow,
    .coastal-gallery__title,
    .coastal-gallery__intro {
        justify-self:
            start !important;
    }

    .coastal-gallery__title {
        max-width:
            760px !important;
    }

    .coastal-gallery__title
    .elementor-heading-title {
        max-width:
            760px;
    }

    .coastal-gallery__intro {
        max-width:
            700px !important;
    }
}


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

@media (max-width: 767px) {

    .coastal-gallery__head {
        row-gap:
            17px !important;
    }

    .coastal-gallery__title
    .elementor-heading-title {
        font-size:
            clamp(39px, 11vw, 52px) !important;
    }

    .coastal-gallery__intro {
        padding:
            18px
            18px
            18px
            21px !important;
    }
}

/* =========================================================
   PART 3 — FINAL POSITION & TEXT ANIMATION
========================================================= */

/* =========================================================
   COASTAL GALLERY — FINAL POSITION & TEXT ANIMATION FIX
   Tempel di PALING BAWAH CSS Gallery yang sudah digunakan.
========================================================= */


/* =========================================================
   1. GESER "OUR GALLERY" SEDIKIT KE KANAN
========================================================= */

@media (min-width: 1025px) {

    .coastal-gallery__eyebrow {
        margin-left:
            clamp(18px, 2vw, 30px) !important;
    }
}


/* Tablet dan mobile kembali rata kiri */

@media (max-width: 1024px) {

    .coastal-gallery__eyebrow {
        margin-left:
            0 !important;
    }
}


/* =========================================================
   2. ANIMASI CONTENT IMAGE ACCORDION LEBIH HALUS
========================================================= */

/* Keadaan awal content */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
) {
    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;

    transform:
        translate3d(0, 28px, 0)
        scale(0.985) !important;

    filter:
        blur(7px);

    transition:
        opacity 0.52s ease,
        transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.58s ease,
        visibility 0s linear 0.56s !important;

    will-change:
        opacity,
        transform,
        filter;
}


/* Judul dan deskripsi dibuat stagger */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)
:is(
    h2,
    h3,
    h4,
    .title,
    .accordion-title,
    .eael-img-accordion-title,
    .eael-image-accordion-title
) {
    opacity:
        0;

    transform:
        translateY(18px);

    transition:
        opacity 0.48s ease,
        transform 0.66s cubic-bezier(0.22, 1, 0.36, 1);
}


.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)
:is(
    p,
    .description,
    .accordion-description,
    .eael-img-accordion-description,
    .eael-image-accordion-description
) {
    opacity:
        0;

    transform:
        translateY(16px);

    transition:
        opacity 0.46s ease,
        transform 0.64s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Garis gold juga masuk secara halus */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)::before {
    opacity:
        0;

    transform:
        scaleX(0.35);

    transform-origin:
        left center;

    transition:
        opacity 0.42s ease,
        transform 0.62s cubic-bezier(0.22, 1, 0.36, 1),
        width 0.40s ease !important;
}


/* =========================================================
   3. ACTIVE / HOVER STATE
========================================================= */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).is-active
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
) {
    opacity:
        1 !important;

    visibility:
        visible !important;

    pointer-events:
        auto !important;

    transform:
        translate3d(0, 0, 0)
        scale(1) !important;

    filter:
        blur(0);

    transition:
        opacity 0.56s ease 0.08s,
        transform 0.78s cubic-bezier(0.22, 1, 0.36, 1) 0.04s,
        filter 0.62s ease 0.04s,
        visibility 0s linear 0s !important;
}


/* Judul masuk lebih dulu */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover
:is(
    h2,
    h3,
    h4,
    .title,
    .accordion-title,
    .eael-img-accordion-title,
    .eael-image-accordion-title
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active
:is(
    h2,
    h3,
    h4,
    .title,
    .accordion-title,
    .eael-img-accordion-title,
    .eael-image-accordion-title
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).is-active
:is(
    h2,
    h3,
    h4,
    .title,
    .accordion-title,
    .eael-img-accordion-title,
    .eael-image-accordion-title
) {
    opacity:
        1;

    transform:
        translateY(0);

    transition-delay:
        0.16s;
}


/* Deskripsi menyusul setelah judul */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover
:is(
    p,
    .description,
    .accordion-description,
    .eael-img-accordion-description,
    .eael-image-accordion-description
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active
:is(
    p,
    .description,
    .accordion-description,
    .eael-img-accordion-description,
    .eael-image-accordion-description
),

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).is-active
:is(
    p,
    .description,
    .accordion-description,
    .eael-img-accordion-description,
    .eael-image-accordion-description
) {
    opacity:
        1;

    transform:
        translateY(0);

    transition-delay:
        0.25s;
}


/* Garis gold muncul paling awal */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
):hover
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)::before,

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).active
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)::before,

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
).is-active
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
)::before {
    opacity:
        1;

    transform:
        scaleX(1);

    transition-delay:
        0.10s;
}


/* =========================================================
   4. MOBILE — ANIMASI DIPERCEPAT SEDIKIT
========================================================= */

@media (max-width: 767px) {

    .coastal-gallery__accordion
    :is(
        .eael-img-accordion-content,
        .eael-image-accordion-content,
        .premium-image-accordion-content,
        .bdt-ep-image-accordion-content,
        .image-accordion-content,
        .accordion-content,
        .overlay
    ) {
        transform:
            translate3d(0, 18px, 0)
            scale(0.99) !important;

        filter:
            blur(4px);
    }
}


/* =========================================================
   5. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .coastal-gallery__accordion *,
    .coastal-gallery__accordion *::before,
    .coastal-gallery__accordion *::after {
        transition-delay:
            0s !important;
    }
}


/* =========================================================
   FINAL COMPACT GAP FIX
========================================================= */

.coastal-gallery__head {
    min-height: auto !important;
}

.coastal-gallery__accordion {
    margin-top: clamp(24px, 2.8vw, 40px) !important;
}

@media (max-width: 1024px) {
    .coastal-gallery__accordion {
        margin-top: 28px !important;
    }
}

@media (max-width: 767px) {
    .coastal-gallery__accordion {
        margin-top: 22px !important;
    }
}


/* =========================================================
   FINAL CLEAN FRAME FIX
   Merapikan bagian bawah image accordion agar menyatu dengan
   background putih dan tidak terlihat seperti bidang tebal.
========================================================= */


/* Wrapper utama dibuat lebih tipis, bersih, dan simetris */

.coastal-gallery__accordion {
    padding: 7px !important;

    background:
        rgba(255, 255, 255, 0.88) !important;

    border:
        1px solid
        rgba(23, 100, 20, 0.11) !important;

    border-radius:
        28px !important;

    box-shadow:
        0 22px 54px rgba(10, 53, 16, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;

    overflow:
        visible !important;
}


/* Frame belakang tidak lagi memiliki lengkungan kanan bawah besar */

.coastal-gallery__accordion::before {
    inset:
        -7px
        10px
        10px
        -7px !important;

    border-color:
        rgba(23, 100, 20, 0.22) !important;

    border-radius:
        32px !important;
}


/* Inner widget dibuat rapat ke frame */

.coastal-gallery__accordion
> .elementor-widget-container {
    display:
        block !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    background:
        transparent !important;

    border-radius:
        21px !important;

    line-height:
        0;
}


/* Root accordion tidak menyisakan margin/padding bawah */

.coastal-gallery__accordion
:is(
    .eael-img-accordion,
    .eael-image-accordion,
    .premium-image-accordion,
    .bdt-ep-image-accordion,
    .image-accordion,
    .elementor-image-accordion
) {
    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border-radius:
        21px !important;

    vertical-align:
        top;
}


/* Semua panel memenuhi tinggi accordion tanpa celah bawah */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
) {
    margin:
        0 !important;

    padding:
        0 !important;

    vertical-align:
        top;
}


/* Pulihkan line-height untuk tulisan di dalam accordion */

.coastal-gallery__accordion
:is(
    .eael-img-accordion-content,
    .eael-image-accordion-content,
    .premium-image-accordion-content,
    .bdt-ep-image-accordion-content,
    .image-accordion-content,
    .accordion-content,
    .overlay
) {
    line-height:
        normal;
}


/* Shadow bawah dibuat lebih lembut agar menyatu dengan background putih */

.coastal-gallery__accordion::after {
    left:
        27px !important;
}


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

@media (max-width: 1024px) {

    .coastal-gallery__accordion {
        padding:
            7px !important;

        border-radius:
            25px !important;
    }

    .coastal-gallery__accordion::before {
        border-radius:
            29px !important;
    }

    .coastal-gallery__accordion
    > .elementor-widget-container,
    .coastal-gallery__accordion
    :is(
        .eael-img-accordion,
        .eael-image-accordion,
        .premium-image-accordion,
        .bdt-ep-image-accordion,
        .image-accordion,
        .elementor-image-accordion
    ) {
        border-radius:
            19px !important;
    }
}


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

@media (max-width: 767px) {

    .coastal-gallery__accordion {
        padding:
            6px !important;

        border-radius:
            22px !important;

        box-shadow:
            0 17px 40px rgba(10, 53, 16, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
    }

    .coastal-gallery__accordion::before {
        inset:
            -5px
            7px
            7px
            -5px !important;

        border-radius:
            25px !important;
    }

    .coastal-gallery__accordion
    > .elementor-widget-container,
    .coastal-gallery__accordion
    :is(
        .eael-img-accordion,
        .eael-image-accordion,
        .premium-image-accordion,
        .bdt-ep-image-accordion,
        .image-accordion,
        .elementor-image-accordion
    ) {
        border-radius:
            16px !important;
    }
}

/* =========================================================
   FINAL — ELEMENTOR TEXT COLOR CONTROL
   Warna teks berikut TIDAK dikunci CSS:
   - coastal-gallery__eyebrow
   - coastal-gallery__title
   - coastal-gallery__intro

   Ubah langsung melalui Elementor:
   Heading Widget > Style > Text Color
   Text Editor Widget > Style > Text Color

   Catatan:
   Judul/deskripsi di dalam Image Accordion tetap memakai
   warna putih dari CSS agar terbaca di atas foto.
========================================================= */

.coastal-gallery__eyebrow .elementor-heading-title,
.coastal-gallery__title .elementor-heading-title,
.coastal-gallery__intro,
.coastal-gallery__intro p{
    /* color sengaja tidak ditentukan */
}


/* =========================================================
   FINAL MOUNT BATUR GREEN THEME SAFETY
   Primary    : #176414
   Deep Green : #0F4D13
   Dark Green : #0A3510
   Soft Green : #4E9A49
   Gold       : #C9A15E / #E4C98F

   Heading/intro text colors tetap editable dari Elementor.
========================================================= */

.coastal-gallery{
    --cg-primary:#176414;
    --cg-primary-light:#4E9A49;
    --cg-primary-dark:#0A3510;
    --cg-gold:#C9A15E;
    --cg-gold-light:#E4C98F;
    --cg-heading:#0F4D13;
    --cg-text:#4E6252;
}

/* Decorative dots + outer lines */
.coastal-gallery::before{
    background-image:
        radial-gradient(
            circle,
            rgba(23,100,20,.16) 1px,
            transparent 1.2px
        )!important;
}

.coastal-gallery{
    border-top-color:rgba(23,100,20,.07)!important;
    border-bottom-color:rgba(23,100,20,.07)!important;
}

.coastal-gallery::after{
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201,161,94,.40),
            rgba(23,100,20,.18),
            rgba(201,161,94,.40),
            transparent
        )!important;
}

/* Intro panel: tetap light, tetapi outline/shadow menjadi green */
.coastal-gallery__intro{
    border-color:rgba(23,100,20,.09)!important;
    border-left-color:#C9A15E!important;

    box-shadow:
        0 14px 34px rgba(10,53,16,.06)!important;
}

/* Main accordion frame */
.coastal-gallery__accordion{
    border-color:rgba(23,100,20,.11)!important;

    box-shadow:
        0 22px 54px rgba(10,53,16,.11),
        inset 0 1px 0 rgba(255,255,255,.98)!important;
}

.coastal-gallery__accordion::before{
    border-color:rgba(23,100,20,.22)!important;
}

/* Image overlay: deep forest green instead of coastal navy */
.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
)::after{
    background:
        linear-gradient(
            180deg,
            rgba(6,43,14,.05) 0%,
            rgba(6,43,14,.17) 44%,
            rgba(6,43,14,.86) 100%
        )!important;
}

/* Number marker */
.coastal-gallery__accordion
:is(
    .eael-img-accordion-item,
    .eael-image-accordion-item,
    .premium-image-accordion-item,
    .bdt-ep-image-accordion-item,
    .image-accordion-item,
    .accordion-item
)::before{
    background:#176414!important;
    background-color:#176414!important;
    background-image:none!important;

    box-shadow:
        0 12px 26px rgba(10,53,16,.28)!important;
}

/* Outer frame hover remains gold */
.coastal-gallery__accordion:hover::before{
    border-color:rgba(201,161,94,.65)!important;
}

/* Mobile shadow also follows green */
@media(max-width:767px){
    .coastal-gallery__accordion{
        box-shadow:
            0 17px 40px rgba(10,53,16,.10),
            inset 0 1px 0 rgba(255,255,255,.98)!important;
    }
}

/* Elementor retains control of these text colors */
.coastal-gallery__eyebrow .elementor-heading-title,
.coastal-gallery__title .elementor-heading-title,
.coastal-gallery__intro,
.coastal-gallery__intro p{
    /* color sengaja tidak dikunci */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cadce7f *//* =========================================================
   COASTAL GALLERY GRID — LUXURY AMED STYLE
   Selaras dengan Our Gallery / Facilities / Location

   PAKAI CLASS:
   coastal-gallery-grid

   Tempel class di widget Gallery / Image Gallery Elementor.
   CSS mendukung:
   - Elementor Image Gallery klasik
   - Elementor Pro Gallery
========================================================= */

.elementor-1265 .elementor-element.elementor-element-cadce7f{
  --cgg-navy:#103F5E;
  --cgg-navy-deep:#0B2436;
  --cgg-blue:#267FA7;
  --cgg-blue-soft:#65B9DF;

  --cgg-gold:#C9A15E;
  --cgg-gold-light:#E4C98F;

  --cgg-cream:#F8F4EC;
  --cgg-ivory:#FFFDF8;
  --cgg-white:#FFFFFF;

  --cgg-border:rgba(16,63,94,.10);
  --cgg-shadow:0 18px 42px rgba(18,55,77,.10);
  --cgg-shadow-hover:0 28px 58px rgba(18,55,77,.16);

  --cgg-radius:22px;
  --cgg-radius-feature:22px 22px 46px 22px;

  --cgg-gap:12px;
  --cgg-tr:.55s cubic-bezier(.2,.72,.2,1);

  position:relative;
  isolation:isolate;
  overflow:visible;
}

/* ---------------------------------------------------------
   OPTIONAL DECORATIVE TOP LINE
--------------------------------------------------------- */

.elementor-1265 .elementor-element.elementor-element-cadce7f::before{
  content:"";
  position:absolute;
  top:-18px;
  left:50%;
  width:min(72%,920px);
  height:1px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,161,94,.45),
      rgba(38,127,167,.18),
      rgba(201,161,94,.45),
      transparent
    );
}

/* =========================================================
   BASIC IMAGE GALLERY — GRID
========================================================= */

.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--cgg-gap)!important;

  margin:0!important;
  padding:0!important;
}

/* Reset kolom bawaan WP/Elementor */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item{
  float:none!important;
  width:100%!important;
  max-width:none!important;

  margin:0!important;
  padding:0!important;

  position:relative;
  overflow:hidden;

  border:
    1px solid rgba(201,161,94,.22);

  border-radius:
    var(--cgg-radius);

  background:
    linear-gradient(
      145deg,
      var(--cgg-ivory),
      var(--cgg-cream)
    );

  box-shadow:
    var(--cgg-shadow);

  transform:translateZ(0);

  transition:
    transform var(--cgg-tr),
    box-shadow var(--cgg-tr),
    border-color var(--cgg-tr);
}

/* Sedikit variasi bentuk agar terasa editorial */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:nth-child(4n+1),
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:nth-child(4n+1){
  border-radius:
    var(--cgg-radius-feature);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:nth-child(4n+4),
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:nth-child(4n+4){
  border-radius:
    22px 46px 22px 22px;
}

/* Gold detail kecil */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item::before,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item::before{
  content:"";

  position:absolute;
  z-index:5;
  top:0;
  left:20px;

  width:44px;
  height:3px;

  border-radius:
    0 0 999px 999px;

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

  transition:
    width var(--cgg-tr);
}

/* Inner fine frame */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item::after,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item::after{
  content:"";

  position:absolute;
  z-index:4;
  inset:8px;

  pointer-events:none;

  border:
    1px solid rgba(255,255,255,.35);

  border-radius:
    calc(var(--cgg-radius) - 7px);
}

/* Link wrapper */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-icon,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-icon,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-icon a,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-icon a{
  display:block!important;
  width:100%!important;
  height:100%!important;

  overflow:hidden;
}

/* Image */
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery img,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  min-height:230px;

  aspect-ratio:1.48 / 1;

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

  border:0!important;
  border-radius:inherit!important;

  transform:scale(1.001);

  filter:
    saturate(.96)
    contrast(1.02)
    brightness(.98);

  transition:
    transform .75s cubic-bezier(.2,.72,.2,1),
    filter var(--cgg-tr);
}

/* ---------------------------------------------------------
   HOVER
--------------------------------------------------------- */

.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:hover,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:hover{
  transform:
    translateY(-7px);

  border-color:
    rgba(201,161,94,.52);

  box-shadow:
    var(--cgg-shadow-hover);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:hover::before,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:hover::before{
  width:92px;
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:hover img,
.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:hover img{
  transform:
    scale(1.045);

  filter:
    saturate(1.07)
    contrast(1.03)
    brightness(1.02);
}

/* =========================================================
   ELEMENTOR PRO GALLERY
========================================================= */

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-container,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery__container{
  gap:var(--cgg-gap)!important;
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item{
  position:relative!important;
  overflow:hidden!important;

  border:
    1px solid rgba(201,161,94,.22)!important;

  border-radius:
    var(--cgg-radius)!important;

  box-shadow:
    var(--cgg-shadow);

  background:
    linear-gradient(
      145deg,
      var(--cgg-ivory),
      var(--cgg-cream)
    );

  transition:
    transform var(--cgg-tr),
    box-shadow var(--cgg-tr),
    border-color var(--cgg-tr)!important;
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item::before,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item::before{
  content:"";

  position:absolute;
  z-index:6;
  top:0;
  left:20px;

  width:44px;
  height:3px;

  border-radius:
    0 0 999px 999px;

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

  pointer-events:none;

  transition:
    width var(--cgg-tr);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item::after,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item::after{
  content:"";

  position:absolute;
  z-index:5;
  inset:8px;

  pointer-events:none;

  border:
    1px solid rgba(255,255,255,.34);

  border-radius:15px;
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-image,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item__image{
  transition:
    transform .75s cubic-bezier(.2,.72,.2,1),
    filter var(--cgg-tr)!important;

  filter:
    saturate(.96)
    contrast(1.02)
    brightness(.98);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item:hover,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item:hover{
  transform:
    translateY(-7px)!important;

  border-color:
    rgba(201,161,94,.52)!important;

  box-shadow:
    var(--cgg-shadow-hover);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item:hover::before,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item:hover::before{
  width:92px;
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item:hover .e-gallery-image,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item:hover .elementor-gallery-item__image{
  transform:
    scale(1.045)!important;

  filter:
    saturate(1.07)
    contrast(1.03)
    brightness(1.02);
}

/* =========================================================
   OPTIONAL CAPTION
========================================================= */

.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery-caption,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item__title,
.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item .elementor-gallery-item__title{
  position:absolute!important;
  z-index:8;
  left:16px;
  right:16px;
  bottom:14px;

  width:auto!important;
  margin:0!important;
  padding:9px 12px!important;

  color:var(--cgg-ivory)!important;

  background:
    rgba(11,36,54,.58)!important;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:
    12px;

  box-shadow:
    0 10px 24px rgba(0,14,24,.18);

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

  backdrop-filter:
    blur(10px);

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

  font-size:
    10px!important;

  font-weight:
    600!important;

  line-height:
    1.4!important;

  letter-spacing:
    .04em!important;

  opacity:.94;

  transition:
    transform var(--cgg-tr),
    opacity var(--cgg-tr);
}

.elementor-1265 .elementor-element.elementor-element-cadce7f .gallery-item:hover .gallery-caption,
.elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item:hover .elementor-gallery-item__title,
.elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item:hover .elementor-gallery-item__title{
  transform:
    translateY(-3px);

  opacity:1;
}

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

@media(max-width:1024px){

  .elementor-1265 .elementor-element.elementor-element-cadce7f{
    --cgg-gap:10px;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery{
    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery img,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item img{
    min-height:210px;
  }
}

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

@media(max-width:767px){

  .elementor-1265 .elementor-element.elementor-element-cadce7f{
    --cgg-gap:9px;
    --cgg-radius:18px;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f::before{
    top:-14px;
    width:82%;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item{
    border-radius:
      18px 18px 30px 18px;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item:nth-child(4n+4),
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item:nth-child(4n+4){
    border-radius:
      18px 30px 18px 18px;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery img,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item img{
    min-height:160px;

    aspect-ratio:
      1.1 / 1;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery-item::before,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item::before,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .e-gallery-item::before,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item::before{
    left:14px;
    width:34px;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery-caption,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-gallery-item__title{
    left:10px;
    right:10px;
    bottom:10px;
    padding:7px 9px!important;
    font-size:9px!important;
  }
}

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

@media(max-width:430px){

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery{
    grid-template-columns:
      1fr!important;
  }

  .elementor-1265 .elementor-element.elementor-element-cadce7f .elementor-image-gallery .gallery img,
  .elementor-1265 .elementor-element.elementor-element-cadce7f .gallery .gallery-item img{
    min-height:220px;
    aspect-ratio:1.4 / 1;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-1265 .elementor-element.elementor-element-cadce7f *,
  .elementor-1265 .elementor-element.elementor-element-cadce7f *::before,
  .elementor-1265 .elementor-element.elementor-element-cadce7f *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4a16f6e *//* =========================================================
   MOUNT BATUR — PREMIUM GALLERY BUTTON V3
   CLASS: batur-gallery-btn

   UPDATE:
   - Shine mengikuti style terracotta-glow-btn
   - Kilau bergerak dari kiri → kanan
   - Tidak memakai keyframes
   - Lebih halus dan natural
   - Arrow tetap lembut
   - Gold accent tetap premium
========================================================= */

.batur-gallery-btn{
    position:relative;
    display:inline-block;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.batur-gallery-btn .elementor-button{
    position:relative;
    isolation:isolate;

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

    min-height:56px;

    padding:
        16px
        28px !important;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #176414 0%,
            #145A12 58%,
            #104B0E 100%
        ) !important;

    border:
        1px solid rgba(227,201,143,.36) !important;

    border-radius:
        8px 8px 18px 8px !important;

    box-shadow:
        0 12px 28px rgba(23,100,20,.20),
        inset 0 1px 0 rgba(255,255,255,.11);

    color:
        #FFFDF8 !important;

    transform:
        translateY(0);

    transition:
        transform .48s cubic-bezier(.22,.72,.2,1),
        box-shadow .48s ease,
        border-color .48s ease,
        background .48s ease;
}


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

.batur-gallery-btn .elementor-button-text{
    position:relative;
    z-index:4;

    color:#FFFDF8;

    font-family:
        "Montserrat",
        sans-serif;

    font-size:14px;
    font-weight:700;
    line-height:1;

    letter-spacing:.02em;
}


/* =========================================================
   ICON / ARROW
========================================================= */

.batur-gallery-btn .elementor-button-icon{
    position:relative;
    z-index:4;

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

    margin-left:11px;

    transition:
        transform .52s cubic-bezier(.22,.72,.2,1);
}


.batur-gallery-btn .elementor-button-icon i,
.batur-gallery-btn .elementor-button-icon svg{
    color:#E3C98F !important;
    fill:#E3C98F !important;

    transition:
        color .42s ease,
        fill .42s ease;
}


/* =========================================================
   PREMIUM SHINE
   MODEL TERRACOTTA — SMOOTH LEFT TO RIGHT
========================================================= */

.batur-gallery-btn .elementor-button::before{
    content:"" !important;

    position:absolute !important;

    top:-25% !important;
    left:-90% !important;

    width:55% !important;
    height:150% !important;

    z-index:2 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.04) 15%,
            rgba(255,255,255,.16) 35%,
            rgba(255,255,255,.44) 50%,
            rgba(255,255,255,.16) 65%,
            rgba(255,255,255,.04) 85%,
            transparent 100%
        ) !important;

    transform:
        skewX(-24deg) !important;

    opacity:.82;

    filter:
        blur(.2px);

    transition:
        left .95s cubic-bezier(.22,.61,.36,1) !important;

    will-change:
        left;
}


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

.batur-gallery-btn
.elementor-button:hover::before{
    left:135% !important;
}


/* =========================================================
   GOLD BOTTOM ACCENT
========================================================= */

.batur-gallery-btn .elementor-button::after{
    content:"";

    position:absolute;
    z-index:3;

    left:22px;
    bottom:0;

    width:42px;
    height:2px;

    border-radius:
        999px 999px 0 0;

    background:
        linear-gradient(
            90deg,
            #C79A45,
            #E3C98F
        );

    opacity:.90;

    transition:
        width .58s cubic-bezier(.22,.72,.2,1),
        opacity .45s ease;
}


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

.batur-gallery-btn .elementor-button:hover{
    transform:
        translateY(-3px);

    background:
        linear-gradient(
            135deg,
            #1A6B17 0%,
            #176414 54%,
            #10500F 100%
        ) !important;

    border-color:
        rgba(227,201,143,.62) !important;

    box-shadow:
        0 18px 38px rgba(23,100,20,.25),
        0 0 0 3px rgba(199,154,69,.045),
        inset 0 1px 0 rgba(255,255,255,.14);
}


.batur-gallery-btn
.elementor-button:hover::after{
    width:72px;
    opacity:1;
}


.batur-gallery-btn
.elementor-button:hover
.elementor-button-icon{
    transform:
        translateX(3px);
}


/* =========================================================
   FOCUS
========================================================= */

.batur-gallery-btn
.elementor-button:focus-visible{
    outline:
        2px solid rgba(227,201,143,.85);

    outline-offset:
        4px;
}


/* =========================================================
   ACTIVE
========================================================= */

.batur-gallery-btn
.elementor-button:active{
    transform:
        translateY(-1px);

    box-shadow:
        0 10px 22px rgba(23,100,20,.20);
}


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

@media(max-width:1024px){

    .batur-gallery-btn .elementor-button{
        min-height:54px;

        padding:
            15px
            26px !important;
    }


    .batur-gallery-btn .elementor-button-text{
        font-size:13.5px;
    }


    .batur-gallery-btn .elementor-button::before{
        transition:
            left 1s cubic-bezier(.22,.61,.36,1) !important;
    }

}


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

@media(max-width:767px){

    .batur-gallery-btn .elementor-button{
        min-height:52px;

        padding:
            15px
            23px !important;

        border-radius:
            7px 7px 16px 7px !important;
    }


    .batur-gallery-btn .elementor-button-text{
        font-size:13px;
    }


    .batur-gallery-btn
    .elementor-button:hover{
        transform:none;
    }


    .batur-gallery-btn .elementor-button::before{
        width:58% !important;

        transition:
            left 1.05s cubic-bezier(.22,.61,.36,1) !important;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .batur-gallery-btn .elementor-button,
    .batur-gallery-btn .elementor-button-icon,
    .batur-gallery-btn .elementor-button::after{
        transition-duration:.01ms !important;
    }


    .batur-gallery-btn .elementor-button::before{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3123bfc *//* =========================================================
   MOUNT BATUR CTA V4 — EDITORIAL GREEN IMAGE CTA + FLOATING DETAILS
   Green Mount Batur version aligned with Hero / About / Location / FAQ.
========================================================= */

.elementor-1265 .elementor-element.elementor-element-3123bfc{
  --cta3-navy:#0A3510;
  --cta3-blue:#176414;
  --cta3-blue-light:#5FA85B;
  --cta3-gold:#C9A15E;
  --cta3-gold-light:#E4C98F;
  --cta3-cream:#FFF8EC;
  --cta3-white:#FFFFFF;
  --cta3-soft:rgba(255,248,236,.78);
  --cta3-shadow:0 28px 70px rgba(5,40,10,.30);
  --cta3-tr:.52s cubic-bezier(.2,.72,.2,1);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  width:100%;
  max-width:100%;

  border-top:1px solid rgba(201,161,94,.22);
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* DARK CINEMATIC OVERLAY */
.elementor-1265 .elementor-element.elementor-element-3123bfc::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(6,43,14,.90) 0%,
      rgba(8,55,17,.78) 43%,
      rgba(12,73,22,.43) 68%,
      rgba(7,48,15,.64) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.10),
      rgba(0,0,0,.30)
    );
}

/* SUBTLE GOLD HORIZON LINE */
.elementor-1265 .elementor-element.elementor-element-3123bfc::after{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:34px;
  height:1px;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,161,94,.34),
      rgba(255,255,255,.12),
      rgba(201,161,94,.34),
      transparent
    );
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__inner,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__left,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom{
  position:relative;
  z-index:2;
}

/* INNER */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__inner{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* LEFT COPY */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow{
  position:relative;
  width:auto;
  margin:0 0 20px;
  padding-left:58px;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:42px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,var(--cta3-gold),var(--cta3-gold-light));
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow::after{
  content:"";
  position:absolute;
  right:-16px;
  top:50%;
  width:5px;
  height:5px;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--cta3-gold);
  box-shadow:0 0 0 4px rgba(201,161,94,.14);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow .elementor-heading-title{
  color:var(--cta3-gold-light);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.23em;
  text-transform:uppercase;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__title{
  width:100%;
  max-width:900px;
  margin:0;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__title .elementor-heading-title{
  color:var(--cta3-cream);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(52px,5.6vw,84px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 16px 40px rgba(0,0,0,.22);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__brand{
  width:100%;
  max-width:930px;
  margin:8px 0 0;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__brand .elementor-heading-title{
  color:var(--cta3-gold-light);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,5vw,76px);
  font-weight:500;
  font-style:italic;
  line-height:1;
  letter-spacing:-.035em;
  text-shadow:0 12px 34px rgba(0,0,0,.20);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__brand::after{
  content:"";
  display:block;
  width:108px;
  height:3px;
  margin-top:20px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cta3-gold),var(--cta3-gold-light),transparent);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__text{
  width:100%;
  max-width:860px;
  margin:26px 0 0;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__text,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__text p{
  color:rgba(255,255,255,.82);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.82;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__text p:last-child{
  margin-bottom:0;
}

/* RIGHT CTA */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button{
  min-width:238px;
  min-height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 30px;
  color:var(--cta3-cream);
  background:
    linear-gradient(
      135deg,
      #0F4D13 0%,
      #176414 58%,
      #1E741B 100%
    );
  border:1px solid rgba(228,201,143,.46);
  border-radius:6px;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.13);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  transition:
    transform var(--cta3-tr),
    box-shadow var(--cta3-tr),
    background var(--cta3-tr);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button::after{
  content:"→";
  margin-left:20px;
  font-size:18px;
  font-weight:400;
  line-height:1;
  transition:transform var(--cta3-tr);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button:hover{
  transform:translateY(-4px);
  background:
    linear-gradient(
      135deg,
      #176414 0%,
      #1D731A 55%,
      #248321 100%
    );
  box-shadow:
    0 22px 40px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button:hover::after{
  transform:translateX(5px);
}

/* FLOATING TOP TAG */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top{
  position:absolute;
  top:30px;
  right:34px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:10px;
  width:auto;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(10,53,16,.58);
  box-shadow:0 14px 30px rgba(0,0,0,.16);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  animation:ctaFloatA 5.8s ease-in-out infinite;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top .elementor-icon{
  color:var(--cta3-gold-light);
  font-size:13px;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top .elementor-heading-title{
  color:rgba(255,248,236,.86);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* FLOATING BOTTOM GLASS CARD */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom{
  position:absolute;
  right:46px;
  bottom:58px;
  z-index:5;
  width:205px;
  padding:15px 17px;
  border:1px solid rgba(228,201,143,.22);
  border-radius:16px 16px 28px 16px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.035)
    );
  box-shadow:0 18px 38px rgba(0,0,0,.20);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  animation:ctaFloatB 6.8s ease-in-out infinite;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom::before{
  content:"";
  position:absolute;
  top:0;
  left:16px;
  width:42px;
  height:2px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--cta3-gold),var(--cta3-gold-light));
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom .elementor-heading-title{
  color:var(--cta3-cream);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:18px;
  font-weight:600;
  line-height:1.08;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom-text{
  margin-top:6px;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom-text,
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom-text p{
  color:rgba(255,248,236,.66);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:9.5px;
  line-height:1.45;
  margin-bottom:0;
}

/* FINE CORNER FRAME */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right::before{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-18px;
  top:50%;
  transform:translateY(-50%);
  border-right:1px solid rgba(201,161,94,.38);
  border-top:1px solid rgba(201,161,94,.38);
  border-radius:0 26px 0 0;
  pointer-events:none;
}

/* FLOAT ANIMATIONS */
@keyframes ctaFloatA{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}

@keyframes ctaFloatB{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(8px) rotate(.35deg);}
}

/* TABLET */
@media(max-width:1024px){
  .elementor-1265 .elementor-element.elementor-element-3123bfc::before{
    background:
      linear-gradient(
        90deg,
        rgba(6,43,14,.92) 0%,
        rgba(8,55,17,.78) 52%,
        rgba(8,55,17,.58) 100%
      ),
      linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.28));
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right{
    align-items:flex-start;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top{
    top:22px;
    right:22px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom{
    right:24px;
    bottom:42px;
  }
}

/* MOBILE */
@media(max-width:767px){
  .elementor-1265 .elementor-element.elementor-element-3123bfc::before{
    background:
      linear-gradient(
        180deg,
        rgba(6,43,14,.88) 0%,
        rgba(8,55,17,.78) 60%,
        rgba(6,43,14,.86) 100%
      );
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc::after{
    left:18px;
    right:18px;
    bottom:22px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow{
    padding-left:44px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__eyebrow::before{
    width:31px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__title .elementor-heading-title{
    font-size:clamp(43px,12vw,58px);
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__brand .elementor-heading-title{
    font-size:clamp(39px,10.5vw,52px);
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__text{
    margin-top:22px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button,
  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button{
    width:100%;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right::before{
    display:none;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top{
    position:relative;
    top:auto;
    right:auto;
    align-self:flex-start;
    margin-bottom:18px;
  }

  .elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    max-width:240px;
    margin-top:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .elementor-1265 .elementor-element.elementor-element-3123bfc *,
  .elementor-1265 .elementor-element.elementor-element-3123bfc *::before,
  .elementor-1265 .elementor-element.elementor-element-3123bfc *::after{
    animation:none!important;
    transition-duration:.01ms!important;
  }
}

/* =========================================================
   FINAL GREEN THEME SAFETY
   Mount Batur palette:
   Main Green  : #176414
   Deep Green  : #0F4D13
   Dark Green  : #0A3510
   Gold        : #C9A15E
   Light Gold  : #E4C98F
========================================================= */

/* Cinematic overlay — forest green, not coastal blue */
.elementor-1265 .elementor-element.elementor-element-3123bfc::before{
  background:
    linear-gradient(
      90deg,
      rgba(6,43,14,.90) 0%,
      rgba(8,55,17,.78) 43%,
      rgba(12,73,22,.43) 68%,
      rgba(7,48,15,.64) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.10),
      rgba(0,0,0,.30)
    )!important;
}

/* Brand accent becomes gold / warm, no blue */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__brand .elementor-heading-title{
  color:#E4C98F!important;
}

/* Main button becomes green with premium gold edge */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button{
  color:#FFF8EC!important;

  background:
    linear-gradient(
      135deg,
      #0F4D13 0%,
      #176414 58%,
      #1E741B 100%
    )!important;

  border-color:
    rgba(228,201,143,.58)!important;

  box-shadow:
    0 16px 34px rgba(5,40,10,.30),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__button .elementor-button:hover{
  background:
    linear-gradient(
      135deg,
      #176414 0%,
      #1D731A 55%,
      #248321 100%
    )!important;

  border-color:
    rgba(228,201,143,.82)!important;

  box-shadow:
    0 22px 42px rgba(5,40,10,.34),
    0 0 0 4px rgba(201,161,94,.045),
    inset 0 1px 0 rgba(255,255,255,.15)!important;
}

/* Floating top tag — green glass */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-top{
  background:
    rgba(10,53,16,.60)!important;

  border-color:
    rgba(228,201,143,.22)!important;

  box-shadow:
    0 14px 30px rgba(5,40,10,.20)!important;
}

/* Floating bottom glass gets subtle green atmosphere */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__floating-bottom{
  background:
    linear-gradient(
      145deg,
      rgba(23,100,20,.20),
      rgba(10,53,16,.18)
    )!important;

  border-color:
    rgba(228,201,143,.24)!important;

  box-shadow:
    0 18px 38px rgba(5,40,10,.24)!important;
}

/* Fine right frame keeps gold */
.elementor-1265 .elementor-element.elementor-element-3123bfc .coastal-cta3__right::before{
  border-right-color:
    rgba(201,161,94,.42)!important;

  border-top-color:
    rgba(201,161,94,.42)!important;
}

/* Tablet */
@media(max-width:1024px){
  .elementor-1265 .elementor-element.elementor-element-3123bfc::before{
    background:
      linear-gradient(
        90deg,
        rgba(6,43,14,.92) 0%,
        rgba(8,55,17,.80) 52%,
        rgba(8,55,17,.58) 100%
      ),
      linear-gradient(
        180deg,
        rgba(0,0,0,.10),
        rgba(0,0,0,.28)
      )!important;
  }
}

/* Mobile */
@media(max-width:767px){
  .elementor-1265 .elementor-element.elementor-element-3123bfc::before{
    background:
      linear-gradient(
        180deg,
        rgba(6,43,14,.88) 0%,
        rgba(8,55,17,.78) 60%,
        rgba(6,43,14,.86) 100%
      )!important;
  }
}/* End custom CSS */