/* Work menu r3 · 2026-11-04 · r3 (Nico 04.11.): the six projects fold away behind one full-width row "PROJEKTE" right
   after ARBEITEN; it opens a panel with presentation | original side by side (phone: one row each). Same typography as r2.
   r2: labels keep overflow visible so accents (LUMIÈRE) are not clipped by the phone line-height.
   r1: ARBEITEN children in the Future menu, same typography as the IM BAU children (showcase-menu r3). */
.score-menu-index>button[data-nh-work-menu="toggle"]{grid-column:1/-1;display:grid;grid-template-columns:36px auto minmax(0,1fr) 28px;align-items:center;gap:0 18px;width:100%;min-height:52px;margin:0;padding:10px 0 10px clamp(36px,5vw,72px);box-sizing:border-box;border:0;border-left:2px solid currentColor;border-bottom:1px solid var(--line,#dedbd229);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .22s}
.score-menu-index>button[data-nh-work-menu="toggle"]>span{font-size:16px;opacity:.55}
.score-menu-index>button[data-nh-work-menu="toggle"]>span:after{content:"\21B3"}
.score-menu-index>button[data-nh-work-menu="toggle"]>b{font-size:clamp(18px,2.1vw,30px);font-weight:400;line-height:1;letter-spacing:-.055em;opacity:.88}
.score-menu-index>button[data-nh-work-menu="toggle"]>small{font:400 9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.24em;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.score-menu-index>button[data-nh-work-menu="toggle"]>i{position:relative;justify-self:end;width:16px;height:16px;margin-right:6px}
.score-menu-index>button[data-nh-work-menu="toggle"]>i:before,.score-menu-index>button[data-nh-work-menu="toggle"]>i:after{content:"";position:absolute;left:0;top:50%;width:16px;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.score-menu-index>button[data-nh-work-menu="toggle"]>i:after{transform:rotate(90deg)}
.score-menu-index>button[data-nh-work-menu="toggle"][aria-expanded="true"]>i:after{transform:rotate(0deg)}
.score-menu-index>button[data-nh-work-menu="toggle"]:hover{background:#ffffff08}
.score-menu-index>button[data-nh-work-menu="toggle"]:focus-visible{outline:2px solid;outline-offset:-2px}
.score-menu-index>div[data-nh-work-menu="panel"]{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.score-menu-index>div[data-nh-work-menu="panel"].is-open{grid-template-rows:1fr}
.score-menu-index>div[data-nh-work-menu="panel"]>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(34px,6vw,110px);min-height:0;overflow:hidden}
.score-menu-index>div[data-nh-work-menu="panel"]>div>i{display:none}
.score-menu-index a[data-nh-work-menu]{box-sizing:border-box!important;min-height:44px!important}
.score-menu-index a[data-nh-work-menu="presentation"]{padding-left:clamp(36px,5vw,72px)!important;border-left:2px solid currentColor!important}
.score-menu-index a[data-nh-work-menu]>b{font-size:clamp(18px,2.1vw,30px)!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;opacity:.88}
.score-menu-index a[data-nh-work-menu]>span{font-size:0!important}
.score-menu-index a[data-nh-work-menu]>span:after{content:"\21B3"!important;font-size:16px!important}
@media (width<=700px){
  .score-menu-index>button[data-nh-work-menu="toggle"]{grid-template-columns:28px minmax(0,1fr) 22px;gap:0 10px}
  .score-menu-index>button[data-nh-work-menu="toggle"]>small{grid-column:2;grid-row:2;margin-top:4px}
  .score-menu-index>button[data-nh-work-menu="toggle"]>i{grid-column:3;grid-row:1/3}
  .score-menu-index>div[data-nh-work-menu="panel"]>div{display:block}
  .score-menu-index a[data-nh-work-menu="original"]{padding-left:clamp(36px,5vw,72px)!important;border-left:2px solid currentColor!important}
}
@media (prefers-reduced-motion:reduce){.score-menu-index>div[data-nh-work-menu="panel"],.score-menu-index>button[data-nh-work-menu="toggle"]>i:after{transition:none}}