/* Unique Design Variables - FashionBiz */
:root {
    --crimson-flame: #d62828;
    --blush-canvas: #fbe9e9;
    --burgundy-depth: #961c1c;
    --jade-prosperity: #28a745;
    --jade-whisper: #e8f5e8;
    --amber-alert: #ffc107;
    --amber-glow: #fff8e1;
    --sapphire-trust: #007bff;
    --sapphire-mist: #e3f2fd;
    --slate-boundary: #e0e0e0;
    --pearl-foundation: #f8f9fa;
    --ocean-information: #17a2b8;
    --sunset-warning: #fd7e14;
    --emerald-success: #20c997;

    --text-primary-shade: #2c3e50;
    --text-secondary-tone: #6c757d;
    --background-pristine: #ffffff;

    --font-heading-family: 'Playfair Display', serif;
    --font-content-family: 'Source Sans Pro', sans-serif;

    --spacing-micro: 7px;
    --spacing-tiny: 13px;
    --spacing-small: 21px;
    --spacing-medium: 34px;
    --spacing-large: 55px;
    --spacing-xlarge: 89px;

    --border-gentle: 23px;
    --border-dramatic: 47px;
    --border-extreme: 9999px;

    --transition-swift: 0.23s cubic-bezier(0.4, 0.0, 0.2, 1);
    --transition-smooth: 0.34s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-elegant: 0.47s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Foundation Reset with Personality */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-content-family);
    line-height: 1.67;
    color: var(--text-primary-shade);
    background-color: var(--background-pristine);
    font-size: 16px;
    overflow-x: hidden;
}

/* Container Architecture */
.content_container {
    max-width: 1347px;
    margin: 0 auto;
    padding: 0 var(--spacing-small);
}

/* Navigation Workspace Styling */
.main_navigation {
    background: var(--background-pristine);
    box-shadow: 0 3px 17px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 100;
}

.navigation_showcase {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-small) 0;
    position: relative;
}

.brand_identity img {
    height: 52px;
    width: auto;
}

.mobile_navigation_toggle {
    display: none;
}

.toggle_interface_label {
    display: none;
}

.menu_hamburger_element {
    width: 31px;
    height: 3px;
    background: var(--text-primary-shade);
    position: relative;
    transition: var(--transition-swift);
}

.menu_hamburger_element:before,
.menu_hamburger_element:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 3px;
    background: var(--text-primary-shade);
    transition: var(--transition-swift);
}

.menu_hamburger_element:before {
    top: -9px;
}

.menu_hamburger_element:after {
    top: 9px;
}

.navigation_workspace {
    display: flex;
    align-items: center;
    gap: var(--spacing-medium);
}

.menu_collection {
    display: flex;
    gap: var(--spacing-medium);
    list-style: none;
}

.navigation_anchor {
    color: var(--text-primary-shade);
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    transition: var(--transition-swift);
    padding: var(--spacing-micro) var(--spacing-small);
    border-radius: var(--border-gentle);
}

.navigation_anchor:hover {
    color: var(--crimson-flame);
    background-color: var(--blush-canvas);
    transform: translateY(-2px);
}

/* Hero Creative Section */
.fashion_hero_workspace {
    background: linear-gradient(127deg, var(--blush-canvas) 0%, var(--pearl-foundation) 100%);
    padding: var(--spacing-xlarge) 0;
    min-height: 89vh;
    display: flex;
    align-items: center;
}

.hero_content_grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: var(--spacing-large);
    align-items: center;
}

.primary_heading_element {
    font-family: var(--font-heading-family);
    font-size: 3.8rem;
    font-weight: 700;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-medium);
    line-height: 1.23;
}

.hero_description_text {
    font-size: 1.3rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.71;
}

.hero_action_zone {
    display: flex;
    gap: var(--spacing-small);
    flex-wrap: wrap;
}

.primary_cta_button {
    background: var(--crimson-flame);
    color: white;
    padding: var(--spacing-small) var(--spacing-medium);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: var(--transition-smooth);
    box-shadow: 0 5px 23px rgba(214, 40, 40, 0.3);
}

.primary_cta_button:hover {
    background: var(--burgundy-depth);
    transform: translateY(-3px);
    box-shadow: 0 8px 31px rgba(214, 40, 40, 0.4);
}

.secondary_outline_button {
    border: 2px solid var(--crimson-flame);
    color: var(--crimson-flame);
    padding: var(--spacing-small) var(--spacing-medium);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: var(--transition-smooth);
    background: transparent;
}

.secondary_outline_button:hover {
    background: var(--crimson-flame);
    color: white;
    transform: translateY(-2px);
}

.hero_main_image {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 13px 47px rgba(0, 0, 0, 0.12);
    transform: rotate(-2deg);
    transition: var(--transition-elegant);
}

.hero_main_image:hover {
    transform: rotate(0deg) scale(1.03);
}

/* Design Studio Section */
.design_studio_section {
    padding: var(--spacing-xlarge) 0;
    background: var(--background-pristine);
}

.section_header_area {
    text-align: center;
    margin-bottom: var(--spacing-large);
}

.section_primary_title {
    font-family: var(--font-heading-family);
    font-size: 2.8rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.section_subtitle_text {
    font-size: 1.2rem;
    color: var(--text-secondary-tone);
    max-width: 640px;
    margin: 0 auto;
}

.services_showcase_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(347px, 1fr));
    gap: var(--spacing-medium);
}

.service_presentation_card {
    background: var(--background-pristine);
    padding: var(--spacing-medium);
    border-radius: var(--border-dramatic);
    box-shadow: 0 7px 29px rgba(0, 0, 0, 0.06);
    transition: var(--transition-smooth);
    border: 1px solid var(--slate-boundary);
}

.service_presentation_card:hover {
    transform: translateY(-7px);
    box-shadow: 0 17px 53px rgba(0, 0, 0, 0.12);
}

.service_image_wrapper {
    margin-bottom: var(--spacing-small);
    overflow: hidden;
    border-radius: var(--border-gentle);
}

.service_feature_image {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: var(--transition-elegant);
}

.service_presentation_card:hover .service_feature_image {
    transform: scale(1.07);
}

.service_title_element {
    font-family: var(--font-heading-family);
    font-size: 1.6rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-tiny);
}

.service_description_text {
    color: var(--text-secondary-tone);
    line-height: 1.73;
}

/* Trend Laboratory Section */
.trend_laboratory_workspace {
    padding: var(--spacing-xlarge) 0;
    background: var(--pearl-foundation);
}

.laboratory_content_layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--spacing-large);
    align-items: center;
}

.laboratory_showcase_image {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 11px 41px rgba(0, 0, 0, 0.09);
}

.laboratory_heading_title {
    font-family: var(--font-heading-family);
    font-size: 2.6rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.laboratory_description_paragraph {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-medium);
    line-height: 1.76;
}

.laboratory_benefits_list {
    list-style: none;
}

.benefit_list_item {
    padding: var(--spacing-tiny) 0;
    color: var(--text-primary-shade);
    position: relative;
    padding-left: var(--spacing-medium);
    font-weight: 500;
}

.benefit_list_item:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--jade-prosperity);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Style Workshop Section */
.style_workshop_environment {
    padding: var(--spacing-xlarge) 0;
    background: var(--background-pristine);
}

.workshop_main_heading {
    font-family: var(--font-heading-family);
    font-size: 2.7rem;
    color: var(--burgundy-depth);
    text-align: center;
    margin-bottom: var(--spacing-small);
}

.workshop_intro_text {
    font-size: 1.2rem;
    color: var(--text-secondary-tone);
    text-align: center;
    margin-bottom: var(--spacing-large);
    max-width: 710px;
    margin-left: auto;
    margin-right: auto;
}

.workshop_programs_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--spacing-medium);
}

.program_showcase_element {
    background: var(--blush-canvas);
    padding: var(--spacing-medium);
    border-radius: var(--border-dramatic);
    border: 2px solid var(--crimson-flame);
    transition: var(--transition-smooth);
}

.program_showcase_element:hover {
    transform: translateY(-5px);
    box-shadow: 0 13px 43px rgba(214, 40, 40, 0.15);
}

.program_title_heading {
    font-family: var(--font-heading-family);
    font-size: 1.5rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-tiny);
}

.program_detail_text {
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-small);
    line-height: 1.69;
}

.program_duration_info {
    display: flex;
    gap: var(--spacing-small);
    flex-wrap: wrap;
}

.duration_label,
.format_label {
    background: var(--crimson-flame);
    color: white;
    padding: var(--spacing-micro) var(--spacing-small);
    border-radius: var(--border-extreme);
    font-size: 0.9rem;
    font-weight: 500;
}

/* CTA Engagement Section */
.cta_engagement_workspace {
    background: linear-gradient(135deg, var(--crimson-flame) 0%, var(--burgundy-depth) 100%);
    padding: var(--spacing-xlarge) 0;
    text-align: center;
    color: white;
}

.cta_primary_headline {
    font-family: var(--font-heading-family);
    font-size: 2.9rem;
    margin-bottom: var(--spacing-small);
}

.cta_supporting_text {
    font-size: 1.3rem;
    margin-bottom: var(--spacing-large);
    opacity: 0.93;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.cta_action_collection {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-small);
}

.cta_primary_action {
    background: white;
    color: var(--crimson-flame);
    padding: var(--spacing-small) var(--spacing-large);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 700;
    font-size: 1.2rem;
    transition: var(--transition-smooth);
    box-shadow: 0 7px 27px rgba(0, 0, 0, 0.2);
}

.cta_primary_action:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 11px 37px rgba(0, 0, 0, 0.3);
}

.cta_additional_info {
    opacity: 0.87;
    font-style: italic;
}

/* Contact Communication Section */
.contact_communication_section {
    padding: var(--spacing-xlarge) 0;
    background: var(--pearl-foundation);
}

.contact_workspace_layout {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: var(--spacing-large);
}

.contact_section_heading {
    font-family: var(--font-heading-family);
    font-size: 2.5rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.contact_intro_description {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.74;
}

.contact_details_collection {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
}

.info_category_label {
    font-weight: 700;
    color: var(--crimson-flame);
    margin-bottom: var(--spacing-micro);
}

.info_detail_text {
    color: var(--text-primary-shade);
    line-height: 1.67;
}

/* Form Workspace Styling */
.contact_form_workspace {
    background: var(--background-pristine);
    padding: var(--spacing-large);
    border-radius: var(--border-dramatic);
    box-shadow: 0 9px 33px rgba(0, 0, 0, 0.08);
}

.form_field_group {
    margin-bottom: var(--spacing-small);
}

.field_label_text {
    display: block;
    margin-bottom: var(--spacing-micro);
    font-weight: 600;
    color: var(--text-primary-shade);
}

.form_input_element,
.form_select_element,
.form_textarea_element {
    width: 100%;
    padding: var(--spacing-small);
    border: 2px solid var(--slate-boundary);
    border-radius: var(--border-gentle);
    font-size: 16px;
    transition: var(--transition-swift);
    font-family: inherit;
}

.form_input_element:focus,
.form_select_element:focus,
.form_textarea_element:focus {
    outline: none;
    border-color: var(--crimson-flame);
    box-shadow: 0 0 0 3px rgba(214, 40, 40, 0.1);
}

.form_textarea_element {
    resize: vertical;
    min-height: 120px;
}

.form_submit_button {
    background: var(--crimson-flame);
    color: white;
    padding: var(--spacing-small) var(--spacing-large);
    border: none;
    border-radius: var(--border-extreme);
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-smooth);
    width: 100%;
}

.form_submit_button:hover {
    background: var(--burgundy-depth);
    transform: translateY(-2px);
    box-shadow: 0 7px 23px rgba(214, 40, 40, 0.3);
}

/* Footer Information Section */
.footer_information_section {
    background: var(--text-primary-shade);
    color: white;
    padding: var(--spacing-large) 0 var(--spacing-medium);
}

.footer_content_layout {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: var(--spacing-large);
    margin-bottom: var(--spacing-medium);
}

.footer_logo_image {
    height: 47px;
    margin-bottom: var(--spacing-small);
    filter: brightness(0) invert(1);
}

.footer_brand_description {
    color: #bdc3c7;
    line-height: 1.71;
}

.footer_section_title {
    color: var(--crimson-flame);
    margin-bottom: var(--spacing-small);
    font-family: var(--font-heading-family);
}

.footer_links_collection {
    list-style: none;
}

.footer_links_collection li {
    margin-bottom: var(--spacing-micro);
}

.footer_navigation_link {
    color: #bdc3c7;
    text-decoration: none;
    transition: var(--transition-swift);
}

.footer_navigation_link:hover {
    color: var(--crimson-flame);
}

.footer_contact_detail {
    color: #bdc3c7;
    margin-bottom: var(--spacing-micro);
    line-height: 1.67;
}

.footer_bottom_section {
    border-top: 1px solid #34495e;
    padding-top: var(--spacing-small);
    text-align: center;
}

.copyright_text {
    color: #95a5a6;
    font-size: 0.9rem;
}

/* Mobile Navigation Responsiveness */
@media screen and (max-width: 890px) {
    .toggle_interface_label {
        display: block;
        cursor: pointer;
        padding: var(--spacing-small);
        z-index: 2;
    }

    .navigation_workspace {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--background-pristine);
        transition: var(--transition-smooth);
        padding-top: 97px;
        flex-direction: column;
        align-items: center;
    }

    .menu_collection {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 0;
    }

    .menu_element {
        width: 100%;
        text-align: center;
        margin: var(--spacing-small) 0;
    }

    .navigation_anchor {
        display: inline-block;
        padding: var(--spacing-small) var(--spacing-medium);
        font-size: 19px;
        color: var(--text-primary-shade);
    }

    .mobile_navigation_toggle:checked ~ .navigation_workspace {
        left: 0;
    }

    .mobile_navigation_toggle:checked ~ .toggle_interface_label .menu_hamburger_element {
        background: transparent;
    }

    .mobile_navigation_toggle:checked ~ .toggle_interface_label .menu_hamburger_element:before {
        transform: rotate(45deg);
        top: 0;
    }

    .mobile_navigation_toggle:checked ~ .toggle_interface_label .menu_hamburger_element:after {
        transform: rotate(-45deg);
        top: 0;
    }
}

/* Additional Responsive Breakpoints */
@media screen and (max-width: 1280px) {
    .content_container {
        max-width: 1140px;
    }

    .primary_heading_element {
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 640px) {
    .hero_content_grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .laboratory_content_layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-medium);
    }

    .contact_workspace_layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-medium);
    }

    .footer_content_layout {
        grid-template-columns: 1fr;
        gap: var(--spacing-medium);
        text-align: center;
    }

    .primary_heading_element {
        font-size: 2.3rem;
    }

    .section_primary_title {
        font-size: 2.1rem;
    }

    .hero_action_zone {
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .content_container {
        padding: 0 var(--spacing-tiny);
    }

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

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

    .primary_heading_element {
        font-size: 1.9rem;
    }
}

/* About Page Specific Styles */
.about_hero_presentation {
    background: linear-gradient(127deg, var(--blush-canvas) 0%, var(--pearl-foundation) 100%);
    padding: var(--spacing-xlarge) 0;
    min-height: 67vh;
    display: flex;
    align-items: center;
}

.vision_content_structure {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--spacing-large);
    align-items: center;
}

.about_primary_headline {
    font-family: var(--font-heading-family);
    font-size: 3.4rem;
    font-weight: 700;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-medium);
    line-height: 1.27;
}

.vision_description_narrative {
    font-size: 1.2rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.73;
}

.vision_statistics_display {
    display: flex;
    gap: var(--spacing-medium);
    flex-wrap: wrap;
}

.stat_element_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--background-pristine);
    padding: var(--spacing-small) var(--spacing-medium);
    border-radius: var(--border-dramatic);
    box-shadow: 0 5px 19px rgba(0, 0, 0, 0.08);
    min-width: 120px;
}

.stat_figure_number {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--crimson-flame);
    font-family: var(--font-heading-family);
}

.stat_description_label {
    font-size: 0.9rem;
    color: var(--text-secondary-tone);
    text-align: center;
    margin-top: var(--spacing-micro);
}

.about_hero_visual {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 11px 39px rgba(0, 0, 0, 0.13);
    transform: rotate(1.5deg);
    transition: var(--transition-elegant);
}

.about_hero_visual:hover {
    transform: rotate(0deg) scale(1.02);
}

/* Expert Profile Section */
.expert_profile_workspace {
    padding: var(--spacing-xlarge) 0;
    background: var(--background-pristine);
}

.expert_showcase_layout {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: var(--spacing-large);
    align-items: center;
}

.expert_profile_image {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 9px 31px rgba(0, 0, 0, 0.11);
}

.expert_section_heading {
    font-family: var(--font-heading-family);
    font-size: 2.6rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.expert_intro_text {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-medium);
    line-height: 1.71;
}

.expertise_areas_collection {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}

.expertise_category_item {
    background: var(--blush-canvas);
    padding: var(--spacing-small);
    border-radius: var(--border-gentle);
    border-left: 4px solid var(--crimson-flame);
}

.category_title_heading {
    font-family: var(--font-heading-family);
    font-size: 1.3rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-micro);
}

.category_detail_description {
    color: var(--text-secondary-tone);
    line-height: 1.67;
}

/* Methods Philosophy Section */
.methods_philosophy_section {
    padding: var(--spacing-xlarge) 0;
    background: var(--pearl-foundation);
}

.philosophy_presentation_grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--spacing-large);
    align-items: center;
}

.philosophy_main_title {
    font-family: var(--font-heading-family);
    font-size: 2.5rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.philosophy_description_text {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.74;
}

.methodology_steps_list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
}

.method_step_element {
    display: flex;
    gap: var(--spacing-small);
    align-items: flex-start;
}

.step_number_indicator {
    background: var(--crimson-flame);
    color: white;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.step_content_area {
    flex: 1;
}

.step_title_text {
    font-family: var(--font-heading-family);
    font-size: 1.4rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-micro);
}

.step_description_detail {
    color: var(--text-secondary-tone);
    line-height: 1.69;
}

.methodology_illustration {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 8px 27px rgba(0, 0, 0, 0.09);
}

/* Success Stories Section */
.success_stories_environment {
    padding: var(--spacing-xlarge) 0;
    background: var(--background-pristine);
}

.stories_header_presentation {
    text-align: center;
    margin-bottom: var(--spacing-large);
}

.stories_main_heading {
    font-family: var(--font-heading-family);
    font-size: 2.7rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.stories_intro_paragraph {
    font-size: 1.2rem;
    color: var(--text-secondary-tone);
    max-width: 680px;
    margin: 0 auto;
}

.success_cases_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: var(--spacing-medium);
}

.case_study_showcase {
    background: var(--background-pristine);
    border-radius: var(--border-dramatic);
    overflow: hidden;
    box-shadow: 0 7px 23px rgba(0, 0, 0, 0.08);
    transition: var(--transition-smooth);
}

.case_study_showcase:hover {
    transform: translateY(-5px);
    box-shadow: 0 13px 37px rgba(0, 0, 0, 0.14);
}

.case_image_wrapper {
    overflow: hidden;
    height: 220px;
}

.case_study_visual {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition-elegant);
}

.case_study_showcase:hover .case_study_visual {
    transform: scale(1.05);
}

.case_content_section {
    padding: var(--spacing-medium);
}

.case_title_heading {
    font-family: var(--font-heading-family);
    font-size: 1.5rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-tiny);
}

.case_description_narrative {
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-small);
    line-height: 1.71;
}

.case_results_metrics {
    display: flex;
    gap: var(--spacing-small);
    flex-wrap: wrap;
}

.metric_highlight {
    background: var(--jade-prosperity);
    color: white;
    padding: var(--spacing-micro) var(--spacing-small);
    border-radius: var(--border-extreme);
    font-size: 0.9rem;
    font-weight: 600;
}

/* Journey Vision Section */
.journey_vision_workspace {
    padding: var(--spacing-xlarge) 0;
    background: var(--pearl-foundation);
}

.journey_content_layout {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: var(--spacing-large);
    align-items: center;
}

.journey_primary_title {
    font-family: var(--font-heading-family);
    font-size: 2.6rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.journey_motivation_text {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.73;
}

.partnership_benefits_collection {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    margin-bottom: var(--spacing-large);
}

.benefit_highlight_item {
    background: var(--background-pristine);
    padding: var(--spacing-small);
    border-radius: var(--border-gentle);
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.05);
}

.benefit_title_element {
    font-family: var(--font-heading-family);
    font-size: 1.2rem;
    color: var(--crimson-flame);
    margin-bottom: var(--spacing-micro);
}

.benefit_detail_text {
    color: var(--text-secondary-tone);
    line-height: 1.67;
}

.journey_cta_button {
    background: var(--crimson-flame);
    color: white;
    padding: var(--spacing-small) var(--spacing-large);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: var(--transition-smooth);
    display: inline-block;
}

.journey_cta_button:hover {
    background: var(--burgundy-depth);
    transform: translateY(-2px);
    box-shadow: 0 7px 21px rgba(214, 40, 40, 0.3);
}

.journey_inspiration_image {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 9px 29px rgba(0, 0, 0, 0.11);
}

/* Thank You Page Specific Styles */
.thankyou_hero_environment {
    background: linear-gradient(135deg, var(--jade-prosperity) 0%, var(--emerald-success) 100%);
    padding: var(--spacing-xlarge) 0;
    min-height: 78vh;
    display: flex;
    align-items: center;
    color: white;
}

.thankyou_content_presentation {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--spacing-large);
    align-items: center;
}

.success_icon_display {
    text-align: center;
    margin-bottom: var(--spacing-medium);
}

.checkmark_symbol_element {
    background: white;
    color: var(--jade-prosperity);
    width: 89px;
    height: 89px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    font-weight: bold;
    box-shadow: 0 8px 23px rgba(0, 0, 0, 0.2);
}

.thankyou_primary_heading {
    font-family: var(--font-heading-family);
    font-size: 3.1rem;
    margin-bottom: var(--spacing-small);
    text-align: center;
}

.gratitude_description_text {
    font-size: 1.3rem;
    margin-bottom: var(--spacing-large);
    opacity: 0.93;
    line-height: 1.71;
    text-align: center;
}

.next_steps_information {
    background: rgba(255, 255, 255, 0.13);
    padding: var(--spacing-medium);
    border-radius: var(--border-dramatic);
    backdrop-filter: blur(13px);
}

.steps_section_title {
    font-family: var(--font-heading-family);
    font-size: 1.6rem;
    margin-bottom: var(--spacing-small);
    text-align: center;
}

.steps_timeline_display {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}

.timeline_step_item {
    display: flex;
    gap: var(--spacing-small);
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.09);
    padding: var(--spacing-small);
    border-radius: var(--border-gentle);
}

.step_indicator_number {
    background: white;
    color: var(--jade-prosperity);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.step_info_content {
    flex: 1;
}

.step_action_title {
    font-family: var(--font-heading-family);
    font-size: 1.2rem;
    margin-bottom: var(--spacing-micro);
}

.step_detail_explanation {
    font-size: 0.95rem;
    opacity: 0.89;
    line-height: 1.67;
    margin-bottom: var(--spacing-micro);
}

.step_timing_info {
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.81;
}

.success_celebration_image {
    width: 100%;
    height: auto;
    border-radius: var(--border-dramatic);
    box-shadow: 0 11px 35px rgba(0, 0, 0, 0.2);
}

/* Additional Resources Section */
.resources_exploration_workspace {
    padding: var(--spacing-xlarge) 0;
    background: var(--pearl-foundation);
}

.resources_main_heading {
    font-family: var(--font-heading-family);
    font-size: 2.5rem;
    color: var(--burgundy-depth);
    text-align: center;
    margin-bottom: var(--spacing-small);
}

.resources_intro_description {
    font-size: 1.2rem;
    color: var(--text-secondary-tone);
    text-align: center;
    margin-bottom: var(--spacing-large);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.resource_recommendations_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: var(--spacing-medium);
}

.resource_highlight_card {
    background: var(--background-pristine);
    border-radius: var(--border-dramatic);
    overflow: hidden;
    box-shadow: 0 6px 21px rgba(0, 0, 0, 0.07);
    transition: var(--transition-smooth);
}

.resource_highlight_card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 33px rgba(0, 0, 0, 0.13);
}

.resource_image_container {
    height: 180px;
    overflow: hidden;
}

.resource_preview_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition-elegant);
}

.resource_highlight_card:hover .resource_preview_image {
    transform: scale(1.04);
}

.resource_content_area {
    padding: var(--spacing-medium);
}

.resource_title_heading {
    font-family: var(--font-heading-family);
    font-size: 1.4rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-tiny);
}

.resource_summary_text {
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-small);
    line-height: 1.69;
}

.resource_access_link {
    color: var(--crimson-flame);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition-swift);
}

.resource_access_link:hover {
    color: var(--burgundy-depth);
    text-decoration: underline;
}

/* Contact Reminder Section */
.contact_reminder_environment {
    padding: var(--spacing-xlarge) 0;
    background: var(--background-pristine);
}

.reminder_content_display {
    text-align: center;
    max-width: 890px;
    margin: 0 auto;
}

.reminder_heading_title {
    font-family: var(--font-heading-family);
    font-size: 2.3rem;
    color: var(--burgundy-depth);
    margin-bottom: var(--spacing-small);
}

.reminder_description_info {
    font-size: 1.1rem;
    color: var(--text-secondary-tone);
    margin-bottom: var(--spacing-large);
    line-height: 1.71;
}

.urgent_contact_options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-medium);
    margin-bottom: var(--spacing-large);
}

.contact_method_item {
    background: var(--blush-canvas);
    padding: var(--spacing-medium);
    border-radius: var(--border-dramatic);
    border: 2px solid var(--crimson-flame);
}

.contact_type_label {
    font-family: var(--font-heading-family);
    font-size: 1.3rem;
    color: var(--crimson-flame);
    margin-bottom: var(--spacing-micro);
}

.contact_detail_info {
    color: var(--text-primary-shade);
    font-weight: 600;
    margin-bottom: var(--spacing-micro);
    line-height: 1.67;
}

.availability_note {
    color: var(--text-secondary-tone);
    font-size: 0.9rem;
    font-style: italic;
}

.return_navigation_area {
    display: flex;
    gap: var(--spacing-small);
    justify-content: center;
    flex-wrap: wrap;
}

.return_homepage_button {
    background: var(--crimson-flame);
    color: white;
    padding: var(--spacing-small) var(--spacing-large);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition-smooth);
}

.return_homepage_button:hover {
    background: var(--burgundy-depth);
    transform: translateY(-2px);
    box-shadow: 0 6px 19px rgba(214, 40, 40, 0.3);
}

.explore_about_link {
    border: 2px solid var(--crimson-flame);
    color: var(--crimson-flame);
    padding: var(--spacing-small) var(--spacing-large);
    border-radius: var(--border-extreme);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition-smooth);
}

.explore_about_link:hover {
    background: var(--crimson-flame);
    color: white;
}

/* Responsive Adjustments for About and Thank You Pages */
@media screen and (max-width: 890px) {
    .vision_content_structure,
    .expert_showcase_layout,
    .philosophy_presentation_grid,
    .journey_content_layout,
    .thankyou_content_presentation {
        grid-template-columns: 1fr;
        gap: var(--spacing-medium);
        text-align: center;
    }

    .success_cases_grid,
    .resource_recommendations_grid {
        grid-template-columns: 1fr;
    }

    .vision_statistics_display {
        justify-content: center;
    }
}

@media screen and (max-width: 640px) {
    .about_primary_headline,
    .thankyou_primary_heading {
        font-size: 2.4rem;
    }

    .expert_section_heading,
    .stories_main_heading {
        font-size: 2.1rem;
    }

    .philosophy_main_title,
    .journey_primary_title {
        font-size: 2.0rem;
    }

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

    .return_navigation_area {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 480px) {
    .method_step_element {
        flex-direction: column;
        text-align: center;
        gap: var(--spacing-tiny);
    }

    .timeline_step_item {
        flex-direction: column;
        text-align: center;
        gap: var(--spacing-tiny);
    }

    .checkmark_symbol_element {
        width: 67px;
        height: 67px;
        font-size: 2.4rem;
    }
}