/* Декоративные предметы цеха по краям страницы */
#main{position:relative}
.props-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.prop{--size:clamp(100px,9vw,165px);position:absolute;width:var(--size);will-change:transform}
.prop-left{left:calc(var(--size) * -.28)}
.prop-right{right:calc(var(--size) * -.28)}
.prop-float{opacity:0;transform:scale(.55) rotate(calc(var(--rot) - 28deg));transition:opacity .7s var(--ease),transform 1s cubic-bezier(.34,1.56,.64,1)}
.prop.is-in .prop-float{opacity:1;transform:rotate(var(--rot));animation:prop-float var(--fd,7s) ease-in-out var(--fdl,0s) infinite alternate}
.prop img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 22px rgba(16,27,53,.22));user-select:none;-webkit-user-drag:none}
@keyframes prop-float{
  from{transform:translateY(-9px) rotate(calc(var(--rot) - 4deg))}
  to{transform:translateY(9px) rotate(calc(var(--rot) + 4deg))}
}
@media (max-width:900px){.props-layer{display:none}}
@media (prefers-reduced-motion:reduce){
  .prop-float,.prop.is-in .prop-float{transition:none;animation:none;opacity:1;transform:rotate(var(--rot))}
}