Takeover

<div class="takeover_menu">
    <div class="takeover_menu_inner">
        <div class="takeover_menu_items">
            <div class="takeover_menu_item">
                <button type="button" class="takeover_menu_link js-swap" data-swap-target=".js-audience-group" data-swap-linked="audience">
                    <div class="takeover_menu_link_icon">

                        <svg class="icon icon_audience">
                            <use href="/images/icons.svg#audience" />
                        </svg>

                    </div>

                    <div class="takeover_menu_link_title">
                        For You
                    </div>
                </button>
            </div>

            <div class="takeover_menu_item">
                <a href="#" class="takeover_menu_link">
                    <div class="takeover_menu_link_icon">

                        <svg class="icon icon_search">
                            <use href="/images/icons.svg#search" />
                        </svg>

                    </div>

                    <div class="takeover_menu_link_title">
                        Search
                    </div>
                </a>
            </div>

            <div class="takeover_menu_item">
                <button type="button" class="takeover_menu_link js-swap" data-swap-target=".menu" data-swap-linked="menu">
                    <div class="takeover_menu_link_icon">

                        <svg class="icon icon_hamburger">
                            <use href="/images/icons.svg#hamburger" />
                        </svg>

                    </div>

                    <div class="takeover_menu_link_title">
                        Menu
                    </div>
                </button>
            </div>
        </div>
    </div>

    <div class="takeover_menu_audience">
        <div class="audience_group js-audience-group">

            <nav class="js-nav js-audience-nav js-audience-nav-lg nav audience_nav audience_nav_lg" aria-labelledby="audience_nav_title_lg">
                <div class="nav_header audience_nav_header">
                    <h2 class="nav_title audience_nav_title" id="audience_nav_title_lg">Audience</h2>
                </div>
                <ul class="js-nav-list js-audience-nav-list nav_list audience_nav_list" aria-labelledby="audience_nav_title_lg">
                    <li class="js-nav-item js-audience-nav-item js-audience-nav-item-1 nav_item audience_nav_item">
                        <div class="nav_item_inner audience_nav_item_inner">
                            <a class="js-nav-link js-audience-nav-link nav_link audience_nav_link" href="#">
                                <div class="nav_link_inner audience_nav_link_inner">

                                    <span class="nav_link_label audience_nav_link_label">Prospective Students</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="js-nav-item js-audience-nav-item js-audience-nav-item-2 nav_item audience_nav_item">
                        <div class="nav_item_inner audience_nav_item_inner">
                            <a class="js-nav-link js-audience-nav-link nav_link audience_nav_link" href="#">
                                <div class="nav_link_inner audience_nav_link_inner">

                                    <span class="nav_link_label audience_nav_link_label">Current Students</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="js-nav-item js-audience-nav-item js-audience-nav-item-3 nav_item audience_nav_item">
                        <div class="nav_item_inner audience_nav_item_inner">
                            <a class="js-nav-link js-audience-nav-link nav_link audience_nav_link" href="#">
                                <div class="nav_link_inner audience_nav_link_inner">

                                    <span class="nav_link_label audience_nav_link_label">Faculty & Staff</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="js-nav-item js-audience-nav-item js-audience-nav-item-4 nav_item audience_nav_item">
                        <div class="nav_item_inner audience_nav_item_inner">
                            <a class="js-nav-link js-audience-nav-link nav_link audience_nav_link" href="#">
                                <div class="nav_link_inner audience_nav_link_inner">

                                    <span class="nav_link_label audience_nav_link_label">Parents & Family</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="js-nav-item js-audience-nav-item js-audience-nav-item-5 nav_item audience_nav_item">
                        <div class="nav_item_inner audience_nav_item_inner">
                            <a class="js-nav-link js-audience-nav-link nav_link audience_nav_link" href="#">
                                <div class="nav_link_inner audience_nav_link_inner">

                                    <span class="nav_link_label audience_nav_link_label">Alumni</span>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>