/* One shared portfolio category list, folded into a single mobile menu item. */
.mobile-portfolio{border-bottom:1px solid var(--bg)}
.mobile-portfolio summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:53px;padding:14px 4px;list-style:none;cursor:pointer;font-size:16.5px;font-weight:700;color:var(--ink);-webkit-tap-highlight-color:transparent}
.mobile-portfolio summary::-webkit-details-marker{display:none}
.mobile-portfolio summary::marker{content:''}
.mobile-portfolio summary svg{width:20px;height:20px;flex:none;color:#8d7963;transition:transform .2s}
.mobile-portfolio[open] summary svg{transform:rotate(180deg);color:var(--blue)}
.mobile-portfolio[open] summary{color:var(--blue)}
.mobile-menu .mobile-portfolio-links{background:#fcf9f5;border-radius:14px;margin:0 0 12px;padding:6px 12px}
.mobile-menu .mobile-portfolio-links a{display:block;padding:13px 10px;min-height:46px;font-size:14px;font-weight:600;line-height:1.5;color:#6c5d4d;border:0;border-radius:9px;overflow-wrap:anywhere}
.mobile-menu .mobile-portfolio-links a:hover,.mobile-menu .mobile-portfolio-links a.active{color:var(--blue);background:#fef5eb}
.mobile-portfolio summary:focus-visible,.mobile-portfolio-links a:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:9px}
.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
.nav-item:focus-within>.nav-link svg{transform:rotate(180deg)}
.dropdown-inner[data-portfolio-links]{max-height:min(65vh,440px);max-height:min(65dvh,440px);overflow-y:auto;overscroll-behavior:contain;max-width:300px;width:max-content}
.dropdown-inner[data-portfolio-links] a{overflow-wrap:anywhere;white-space:normal}
@media(prefers-reduced-motion:reduce){.mobile-portfolio summary svg{transition:none}}

/* Make room for the shop in the shared desktop navigation. */
.shop-nav-link{color:var(--blue)!important;white-space:nowrap}
@media(min-width:921px){.header-inner{gap:18px}.header .nav{gap:0}.header .nav-link{padding:10px 10px;white-space:nowrap;font-size:14px}.header .logo{flex-shrink:0}.header .logo-img{max-width:145px;object-fit:contain}.header .header-actions{flex-shrink:0}}
@media(min-width:921px) and (max-width:1080px){.header-inner{gap:10px}.header .nav-link{padding:10px 6px;font-size:13px}.header .logo-img{max-width:124px;height:auto}.header .btn{padding:10px 12px}}