/* Shared top navigation dropdowns */
.shoji-nav-dropdown{position:relative;display:inline-flex;align-items:center}
.shoji-nav-dropdown:before{content:"";position:absolute;left:50%;top:100%;z-index:89;width:13.5rem;height:1rem;transform:translateX(-50%)}
.shoji-nav-dropdown-trigger{display:inline-flex;align-items:center;gap:.45rem;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:transparent;border:0;padding:0;cursor:pointer}
.shoji-nav-dropdown-trigger:after{content:"";width:.4rem;height:.4rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-.15rem);opacity:.75}
.shoji-nav-dropdown-menu{position:absolute;left:50%;top:calc(100% + .9rem);z-index:90;display:grid;min-width:13.5rem;gap:.15rem;padding:.55rem;background:hsl(var(--background)/.98);border:1px solid hsl(var(--foreground)/.12);box-shadow:0 18px 40px #0000001a;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(.3rem);transition:opacity .18s ease,transform .18s ease}
.shoji-nav-dropdown:hover .shoji-nav-dropdown-menu,.shoji-nav-dropdown:focus-within .shoji-nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.shoji-nav-dropdown-menu a{display:block!important;padding:.75rem .9rem;color:hsl(var(--foreground))!important;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;white-space:nowrap}
.shoji-nav-dropdown-menu a:hover,.shoji-nav-dropdown-menu a:focus{background:hsl(var(--sand));color:hsl(var(--cta))!important}
.shoji-mobile-portfolio-group{display:flex;flex-direction:column;align-items:center;gap:.7rem}
.shoji-mobile-portfolio-heading{color:hsl(var(--background));font-family:Outfit,sans-serif;font-size:2rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase}
.shoji-mobile-portfolio-group a{color:hsl(var(--background)/.72);font-size:1rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.shoji-mobile-portfolio-group a:hover{color:hsl(var(--cta))}