.footer,
.burger-footer{
    opacity:0;
    pointer-events:none;
}

body.intro-finished .footer,
body.intro-finished .burger-footer{
    opacity:1;
    pointer-events:auto;
}

.footer {
    display: flex ;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50% ;
    transform: translateX(-50%);

    background-color: transparent;
    justify-content: center ;
    align-content: flex-end;
    flex-wrap: wrap ;
    gap: 4px ;

    /*    height: 6vw;*/
    z-index: 200;
    margin-bottom: 3vh;
}


.footer a {
    display: flex ;
    font-size:12px;


    color:#d4bc5c;
    text-align:center;
    opacity:1;
    gap: 2px ;
    text-decoration:none;
/*    margin:0 6px;*/
}

.footer a:hover{
    color:#c7a55a;
}



/* Desktop */
@media (min-width:  800px){
    .footer{
        display:flex;
    }

    .burger-footer{
        display:none;
    }
}

/* Mobile */
@media (max-width: 800px){
    .footer{
/*        display:none;*/
    }
    .burger-footer{
        display:flex;
        flex-direction:column;
        align-items:center;
        margin-top:25px;
        padding-top:20px;
        border-top:1px solid rgba(212,188,92,.5);
        gap:12px;
    }

    .burger-footer a{
        color:#d4bc5c;
        text-decoration:none;
        font-size:14px;
    }
}

@media (max-width: 600px) {
    .footer {
/*	display: none;*/
	height: 40px ;
    }
    .experience-nav a{
	font-size:.5rem;
    }
}


.BoudhAnne {
    position: fixed;
    right: 15px;
    bottom: 10px;
    width: max-content;
    font-size: 15px;
    color: grey;
    z-index: 100000;
}
@media (max-width: 600px) {
    .BoudhAnne {
	display: none ;
    }
}

@media(min-width:  800px){
    .legal{
	position:  fixed;
	font-size:10px;
	color: white;
	left:50%;
	transform:translateX(-50%);
	bottom:5px;
	z-index: 1000;
    }
}

:root{--xp-gold:#c7a55a;--xp-cream:#eee5d2;--xp-muted:#b9ad95;--xp-bg:#090909;--xp-panel:#11100e
  --xp-sticky-nav-h:52px;
     }

.experience-nav {
    position:sticky;
    top:0;
    z-index:20;
    gap:6px;
    display:flex;
    justify-content:center;
    padding:.85rem 1rem;
    border-bottom:1px solid rgba(199,165,90,.18)
}

.experience-nav {
      display: flex;
  flex-wrap: wrap;
  gap: 7px;

  margin-top: 10px;
}

.experience-nav a {
    color:#d7cfbf;
    text-decoration:none;
    font-size:.6rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap
}

@media(max-width:600px) {
    .experience-nav  a{
	font-size: .5rem;
    }
}
.experience-nav a:hover {
    color:var(--xp-gold)
}

#xp-act-listen,
#xp-act-breathe,
#xp-act-explore,
#xp-act-wonder{
  scroll-margin-top:var(--xp-sticky-nav-h);
}
/*
.subnav_xp {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  color:#fff;
  background:rgba(0,0,0,.18);
  text-decoration:none;
  font-size:clamp(.82rem,1.05vw,1rem);
  line-height:1.1;
  white-space:nowrap;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  pointer-events:auto;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.subnav_xp a:hover,
.subnav_xp a:focus-visible{
  background:rgba(0,0,0,.34);
  border-color:rgba(255,255,255,.7);
  transform:translateY(-2px);
}

.subnav_xp a > span[aria-hidden="true"]{
  font-size:1.1em;
}
*/