/* About Section - Postcard Style */
            .about-section {
                background-color: #fff;
                padding: 80px 0;
                padding-top: 0;
            }
            .postcard-wrapper {
            /* 1. Colore di sfondo della cartolina  */
            background-color: var(--color-lighter);
            
            /* 2. Definisci lo spessore del bordo */
            border: 10px solid transparent;

            /* 3. Crea le strisce con un gradiente matematico */
            border-image-source: repeating-linear-gradient(
                45deg,           /* Angolo delle strisce */
                var(--color-primary) 0,       /* Inizio Rosso */
                var(--color-primary) 15px,    /* Fine Rosso (larghezza striscia) */
                transparent 0,   /* Inizio spazio vuoto */
                transparent 30px,/* Fine spazio vuoto */
                var(--color-secondary) 0,       /* Inizio Blu */
                var(--color-secondary) 45px,    /* Fine Blu */
                transparent 0,   /* Inizio spazio vuoto */
                transparent 60px /* Fine spazio vuoto (chiude il pattern) */
            );

            /* 4. Impostazioni tecniche per applicare il gradiente al bordo */
            border-image-slice: 10; /* Deve corrispondere o essere simile allo spessore del bordo */
            border-image-repeat: round; /* "Round" adatta le strisce per non tagliarle male agli angoli */
            
            /* Opzionale: un po' di padding interno per il testo */
            padding: 60px;
            }

            .postcard-content-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
            }
            .postcard-left {
                flex: 0 0 35%;
                max-width: 35%;
                padding-right: 0px;
                display: flex;
                justify-content: center;
            }
            .postcard-right {
                flex: 0 0 65%;
                max-width: 65%;
                padding-left:40px;
                /* border-left: 2px dashed #ccc; */
                position: relative;
                text-align: left;
            }
            .stamp-box {
                position: absolute;
                top: -60px;
                right: 10px;
                width: 60px;
                height: 60px;
                z-index: 1;
                opacity: 0.8;
                transform: rotate(3deg);
            }
            .postmark {
                position: absolute;
                top: -57px;
                right: 40px;
                width: 120px;
                height: 90px;
                opacity: 0.4;
                display: flex;
                z-index:100;
            }
            .about-photo-container {
                position: relative;
                background: #fff;
                padding: 15px 15px 50px 15px;
                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
                max-width: 100%;
                width: 350px;
            }
            .about-photo {
                width: 100%;
                height: auto;
                display: block;
                filter: sepia(0.1);
            }
            .tape {
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%) rotate(1deg);
                width: 120px;
                height: 35px;
                background-color: rgba(255, 255, 255, 0.6);
                border: 1px solid rgba(0,0,0,0.05);
                box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                z-index: 10;
            }
            .btn-postcard {
                background-color: #d3c0b0;
                color: #fff;
                border: none;
                padding: 12px 30px;
                text-transform: uppercase;
                letter-spacing: 1px;
                font-size: 11px;
                font-weight: 600;
                display: inline-block;
                text-decoration: none;
                transition: background 0.3s;
            }
            .btn-postcard:hover {
                background-color: #c3b0a0;
                color: #fff;
            }
            @media (max-width: 991px) {
                .postcard-left, .postcard-right {
                    flex: 0 0 100%;
                    max-width: 100%;
                    padding: 0;
                    border: none;
                }
                .postcard-left {
                    margin-bottom: 40px;
                    padding: 0 20px;
                }
                .postcard-right {
                    padding: 0 10px;
                }
                .stamp-box {
                    top: -30px;
                    right: 10px;
                }
                .postmark {
                    right: 80px;
                    top: -20px;
                }
            }