/* A drawn sequence of three independent listening gestures. */
.site-header .identity-line { min-height:176px; }
.site-header .sound-stop { position:absolute; width:100px; color:inherit; }
.site-header .sound-tones { left:83%; top:96px; }
.site-header .sound-choir { left:calc(46% + 4px); top:184px; }
.sound-request { display:block; min-height:12px; margin:0; padding:0; border:0; color:inherit; background:transparent; font:300 8px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap; text-align:left; }
.sound-stop .sound-level { display:block; width:100px; height:18px; padding:0; margin:4px 0 0; border:0; border-radius:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:pointer; }
.sound-level::-webkit-slider-runnable-track { height:1px; background:var(--noise-muted); }
.sound-level::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:4px; height:4px; margin-top:-1.5px; border:0; border-radius:0; background:var(--noise-fg); }
.sound-level::-moz-range-track { height:1px; background:var(--noise-muted); }
.sound-level::-moz-range-thumb { width:4px; height:4px; border:0; border-radius:0; background:var(--noise-fg); }
.sound-arrows { position:absolute; inset:0; width:100%; height:100%; overflow:visible; color:var(--noise-muted); pointer-events:none; }
.sound-arrows path { fill:none; stroke:currentColor; stroke-width:.5px; vector-effect:non-scaling-stroke; }
.sound-request:focus-visible { outline:1px solid var(--noise-muted); outline-offset:4px; }
@media(max-width:900px) { .site-header .sound-tones { left:min(83%,calc(100% - 100px)); } }
@media(max-width:640px) { .site-header .identity-line { min-height:211px; } .site-header .sound-tones { left:calc(100% - 100px); top:100px; } .site-header .sound-choir { left:18%; top:182px; } }


.site-header .noise-actions{gap:4px}
.site-header .noise-request,.site-header .sound-request{position:relative}
.site-header .noise-request::before,.site-header .sound-request::before{content:"";position:absolute;inset:-6px 0}
.site-header .sound-level,.site-header .noise-level{position:relative;z-index:2}
.sound-arrows,.sound-arrows *{pointer-events:none}

/* Keep the primary navigation above its quieter, closely spaced work menu. */
.site-header nav { margin-top:18px; font-size:calc(var(--menu-size,12px) + 1px); }
.top-field .header-work-filter { padding:32px 0 20px; }
.header-work-filter .filters { padding-left:var(--work-menu-offset,0px); }
.header-work-filter .filters button { font-size:calc(var(--menu-size,12px) - 1px); }
.noise-leader::before { left:12px; }
@media(max-width:640px) {
  .top-field .header-work-filter { padding-top:24px; padding-bottom:18px; }
  .header-work-filter .filters { padding-left:0; column-gap:22px; row-gap:10px; }
}

.site-header .sound-intensity-control { position:absolute; left:calc(100% + 32px); top:0; width:108px; }
.sound-intensity-label { display:block; min-height:12px; margin:0; padding:0; color:inherit; background:none; font:300 8px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap; text-align:left; }
.site-header .sound-intensity { position:relative; z-index:2; display:block; width:108px; height:18px; margin:4px 0 0; padding:0; border:0; border-radius:0; background:transparent; appearance:none; -webkit-appearance:none; cursor:pointer; }
.sound-intensity::-webkit-slider-runnable-track { height:1px; background:transparent; }
.sound-intensity::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:4px; height:4px; margin-top:-1.5px; border:0; border-radius:0; background:var(--noise-fg); }
.sound-intensity::-moz-range-track { height:1px; background:transparent; }
.sound-intensity::-moz-range-thumb { width:4px; height:4px; border:0; border-radius:0; background:var(--noise-fg); }
@media(max-width:640px){
  .site-header .sound-intensity-control { left:auto; right:calc(100% + 24px); width:100px; }
  .sound-intensity-label { font-size:9px; }
  .site-header .sound-intensity { width:100px; height:24px; touch-action:pan-y pinch-zoom; }
}