.clone-nav .portfolio-menu-trigger{pointer-events:auto;background:none;border:0;padding:0;color:#fff;font:inherit;cursor:pointer}
.portfolio-menu{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px 32px 80px;border:0;background:#e9e9e9;color:#292923;box-shadow:0 12px 80px #0002;text-align:center;overflow:auto}
.portfolio-menu::backdrop{background:#151611b3;backdrop-filter:blur(6px)}
.menu-close{display:block;border:0;background:none;font:28px Georgia;color:inherit;cursor:pointer;width:44px;height:44px;text-align:left}
.menu-signature{font:18px Georgia,serif;margin:12px 0 80px}
.portfolio-menu nav{margin-top:32px;display:flex;flex-direction:column;gap:32px;align-items:center}
.portfolio-menu nav a{font:28px/1.25 Georgia,serif;text-decoration:none;color:inherit;transition:opacity 400ms}
.portfolio-menu nav a:hover{font-style:italic;opacity:.7}
.menu-footnote{font:12px/1.5 Graphik,Arial,sans-serif;margin:80px 0 0;color:#64645c}
.portfolio-menu :focus-visible,.portfolio-menu-trigger:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(prefers-reduced-motion:no-preference){.portfolio-menu[open]{animation:menu-enter 650ms cubic-bezier(.22,1,.36,1)}.portfolio-menu[open]::backdrop{animation:menu-backdrop 650ms ease}@keyframes menu-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-backdrop{from{opacity:0}to{opacity:1}}}
@media(max-height:740px){.portfolio-menu{padding-bottom:32px}.menu-signature{margin-bottom:32px}.menu-footnote{margin-top:32px}.portfolio-menu nav{gap:12px}}

.clone-nav{justify-content:flex-end!important}.clone-nav .portfolio-menu-trigger{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center}.portfolio-menu-trigger span{display:block;width:26px;height:1px;background:currentColor}

.portfolio-menu nav a{max-width:20ch;font-size:clamp(22px,3vw,28px)}.portfolio-menu nav{gap:26px}

/* Shared editorial link treatment. */
body a,body a:hover,body a:active,body a:focus{ text-decoration:none!important;border-bottom:0!important;transition:color 350ms ease,opacity 350ms ease}
body a:hover,body a:active{color:#888!important}
body .portfolio-menu nav a:hover{font-style:normal;opacity:1;color:#888}
.clone-nav a::after{display:none!important}

.menu-description{display:block;margin-top:10px;font:12px/1.6 Graphik,Arial,sans-serif;color:#777;letter-spacing:.02em}