body {
    font-family: 'DM Sans', sans-serif;
}

/* Desktop Panel Sliding Transition */
.panel-transition {
    transition: all 0.7s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* Accordion Transition for Fields (Mobile & Desktop) */
.field-transition {
    transition-property: max-height, opacity, padding, margin;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

/* Expanded state needs explicit max-height for animation */
.field-transition.max-h-\[80px\] {
    max-height: 80px;
}

/* Text Cross-fade Transition */
.text-fade {
    transition: opacity 0.2s ease-in-out;
}

/* Smooth panel slide animation */
#image-panel,
#form-panel {
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                right 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mobile Fixes */
@media (max-width: 1023px) {
    #image-panel {
        display: none !important;
    }
    #form-panel {
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        position: relative !important;
    }
}