/*
  Team profile pages: temporarily hide the hero area.
  To restore it, delete this block.
*/
#clock-bg-hands {
    display: none !important;
}

.hero-section {
    display: none !important;
}

.gold-divider {
    display: none !important;
}


.hero-section {
    position: relative;
    width: 100%;
    background: none;
}

.team-member-section {
    background: #01270ed9;
    width: 100%;
    padding: 4rem 1rem 3rem 1rem;
    box-sizing: border-box;
}

.team-member-profile {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    background: rgb(1, 39, 14);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25);
    border-radius: 24px;
    padding: 2.5rem 2rem;
    color: #fff;
    font-family: 'Crimson Text', serif;
    opacity: 1;
    transform: none;
    animation: none;
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.team-member-profile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(1, 39, 14, 0.85);
    border-radius: 24px;
    z-index: -1;
    pointer-events: none;
}

    .team-member-header h2 {
        font-size: 2.2rem;
        margin-bottom: 0.2em;
        letter-spacing: 0.04em;
        color: #ffe7a0;
        text-shadow: 0 2px 8px rgba(0,0,0,0.18);
    }

    .team-member-header p {
        font-size: 1.25rem;
        color: #ab8d44;
        margin-bottom: 1.5em;
        font-weight: 600;
        letter-spacing: 0.05em;
    }

    .team-member-content {
        display: flex;
        align-items: flex-start;
        gap: 2.5rem;
        flex-wrap: wrap;
        max-width: 1200px;
        width: 100%;
    }

    .team-member-photo {
        width: 220px;
        height: 280px;
        object-fit: cover;
        border-radius: 18px;
        box-shadow: 0 4px 24px #ab8d44a0;
        opacity: 1;
        transform: none;
        animation: none;
        background: #222;
    }

    .team-member-bio {
        flex: 1;
        opacity: 1;
        transform: none;
        animation: none;
        max-width: 600px;
    }

    .team-member-bio p {
        font-size: 1.18rem;
        line-height: 1.7;
        margin-bottom: 1.1em;
        color: #fff;
        text-shadow: 0 2px 8px rgba(0,0,0,0.10);
    }

    @media (max-width: 900px) {
        body[data-page="nicola-mitchell.html"] .hero-section {
            padding: 18rem 0 !important;
        }
    }

    @media (max-width: 700px) {
        body[data-page="nicola-mitchell.html"] .hero-section {
            padding: 17rem 0 !important;
        }

        .team-member-section {
            padding: 2.5rem 1rem 2rem 1rem;
        }

        .team-member-content {
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
        }
        .team-member-profile {
            padding: 2rem 1rem;
        }
        .team-member-photo {
            width: 90vw;
            max-width: 320px;
            height: auto;
        }
        .team-member-bio {
            max-width: 100%;
        }
        .team-member-header h2 {
            font-size: 1.8rem;
        }
        .team-member-header p {
            font-size: 1rem;
        }
        .team-member-bio p {
            font-size: 1rem;
            text-align: center;
        }
    }

@media (max-width: 480px) {
    body[data-page="nicola-mitchell.html"] .hero-section {
        padding: 14rem 0 !important;
    }
}

/* Team Member Photo Container and Coming Soon Overlay */
.team-member-photo-container {
    position: relative;
    display: inline-block;
}

.team-member-photo-container .img-coming-soon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1a3a24;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    z-index: 3;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.5rem 0.8rem;
    border-radius: 4px;
    border: 2px solid #ab8d44;
    font-family: 'Crimson Text', serif;
}