/* ---------- UNIQUE PALACE-GATE LOADER ---------- */
.loader-wrap{
  position:fixed;inset:0;
  /* background:linear-gradient(135deg,var(--light-pink) 0%,var(--lavender) 100%); */
  display:flex;align-items:center;justify-content:center;
  z-index:9999;transition:opacity .8s ease,visibility .8s ease;
}
.loader-wrap.hide{opacity:0;visibility:hidden;pointer-events:none}

/* two ornate gates that swing open */
.gate{
  position:absolute;width:50%;height:100%;background:#ede6d4;
  box-shadow:0 0 20px var(--shadow);
  background-image:linear-gradient(45deg,var(--dusty-rose) 2px,transparent 2px),
                   linear-gradient(-45deg,var(--dusty-rose) 2px,transparent 2px);
  background-size:20px 20px;
  transition:transform 1.2s ease-in-out;
}
.gate.left{left:0;border-right:2px solid var(--dusty-rose);}
.gate.right{right:0;border-left:2px solid var(--dusty-rose);}
.loader-wrap.hide .gate.left{transform:translateX(-100%);}
.loader-wrap.hide .gate.right{transform:translateX(100%);}

/* centered rose icon spins while gates are closed */
.rose-icon{
  width:80px;height:80px;
  border:4px solid var(--dusty-rose);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:2rem;color:var(--dusty-rose);
  animation:pulseSpin 1.5s ease-in-out infinite;
}
@keyframes pulseSpin{
  0%  {transform:rotate(0deg) scale(1);}
  50% {transform:rotate(180deg) scale(1.2);}
  100%{transform:rotate(360deg) scale(1);}
}

/* ---------- your existing hero (unchanged) ---------- */