/* =========================================================
   MOIN STUDIO — V41 Requested Adjustments
   1. Project description spaces after every 3 gallery images
   2. OPTION DESCRIPTION typography = 14px
   3. Main page founder/owner photo removed without changing
      the section order or other page effects
   ========================================================= */

/* ---------------------------------------------------------
   PROJECT PAGES
   --------------------------------------------------------- */

/* Keep the existing MOIN project information tile unchanged
   except for the requested 14px OPTION DESCRIPTION text. */
.moin-original-project-option .moin-project-info-tile .moin-option-description p {
    font-size: 14px !important;
}

/* Additional description spaces are intentionally plain:
   no background, no outline, no border. They preserve the
   two-column gallery position and provide an open area for
   additional project description text. */
.moin-original-project-option .moin-description-space {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    min-height: 360px;
    padding: 50px;
    overflow: visible !important;
    color: #333;
}

.moin-original-project-option .moin-description-space .moin-option-description {
    width: 100%;
    margin: 0;
    padding: 0;
}

.moin-original-project-option .moin-description-space .moin-option-description p {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    line-height: 24px;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
}

/* If text is added later, separate paragraphs cleanly. */
.moin-original-project-option .moin-description-space .moin-option-description p + p {
    margin-top: 22px;
}

/* Make sure the additional text spaces never inherit the
   black tile treatment from the original Metis item. */
.moin-original-project-option .moin-description-space,
.moin-original-project-option .moin-description-space:hover {
    background-color: transparent !important;
}



/* =========================================================
   MAIN PAGE — PEOPLE / FOUNDER — FINAL REFERENCE LAYOUT
   Owner/team image removed. Keep the original centered
   editorial text treatment and replace the image area with
   founder name + title.
   ========================================================= */

body:not(.moin-original-project-option) #section5.team-section .container {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 1360px;
    max-width: calc(100% - 40px);
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

body:not(.moin-original-project-option) #section5.team-section .founder-bio-column,
body:not(.moin-original-project-option) #section5.team-section .founder-photo-column {
    float: none !important;
    box-sizing: border-box;
}

/* Left side: same centered column treatment as the reference. */
body:not(.moin-original-project-option) #section5.team-section .founder-bio-column {
    width: 50% !important;
    margin: 0 !important;
    padding: 8px 25px !important;
}

body:not(.moin-original-project-option) #section5.team-section .founder-bio {
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
}

body:not(.moin-original-project-option) #section5.team-section .founder-bio h6 {
    margin: 0 0 22px;
    text-align: center;
}

body:not(.moin-original-project-option) #section5.team-section .founder-bio p {
    margin: 0 0 18px;
    text-align: justify;
    text-justify: inter-word;
}

/* Right side: no image, only centered founder identity. */
body:not(.moin-original-project-option) #section5.team-section .founder-photo-column {
    display: flex !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 115px 25px 0 !important;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

body:not(.moin-original-project-option) #section5.team-section .founder-profile-text {
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
    text-align: center;
}

body:not(.moin-original-project-option) #section5.team-section .founder-profile-text h6 {
    margin: 0 0 9px;
    padding: 0;
    text-align: center;
}

/* Keep the original Metis orange for the founder position. */
body:not(.moin-original-project-option) #section5.team-section .founder-profile-text .job-position {
    text-align: center;
    color: #ff7807 !important;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 3px;
}

@media only screen and (max-width: 1199px) {
    body:not(.moin-original-project-option) #section5.team-section .container {
        width: 960px;
        max-width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 767px) {
    body:not(.moin-original-project-option) #section5.team-section .container {
        display: block;
        width: 100%;
        max-width: calc(100% - 40px);
    }

    body:not(.moin-original-project-option) #section5.team-section .founder-bio-column,
    body:not(.moin-original-project-option) #section5.team-section .founder-photo-column {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(.moin-original-project-option) #section5.team-section .founder-bio-column {
        padding-bottom: 35px !important;
    }

    body:not(.moin-original-project-option) #section5.team-section .founder-photo-column {
        padding-top: 20px !important;
    }
}