/* Each illustration has reserved space, including while it gently moves. */
.decor-slot{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;width:calc(100% - 64px);max-width:1160px;min-height:230px;margin:0 auto;padding:24px 0;pointer-events:none;user-select:none;-webkit-user-select:none}
.ornament-figure{position:relative;flex:0 1 190px;width:190px;max-width:44%;height:184px;margin:0;pointer-events:none}
.decor-four .ornament-figure{max-width:calc(25% - 24px)}
.ornament-figure picture{display:block;width:100%;height:100%}
.ornament-figure img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 5px 3px rgba(53,42,25,.13))}
.ornament-winds{transform:rotate(-6deg)}
.ornament-strings{transform:rotate(5deg)}
.ornament-drums{transform:rotate(-3deg)}
.ornament-studio{transform:rotate(4deg)}
.ornament-selka{transform:rotate(-2deg)}
.ornament-mixer{transform:rotate(2deg);flex-basis:240px;width:240px}
.decor-slot.decor-single .ornament-figure{margin-right:auto;margin-left:8%}
[data-ornament].ornament-live{animation:pmy-ornament-sway 9s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 82%}
.ornament-right [data-ornament].ornament-live{animation-name:pmy-ornament-sway-right;animation-duration:10.5s;animation-delay:-4s}
.ornament-drums [data-ornament].ornament-live{animation-duration:8.5s;animation-delay:-2s}
.ornament-studio [data-ornament].ornament-live,.ornament-mixer [data-ornament].ornament-live{animation-duration:12s;animation-delay:-7s}
[data-ornament].ornament-live.ornament-playing{animation-play-state:running}
.ornament-motion-control{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 0;padding-top:16px;border-top:1px solid rgba(255,242,213,.24)}
.ornament-motion-control[hidden]{display:none}
.ornament-motion-control button{min-height:44px;padding:9px 14px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.ornament-motion-control button:hover,.ornament-motion-control button:focus-visible{background:rgba(255,242,213,.12)}
.ornament-motion-control button:disabled{opacity:.7;cursor:default}
.ornament-motion-control span{font-size:12px;line-height:1.5;max-width:370px}
@keyframes pmy-ornament-sway{0%,100%{transform:translate(0,1px) rotate(-1deg)}33%{transform:translate(2px,-6px) rotate(1.2deg)}68%{transform:translate(-2px,-2px) rotate(-.4deg)}}
@keyframes pmy-ornament-sway-right{0%,100%{transform:translate(0,-2px) rotate(1deg)}36%{transform:translate(-2px,4px) rotate(-1.2deg)}72%{transform:translate(2px,-4px) rotate(.4deg)}}
@media(max-width:850px){.decor-slot{gap:24px}.decor-four .ornament-figure{max-width:calc(25% - 20px);height:174px}}
@media(max-width:620px){.decor-slot{width:calc(100% - 40px);min-height:178px;gap:18px;padding:16px 0}.ornament-figure,.decor-four .ornament-figure{flex-basis:148px;width:148px;max-width:calc(50% - 12px);height:150px}.ornament-mixer{flex-basis:160px;width:160px}.decor-slot.decor-single .ornament-figure{margin-left:12%}.ornament-motion-control{gap:8px}}
@media(max-width:380px){.decor-slot{min-height:154px;gap:12px}.ornament-figure,.decor-four .ornament-figure{flex-basis:126px;width:126px;height:126px;max-width:calc(50% - 8px)}.decor-slot.decor-single .ornament-figure{margin-left:5%}}
@media(prefers-reduced-motion:reduce){[data-ornament].ornament-live{animation:none!important;transform:none!important}}
@media print{.decor-slot,.footer-art,.ornament-motion-control{display:none!important}}
/* Keep four ornaments in exactly two columns on narrow screens. */
@media(max-width:620px){.decor-four .ornament-figure{flex:0 0 calc(50% - 9px);width:calc(50% - 9px);max-width:calc(50% - 9px)}}
@media(max-width:380px){.decor-four .ornament-figure{flex-basis:calc(50% - 6px);width:calc(50% - 6px);max-width:calc(50% - 6px)}}