.portfolio-menu{position:relative;font:inherit}
.portfolio-menu summary{cursor:pointer;list-style:none;white-space:nowrap}
.portfolio-menu summary::-webkit-details-marker{display:none}
.portfolio-menu summary::after{content:" ▾";font-size:.75em}
.portfolio-menu>div{position:absolute;z-index:30;top:calc(100% + 12px);left:0;min-width:150px;display:grid;gap:4px;padding:10px;background:#f4f1e9;color:#101311;border:1px solid #b8b8ad;box-shadow:0 8px 24px #0002}
.portfolio-menu>div a{display:block;padding:10px!important;color:#101311!important}
.portfolio-menu>div a:hover,.portfolio-menu>div a[aria-current="page"]{background:#e3dfd4}
.portfolio-sections{display:flex;gap:12px;padding:20px 0;flex-wrap:wrap}
.portfolio-sections a{border:1px solid currentColor;border-radius:999px;padding:10px 20px;font-weight:600}
.portfolio-sections a[aria-current="page"]{background:#101311;color:#fff}
@media(max-width:620px){.portfolio-menu>div{position:static;margin-top:10px}.creative-page .main-nav{display:flex;grid-column:1/-1;gap:20px;flex-wrap:wrap;padding-top:12px}}