/* MENU LAYOUT */
/* Two columns, one per business. The confusion this site has to fix is that
   people think EMBODY is only a studio, so the menu names both and says which
   is which before it lists anything. */
.drop{width:min(46rem,calc(100vw - 2rem))}
.dg{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.6rem;padding:1.1rem 1.2rem .4rem}
.dc__h{display:block;margin:0 0 .5rem;padding:0 0 .5rem!important;
  border-bottom:1px solid var(--rule)!important;border-radius:0!important;
  font-family:var(--title)!important;font-size:1.05rem!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--ink)!important}
.dc__h:hover{background:none!important;color:var(--pop)!important}
.dc__h em{display:block;font-family:var(--body);font-style:normal;font-size:.58rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--pop);margin-top:.25rem}
.df{display:flex;flex-wrap:wrap;gap:.15rem 1.1rem;padding:.7rem 1.2rem;margin-top:.5rem;
  border-top:1px solid var(--rule)}
.drop .df a{padding:.3rem 0;border:0;font-size:.74rem;letter-spacing:0;text-transform:none;
  color:var(--ink-3)}
.drop .df a:hover{background:none;color:var(--ink)}
.da{padding:.2rem 0 0}
@media(max-width:620px){
  .dg{grid-template-columns:1fr;gap:.2rem}
  .dc + .dc{margin-top:1rem}
}