/* Version 2.10: one continuous tropical masthead with translucent navigation. */
.shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:0;
  height:520px;
  pointer-events:none;
  background:url('assets/v29/philippines-beach.webp') center 48%/cover no-repeat;
}
.shell>.topbar,.shell>main{position:relative;z-index:1}
.topbar{
  border-bottom-color:#f2d28c36!important;
  background:rgba(3,10,9,.36)!important;
  box-shadow:0 8px 28px #0003;
  backdrop-filter:blur(10px) saturate(1.12);
}
.topbar .nav-link{color:#f3f3e9;text-shadow:0 1px 8px #000}
.topbar .lang-trigger,.topbar .icon-btn{background:rgba(3,12,11,.26);backdrop-filter:blur(7px)}
.v29-discovery{min-height:0!important;background:transparent!important;border-bottom-color:#d5ae6238}
.v29-discovery::before{
  background:linear-gradient(90deg,rgba(2,10,8,.66),rgba(4,14,10,.22) 54%,rgba(4,13,9,.18)),linear-gradient(0deg,rgba(4,13,11,.68),transparent 68%)!important;
}
.v29-discovery .hero,.v29-discovery .hero-copy,.v29-discovery>.directory,.v29-discovery .v21-menu{background:transparent!important}
.v29-discovery .v21-roots{justify-content:center;gap:8px}
.v29-discovery .v21-menu button{
  border-color:rgba(255,226,159,.48)!important;
  background:rgba(3,16,14,.46)!important;
  color:#fff8e8!important;
  box-shadow:0 7px 22px #0005,inset 0 1px 0 #ffffff14!important;
  backdrop-filter:blur(9px) saturate(1.15);
}
.v29-discovery .v21-menu button:hover,.v29-discovery .v21-menu button.active{
  border-color:#ffe3a0!important;
  background:rgba(173,126,42,.62)!important;
  color:#fffbed!important;
  box-shadow:0 7px 24px #0006,0 0 16px #e9bd5440!important;
}
.v29-discovery .v21-submenu:not([hidden]){
  width:100%;
  max-width:none;
  margin:0;
  padding:11px 0 0;
  justify-content:center;
  gap:7px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:v210SubmenuIn .3s cubic-bezier(.2,.75,.2,1) both;
}
.v29-discovery .v21-submenu:not([hidden])::before{display:none!important;content:none!important}
.v29-discovery .v21-submenu button{
  min-height:36px;
  padding:7px 14px;
  border:1px solid rgba(91,235,241,.68)!important;
  background:rgba(3,77,91,.76)!important;
  color:#d8fcff!important;
  box-shadow:0 6px 20px #001a25a3,inset 0 1px 0 #b8fbff25!important;
  backdrop-filter:blur(9px);
}
.v29-discovery .v21-submenu button:hover,.v29-discovery .v21-submenu button.active{
  border-color:#a4fbff!important;
  background:rgba(7,137,155,.88)!important;
  color:#fff!important;
  box-shadow:0 7px 22px #00151ea8,0 0 16px #28e3f659!important;
}
.home-content{background:#080a0a}
@keyframes v210SubmenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:760px){
  .shell::before{height:460px;background-position:58% 48%}
  .topbar{background:rgba(3,10,9,.42)!important;backdrop-filter:blur(9px) saturate(1.1)}
  .v29-discovery::before{background:linear-gradient(90deg,rgba(2,10,8,.73),rgba(4,14,10,.24)),linear-gradient(0deg,rgba(4,13,11,.72),transparent 72%)!important}
  .v29-discovery .v21-roots{justify-content:center;gap:6px}
  .v29-discovery .v21-menu button{min-height:34px;padding:6px 10px}
  .v29-discovery .v21-submenu:not([hidden]){width:100%;padding:9px 0 0;gap:6px}
  .v29-discovery .v21-submenu button{min-height:34px;padding:6px 11px}
}
@media(prefers-reduced-motion:reduce){.v29-discovery .v21-submenu:not([hidden]){animation:none}}