{"id":8,"date":"2026-07-01T09:51:09","date_gmt":"2026-07-01T09:51:09","guid":{"rendered":"https:\/\/sgtiranni.com\/chi_sono\/"},"modified":"2026-08-19T09:26:13","modified_gmt":"2026-08-19T09:26:13","slug":"about","status":"publish","type":"page","link":"https:\/\/sgtiranni.com\/en\/about\/","title":{"rendered":"About"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36a0b95 e-grid hostinger-ai-about-us-2 e-con-full e-con e-parent\" data-id=\"36a0b95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3b55f2e e-con-full e-flex e-con e-child\" data-id=\"3b55f2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-370d5ba elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"370d5ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   1. STRUTTURA PRINCIPALE E GEOMETRIA DINAMICA\r\n   ========================================= *\/\r\n.sg-widget-wrapper {\r\n    position: relative;\r\n    background-color: #f7f7f7; \/* Colore di sfondo della sezione *\/\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    overflow: hidden;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Geometria Dinamica in background *\/\r\n.sg-dynamic-bg {\r\n    position: absolute;\r\n    top: -50px;\r\n    left: -50px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: #8b9298; \/* Grigio ripreso dal layout originale *\/\r\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n    z-index: -1;\r\n    opacity: 0.2;\r\n    animation: sg-morphing 10s ease-in-out infinite, sg-moving 15s ease-in-out infinite alternate;\r\n}\r\n\r\n.sg-dynamic-bg-2 {\r\n    position: absolute;\r\n    bottom: -100px;\r\n    right: -50px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: #4a5568;\r\n    border-radius: 50%;\r\n    z-index: -1;\r\n    opacity: 0.05;\r\n    animation: sg-moving-2 20s linear infinite alternate;\r\n}\r\n\r\n@keyframes sg-morphing {\r\n    0% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\r\n    50% { border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%; }\r\n    100% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\r\n}\r\n@keyframes sg-moving {\r\n    0% { transform: translate(0, 0) rotate(0deg); }\r\n    100% { transform: translate(50px, 30px) rotate(45deg); }\r\n}\r\n@keyframes sg-moving-2 {\r\n    0% { transform: scale(1) translate(0, 0); }\r\n    100% { transform: scale(1.2) translate(-40px, -40px); }\r\n}\r\n\r\n\/* =========================================\r\n   2. COLONNA TESTO E BADGE INTERATTIVI\r\n   ========================================= *\/\r\n.sg-info-column {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n\tmargin-left: 180px; \/* <--- Aggiungi questa riga *\/\r\n}\r\n\r\n.sg-title {\r\n    font-size: 2.2rem;\r\n    font-weight: 800;\r\n    color: #1a202c;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* Stile dei Badge *\/\r\n.sg-badge {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    background: #ffffff;\r\n    padding: 12px 18px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n    border: 1px solid rgba(0,0,0,0.05);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    color: #4a5568;\r\n    font-size: 0.95rem;\r\n}\r\n\r\n.sg-badge:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 15px rgba(0,0,0,0.08);\r\n    border-color: #cbd5e0;\r\n}\r\n\r\n\/* Hover sulle Icone *\/\r\n.sg-icon {\r\n    font-size: 1.4rem;\r\n    margin-right: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.sg-badge:hover .sg-icon {\r\n    transform: scale(1.3) rotate(10deg);\r\n}\r\n\r\n.sg-badge strong {\r\n    color: #2d3748;\r\n}\r\n\r\n.sg-badge a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    transition: color 0.2s;\r\n}\r\n.sg-badge a:hover {\r\n    color: #2b6cb0;\r\n}\r\n\r\n\/* Tooltip Click-to-Copy *\/\r\n.sg-tooltip {\r\n    position: absolute;\r\n    right: 15px;\r\n    background: #2d3748;\r\n    color: #fff;\r\n    font-size: 0.75rem;\r\n    padding: 4px 8px;\r\n    border-radius: 6px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all 0.2s ease;\r\n    transform: translateY(5px);\r\n}\r\n.sg-badge:hover .sg-tooltip {\r\n    opacity: 0.5;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n.sg-tooltip.sg-copied {\r\n    background: #48bb78; \/* Verde successo *\/\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* =========================================\r\n   3. IMMAGINE CON BORDO ANIMATO\r\n   ========================================= *\/\r\n.sg-image-column {\r\n    flex: 1;\r\n    max-width: 400px;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Il contenitore che crea l'effetto bordo magico *\/\r\n.sg-animated-border-box {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4\/5; \/* Mantiene le proporzioni verticali dell'immagine *\/\r\n    border-radius: 24px;\r\n    padding: 6px; \/* Spessore del bordo animato *\/\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #e2e8f0;\r\n}\r\n\r\n\/* L'animazione del gradiente rotante *\/\r\n.sg-animated-border-box::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 150%;\r\n    height: 150%;\r\n    background: conic-gradient(\r\n        transparent 0deg, \r\n        transparent 90deg, \r\n        #8b9298 180deg, \r\n        transparent 270deg, \r\n        transparent 360deg\r\n    );\r\n    animation: sg-rotate-border 4s linear infinite;\r\n}\r\n\r\n.sg-animated-border-box img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 18px; \/* Un po' meno del contenitore per far vedere il bordo *\/\r\n    background: #fff;\r\n}\r\n\r\n@keyframes sg-rotate-border {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n\/* =========================================\r\n   4. RESPONSIVE DESIGN (Tablet & Mobile)\r\n   ========================================= *\/\r\n@media (max-width: 992px) { \/* Tablet *\/\r\n    .sg-widget-wrapper {\r\n        padding: 30px;\r\n        gap: 25px;\r\n    }\r\n    .sg-title { font-size: 1.8rem; }\r\n    .sg-badge { font-size: 0.85rem; padding: 10px 14px; }\r\n}\r\n\r\n@media (max-width: 768px) { \/* Smartphone *\/\r\n    .sg-widget-wrapper {\r\n        flex-direction: column-reverse; \/* Immagine sopra, testo sotto *\/\r\n        padding: 20px;\r\n        text-align: center;\r\n    }\r\n    .sg-info-column {\r\n        width: 100%;\r\n\t\tmargin-left: 0;\r\n    }\r\n    .sg-badge {\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 8px;\r\n    }\r\n    .sg-icon {\r\n        margin-right: 0;\r\n        font-size: 1.8rem;\r\n    }\r\n    .sg-tooltip {\r\n        top: 10px;\r\n        right: 10px;\r\n    }\r\n    .sg-dynamic-bg {\r\n        width: 150px;\r\n        height: 150px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sg-widget-wrapper\">\r\n    <!-- Forme geometriche animate in background -->\r\n    <div class=\"sg-dynamic-bg\"><\/div>\r\n    <div class=\"sg-dynamic-bg-2\"><\/div>\r\n\r\n    <!-- Colonna Testo e Contatti -->\r\n    <div class=\"sg-info-column\">\r\n        <h2 class=\"sg-title\">Silvia Giachini Tiranni<\/h2>\r\n\r\n        <!-- Badge 1: Italia (Click per copiare) -->\r\n        <div class=\"sg-badge\" onclick=\"sgCopyText('Italia - Roma Via Cardinal Sanfelice 5 00167', this)\">\r\n            <span class=\"sg-icon\">\ud83d\udccd<\/span>\r\n            <span><strong>Italia<\/strong> - Roma Via Cardinal Sanfelice 5 00167<\/span>\r\n            <span class=\"sg-tooltip\">Clicca per copiare<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- Badge 3: Telefoni (Link cliccabili per chiamata rapida, no copy) -->\r\n        <div class=\"sg-badge\">\r\n            <span class=\"sg-icon\">\u260e\ufe0f<\/span>\r\n            <span>\r\n                <a href=\"tel:+39066623329\">0039 066623329 (IT)<\/a> <br class=\"mobile-break\">\r\n       \r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- Badge 4: Cellulari -->\r\n        <div class=\"sg-badge\">\r\n            <span class=\"sg-icon\">\ud83d\udcf1<\/span>\r\n            <span>\r\n                <a href=\"tel:+393208757007\">0039 3208757007 (IT)<\/a> <br class=\"mobile-break\">\r\n                \r\n            <\/span>\r\n        <\/div>\r\n\r\n        <!-- Badge 5: Email (Click per copiare) -->\r\n        <div class=\"sg-badge\" onclick=\"sgCopyText('arch.giachini@gmail.it', this)\">\r\n            <span class=\"sg-icon\">\u2709\ufe0f<\/span>\r\n            <span>e-mail: arch.giachini@gmail.it<\/span>\r\n            <span class=\"sg-tooltip\">Clicca per copiare<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Colonna Immagine -->\r\n    <div class=\"sg-image-column\">\r\n        <div class=\"sg-animated-border-box\">\r\n            \r\n            <!-- \ud83d\udc47\ud83d\udc47\ud83d\udc47 INSERISCI QUI IL LINK DELLA TUA IMMAGINE \ud83d\udc47\ud83d\udc47\ud83d\udc47 -->\r\n            \r\n            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/Screenshot_20260715_174552_Instagram.jpg\" alt=\"Silvia Giachini Tiranni\">\r\n            \r\n            <!-- \ud83d\udc46\ud83d\udc46\ud83d\udc46 INSERISCI QUI IL LINK DELLA TUA IMMAGINE \ud83d\udc46\ud83d\udc46\ud83d\udc46 -->\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Script per il Click-to-Copy\r\nfunction sgCopyText(text, element) {\r\n    \/\/ Copia il testo nella clipboard\r\n    navigator.clipboard.writeText(text).then(() => {\r\n        \/\/ Trova il tooltip all'interno del badge cliccato\r\n        const tooltip = element.querySelector('.sg-tooltip');\r\n        if (tooltip) {\r\n            \/\/ Cambia testo e colore per il feedback visivo\r\n            const originalText = tooltip.innerText;\r\n            tooltip.innerText = \"Copiato! \u2713\";\r\n            tooltip.classList.add('sg-copied');\r\n            \r\n            \/\/ Ripristina lo stato originale dopo 2 secondi\r\n            setTimeout(() => {\r\n                tooltip.innerText = \"Clicca per copiare\";\r\n                tooltip.classList.remove('sg-copied');\r\n            }, 2000);\r\n        }\r\n    }).catch(err => {\r\n        console.error('Errore nella copia: ', err);\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3b5825 e-con-full e-flex e-con e-child\" data-id=\"e3b5825\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e9ccb2 elementor-widget elementor-widget-html\" data-id=\"6e9ccb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   1. STRUTTURA PRINCIPALE E GEOMETRIA DINAMICA\r\n   ========================================= *\/\r\n:root {\r\n    --sg-color-primary: #4a5568;    \/* Grigio scuro principale *\/\r\n    --sg-color-accent: #8b9298;     \/* Grigio accento *\/\r\n    --sg-color-text: #2d3748;       \/* Colore testo *\/\r\n    --sg-timeline-line: #e2e8f0;   \/* Colore linea timeline *\/\r\n}\r\n\r\n\/* Contenitore principale (About Section) *\/\r\n.sg-about-section {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    padding: 60px 20px;\r\n    overflow: hidden; \/* Fondamentale per non far uscire le bolle *\/\r\n    z-index: 1;\r\n    \/* Puoi aggiungere un colore di sfondo globale qui se vuoi, es: background-color: #f7f7f7; *\/\r\n}\r\n\r\n\/* --- Bolle Geometriche animate in background (recuperate dal vecchio codice) --- *\/\r\n.sg-dynamic-bg {\r\n    position: absolute;\r\n    top: -50px;\r\n    left: -50px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: #8b9298; \/* Colore accento *\/\r\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n    z-index: -1; \/* Sotto tutto il resto *\/\r\n    opacity: 0.15; \/* Molto sfumato per non disturbare la lettura *\/\r\n    animation: sg-morphing 15s ease-in-out infinite, sg-moving 20s ease-in-out infinite alternate;\r\n}\r\n\r\n.sg-dynamic-bg-2 {\r\n    position: absolute;\r\n    bottom: -100px;\r\n    right: -50px;\r\n    width: 400px;\r\n    height: 400px;\r\n    background: #4a5568; \/* Colore primario *\/\r\n    border-radius: 50%;\r\n    z-index: -1;\r\n    opacity: 0.05;\r\n    animation: sg-moving-2 25s linear infinite alternate;\r\n}\r\n\r\n\/* Animazioni Keyframes *\/\r\n@keyframes sg-morphing {\r\n    0% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\r\n    50% { border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%; }\r\n    100% { border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%; }\r\n}\r\n@keyframes sg-moving {\r\n    0% { transform: translate(0, 0) rotate(0deg); }\r\n    100% { transform: translate(100px, 50px) rotate(90deg); }\r\n}\r\n@keyframes sg-moving-2 {\r\n    0% { transform: scale(1) translate(0, 0); }\r\n    100% { transform: scale(1.3) translate(-80px, -60px); }\r\n}\r\n\r\n\/* =========================================\r\n   2. LAYOUT A COLONNE (Testo Left, Immagini Right)\r\n   ========================================= *\/\r\n.sg-columns-wrapper {\r\n    display: flex;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    gap: 50px; \/* Spazio tra le colonne *\/\r\n    align-items: flex-start; \/* Allinea in alto *\/\r\n}\r\n\r\n\/* Colonna Sinistra (Contiene la Timeline) *\/\r\n.sg-timeline-column {\r\n    flex: 2; \/* Prende pi\u00f9 spazio (circa 65%) *\/\r\n    position: relative;\r\n    z-index: 2; \/* Sopra le bolle *\/\r\n}\r\n\r\n\/* Colonna Destra (Contiene le Immagini) *\/\r\n.sg-image-column-right {\r\n    flex: 1; \/* Prende meno spazio (circa 35%) *\/\r\n    display: flex;\r\n    flex-direction: column; \/* Immagini impilate verticalmente *\/\r\n    gap: 25px; \/* Spazio tra le immagini a destra *\/\r\n    position: sticky; \/* Rende la colonna immagini fissa allo scorrimento *\/\r\n    top: 50px; \/* Distanza dall'alto quando diventa fissa *\/\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================\r\n   3. STILE TIMELINE (Pulito e Trasparente)\r\n   ========================================= *\/\r\n.sg-timeline {\r\n    position: relative;\r\n    padding-left: 45px;\r\n}\r\n\r\n\/* La linea verticale della timeline *\/\r\n.sg-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 17px;\r\n    height: 100%;\r\n    width: 3px;\r\n    background: var(--sg-timeline-line);\r\n    border-radius: 3px;\r\n}\r\n\r\n\/* Elementi della Timeline (Item) *\/\r\n.sg-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 50px;\r\n    opacity: 0; \/* Invisibile di default per l'animazione di comparsa *\/\r\n    transform: translateY(40px); \/* Spostato in basso *\/\r\n    transition: all 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n\/* Classe attivata da JS per l'animazione al reveal *\/\r\n.sg-timeline-item.sg-in-view {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Il Riquadro del Testo (Trasparente, NO Sfondo Bianco, NO Ombra) *\/\r\n.sg-timeline-content {\r\n    background: transparent; \/* Sfondo rimosso *\/\r\n    border-radius: 0; \/* Raggio rimosso *\/\r\n    box-shadow: none; \/* Ombra rimossa *\/\r\n    border-left: 5px solid transparent; \/* Bordo laterale invisibile di default *\/\r\n    padding: 10px 0 10px 20px; \/* Padding modificato *\/\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n\/* Effetto Hover sulla \"Card\" Trasparente *\/\r\n.sg-timeline-content:hover {\r\n    transform: none; \/* Rimosso sollevamento *\/\r\n    box-shadow: none; \/* Rimossa ombra *\/\r\n    border-left: 5px solid var(--sg-color-primary); \/* Mostra bordo laterale al passaggio *\/\r\n    background-color: rgba(255,255,255,0.03); \/* Opzionale: chiarore impercettibile *\/\r\n}\r\n\r\n\/* --- NUOVO: Gestione Immagini all'interno della Timeline --- *\/\r\n.sg-timeline-img-container {\r\n    width: 100%;\r\n    margin-bottom: 20px; \/* Spazio tra foto e testo *\/\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    display: flex; \/* Per affiancare se sono due *\/\r\n    gap: 10px; \/* Spazio tra le due foto *\/\r\n}\r\n\r\n.sg-timeline-single-img {\r\n    width: 100%;\r\n    height: 250px; \/* Altezza standard per foto singola *\/\r\n    object-fit: cover;\r\n}\r\n\r\n.sg-timeline-double-img {\r\n    width: calc(50% - 5px); \/* Met\u00e0 larghezza meno met\u00e0 gap *\/\r\n    height: 180px; \/* Altezza ridotta per foto doppie *\/\r\n    object-fit: cover;\r\n}\r\n\r\n\/* --- Nodi e Tipografia Timeline --- *\/\r\n.sg-timeline-dot {\r\n    position: absolute;\r\n    left: -43px;\r\n    top: 15px;\r\n    width: 30px;\r\n    height: 30px;\r\n    background: #ffffff; \/* Sfondo del nodo per staccare dalla linea *\/\r\n    border: 4px solid var(--sg-color-primary);\r\n    border-radius: 50%;\r\n    z-index: 3;\r\n}\r\n\r\n\/* Animazione pulsante per il pallino quando entra in vista *\/\r\n.sg-timeline-item.sg-in-view .sg-timeline-dot {\r\n    animation: sg-pulse-dot 2s infinite;\r\n}\r\n\r\n@keyframes sg-pulse-dot {\r\n    0% { box-shadow: 0 0 0 0 rgba(74, 85, 104, 0.5); }\r\n    70% { box-shadow: 0 0 0 12px rgba(74, 85, 104, 0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(74, 85, 104, 0); }\r\n}\r\n\r\n.sg-timeline-title {\r\n    font-size: 1.6rem;\r\n    font-weight: 800;\r\n    color: #1a202c;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 0.8px;\r\n    text-transform: uppercase;\r\n    line-height: 1.2;\r\n}\r\n\r\n.sg-timeline-text {\r\n    font-size: 1rem;\r\n    color: var(--sg-color-text);\r\n    line-height: 1.8;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* Stile per gli elenchi puntati *\/\r\n.sg-timeline-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.sg-timeline-list li {\r\n    position: relative;\r\n    padding-left: 30px;\r\n    margin-bottom: 12px;\r\n    color: var(--sg-color-text);\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* Icona freccia personalizzata per le liste *\/\r\n.sg-timeline-list li::before {\r\n    content: '\u2794';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 2px;\r\n    color: var(--sg-color-accent);\r\n    font-size: 0.9rem;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.sg-timeline-content:hover .sg-timeline-list li::before {\r\n    color: var(--sg-color-primary);\r\n}\r\n\r\nstrong {\r\n    color: #1a202c;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* =========================================\r\n   4. STILE IMMAGINI A DESTRA\r\n   ========================================= *\/\r\n.sg-right-image-box {\r\n    width: 100%;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.1); \/* Ombra per dare rilievo alle foto *\/\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.sg-right-image-box:hover {\r\n    transform: scale(1.03); \/* Leggero zoom al passaggio *\/\r\n}\r\n\r\n.sg-right-image-box img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* =========================================\r\n   5. RESPONSIVE DESIGN (Tablet & Phone)\r\n   ========================================= *\/\r\n@media (max-width: 992px) {\r\n    .sg-columns-wrapper { gap: 30px; }\r\n    .sg-timeline-title { font-size: 1.4rem; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sg-about-section { padding: 40px 15px; }\r\n    \r\n    .sg-columns-wrapper {\r\n        flex-direction: column; \/* Colonna singola su mobile *\/\r\n        gap: 40px;\r\n    }\r\n    \r\n    .sg-timeline-column,\r\n    .sg-image-column-right {\r\n        width: 100%;\r\n        flex: none;\r\n    }\r\n    \r\n    \/* Mette le immagini SOPRA il testo su mobile *\/\r\n    .sg-image-column-right {\r\n        order: -1; \r\n        position: static; \/* Rimuove lo sticky su mobile *\/\r\n        flex-direction: row; \/* Immagini affiancate orizzontalmente (scroll) su mobile *\/\r\n        overflow-x: auto; \/* Permette lo scroll orizzontale delle foto *\/\r\n        padding-bottom: 15px;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .sg-right-image-box {\r\n        width: 280px; \/* Larghezza fissa delle foto nello scroll mobile *\/\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    \/* Adeguamento Timeline su mobile *\/\r\n    .sg-timeline { padding-left: 35px; }\r\n    .sg-timeline::before { left: 11px; }\r\n    .sg-timeline-dot { left: -35px; width: 24px; height: 24px; top: 15px; border-width: 3px; }\r\n    .sg-timeline-content { padding-left: 15px; }\r\n    .sg-timeline-title { font-size: 1.2rem; }\r\n    .sg-timeline-text, .sg-timeline-list li { font-size: 0.95rem; }\r\n}\r\n\r\n\/* =========================================\r\n   6. POSIZIONAMENTO SPECIFICO IMMAGINE FLOTTANTE\r\n   ========================================= *\/\r\n\r\n\/* Regole per Desktop (sopra 992px) *\/\r\n@media (min-width: 993px) {\r\n    .sg-timeline-content {\r\n        position: relative;\r\n    }\r\n\r\n    .sg-image-between-texts {\r\n        position: absolute;\r\n        left: 100%;\r\n        margin-left: 30px;\r\n        top: 0;\r\n        transform: translateY(-25%); \/* regola l'altezza come preferisci *\/\r\n        width: 360px;               \/* regola la larghezza come preferisci *\/\r\n        height: auto;\r\n        border-radius: 12px;\r\n        overflow: hidden;           \/* Mantiene lo zoom dentro i bordi arrotondati *\/\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n        z-index: 10;\r\n    }\r\n\r\n    .sg-image-between-texts img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: cover;\r\n        \r\n        \/* 1. NUOVA RIGA: Rende il cambio di dimensione fluido *\/\r\n        transition: transform 0.4s ease; \r\n    }\r\n\r\n    \/* 2. NUOVA REGOLA: Effetto Zoom al passaggio del mouse *\/\r\n    .sg-image-between-texts:hover img {\r\n        transform: scale(1.05); \/* Ingrandisce del 5% (cambia a 1.03 per un effetto pi\u00f9 discreto) *\/\r\n    }\r\n}\r\n\r\n\/* Regole per Tablet\/Mobile (sotto 768px) *\/\r\n@media (max-width: 768px) {\r\n    .sg-image-between-texts {\r\n        position: static;\r\n        width: 100%;\r\n        left: auto;\r\n        transform: none;\r\n        margin-top: 15px;\r\n        margin-bottom: 25px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ========================================================\r\n     STRUTTURA HTML (About Section con Timeline e Immagini)\r\n     ======================================================== -->\r\n<div class=\"sg-about-section\">\r\n    <!-- Forme geometriche animate in background -->\r\n    <div class=\"sg-dynamic-bg\"><\/div>\r\n    <div class=\"sg-dynamic-bg-2\"><\/div>\r\n    \r\n    <!-- Contenitore Colonne (Flexbox) -->\r\n    <div class=\"sg-columns-wrapper\">\r\n        \r\n        <!-- COLONNA SINISTRA: Timeline -->\r\n        <div class=\"sg-timeline-column\">\r\n            <div class=\"sg-timeline\">\r\n\r\n                <!-- BLOCCO 1: Settori di Competenze -->\r\n                <div class=\"sg-timeline-item\">\r\n                    <div class=\"sg-timeline-dot\"><\/div>\r\n                    <div class=\"sg-timeline-content\">\r\n\t\t\t\t\t<!-- Inserimento Immagine Singola (all7) -->\r\n                        <div class=\"sg-timeline-img-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/IMG-20260730-WA0008.jpg\" alt=\"Settori di Competenze\" class=\"sg-timeline-single-img\">\r\n                        <\/div>\r\n                        <h3 class=\"sg-timeline-title\">Settori di Competenze<\/h3>\r\n                        <p class=\"sg-timeline-text\">Competenze, esperienze e realizzazioni nei campi dell\u2019<strong>Urbanistica, Architettura del paesaggio, Architettura, Restauro dei Monumenti, Architettura di interni e Design Industriale<\/strong>.<\/p>\r\n                        \r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li><strong>N. 7280<\/strong> Ordine degli Architetti Pianificatori, Paesaggisti, Conservatori di Roma e Provincia, dal 15-5-1985 ed \u00e8 in possesso dei prerequisiti indicati dalle norme EC Direttiva NO, 2005\/36\/EC.<\/li>\r\n                        <\/ul>\r\n                        <p class=\"sg-timeline-text\" style=\"margin-top: 15px; margin-bottom:5px;\"><strong>Iscrizione e Consulenze presso:<\/strong><\/p>\r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li>Albo dei Periti del Tribunale Civile di Roma dal 1987;<\/li>\r\n                            <li>Albo dei Periti del Tribunale Fallimentare di Roma dal 1989;<\/li>\r\n                            <li>Albo dei Periti del Tribunale Penale di Roma dal 1991.<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- BLOCCO 2: Posizioni Professionali -->\r\n                <div class=\"sg-timeline-item\">\r\n                    <div class=\"sg-timeline-dot\"><\/div>\r\n                    <div class=\"sg-timeline-content\">\r\n\t\t\t\t\t<!-- Inserimento Doppia Immagine (all1 + all2) -->\r\n                        <div class=\"sg-timeline-img-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/IMG-20260730-WA0006.jpg\" alt=\"Progetto 1\" class=\"sg-timeline-double-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/IMG-20260730-WA0007.jpg\" alt=\"Progetto 2\" class=\"sg-timeline-double-img\">\r\n                        <\/div>\r\n                        <h3 class=\"sg-timeline-title\">Posizioni Professionali Ricoperte<\/h3>\r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li><strong>2018-2012:<\/strong> Chief Architect della Tiranni Architecture and Consulting;<\/li>\r\n                            <li><strong>1985-2018:<\/strong> Consulente del Tribunale in vari procedimenti Civili e Penali;<\/li>\r\n                            <li><strong>1985-2018:<\/strong> Responsabile dello Studio di Architettura Silvia Giachini Tiranni a Roma;<\/li>\r\n                        <\/ul>\r\n                        \r\n                        <p class=\"sg-timeline-text\" style=\"margin-top: 20px; margin-bottom:5px;\"><strong>Chief Architect Consultant for several projects of:<\/strong><\/p>\r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li><strong>2012:<\/strong> Chief architect New Space architectural decoration Co. ltd;<\/li>\r\n                            <li><strong>2011-2012:<\/strong> Project Consultant of China Southwest Architectural design and research Institute Corp .ltd;<\/li>\r\n                            <li><strong>2011:<\/strong> Senior Architect per Chengdu branch of Beijing SYC;<\/li>\r\n                            <li><strong>2011:<\/strong> Beijing CCI Architecture and design Co, ltd (Sichuan branches);<\/li>\r\n                            <li><strong>2011:<\/strong> Chengdu Italy architectural design and consulting company;<\/li>\r\n                            <li><strong>2009-2010:<\/strong> CEO dell\u2019ufficio di Chengdu \u201cHouse of Excellences in China\u201d.<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- BLOCCO 3: Capacit\u00e0 Manageriali -->\r\n                <div class=\"sg-timeline-item\">\r\n                    <div class=\"sg-timeline-dot\"><\/div>\r\n                    <div class=\"sg-timeline-content\">\r\n                        <h3 class=\"sg-timeline-title\">Capacit\u00e0 Manageriali<\/h3>\r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li><strong>2018-2010:<\/strong> Project manager e leader di un team internazionale, multilingue e capace di interfacciarsi ai massimi livelli con clientela di culture diverse, legislazione e burocrazia cinese;<\/li>\r\n                            <li><strong>2012:<\/strong> Fonda e guida la societ\u00e0 WOFE (Societ\u00e0 cinese con capitale straniero) \u201cTiranni (Chengdu) Architect Design & Consult Co . Ltd\" in Chengdu (CHN).<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- BLOCCO 4: Progetti Europei -->\r\n                <div class=\"sg-timeline-item\">\r\n                    <div class=\"sg-timeline-dot\"><\/div>\r\n                    <div class=\"sg-timeline-content\">\r\n\t\t\t\t\t<div class=\"sg-image-between-texts\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/IMG-20260730-WA0005.jpg\" alt=\"Dettaglio Architettonico 2\">\r\n\t\t\t\t\t<\/div>\r\n                        <h3 class=\"sg-timeline-title\">Competenze in Materia di Progetti Europei Finanziati<\/h3>\r\n                        <ul class=\"sg-timeline-list\">\r\n                            <li>Nel <strong>2009<\/strong> \u00e8 ideatrice del progetto, in seguito finanziato da Sprint Lazio \u2013 Regione Lazio, \u201cHouse of Excellences in China\u201d per un totale di <strong>\u20ac 500.000,00<\/strong>.<\/li>\r\n                            <li>Nel <strong>2017<\/strong> continua la sua attivit\u00e0 di Progettazione per ottenere fondi Europei e vengono selezionati i suoi 2 progetti per il catalogo Prospex:\r\n                                <ul style=\"list-style:circle; padding-left:20px; margin-top:10px;\">\r\n                                    <li><em>Italy food and beverage excellence<\/em> per un ammontare di <strong>\u20ac 274.800,00<\/strong>;<\/li>\r\n                                    <li><em>Internazionalizzazione delle imprese di architettura di interni<\/em> per un ammontare di <strong>\u20ac 78.620,00<\/strong>.<\/li>\r\n                                <\/ul>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\t\t\t\t\r\n\t\t\t\t<!-- NUOVO BLOCCO 5: Deleghe Professionali Istituzionali -->\r\n        <div class=\"sg-timeline-item\">\r\n            <div class=\"sg-timeline-dot\"><\/div>\r\n            <div class=\"sg-timeline-content\">\r\n\t\t\t<!-- Inserimento Doppia Immagine (all8 + all9) -->\r\n                        <div class=\"sg-timeline-img-container\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/about2.jpg\" alt=\"Relazioni Istituzionali 1\" class=\"sg-timeline-double-img\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/Presidente.png\" alt=\"Relazioni Istituzionali 2\" class=\"sg-timeline-double-img\">\r\n                        <\/div>\r\n                <h3 class=\"sg-timeline-title\">DELEGHE PROFESSIONALI DI ISTITUZIONI<\/h3>\r\n                \r\n                <ul class=\"sg-timeline-list\">\r\n                    <li><strong>2013-2018:<\/strong> Curatrice del China \u2013Italy Creative Centre Chengdu China (creativechengduitaly.com);<\/li>\r\n                    <li><strong>2013-2018:<\/strong> Delegato del POLIdesign Consortium of Politecnico of Milan in Sichuan-China;<\/li>\r\n                    <li><strong>2011-2007:<\/strong> Delegato dell\u2019Ordine degli Architetti di Roma per i rapporti con il mondo culturale, universitario ed imprenditoriale cinese al fine di divulgare le attivit\u00e0 dell\u2019Ordine. Firma nel 2009 l\u2019Accordo Programmatico con il Comune di Chenghdu. Viene incaricata dal Consiglio dell\u2019Ordine degli Architetti di Roma ad aprire una sede dell\u2019Ordine in Cina;<\/li>\r\n                    <li><strong>2006-2000:<\/strong> Delegato dell\u2019Ordine degli Architetti di Roma per le \u201cTematiche dello sviluppo compatibile e della Bioarchitettura;<\/li>\r\n                    <li><strong>2002-2001:<\/strong> Membro del gruppo di lavoro ristretto di esperti \u201cper la definizione delle eventuali integrazioni al capitolo V della proposta di Regolamento Edilizio comunale riguardante i temi della bioedilizia e del risparmio energetico;<\/li>\r\n                    <li><strong>2001:<\/strong> Delegato dell\u2019Ordine degli Architetti di Roma per le attivit\u00e0 relative all\u2019accordo Volontario del Comune di Roma per il raggiungimento degli obiettivi del Protocollo di Kyoto;<\/li>\r\n                    <li>Responsabile del settore \u201cMateriali da Costruzione e Certificazione di Qualit\u00e0\u201c \u2013 Centro Studi degli Architetti dell\u2019Ordine di Roma;<\/li>\r\n                    <li><strong>1997:<\/strong> Responsabile dei rapporti Ce.S.Arch. - Enea - per il Corso Ecomanagement nell'Edilizia;<\/li>\r\n                    <li>Responsabile del Protocollo di Intesa tra Ce.S.Arch. ed il Comune di Roma Assessorato U.S.P.E.L. Assessore Sandro del Fattore; Responsabile Ce.S.Arch. del progetto presentato alla Comunit\u00e0 Europea del Comune di Roma di istituire una agenzia SAVE per il risparmio energetico;<\/li>\r\n                    <li>Responsabile per il Ce.S.Arch. della redazione del un manuale \u201cSpazi grigi\/Spazi verdi\u201d per il Comune di Roma;<\/li>\r\n                    <li><strong>1998-1999:<\/strong> Delegato Ce.S.Arch. per i lavori del \u201cForum Agenda 21\u201d;<\/li>\r\n                    <li><strong>1999:<\/strong> Delegato IMBAR per il Comune di Roma;<\/li>\r\n                    <li>Responsabile per l\u2019Ordine degli Architetti di Roma di un Protocollo d\u2019intesa con il Ce.S.Arch e l\u2019Agenzia per il Risparmio Energetico del Comune di Roma. Questo Protocollo \u00e8 volto all\u2019attivazione di una serie di attivit\u00e0 concorsuali volte a migliorare l\u2019efficienza energetica degli edifici ed incentivare l\u2019uso di tecnologie energetiche rinnovabili nel comune di Roma;<\/li>\r\n                    <li>Responsabile per l\u2019Ordine degli Architetti di Roma di una Convenzione con il Ce.S.Arch. e l\u2019Ente di Formazione Ce.F.Me. per l\u2019attivazione di una serie di attivit\u00e0 concorsuali gratuite da predisporre nell\u2019ambito della Legge 236\/93 art.9 (formazione continua) e dei Programmi Operativi Regionali obiettivo 3;<\/li>\r\n                    <li>Delegato Ordine degli Architetti di Roma per i rapporti con il Centro di Formazione maestranze edili (CE.F.ME).<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n                <!-- NUOVO BLOCCO 6: Pubblicazioni ed Interviste -->\r\n        <div class=\"sg-timeline-item\">\r\n            <div class=\"sg-timeline-dot\"><\/div>\r\n            <div class=\"sg-timeline-content\">\r\n\t\t\t<div class=\"sg-image-between-texts\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-17-at-08.18.57-1.jpeg\" alt=\"Pubblicazioni ed Interviste\">\r\n\t\t\t<\/div>\r\n                <h3 class=\"sg-timeline-title\">PUBBLICAZIONI ED INTERVISTE<\/h3>\r\n                \r\n                <ul class=\"sg-timeline-list\">\r\n                    <li><strong>2015:<\/strong> Intervista RAI 3 TV (RETE NAZIONALE ITALIANA);<\/li>\r\n                    <li><strong>2003:<\/strong> Fondo comunitario: Regione Lazio SAVE \"Penelope-Baccus\" anno 2003 Pubblicazione del documento: \"BEST PRATICES\" di edifici a risparmio energetico;<\/li>\r\n                    <li><strong>2000:<\/strong> Pubblicazione di un libro promosso dal Dipartimento Ambiente del Comune di Roma. Titolo: \"Spazio grigio - Spazio verde\";<\/li>\r\n                    <li><strong>1999:<\/strong> RAI 3 (RETE NAZIONALE ITALIANA): Intervista su materiali biocompatibili;<\/li>\r\n                    <li>Articolo \"AR\" Bimestrale degli Architetti \"di Roma e Provincia\" n. 6- 1996 Ambiente, sicurezza e qualit\u00e0 - Aspetti integrati del design europeo<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\t\t\r\n\t\t<!-- NUOVO BLOCCO 7: Lezioni Universitarie e Corsi -->\r\n        <div class=\"sg-timeline-item\">\r\n            <div class=\"sg-timeline-dot\"><\/div>\r\n            <div class=\"sg-timeline-content\">\r\n                <h3 class=\"sg-timeline-title\">LEZIONI UNIVERSITARIE E DIREZIONE DI CORSI POST LAUREA<\/h3>\r\n                \r\n                <ul class=\"sg-timeline-list\">\r\n                    <li><strong>2016:<\/strong> Ciclo di lezioni di Architettura e Urbanistica presso la Southwest Minority University di Chengdu;<\/li>\r\n                    <li><strong>2004:<\/strong> Direzione del Corso di \u201cRestauro dei Velivoli Storici\u201d della Provincia di Roma presso l\u2019Istituto Aereonautico \u201cGalileo Galilei\u201d di Roma;<\/li>\r\n                    <li><strong>2002:<\/strong> Responsabile e coordinatrice del corso di formazione per la figura professionale post-laurea di \u201cEcoenergymanager\u201d patrocinato dal C.N.A. e dalla Provincia di Roma in collaborazione con I.S.E.S. \u2013 Ce.F.Me - Ordine degli Architetti di Roma;<\/li>\r\n                    <li><strong>2001:<\/strong> Responsabile e Coordinatrice del Corso \u201cArchitettura del Paesaggio\u201d Regione Lazio;<\/li>\r\n                    <li><strong>2001:<\/strong> Responsabile e Coordinatrice del Corso post laurea \u201cL\u2019architetto ed il WEB\u201d;<\/li>\r\n                    <li><strong>1998:<\/strong> Responsabile e coordinatrice del corso ENEA e CE.S.Arch. \"Eco-management nell\u2019edilizia\".<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- NUOVO BLOCCO 8: Membership -->\r\n        <div class=\"sg-timeline-item\">\r\n            <div class=\"sg-timeline-dot\"><\/div>\r\n            <div class=\"sg-timeline-content\">\r\n\t\t\t<div class=\"sg-image-between-texts\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-31-155030.png\" alt=\"Membership\">\r\n\t\t\t<\/div>\r\n                <h3 class=\"sg-timeline-title\">MEMBERSHIP<\/h3>\r\n                \r\n                <ul class=\"sg-timeline-list\">\r\n                    <li><strong>Rotary Club Member<\/strong> in Chengdu Club from 2015 to 2018;<\/li>\r\n                    <li><strong>Visitor Member<\/strong> in Roma International Club in 2016;<\/li>\r\n                    <li><strong>Visitor Member<\/strong> in Berkley (CA) Rotary Club.<\/li>\r\n\t\t\t\t\t<li><strong>Volontario dei Cavalieri dell'Ordine di Malta<\/strong><\/li>\r\n\t\t\t\t\t<li><strong>C.D.A. Fondazione Alessandro Rigi Luperti<\/strong><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- COLONNA DESTRA: Immagini manuali -->\r\n        <div class=\"sg-image-column-right\">\r\n            \r\n           <!-- \ud83d\udc47\ud83d\udc47\ud83d\udc47 IMMAGINI AGGIORNATE COLONNA DESTRA \ud83d\udc47\ud83d\udc47\ud83d\udc47 -->\r\n            \r\n            <!-- IMMAGINE DESTRA 1 (all3) -->\r\n            <div class=\"sg-right-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/08\/sss.jpeg\" alt=\"Dettaglio Architettonico 1\">\r\n            <\/div>\r\n            \r\n            <!-- IMMAGINE DESTRA 2 (all4) -->\r\n            <div class=\"sg-right-image-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/sgtiranni.com\/wp-content\/uploads\/2026\/07\/IMG-20260730-WA0009.jpg\" alt=\"Contesto Progettuale\">\r\n            <\/div>\r\n            \r\n            \r\n            \r\n            <!-- \ud83d\udc46\ud83d\udc46\ud83d\udc46 IMMAGINI AGGIORNATE COLONNA DESTRA \ud83d\udc46\ud83d\udc46\ud83d\udc46 -->\r\n            \r\n        <\/div>\r\n        \r\n    <\/div> <!-- Fine columns-wrapper -->\r\n<\/div> <!-- Fine about-section -->\r\n\r\n<script>\r\n\/\/ Javascript per attivare le animazioni di comparsa allo scorrimento (Scroll Reveal)\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const timelineItems = document.querySelectorAll('.sg-timeline-item');\r\n\r\n    \/\/ Impostazioni dell'osservatore (quando il 15% del blocco entra nello schermo, parte l'animazione)\r\n    const observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px',\r\n        threshold: 0.15 \r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                \/\/ Aggiunge la classe CSS che triggera l'animazione\r\n                entry.target.classList.add('sg-in-view');\r\n                \/\/ Smette di osservare l'elemento una volta animato\r\n                observer.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Collega l'osservatore a ogni elemento della timeline\r\n    timelineItems.forEach(item => {\r\n        observer.observe(item);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Silvia Giachini Tiranni \ud83d\udccd Italia &#8211; Roma Via Cardinal Sanfelice 5 00167 Clicca per copiare \u260e\ufe0f 0039 066623329 (IT) \ud83d\udcf1 0039 3208757007 (IT) \u2709\ufe0f e-mail: arch.giachini@gmail.it Clicca per copiare Settori di Competenze Competenze, esperienze e realizzazioni nei campi dell\u2019Urbanistica, Architettura del paesaggio, Architettura, Restauro dei Monumenti, Architettura di interni e Design Industriale. N. 7280 Ordine [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":95,"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":696,"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/696"}],"wp:attachment":[{"href":"https:\/\/sgtiranni.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}