.elementor-915 .elementor-element.elementor-element-8e3de03{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-915 .elementor-element.elementor-element-6afdc2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-6afdc2e */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
button{-webkit-tap-highlight-color:transparent;outline:none;}
button:focus{outline:none;}
button:focus-visible{outline:none;}

html,body{height:100%;overflow:hidden;}

/* ── SPLIT CONTAINER ── */
.split{display:flex;width:100%;height:100vh;}

/* ── EACH PANEL ── */
.panel{
  position:relative;
  width:50%;
  height:100%;
  overflow:hidden;
  cursor:pointer;
  transition:width .75s cubic-bezier(.76,0,.24,1);
}
.panel:hover{width:58%;}
.split:has(.panel:hover) .panel:not(:hover){width:42%;}

/* ── BACKGROUND IMAGES ── */
.panel-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transition:transform .75s cubic-bezier(.76,0,.24,1), filter .75s ease;
  filter:brightness(.72);
}
.panel:hover .panel-bg{
  transform:scale(1.04);
  filter:brightness(.55);
}

.panel--stay .panel-bg{
  background-image:
    linear-gradient(to bottom, rgba(12,6,2,.18) 0%, rgba(12,6,2,.08) 40%, rgba(12,6,2,.52) 100%),
    url('http://forgetmenotresortagonda.com/wp-content/uploads/2026/03/055A2054.webp')
}
.panel--dine .panel-bg{
  background-image:
    linear-gradient(to bottom, rgba(12,6,2,.22) 0%, rgba(12,6,2,.1) 40%, rgba(12,6,2,.55) 100%),
    url('http://forgetmenotresortagonda.com/wp-content/uploads/2026/03/055A2474.webp')
}

/* ── DIVIDER ── */
.divider{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:1px;
  height:60%;
  background:linear-gradient(to bottom, transparent, rgba(212,188,150,.4) 30%, rgba(212,188,150,.4) 70%, transparent);
  z-index:10;
  pointer-events:none;
  transition:opacity .4s;
}
.split:has(.panel:hover) .divider{opacity:0;}

/* ── LOGO LOCKUP ── */
.logo-centre{
  position:absolute;
  top:2.2rem;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  z-index:20;
  pointer-events:none;
  white-space:nowrap;
}
.logo-centre-name{
  font-family:'Cinzel',serif;
  font-size:.6rem;
  letter-spacing:.55em;
  text-transform:uppercase;
  color:rgba(212,188,150,.85);
  display:block;
}
.logo-centre-sub{
  font-family:'Hubballi',serif;
  font-size:.48rem;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:rgba(212,188,150,.45);
  display:block;
  margin-top:.3rem;
}

/* ── PANEL CONTENT ── */
.panel-inner{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  z-index:5;
  padding:2rem;
  text-align:center;
}

.panel-eyebrow{
  font-family:'Hubballi',serif;
  font-size:.52rem;
  letter-spacing:.55em;
  text-transform:uppercase;
  color:rgba(212,188,150,.6);
  margin-bottom:1.4rem;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .5s .1s, transform .5s .1s;
}
.panel--stay .panel-eyebrow{letter-spacing:.55em;}

.panel-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.4rem,4.5vw,4.2rem);
  font-weight:400;
  line-height:1.12;
  color:#f7f1e8;
  margin-bottom:2.2rem;
  transform:translateY(12px);
  transition:transform .55s .05s cubic-bezier(.16,1,.3,1);
}
.panel-title em{
  font-style:italic;
  color:#d4bc96;
  display:block;
}

.panel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  font-family:'Cinzel',serif;
  font-size:.56rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#f7f1e8;
  text-decoration:none;
  border:1px solid rgba(212,188,150,.45);
  padding:.75rem 2rem;
  border-radius:40px;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .5s .2s, transform .5s .2s, background .3s, border-color .3s, gap .3s;
  backdrop-filter:blur(4px);
  background:rgba(255,255,255,.06);
}
.panel-btn svg{
  width:14px;height:14px;flex-shrink:0;
  transition:transform .3s;
}
.panel-btn:hover{
  background:rgba(160,88,58,.35);
  border-color:rgba(212,188,150,.8);
  gap:1.1rem;
}
.panel-btn:hover svg{transform:translateX(3px);}

/* Reveal on panel hover */
.panel:hover .panel-eyebrow{opacity:1;transform:translateY(0);}
.panel:hover .panel-title{transform:translateY(-4px);}
.panel:hover .panel-btn{opacity:1;transform:translateY(0);}

/* Ornament line */
.panel-ornament{
  display:flex;align-items:center;gap:.7rem;
  margin-bottom:1.8rem;
  opacity:0;
  transition:opacity .5s .15s;
}
.panel:hover .panel-ornament{opacity:1;}
.orn-line{width:40px;height:1px;background:rgba(212,188,150,.35);}
.orn-dot{width:4px;height:4px;border-radius:50%;background:rgba(212,188,150,.55);flex-shrink:0;}

/* ── BOTTOM TAGLINE ── */
.panel-tagline{
  position:absolute;
  bottom:2.5rem;
  left:50%;
  transform:translateX(-50%);
  font-family:'Hubballi',serif;
  font-size:.48rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:rgba(212,188,150,.35);
  white-space:nowrap;
  transition:color .4s;
  z-index:5;
}
.panel:hover .panel-tagline{color:rgba(212,188,150,.6);}

/* ── RESPONSIVE ── */
@media(max-width:640px){
  html,body{overflow:auto;}
  .split{flex-direction:column!important;height:auto!important;min-height:100svh!important;}
  .panel{width:100%!important;height:75vh!important;min-height:320px!important;}
  .divider{display:none;}
  .logo-centre{top:1.4rem;}
  .panel-inner{padding:1.5rem .75rem;}
  .panel-title{font-size:clamp(1.9rem,9.5vw,3rem);}
  .panel-eyebrow{font-size:.75rem;letter-spacing:.35em;}
  .panel-btn{font-size:.68rem;padding:.7rem 1.4rem .7rem 1.6rem;}
  .panel-tagline{font-size:.62rem;bottom:1.5rem;}
  .panel-eyebrow,.panel-ornament,.panel-btn{opacity:1;transform:none;}
}/* End custom CSS */