@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');:root{--lilla:#8d6a9f;--lilla2:#b99bc5;--rosa:#f7f0f7;--crema:#fcfaf8;--testo:#403942;--rubino:#8b2942}*{box-sizing:border-box}body{margin:0;background:var(--crema);color:var(--testo);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit}.site-header{background:rgba(252,250,248,.97);border-bottom:1px solid #eee6ee;position:sticky;top:0;z-index:10}.nav-wrap{max-width:1120px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{text-decoration:none;font-size:25px;letter-spacing:3px;font-weight:600}.logo span{display:block;font-size:10px;letter-spacing:4px;text-align:center;color:var(--lilla);font-weight:500}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{color:var(--lilla)}.container{max-width:1120px;margin:auto;padding:0 24px}.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(135deg,#fcfaf8,#f5edf7)}.hero-inner{max-width:1120px;width:100%;margin:auto;padding:80px 24px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--lilla);font-weight:600}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.2}h1{font-size:58px;margin:12px 0 20px}h1 em{color:var(--lilla)}.lead{font-size:19px;max-width:650px}.button{display:inline-block;background:var(--lilla);color:#fff;padding:12px 25px;border-radius:28px;text-decoration:none;border:0;font:inherit;cursor:pointer;margin-top:15px}.button.light{background:#fff;color:var(--lilla)}.section{padding:90px 0}.section h2{font-size:38px;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.card{background:#fff;border:1px solid #eee7ef;border-radius:18px;padding:30px;box-shadow:0 8px 25px rgba(70,40,70,.04)}.card h3{margin-top:0;color:var(--lilla)}.soft{background:var(--rosa)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.quote{font-family:'Playfair Display',serif;font-size:30px;font-style:italic;color:var(--lilla);padding:45px;border-left:3px solid var(--lilla2)}.text-link{text-decoration:none;color:var(--lilla);font-weight:600}.cta{background:var(--lilla);color:#fff;text-align:center;padding:75px 0}.cta h2{font-size:40px}.page-head{background:var(--rosa);padding:70px 0}.page-head h1{font-size:52px;margin:8px 0}.profiles{display:grid;gap:30px}
.profile{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:40px;
    align-items:center;
    background:#fff;
    padding:35px;
    border-radius:20px;
    border:1px solid #eee7ef;
}

.profile-photo{
    width:110px;
    height:110px;
}

.profile-photo img{
    width:110px;
    height:110px;
    object-fit:cover;
    border-radius:50%;
    display:block;
}

.profile-content h2{
    margin-top:0;
    margin-bottom:12px;
}


.avatar{width:100px;height:100px;border-radius:50%;background:#e8d9ed;color:var(--lilla);display:grid;place-items:center;font-family:'Playfair Display';font-size:40px}.role{color:var(--lilla);font-weight:600}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-form{background:#fff;padding:35px;border-radius:20px;border:1px solid #eee7ef}label{display:block;font-weight:600;margin-bottom:18px}input,textarea{display:block;width:100%;margin-top:7px;padding:13px 15px;border:1px solid #ddd3df;border-radius:10px;font:inherit}textarea{resize:vertical}.contact-note{background:var(--rosa);padding:20px;border-radius:14px;margin-top:30px;font-size:14px}.success{color:#3d7651;font-weight:600}.site-footer{background:#332b35;color:#eee;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner p{margin:5px 0;color:#cfc5d0}.ruby-vase{width:210px;height:260px;position:relative;margin:auto}.vase-neck{position:absolute;width:58px;height:60px;left:76px;top:25px;background:var(--rubino);border-radius:10px 10px 6px 6px}.vase-body{position:absolute;width:170px;height:155px;left:20px;top:70px;background:var(--rubino);border-radius:30px 30px 70px 70px;box-shadow:inset -15px -12px 25px rgba(0,0,0,.12)}.branch{position:absolute;width:5px;background:#6b5b58;display:block;transform-origin:bottom}.b1{height:150px;left:105px;top:-20px;transform:rotate(13deg)}.b2{height:110px;left:105px;top:5px;transform:rotate(-25deg)}.leaf{position:absolute;width:28px;height:14px;background:#8a9b83;border-radius:100% 0 100% 0;display:block}.l1{left:125px;top:20px;transform:rotate(25deg)}.l2{left:83px;top:2px;transform:rotate(-25deg)}.l3{left:143px;top:65px;transform:rotate(40deg)}.l4{left:65px;top:48px;transform:rotate(-45deg)}@media(max-width:760px){nav{gap:12px;font-size:12px}.hero-inner,.split,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:65px 24px}.ruby-vase{order:2}h1{font-size:43px}.cards,.service-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.page-head h1{font-size:42px}}
.contact-success {
    border: 1px solid rgba(150, 120, 160, 0.30);
    border-radius: 16px;
    padding: 36px 32px;
    text-align: center;
    margin-top: 10px;
    background: rgba(150, 120, 160, 0.04);
}
.contact-success {
    border: 1px solid rgba(150, 120, 160, 0.30);
    border-radius: 14px;
    padding: 20px 28px;
    text-align: center;
    margin-top: 10px;
    background: rgba(150, 120, 160, 0.04);
}

.contact-success h2 {
    margin: 0 0 8px;
}

.contact-success p {
    margin: 0;
    line-height: 1.6;
}
Per visualizzare le due professioniste affiancate, ho riorganizzato la struttura HTML inserendo entrambi i profili all'interno dello stesso contenitore `profiles`. [[citation_document:1:📎 <?php $pageTit.txt]]

Ecco il codice aggiornato:

```php
<?php
$pageTitle = 'Chi siamo | Maffei Psicologia';
include 'includes/header.php';
?>

<section class="page-head">
    <div class="container">
        <p class="eyebrow">CHI SIAMO</p>
        <h1>Due professioniste, uno sguardo attento alla persona.</h1>
        <p>Ascoltare i bisogni, comprendere la persona, accompagnare il suo percorso.</p>
    </div>
</section>

<!-- =========================
     PROFILI
========================= -->

<section class="section">
    <div class="container profiles">

        <!-- FARIDA -->
        <article class="profile">
            <div class="profile-photo">
                <img src="img/fary.jpg" alt="Dott.ssa Farida Maffei">
            </div>
            <div class="profile-content">
                <h2>Dott.ssa Farida Maffei</h2>
                <p class="role">
                    Psicologa – Albo degli Psicologi del Lazio n. 26782
                    <br>
                    Psicologa con Laurea Magistrale in Psicologia Clinica e della Riabilitazione.
                    <br><br>
                    Formazione in Neuropsicologia clinica applicata.
                </p>
            </div>
        </article>

        <!-- ELISABETTA -->
        <article class="profile">
            <div class="profile-photo">
                <img src="img/ely.jpg" alt="Dott.ssa Elisabetta Maffei">
            </div>
            <div class="profile-content">
                <h2>Dott.ssa Elisabetta Maffei</h2>
                <p class="role">
                    Psicologa – Albo degli Psicologi del Lazio n. 26781
                    <br>
                    Psicologa con Laurea Magistrale in Psicologia Clinica e della Riabilitazione.
                    <br><br>
                    Formazione in Neuropsicologia clinica applicata.
                </p>
            </div>
        </article>

    </div>
</section>

<?php
include 'includes/footer.php';
?>
```

**Nota tecnica per il CSS:**
Per assicurarti che appaiano effettivamente affiancate, il tuo file CSS dovrà gestire la classe `.profiles` come un flexbox o una grid. Se non lo fa già, aggiungi questo al tuo foglio di stile:

```css
.profiles {
    display: flex;
    gap: 2rem; /* Spazio tra le due schede */
    flex-wrap: wrap; /* Permette di andare a capo su schermi piccoli (mobile) */
}

.profile {
    flex: 1; /* Le due schede occupano lo stesso spazio */
    min-width: 300px; /* Larghezza minima per evitare che diventino troppo strette */
}
```