.topbar { gap: 12px; padding: 8px clamp(12px, 3vw, 36px); }
.topbar .brand { margin-right: auto; }
.topbar #menu { display: none; }
.topbar #nav { display: flex; position: static; gap: 8px; padding: 0; background: transparent; }
.topbar #nav .lodge-sign, .topbar #br-recent-toggle {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 44px; padding: 6px 12px; border: 1px solid #c7a362;
  border-radius: 9px; background: #19392c; color: #fff2cf;
  font: 600 .85rem/1.15 system-ui, sans-serif; text-decoration: none;
}
.topbar :is(.lodge-sign,#br-recent-toggle) span { color: #e6bc72; font-size: 1.25rem; }
.topbar #br-recent-nav { margin: 0; }
.topbar #br-recent-menu { left: auto; right: 0; max-width: calc(100vw - 32px); }
.retreat-welcome {
  width: min(1440px,calc(100% - 32px)); margin: 0 auto;
  padding-block: 16px; display: grid; grid-template-columns: 4fr 6fr;
  align-items: center; gap: clamp(16px,3vw,44px);
}
.retreat-welcome-copy h1 { font-size: clamp(2rem,4.4vw,4.75rem); line-height: 1.04; margin: 10px 0 18px; color: #17352b; }
.retreat-welcome-copy h1 em { display: block; color: inherit; }
.retreat-overview { margin: 0; text-align: center; min-width: 0; }
.retreat-overview img {
  display: block; width: auto; max-width: 100%; height: auto;
  max-height: min(38dvh,380px); margin: auto; border: 1px solid #b69253;
  border-radius: 14px; box-sizing: border-box;
}
.retreat-overview figcaption { margin-top: 5px; }
#explore { padding-block: 14px 28px; scroll-margin-top: 120px; }
#explore .section-head { margin-bottom: 12px; }
#explore .section-head h2 { font-size: clamp(1.7rem,3.3vw,3rem); margin: 0; }
#explore .destination-grid { gap: clamp(12px,1.4vw,20px); }
#explore .destination { min-height: 0; aspect-ratio: 2 / 1; border-radius: 10px; }
@media(max-width: 760px) {
  .topbar { flex-wrap: wrap; justify-content: flex-start; }
  .topbar .brand { flex-basis: 100%; }
  .topbar #nav { width: auto; flex-wrap: wrap; }
  .topbar #nav .lodge-sign, .topbar #br-recent-toggle { padding-inline: 6px; font-size: .75rem; gap: 3px; }
  .retreat-welcome { grid-template-columns: 1fr; }
}
@media(max-width: 520px) { #explore .destination-grid { grid-template-columns: 1fr; } }