/* One quiet control, physically bottom-right in both languages. */
#construction-toggle.motion-toggle{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #ffffff45;border-radius:50%;background:#14202b99;color:#e1e6e8;cursor:pointer;backdrop-filter:blur(5px)}
.motion-toggle svg{width:17px;height:17px;fill:currentColor;grid-area:1/1}
.motion-toggle .motion-play{display:none}
.motion-toggle[aria-pressed=true] .motion-play{display:block}
.motion-toggle[aria-pressed=true] .motion-pause{display:none}
#construction-toggle.motion-toggle:hover{background:#14202bd9;color:#fff}
#construction-toggle.motion-toggle:focus-visible{outline:2px solid #f28c28;outline-offset:4px}
.portfolio-page .site-footer{padding-bottom:88px}
.home-mini-footer{padding-inline:76px}
@media(max-width:620px){#construction-toggle.motion-toggle{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}

.motion-scene-label{white-space:pre-line;position:fixed;right:calc(max(20px,env(safe-area-inset-right)) + 54px);bottom:calc(max(20px,env(safe-area-inset-bottom)) + 22px);transform:translateY(50%);z-index:35;max-width:min(160px,calc(100vw - 240px));color:#dce2e6;font-size:12px;line-height:1.35;font-weight:400;text-align:right;text-shadow:0 1px 4px #000,0 0 12px #000b;pointer-events:none}
@media(max-width:620px){.motion-scene-label{right:calc(max(14px,env(safe-area-inset-right)) + 54px);bottom:calc(max(14px,env(safe-area-inset-bottom)) + 22px);font-size:11px;max-width:min(140px,calc(100vw - 206px))}}