/* Marketing and product nav share brand styling, with compact mobile menus. */
.mobile-menu{display:none;position:relative;flex:none;color:#6e4e73}
.mobile-menu summary{cursor:pointer;list-style:none;font-size:var(--type-nav);font-weight:600;padding:10px 0;line-height:var(--leading-ui)}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:focus-visible{outline:2px solid #6e4e73;outline-offset:4px;border-radius:2px}
.mobile-menu[open] summary{color:#553b59;box-shadow:inset 0 -2px #6e4e73}
.mobile-menu-links{position:absolute;right:0;top:calc(100% + 8px);width:185px;padding:8px 14px;background:#fffdfc;border:1px solid #e2d8e4;border-radius:9px;box-shadow:0 6px 20px #2b233012;z-index:40}
.mobile-menu-links a,.mobile-menu-links button{display:block;width:100%;text-align:left;font-size:var(--type-nav);font-weight:600;line-height:var(--leading-ui);padding:12px 0;color:#6b6470;background:none;white-space:nowrap}
.mobile-menu-links [aria-current=page]{color:#6e4e73;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){
 .mobile-menu{display:block}
 body[data-page=home] .home-scene header .top{display:grid;grid-template-columns:1fr;gap:7px;padding:12px 5% 10px}
 body[data-page=home] .home-nav-left{display:contents}
 body[data-page=home] .home-nav-left nav,body[data-page=home] .home-nav-right>.login-action{display:none}
 body[data-page=home] .home-scene .home-nav-right{display:contents}
 body[data-page=home] .home-scene .logo{grid-column:1;grid-row:1;justify-self:start}
 body[data-page=home] .home-scene .city-wordmark{grid-column:1;grid-row:1;justify-self:end}
 body[data-page=home] .join-action{grid-column:1;grid-row:2;justify-self:start;padding:9px 15px}
 body[data-page=home] .marketing-menu{grid-column:1;grid-row:2;justify-self:end}
 body[data-page] .product-header .product-top{grid-template-columns:1fr auto auto;gap:4px 14px}
 body[data-page] .product-header .city-wordmark{grid-column:2;grid-row:1}
 body[data-page] .product-header .product-menu{grid-column:3;grid-row:1}
 body[data-page] .product-header nav{grid-column:1/-1;grid-row:2;gap:24px;overflow:visible}
 body[data-page] .product-header nav a:not([data-view]){display:none}
}
@media(max-width:359px){body[data-page] .product-header .product-top{gap:4px 8px}body[data-page] .product-header nav{gap:18px}}