/* THE BAEL — responsive rules */
@media (max-width:1100px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .form--booking{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media (max-width:960px){
  :root{--header-h:72px}
  .menu-toggle{display:block}
  .nav{position:fixed;inset:0;background:var(--forest-deep);flex-direction:column;justify-content:center;gap:2.5rem;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;z-index:110}
  .menu-open .nav{opacity:1;visibility:visible}
  .nav ul{flex-direction:column;align-items:center;gap:1.4rem}
  .nav a.nav-link{font-family:var(--serif);font-size:2rem;letter-spacing:.04em;text-transform:none}
  .menu-open{overflow:hidden}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .split--rev > :first-child{order:0}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
  .tree-svg{right:-28%;height:96%}
  .tree-svg--back{left:5%}
  .tree-scene .shade{background:linear-gradient(0deg,rgba(16,41,29,.92) 0%,rgba(16,41,29,.55) 45%,rgba(16,41,29,.15) 80%)}
  .slide-content{align-items:flex-end;padding-bottom:10rem}
}
@media (max-width:640px){
  body{font-size:16px}
  .grid-2,.grid-3,.grid-4,.form,.form--booking{grid-template-columns:1fr}
  .form--booking .span-2{grid-column:auto}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.2rem}
  .booking-section{margin-top:-3rem}
  .slider-ui{bottom:4.5rem}
  .arrow{width:44px;height:44px}
  .dot{width:30px}
  .slide-count{display:none}
  .slide-content{padding-bottom:8.5rem}
  .slide-content .btn{padding:.95rem 1.3rem;font-size:.7rem}
  .scroll-cue{display:none}
  .header-cta{display:none}
  .logo-mark{height:34px}
  .logo-word{height:15px}
  .logo-text small{letter-spacing:.24em;font-size:.5rem}
  .logo--footer small{letter-spacing:.1em}
  .frame::before{inset:.8rem -.8rem -.8rem .8rem}
  .map{height:320px}
  .gallery figure:nth-child(1),.gallery figure:nth-child(4){grid-column:span 2}
  .gallery figure:nth-child(1){grid-row:span 1}
  .footer-bottom{flex-direction:column}
}
@media (min-width:961px){ .nav .mobile-only{display:none} }