.section-divider {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .section-divider { padding: 25px 0; }
    .section-divider svg { width: 320px; }
}

@media (min-width: 1024px) {
    .section-divider { padding: 35px 0; }
    .section-divider svg { width: 400px; }
}


.bg-decorations {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.deco {
    position: absolute;
}

.deco-L1 { top: 8%; left: 3%; }
.deco-L2 { top: 28%; left: 5%; }
.deco-L3 { top: 48%; left: 3%; }
.deco-L4 { top: 68%; left: 6%; }
.deco-L5 { top: 88%; left: 4%; }

.deco-R1 { top: 15%; right: 3%; }
.deco-R2 { top: 38%; right: 5%; }
.deco-R3 { top: 58%; right: 3%; }
.deco-R4 { top: 78%; right: 5%; }

/* Мобилка — скрываем */
@media (max-width: 767px) {
    .bg-decorations { display: none; }
}

/* Планшет */
@media (min-width: 768px) and (max-width: 1023px) {
    .deco { transform: scale(0.8); }
    .deco-L1 { left: 1%; }
    .deco-L2 { left: 2%; }
    .deco-L3 { left: 1%; }
    .deco-L4 { left: 2%; }
    .deco-L5 { left: 1%; }
    .deco-R1 { right: 1%; }
    .deco-R2 { right: 2%; }
    .deco-R3 { right: 1%; }
    .deco-R4 { right: 2%; }
}

/* Десктоп */
@media (min-width: 1024px) {
    .deco-L1 { left: 5%; }
    .deco-L2 { left: 7%; }
    .deco-L3 { left: 4%; }
    .deco-L4 { left: 8%; }
    .deco-L5 { left: 5%; }
    .deco-R1 { right: 5%; }
    .deco-R2 { right: 7%; }
    .deco-R3 { right: 4%; }
    .deco-R4 { right: 6%; }
}

/* Большой десктоп */
@media (min-width: 1400px) {
    .deco { transform: scale(1.2); }
    .deco-L1 { left: 10%; }
    .deco-L2 { left: 12%; }
    .deco-L3 { left: 8%; }
    .deco-L4 { left: 13%; }
    .deco-L5 { left: 9%; }
    .deco-R1 { right: 10%; }
    .deco-R2 { right: 12%; }
    .deco-R3 { right: 9%; }
    .deco-R4 { right: 11%; }
}


@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(3deg); }
}
@keyframes float-slow-r {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(-4deg); }
}

.deco-L1, .deco-L3, .deco-L5, .deco-R2, .deco-R4 {
    animation: float-slow 6s ease-in-out infinite;
}
.deco-L2, .deco-L4, .deco-R1, .deco-R3 {
    animation: float-slow-r 7s ease-in-out infinite;
}


.screen-hero,
.screen-timeline,
.screen-location,
.screen-details,
.screen-finale,
.section-divider {
    position: relative;
    z-index: 1;
}