/* ============================================
   Thread Motifs & Footprint Transitions
   Decorative elements between sections
   ============================================ */

/* SVG thread lines between sections */
.thread-transition {
    position: relative;
    height: 160px;
    overflow: visible;
    pointer-events: none;
}

.thread-transition svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.thread-transition svg path {
    fill: none;
    stroke: var(--color-terracotta);
    stroke-width: 0.6;
    stroke-linecap: round;
    opacity: 0.3;
}

/* Footprint transition between collections */
.footprint-transition {
    display: flex;
    justify-content: center;
    gap: var(--space-lg);
    padding: var(--space-2xl) 0;
    align-items: flex-end;
}

.footprint-transition__print {
    width: 18px;
    height: 22px;
    opacity: 0;
    transform: translateY(8px);
}

.footprint-transition__print svg {
    width: 100%;
    height: 100%;
    /* Single-line style — no fill, just stroke */
    fill: none;
    stroke: var(--color-stone);
    stroke-width: 0.7;
    opacity: 0.45;
}

.footprint-transition__print:nth-child(odd) {
    margin-bottom: 0;
}

.footprint-transition__print:nth-child(even) {
    margin-bottom: 10px;
}

.footprint-transition__print:nth-child(1) { transform: translateY(8px) rotate(-10deg); }
.footprint-transition__print:nth-child(2) { transform: translateY(8px) rotate(8deg); }
.footprint-transition__print:nth-child(3) { transform: translateY(8px) rotate(-6deg); }