/* Deliberate micro-interactions, not a continuous animated background. */
.studio-sequence{width:clamp(150px,21vw,270px);height:auto;flex:0 1 270px;align-self:center;opacity:.85}
.project-cover-empty{background-image:url('/static/studio-sequence.svg');background-size:cover;background-position:center}
.brand[aria-current=page] .wordmark{filter:brightness(1.12)}
.sidebar .brand{margin-bottom:28px}
@media(min-width:1100px){.studio-hero{flex-wrap:wrap}.studio-hero>div:first-child{flex:1 1 420px}.studio-hero>.actions{flex:1 1 100%;max-width:none}}
@media(max-width:1099px){.studio-sequence{display:none}}
@media(prefers-reduced-motion:no-preference){
  .button,.icon-button,.section-nav a,.brand,.project-card{transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,box-shadow 150ms ease}
  input:not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color 150ms ease,background-color 150ms ease}
  .project-card:hover{border-color:#62655b}
  .toast:not([hidden]),.queue-popover:not([hidden]){animation:yavno-reveal 140ms ease-out}
  dialog[open]::backdrop{animation:yavno-backdrop 140ms ease-out}
  @keyframes yavno-reveal{from{opacity:.9;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
  @keyframes yavno-backdrop{from{opacity:.8}to{opacity:1}}
}