/* ═══════════════════════════════════════════════════════════
   NEW SECTIONS STYLES FOR ITANMODELS
   Add this file as: index-new-sections.css
   ═══════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   SECTION 2: WHY 50+?
   ──────────────────────────────────────────────────────────── */

.why-section {
    padding: 120px 60px;
    background: linear-gradient(135deg, #f8f4f0 0%, #ffffff 100%);
    text-align: center;
}

.why-content {
    max-width: 900px;
    margin: 0 auto;
}

.why-title {
    font-family: 'Georgia', serif;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 20px;
    color: var(--text-dark);
}

.why-reasons {
    margin-bottom: 20px;
}

.why-reason {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2;
    color: #b66e41;
    margin: 15px 0;
}

.why-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    color: var(--text-dark);
    letter-spacing: 0.5px;
}


/* ────────────────────────────────────────────────────────────
   SECTION 3: TALENT
   ──────────────────────────────────────────────────────────── */

.talent-section {
    padding: 120px 60px;
    background: white;
}

.talent-header {
    text-align: center;
    margin-bottom: 80px;
}

.talent-main-title {
    font-family: 'Georgia', serif;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 25px;
    color: var(--text-dark);
}

.talent-subtitle {
    font-size: 20px;
    font-weight: 300;
    color: #666;
    letter-spacing: 0.5px;
}

.talent-intro {
    max-width: 1200px;
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.talent-intro-left {
    /* Left column for title and description */
}

.talent-intro-right {
    /* Right column for services list */
}

.talent-section-title {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: var(--text-dark);
}

.talent-tagline {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-bottom: 30px;
    color: #b66e41;
    text-transform: uppercase;
}

.talent-description {
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 30px;
    color: var(--text-dark);
}

.talent-services {
    list-style: none;
    padding: 0;
    margin: 0;
}

.talent-services li {
    font-size: 20px;
    padding: 12px 0;
    color: var(--text-dark);
    position: relative;
    padding-left: 25px;
    line-height: 1.6;
}

.talent-services li::before {
    content: '•';
    color: #b66e41;
    font-weight: bold;
    position: absolute;
    left: 0;
    font-size: 20px;
}

.talent-closing {
    font-size: 20px;
    margin: 40px 0 20px;
    color: #666;
    font-style: italic;
}

.talent-statement {
    font-size: 20px;
    font-style: italic;
    margin: 50px 0 0;
    color: var(--text-dark);
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 40px;
}

.talent-cta {
    text-align: center;
    margin-top: 60px;
}

.btn-explore-talent {
    display: inline-block;
    padding: 20px 50px;
    background: #b66e41;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.btn-explore-talent:hover {
    background:  #9a5a35;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(182, 110, 65, 0.3);
}


/* ────────────────────────────────────────────────────────────
   SECTION 4: THE MOVEMENT
   ──────────────────────────────────────────────────────────── */

.movement-section {
    padding: 120px 60px;
    background: linear-gradient(135deg, #2c2c2c 0%, #1a1a1a 100%);
    color: white;
    text-align: center;
}

.movement-content {
    max-width: 800px;
    margin: 0 auto;
}

.movement-title {
    font-family: 'Georgia', serif;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 40px;
}

.movement-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.9;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.9);
}

.movement-statement {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.6;
    margin: 50px 0;
    color: #d4816f;
    font-style: italic;
}

.btn-learn-more {
    display: inline-block;
    padding: 20px 50px;
    background: transparent;
    color: white;
    border: 2px solid white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.btn-learn-more:hover {
    background: white;
    color: var(--text-dark);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}


/* ────────────────────────────────────────────────────────────
   SECTION 5: CAMPAIGNS
   ──────────────────────────────────────────────────────────── */

.campaigns-section {
    padding: 120px 60px;
    background: white;
    text-align: center;
}

.campaigns-main-title {
    font-family: 'Georgia', serif;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 30px;
    color: var(--text-dark);
}

.campaigns-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto 30px;
    color: var(--text-dark);
}

.campaigns-statement {
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.7;
    margin-bottom: 60px;
    color: #b66e41;
}

/* .campaigns-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 50px;
} */

.campaigns-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto 50px;
}

.video-container video {
    width: 100%;
    height: auto;
    max-width: 500px;
}

.campaign-image-placeholder {
    aspect-ratio: 3/4;
    overflow: hidden;
}

.campaign-image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.campaign-image-placeholder:hover img {
    transform: scale(1.05);
}

.campaigns-cta {
    margin-top: 50px;
}

.btn-view-campaign {
    display: inline-block;
    padding: 20px 50px;
    background: #b66e41;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.btn-view-campaign:hover {
    background: #9a5a35;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(182, 110, 65, 0.3);
}


/* ────────────────────────────────────────────────────────────
   INSTAGRAM SECTION
   ──────────────────────────────────────────────────────────── */

.instagram-section {
    padding: 120px 60px;
    background: #f8f8f8;
    text-align: center;
}

.instagram-title {
    font-family: 'Georgia', serif;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: var(--text-dark);
}

.instagram-tagline {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #b66e41;
}

.instagram-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.8;
    max-width: 650px;
    margin: 0 auto 30px;
    color: var(--text-dark);
}

.instagram-handle {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 50px;
    color: var(--text-dark);
}

.instagram-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto 50px;
}

.instagram-post {
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
}

.instagram-post img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.instagram-post:hover img {
    transform: scale(1.1);
    opacity: 0.85;
}

.instagram-cta {
    margin-top: 40px;
}

.btn-follow {
    display: inline-block;
    padding: 20px 50px;
    background: #b66e41;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.btn-follow:hover {
    background:  #9a5a35;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(182, 110, 65, 0.3);
}



/* ────────────────────────────────────────────────────────────
   BOOK TALENT SECTION (Standalone)
   ──────────────────────────────────────────────────────────── */

.book-talent-section {
    padding: 120px 60px;
    background: white;
}

.book-talent-container {
    max-width: 800px;
    margin: 0 auto;
}

.book-talent-container .section-title {
    text-align: center;
    margin-bottom: 60px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
}

.form-group select {
    width: 100%;
    padding: 14px;
    background: white;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: var(--primary-font);
    color: var(--text-dark);
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.form-group select:focus {
    outline: none;
    border-color: #b66e41;
}


/* Form status messages */
.form-status {
    margin-top: 20px;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    display: none;
}

.form-status.success {
    display: block;
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.form-status.error {
    display: block;
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.form-section-heading {
    font-family: 'Georgia', serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-dark, #1a1a1a);
    margin: 35px 0 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #b66e41;
}

.form-section-heading:first-of-type {
    margin-top: 0;
}

/* ────────────────────────────────────────────────────────────
   APPLY SECTION (Standalone)
   ──────────────────────────────────────────────────────────── */

.apply-section {
    padding: 120px 60px;
    background: #f8f8f8;
}

.apply-container {
    max-width: 1200px;
    margin: 0 auto;
}

.apply-container .section-title {
    text-align: center;
    margin-bottom: 60px;
}

.apply-content-centered {
    max-width: 1000px;
    margin: 0 auto;
}

.apply-subtitle {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    color: var(--text-dark);
}

.apply-two-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    margin: 40px 0 50px;
    /* text-align: center; */

}

.apply-column h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
    color: var(--text-dark);
    letter-spacing: 0.5px;
}

.apply-column p {
    font-size: 20px;
    line-height: 1.8;
    margin: 15px 0;
    color: var(--text-dark);
}

.apply-text {
    text-align: center;
}

.apply-text > p {
    font-size: 20px;
    line-height: 1.8;
    margin: 15px 0;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.apply-bold {
    font-weight: 500;
    font-style: italic;
    color: #b66e41;
    font-size: 17px;
}

.apply-list {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    text-align: center;
}

.apply-list li {
    padding: 6px 0 6px 20px;
    position: relative;
    font-size: 20px;
    line-height: 1.6;
}

/* .apply-list li::before {
    content: '•';
    position: absolute;
    right: 10px;
    color: #b66e41;
    font-weight: bold;
} */

.apply-closing {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
}

.apply-cta {
    text-align: center;
    margin-top: 50px;
}

.btn-apply {
    display: inline-block;
    padding: 18px 60px;
    background: #b66e41;
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 30px;
    transition: all 0.4s ease;
}

.btn-apply:hover {
    background: #9a5a35;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(182, 110, 65, 0.3);
}


/* ────────────────────────────────────────────────────────────
   RESPONSIVE
   ──────────────────────────────────────────────────────────── */

@media (max-width: 968px) {
    .why-section,
    .talent-section,
    .movement-section,
    .campaigns-section,
    .instagram-section,
    .book-talent-section,
    .apply-section {
        padding: 80px 30px;
    }

    .why-title,
    .talent-main-title,
    .movement-title,
    .campaigns-main-title,
    .instagram-title {
        font-size: 36px;
    }

    .why-reason {
        font-size: 20px;
    }

    .talent-intro {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .apply-two-columns {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .campaigns-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .instagram-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .why-section,
    .talent-section,
    .movement-section,
    .campaigns-section,
    .instagram-section,
    .book-talent-section,
    .apply-section {
        padding: 60px 20px;
    }

    .why-title,
    .talent-main-title,
    .movement-title,
    .campaigns-main-title,
    .instagram-title {
        font-size: 28px;
    }

    .why-reason {
        font-size: 20px;
    }

    .talent-services li,
    .apply-list li {
        font-size: 20px;
    }

    .campaigns-grid {
        grid-template-columns: 1fr;
    }

    .instagram-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}