/* Quiet glass controls: scenery remains visible through every surface. */
#ambient-dock,.sound-level.sound-level-album{background:rgba(12,23,20,.28);border:1px solid #ece9d51f;box-shadow:0 12px 40px #00000012;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#e5e2d7}
#ambient-dock{border-radius:30px;padding:2px 9px;gap:10px;background:rgba(12,23,20,.12);border-color:#ece9d514;box-shadow:none}
#ambient-dock .ambient-dots,#ambient-dock .ambient-actions{display:flex;align-items:center;gap:0}
#ambient-dock button{display:grid;place-items:center;min-width:0;min-height:44px;margin:0;padding:0;background:transparent;border:0;color:#efeee5;opacity:.5;transition:opacity .2s}
#ambient-dock button:hover{opacity:1;color:#fff}
#ambient-dock button:focus-visible{outline:1px solid #e8dfbd;outline-offset:-3px;border-radius:50%;opacity:1}
#ambient-dock [data-ambient-scene]{width:25px;height:44px}
#ambient-dock [data-ambient-scene] span{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}
#ambient-dock [data-ambient-scene][aria-pressed=true]{opacity:1}
#ambient-dock [data-ambient-scene][aria-pressed=true] span{width:6px;height:6px;box-shadow:0 0 0 4px #ffffff0a}
#ambient-dock .ambient-actions{padding-left:9px;border-left:1px solid #ece9d51f}
#ambient-dock .ambient-icon{width:36px;height:44px}
#ambient-dock .ambient-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#ambient-dock .ambient-icon[aria-pressed=true]{opacity:.85}
#ambient-dock [data-sound][aria-pressed=true] [data-sound-mute],#ambient-dock [data-sound][aria-pressed=false] [data-sound-wave],#ambient-dock #ambient-motion[aria-pressed=true] [data-motion-play],#ambient-dock #ambient-motion[aria-pressed=false] [data-motion-pause]{display:none}
.sound-level.sound-level-album{border-radius:24px}
.ambient-on .sound-level.sound-level-album{display:none}
.sound-level-album [data-album-title]{font:400 20px/1.2 var(--serif);color:#e7e1cf}
.sound-level-album [data-album-count]{font:400 11px var(--sans);opacity:.55;letter-spacing:.1em}
.sound-level-album .album-step{border:0;background:transparent;border-radius:50%;font:400 30px/1 var(--serif);color:#e7e1cf}
.sound-level-album .album-step:hover{background:#ffffff0c;color:white}
.sound-level-album .album-toolbar label{font-size:12px;color:#dcded2}
.sound-level-album input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;accent-color:#dcd6ba}
.sound-level-album input[type=range]::-webkit-slider-runnable-track{height:2px;background:#f0ecd64d;border:0;border-radius:2px}
.sound-level-album input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#e4ddc0;border:0}
.sound-level-album input[type=range]::-moz-range-track{height:2px;background:#f0ecd64d;border:0}
.sound-level-album input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#e4ddc0;border:0}
@media(max-width:760px){#ambient-dock{display:flex;flex-wrap:wrap;justify-content:center;width:min(340px,calc(100% - 24px));gap:0;border-radius:28px;padding:2px 6px;bottom:12px}#ambient-dock .ambient-dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;flex:0 0 100%}#ambient-dock [data-ambient-scene]{width:100%}#ambient-dock .ambient-actions{padding-left:0;border:0;gap:6px}#ambient-dock .ambient-icon{width:44px}.ambient-on{padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){#ambient-dock button{transition:none}}

/* Long translated labels keep breathing room on tablets and small phones. */
@media(min-width:761px) and (max-width:1100px){.hero-story .hero-work-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.hero-story .hero-work-links{column-gap:16px}.hero-story .hero-work-links a{font-size:24px}}

/* Portfolio categories share the opening titles' quiet editorial typography. */
.work .filters{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px clamp(24px,3vw,44px);border:0;overflow:visible;margin-bottom:38px}
.work .filters>button{position:relative;display:inline-flex;align-items:baseline;flex:0 1 auto;justify-content:flex-start;min-width:0;max-width:100%;width:max-content;min-height:48px;padding:5px 0 10px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#e4e2d8;font:400 clamp(28px,2.25vw,38px)/1.2 var(--serif);letter-spacing:-.01em;white-space:nowrap;text-align:left;transition:color .25s}
.work .filters>button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#e6d7ac;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.work .filters>button:hover,.work .filters>button.is-active,.work .filters>button[aria-pressed=true]{background:transparent;border:0;color:#f0dfb3}
.work .filters>button:hover::after,.work .filters>button.is-active::after,.work .filters>button[aria-pressed=true]::after{transform:scaleX(1)}
.work .filters>button:focus-visible{outline:1px solid #f0dfb3;outline-offset:5px}
.work .filters>button sup{margin-left:6px;font:400 13px/1 var(--sans);color:#b9c0ae;align-self:flex-start;padding-top:3px}
@media(max-width:760px){.work .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 22px}.work .filters>button{justify-self:start;font-size:29px}}
@media(max-width:380px){.work .filters{column-gap:16px}.work .filters>button{font-size:24px}}
@media(prefers-reduced-motion:reduce){.work .filters>button,.work .filters>button::after{transition:none}}