.portfolio-menu{display:none}.portfolio-menu-photography{--menu-paper:#f2eee6;--menu-ink:#382e28;--menu-muted:#746b62;--menu-line:#382e2830;--menu-accent:#81533d}.portfolio-menu-design{--menu-paper:#171c16;--menu-ink:#f2f4eb;--menu-muted:#bac4b1;--menu-line:#ffffff26;--menu-accent:#b9ff35}.portfolio-menu-top button,.portfolio-menu-trigger{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--menu-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}.portfolio-menu-trigger{border-color:currentColor}.portfolio-menu-dialog{position:fixed;inset:12px 12px auto;margin:0 0 0 auto;width:min(440px,calc(100% - 24px));max-width:none;max-height:calc(100svh - 24px);padding:24px;border:1px solid var(--menu-line);border-radius:4px;background:var(--menu-paper);color:var(--menu-ink);box-shadow:0 24px 80px #0003;overflow:auto;overscroll-behavior:contain;font-family:var(--font-inter),Arial,sans-serif}.portfolio-menu-dialog::backdrop{background:#1b201b80}.portfolio-menu-dialog[open]{animation:portfolio-menu-enter .18s ease-out}.portfolio-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:25px}.portfolio-menu-top p{margin:0;font-size:20px;letter-spacing:-.06em}.portfolio-menu-top p span{display:block;margin-top:7px;color:var(--menu-muted);font-size:8px;letter-spacing:.12em}.portfolio-menu-dialog nav{display:flex;flex-direction:column}.portfolio-menu-dialog nav a{display:flex;align-items:center;gap:15px;min-height:90px;padding:17px 0;border-top:1px solid var(--menu-line);color:inherit;text-decoration:none;touch-action:manipulation}.portfolio-menu-number{align-self:flex-start;margin-top:7px;color:var(--menu-muted);font-size:9px;font-variant-numeric:tabular-nums}.portfolio-menu-label{flex:1;min-width:0;font-size:25px;line-height:1.1;letter-spacing:-.04em}.portfolio-menu-photography .portfolio-menu-label{font:400 37px/.95 var(--font-editorial),Georgia,serif}.portfolio-menu-label small{display:block;margin-top:9px;color:var(--menu-muted);font:400 12px/1.5 var(--font-inter),Arial,sans-serif;letter-spacing:0}.portfolio-menu-dialog nav svg{color:var(--menu-accent)}.portfolio-menu-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-top:1px solid var(--menu-line);margin:4px 0 0;padding-top:23px;color:var(--menu-muted);font-size:9px;line-height:1.6}.portfolio-menu-dialog :where(a,button):focus-visible{outline:2px solid var(--menu-accent);outline-offset:4px}.portfolio-menu-dialog :where(a,button):hover{color:var(--menu-accent)}.portfolio-menu-dialog svg{flex-shrink:0}@keyframes portfolio-menu-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:700px){.portfolio-menu{display:block}.portfolio-menu-dialog{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.portfolio-menu-dialog[open]{animation:none}}