.brand-logo{width:143px;height:45px}.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}.nav-villas{position:relative}.nav-villas summary{list-style:none;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.nav-villas summary::-webkit-details-marker{display:none}.nav-villas summary span{font-size:15px;margin-left:3px}.villa-menu{position:absolute;top:31px;left:-30px;width:370px;padding:25px;background:#f8f5ed;color:var(--ink);box-shadow:0 20px 40px #08251f38;display:flex;flex-direction:column}.villa-menu .eyebrow{margin-bottom:12px}.villa-menu>a:not(.menu-all){display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #d8d3c8;text-decoration:none;color:var(--ink);transition:.2s}.villa-menu>a:not(.menu-all):hover{padding-left:5px;color:#80643b}.villa-menu img{width:54px;height:44px;object-fit:cover}.villa-menu span{display:flex;flex:1;flex-direction:column}.villa-menu b{font:500 18px var(--serif)}.villa-menu small{font:9px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#788079}.villa-menu i{font-style:normal}.villa-menu .menu-all{margin-top:14px;color:var(--ink);font:10px var(--mono);letter-spacing:.8px;text-transform:uppercase;text-decoration:none}.villa-menu .menu-all:hover{color:var(--gold)}
@media(max-width:900px){.brand-logo{width:128px}.main-nav .nav-villas{width:100%}.villa-menu{position:static;margin:12px 0;width:100%;background:#17453b;color:#fff;box-shadow:none;padding:15px}.villa-menu>a:not(.menu-all),.villa-menu .menu-all{color:#fff}.villa-menu small{color:#c3d2cc}}