{"id":18817,"date":"2026-05-05T21:54:23","date_gmt":"2026-05-05T21:54:23","guid":{"rendered":"https:\/\/fowes.org\/?page_id=18817"},"modified":"2026-05-05T23:31:40","modified_gmt":"2026-05-05T23:31:40","slug":"the-artisan-welfare-collective","status":"publish","type":"page","link":"https:\/\/fowes.org\/index.php\/the-artisan-welfare-collective\/","title":{"rendered":"The Artisan Welfare Collective"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18817\" class=\"elementor elementor-18817\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb158c8 e-flex e-con-boxed wd-section-disabled e-con e-parent\" data-id=\"cb158c8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-947cfb3 elementor-widget elementor-widget-spacer\" data-id=\"947cfb3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7cf39ff e-con-full e-flex wd-section-disabled e-con e-parent\" data-id=\"7cf39ff\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a64dbe elementor-widget elementor-widget-html\" data-id=\"4a64dbe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>FOWES \u2014 The Artisan Welfare Collective<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --primary: #d596b5;\n    --primary-light: #e4b5cc;\n    --primary-dark: #b87a9a;\n    --primary-subtle: #f7eef3;\n    --primary-ghost: rgba(213, 150, 181, 0.08);\n    --charcoal: #2D2D2D;\n    --charcoal-light: #3D3D3D;\n    --dark: #1A1A1A;\n    --gray-900: #333333;\n    --gray-700: #555555;\n    --gray-500: #888888;\n    --gray-300: #CCCCCC;\n    --gray-100: #F2F2F2;\n    --white: #FFFFFF;\n    --off-white: #FAFAFA;\n    --cream: #F9F7F5;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'Raleway', sans-serif;\n    color: var(--charcoal);\n    background: var(--white);\n    line-height: 1.7;\n    overflow-x: hidden;\n  }\n\n  .serif { font-family: 'Cormorant Garamond', Georgia, serif; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     UTILITY\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .container { max-width: 1140px; margin: 0 auto; padding: 0 2rem; }\n\n  .fade-in {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  .fade-in.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HERO\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    background: var(--dark);\n    overflow: hidden;\n  }\n\n  .hero__bg {\n    position: absolute;\n    inset: 0;\n    background:\n      url('https:\/\/images.unsplash.com\/photo-1590874103328-eac38a683ce7?w=1600&q=80') center\/cover no-repeat;\n    opacity: 0.3;\n    filter: saturate(0.5) brightness(0.8);\n  }\n\n  \/* Fallback gradient if image doesn't load *\/\n  .hero__bg-fallback {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(160deg, #1a1a1a 0%, #2d2d2d 40%, #3d3d3d 100%);\n    z-index: -1;\n  }\n\n  .hero__overlay {\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(160deg, rgba(26,26,26,0.94) 0%, rgba(45,45,45,0.75) 50%, rgba(213,150,181,0.12) 100%);\n  }\n\n  .hero__texture {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    background-image:\n      repeating-linear-gradient(45deg, transparent, transparent 24px, rgba(255,255,255,0.08) 24px, rgba(255,255,255,0.08) 25px),\n      repeating-linear-gradient(-45deg, transparent, transparent 24px, rgba(255,255,255,0.08) 24px, rgba(255,255,255,0.08) 25px);\n  }\n\n  .hero__content {\n    position: relative;\n    z-index: 2;\n    max-width: 740px;\n    padding: 6rem 2rem;\n  }\n\n  .hero__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    background: rgba(213, 150, 181, 0.12);\n    border: 1px solid rgba(213, 150, 181, 0.25);\n    border-radius: 100px;\n    padding: 0.45rem 1.3rem;\n    font-size: 0.68rem;\n    font-weight: 600;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--primary-light);\n    margin-bottom: 2.5rem;\n    animation: fadeUp 1s 0.2s both;\n  }\n\n  .hero__badge::before {\n    content: '';\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--primary);\n    animation: pulse 2s infinite;\n  }\n\n  .hero__title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.8rem, 6.5vw, 5.2rem);\n    font-weight: 600;\n    color: var(--white);\n    line-height: 1.08;\n    margin-bottom: 1.8rem;\n    animation: fadeUp 1s 0.4s both;\n  }\n\n  .hero__title span {\n    color: var(--primary);\n    font-style: italic;\n  }\n\n  .hero__desc {\n    font-size: 1.05rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.6);\n    max-width: 540px;\n    line-height: 1.85;\n    margin-bottom: 2.5rem;\n    animation: fadeUp 1s 0.6s both;\n  }\n\n  .hero__actions {\n    display: flex;\n    gap: 1rem;\n    flex-wrap: wrap;\n    animation: fadeUp 1s 0.8s both;\n  }\n\n  .hero__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    background: var(--primary);\n    color: var(--white);\n    font-family: 'Raleway', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 1rem 2rem;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n  }\n\n  .hero__cta:hover {\n    background: var(--primary-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(213, 150, 181, 0.3);\n  }\n\n  .hero__cta--outline {\n    background: transparent;\n    border: 1.5px solid rgba(255,255,255,0.2);\n    color: rgba(255,255,255,0.7);\n  }\n\n  .hero__cta--outline:hover {\n    border-color: var(--primary);\n    color: var(--primary-light);\n    background: rgba(213, 150, 181, 0.06);\n    box-shadow: none;\n  }\n\n  .hero__cta svg { width: 14px; height: 14px; transition: transform 0.3s; }\n  .hero__cta:hover svg { transform: translateX(3px); }\n\n  .hero__scroll {\n    position: absolute;\n    bottom: 2.5rem;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 0.5rem;\n    color: rgba(255,255,255,0.3);\n    font-size: 0.62rem;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    animation: fadeUp 1s 1.2s both;\n  }\n\n  .hero__scroll-line {\n    width: 1px;\n    height: 40px;\n    background: linear-gradient(to bottom, rgba(213,150,181,0.5), transparent);\n    animation: scrollPulse 2s infinite;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     REFRAME STATEMENT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .reframe {\n    padding: 5rem 0;\n    background: var(--cream);\n    text-align: center;\n    position: relative;\n  }\n\n  .reframe::before,\n  .reframe::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--primary-light), transparent);\n  }\n  .reframe::before { top: 0; }\n  .reframe::after { bottom: 0; }\n\n  .reframe__text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.3rem, 2.8vw, 1.7rem);\n    font-weight: 500;\n    color: var(--charcoal);\n    max-width: 720px;\n    margin: 0 auto;\n    line-height: 1.65;\n  }\n\n  .reframe__text em {\n    color: var(--primary-dark);\n    font-style: italic;\n  }\n\n  .reframe__text strong {\n    font-weight: 600;\n    color: var(--dark);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ABOUT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .about {\n    padding: 7rem 0;\n    background: var(--white);\n  }\n\n  .about__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n  }\n\n  .about__image-wrap {\n    position: relative;\n  }\n\n  .about__image {\n    width: 100%;\n    height: 520px;\n    object-fit: cover;\n    border-radius: 8px;\n    filter: saturate(0.85);\n    background: linear-gradient(135deg, var(--gray-100), var(--cream));\n  }\n\n  .about__image-accent {\n    position: absolute;\n    top: -1.5rem;\n    left: -1.5rem;\n    width: 90px;\n    height: 90px;\n    border-top: 2px solid var(--primary);\n    border-left: 2px solid var(--primary);\n    border-radius: 4px 0 0 0;\n    opacity: 0.4;\n  }\n\n  .about__image-dot {\n    position: absolute;\n    bottom: -1rem;\n    right: -1rem;\n    width: 60px;\n    height: 60px;\n    background: var(--primary-subtle);\n    border-radius: 50%;\n    opacity: 0.6;\n  }\n\n  .about__label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 1rem;\n  }\n\n  .about__heading {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\n    font-weight: 600;\n    color: var(--dark);\n    line-height: 1.2;\n    margin-bottom: 1.5rem;\n  }\n\n  .about__text {\n    font-size: 0.93rem;\n    font-weight: 400;\n    color: var(--gray-700);\n    line-height: 1.9;\n    margin-bottom: 1.2rem;\n  }\n\n  .about__highlight {\n    border-left: 3px solid var(--primary);\n    padding-left: 1.5rem;\n    margin: 2rem 0;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.25rem;\n    font-style: italic;\n    color: var(--charcoal);\n    line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MISSION \/ VISION \/ PURPOSE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .mvv {\n    padding: 6rem 0;\n    background: var(--cream);\n  }\n\n  .mvv__header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .mvv__header-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.8rem;\n  }\n\n  .mvv__header-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n    color: var(--dark);\n  }\n\n  .mvv__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n  }\n\n  .mvv__card {\n    background: var(--white);\n    border-radius: 12px;\n    padding: 2.5rem 2rem;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    border: 1px solid rgba(0,0,0,0.04);\n  }\n\n  .mvv__card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.06);\n  }\n\n  .mvv__card-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 3.5rem;\n    font-weight: 700;\n    color: var(--primary-subtle);\n    line-height: 1;\n    margin-bottom: 0.8rem;\n  }\n\n  .mvv__card-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 1rem;\n  }\n\n  .mvv__card-text {\n    font-size: 0.88rem;\n    color: var(--gray-700);\n    line-height: 1.85;\n  }\n\n  .mvv__card-line {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--primary), var(--primary-light));\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n    transform-origin: left;\n  }\n\n  .mvv__card:hover .mvv__card-line { transform: scaleX(1); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     VALUES\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .values {\n    padding: 6rem 0;\n    background: var(--dark);\n    color: var(--white);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .values__bg-text {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 20vw;\n    font-weight: 700;\n    color: rgba(255,255,255,0.015);\n    white-space: nowrap;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .values__header {\n    text-align: center;\n    margin-bottom: 4rem;\n    position: relative;\n  }\n\n  .values__header-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.8rem;\n  }\n\n  .values__header-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n  }\n\n  .values__list {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1.5rem;\n    position: relative;\n  }\n\n  .values__item {\n    display: flex;\n    gap: 1.2rem;\n    padding: 1.8rem;\n    border-radius: 10px;\n    background: rgba(255,255,255,0.025);\n    border: 1px solid rgba(255,255,255,0.05);\n    transition: all 0.35s ease;\n  }\n\n  .values__item:hover {\n    background: rgba(213, 150, 181, 0.06);\n    border-color: rgba(213, 150, 181, 0.15);\n    transform: translateY(-3px);\n  }\n\n  .values__item-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2rem;\n    font-weight: 600;\n    color: var(--primary);\n    line-height: 1;\n    flex-shrink: 0;\n    width: 2.5rem;\n  }\n\n  .values__item-title {\n    font-weight: 600;\n    font-size: 0.93rem;\n    margin-bottom: 0.4rem;\n  }\n\n  .values__item-text {\n    font-size: 0.84rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.5);\n    line-height: 1.75;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PILLARS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .pillars {\n    padding: 6rem 0;\n    background: var(--white);\n  }\n\n  .pillars__header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .pillars__header-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.8rem;\n  }\n\n  .pillars__header-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 1rem;\n  }\n\n  .pillars__header-desc {\n    font-size: 0.93rem;\n    color: var(--gray-500);\n    max-width: 540px;\n    margin: 0 auto;\n  }\n\n  .pillars__grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 1.5rem;\n  }\n\n  .pillar {\n    text-align: center;\n    padding: 2.2rem 1.2rem;\n    border-radius: 12px;\n    background: var(--off-white);\n    border: 1px solid transparent;\n    transition: all 0.4s ease;\n  }\n\n  .pillar:hover {\n    border-color: var(--primary-light);\n    background: var(--primary-subtle);\n    transform: translateY(-5px);\n    box-shadow: 0 12px 35px rgba(213, 150, 181, 0.1);\n  }\n\n  .pillar__icon {\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 1.2rem;\n    border-radius: 50%;\n    background: var(--primary-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.4rem;\n    transition: all 0.35s;\n  }\n\n  .pillar:hover .pillar__icon {\n    background: var(--primary);\n    transform: scale(1.1);\n  }\n\n  .pillar__title {\n    font-weight: 600;\n    font-size: 0.8rem;\n    letter-spacing: 0.03em;\n    color: var(--charcoal);\n    margin-bottom: 0.5rem;\n  }\n\n  .pillar__desc {\n    font-size: 0.78rem;\n    color: var(--gray-500);\n    line-height: 1.6;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     IMPACT STATS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .impact {\n    padding: 5rem 0;\n    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n    color: var(--white);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .impact::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 500px;\n    height: 500px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.05);\n    pointer-events: none;\n  }\n\n  .impact__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    text-align: center;\n    position: relative;\n  }\n\n  .impact__stat-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\n    font-weight: 700;\n    line-height: 1;\n    margin-bottom: 0.5rem;\n  }\n\n  .impact__stat-divider {\n    width: 28px;\n    height: 2px;\n    background: rgba(255,255,255,0.3);\n    margin: 0.8rem auto;\n  }\n\n  .impact__stat-label {\n    font-size: 0.76rem;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    opacity: 0.85;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HOW IT WORKS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .how {\n    padding: 6rem 0;\n    background: var(--cream);\n  }\n\n  .how__header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .how__header-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.8rem;\n  }\n\n  .how__header-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 1rem;\n  }\n\n  .how__header-desc {\n    font-size: 0.93rem;\n    color: var(--gray-500);\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .how__steps {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    position: relative;\n  }\n\n  .how__steps::before {\n    content: '';\n    position: absolute;\n    top: 32px;\n    left: 12.5%;\n    right: 12.5%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--primary-light), var(--primary), var(--primary-light));\n    opacity: 0.25;\n    z-index: 0;\n  }\n\n  .how__step {\n    text-align: center;\n    position: relative;\n    z-index: 1;\n  }\n\n  .how__step-circle {\n    width: 64px;\n    height: 64px;\n    border-radius: 50%;\n    background: var(--white);\n    border: 2px solid var(--primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 1.2rem;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--primary-dark);\n    transition: all 0.3s;\n  }\n\n  .how__step:hover .how__step-circle {\n    background: var(--primary);\n    color: var(--white);\n    transform: scale(1.08);\n  }\n\n  .how__step-title {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--charcoal);\n    margin-bottom: 0.4rem;\n  }\n\n  .how__step-text {\n    font-size: 0.8rem;\n    color: var(--gray-500);\n    line-height: 1.65;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STORIES\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .stories {\n    padding: 7rem 0;\n    background: var(--white);\n  }\n\n  .stories__header {\n    text-align: center;\n    margin-bottom: 4rem;\n  }\n\n  .stories__header-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.8rem;\n  }\n\n  .stories__header-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 1rem;\n  }\n\n  .stories__header-desc {\n    font-size: 0.93rem;\n    color: var(--gray-500);\n    max-width: 520px;\n    margin: 0 auto;\n  }\n\n  .story {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    margin-bottom: 2.5rem;\n    border-radius: 12px;\n    overflow: hidden;\n    background: var(--off-white);\n    box-shadow: 0 4px 25px rgba(0,0,0,0.04);\n    transition: box-shadow 0.4s ease;\n  }\n\n  .story:hover { box-shadow: 0 12px 45px rgba(0,0,0,0.08); }\n\n  .story:nth-child(even) { direction: rtl; }\n  .story:nth-child(even) > * { direction: ltr; }\n\n  .story__image-wrap {\n    position: relative;\n    min-height: 400px;\n    overflow: hidden;\n  }\n\n  .story__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: saturate(0.8);\n    transition: all 0.5s ease;\n    position: absolute;\n    inset: 0;\n  }\n\n  .story:hover .story__image { filter: saturate(1); transform: scale(1.03); }\n\n  .story__image-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(26,26,26,0.3), transparent 50%);\n    z-index: 1;\n  }\n\n  .story__content {\n    padding: 3rem 2.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .story__location {\n    font-size: 0.66rem;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 0.6rem;\n  }\n\n  .story__name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.8rem;\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 0.2rem;\n  }\n\n  .story__craft {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: var(--gray-500);\n    margin-bottom: 1.2rem;\n    font-style: italic;\n  }\n\n  .story__text {\n    font-size: 0.88rem;\n    color: var(--gray-700);\n    line-height: 1.85;\n    margin-bottom: 1.5rem;\n  }\n\n  .story__results {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n  }\n\n  .story__tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    background: var(--primary-subtle);\n    border-radius: 100px;\n    padding: 0.4rem 0.9rem;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--primary-dark);\n  }\n\n  .story__tag svg { width: 12px; height: 12px; flex-shrink: 0; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     COMMITMENT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .commitment {\n    padding: 7rem 0;\n    background: var(--charcoal);\n    color: var(--white);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .commitment__deco {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(213, 150, 181, 0.05);\n    pointer-events: none;\n  }\n\n  .commitment__deco--1 { top: -180px; right: -180px; width: 500px; height: 500px; }\n  .commitment__deco--2 { bottom: -120px; left: -120px; width: 350px; height: 350px; }\n\n  .commitment__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n    position: relative;\n  }\n\n  .commitment__label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: var(--primary);\n    margin-bottom: 1.2rem;\n  }\n\n  .commitment__title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n    font-weight: 600;\n    line-height: 1.2;\n    margin-bottom: 1.8rem;\n  }\n\n  .commitment__text {\n    font-size: 0.92rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.6);\n    line-height: 1.9;\n    margin-bottom: 1.3rem;\n  }\n\n  .commitment__quote {\n    border-left: 3px solid var(--primary);\n    padding: 1.2rem 0 1.2rem 1.8rem;\n    margin: 2rem 0;\n  }\n\n  .commitment__quote-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.35rem;\n    font-style: italic;\n    color: var(--primary-light);\n    line-height: 1.5;\n  }\n\n  .commitment__image {\n    width: 100%;\n    height: 450px;\n    object-fit: cover;\n    border-radius: 8px;\n    filter: saturate(0.7);\n    background: linear-gradient(135deg, var(--charcoal-light), var(--dark));\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CTA\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .cta {\n    padding: 6rem 0;\n    background: var(--white);\n    text-align: center;\n    position: relative;\n  }\n\n  .cta::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--gray-300), transparent);\n  }\n\n  .cta__title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 4vw, 2.8rem);\n    font-weight: 600;\n    color: var(--dark);\n    margin-bottom: 1rem;\n  }\n\n  .cta__desc {\n    font-size: 0.93rem;\n    color: var(--gray-500);\n    max-width: 480px;\n    margin: 0 auto 2.5rem;\n    line-height: 1.8;\n  }\n\n  .cta__buttons {\n    display: flex;\n    gap: 1rem;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .btn {\n    font-family: 'Raleway', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 1rem 2.2rem;\n    border-radius: 4px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    border: none;\n  }\n\n  .btn--primary { background: var(--primary); color: var(--white); }\n  .btn--primary:hover {\n    background: var(--primary-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(213, 150, 181, 0.3);\n  }\n\n  .btn--outline { background: transparent; color: var(--charcoal); border: 1.5px solid var(--gray-300); }\n  .btn--outline:hover { border-color: var(--primary); color: var(--primary-dark); transform: translateY(-2px); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     FOOTER\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .footer {\n    background: var(--dark);\n    padding: 3.5rem 0;\n    text-align: center;\n  }\n\n  .footer__logo {\n    font-family: 'Raleway', sans-serif;\n    font-size: 0.9rem;\n    font-weight: 700;\n    letter-spacing: 0.35em;\n    color: var(--white);\n    text-transform: uppercase;\n    margin-bottom: 0.3rem;\n  }\n\n  .footer__tagline {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1rem;\n    font-style: italic;\n    color: rgba(255,255,255,0.3);\n    margin-bottom: 1.5rem;\n  }\n\n  .footer__divider {\n    width: 40px;\n    height: 1px;\n    background: var(--primary);\n    margin: 0 auto 1.5rem;\n    opacity: 0.4;\n  }\n\n  .footer__links {\n    display: flex;\n    justify-content: center;\n    gap: 2rem;\n    margin-bottom: 1.5rem;\n  }\n\n  .footer__link {\n    font-size: 0.72rem;\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.35);\n    text-decoration: none;\n    transition: color 0.3s;\n  }\n\n  .footer__link:hover { color: var(--primary-light); }\n\n  .footer__copy {\n    font-size: 0.68rem;\n    color: rgba(255,255,255,0.2);\n    letter-spacing: 0.04em;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     ANIMATIONS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(1.6); }\n  }\n  @keyframes scrollPulse {\n    0%, 100% { opacity: 0.3; }\n    50% { opacity: 1; }\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 1024px) {\n    .pillars__grid { grid-template-columns: repeat(3, 1fr); }\n    .how__steps { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }\n    .how__steps::before { display: none; }\n  }\n\n  @media (max-width: 768px) {\n    .about__grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .about__image { height: 350px; }\n    .mvv__grid { grid-template-columns: 1fr; }\n    .values__list { grid-template-columns: 1fr; }\n    .pillars__grid { grid-template-columns: repeat(2, 1fr); }\n    .impact__grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }\n    .story { grid-template-columns: 1fr; }\n    .story:nth-child(even) { direction: ltr; }\n    .story__image-wrap { min-height: 280px; }\n    .story__content { padding: 2rem 1.5rem; }\n    .commitment__grid { grid-template-columns: 1fr; gap: 2.5rem; }\n    .commitment__image { height: 300px; }\n    .hero__content { padding: 4rem 1.5rem; }\n    .how__steps { grid-template-columns: 1fr 1fr; }\n  }\n\n  @media (max-width: 480px) {\n    .pillars__grid { grid-template-columns: 1fr; }\n    .impact__grid { grid-template-columns: 1fr; gap: 2rem; }\n    .how__steps { grid-template-columns: 1fr; }\n    .hero__actions { flex-direction: column; }\n    .hero__cta { text-align: center; justify-content: center; }\n    .footer__links { flex-direction: column; gap: 0.8rem; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"hero\">\n  <div class=\"hero__bg-fallback\"><\/div>\n  <div class=\"hero__bg\"><\/div>\n  <div class=\"hero__overlay\"><\/div>\n  <div class=\"hero__texture\"><\/div>\n  <div class=\"hero__content container\">\n    <div class=\"hero__badge\">FOWES Global Initiative<\/div>\n    <h1 class=\"hero__title\">The Artisan<br>Welfare <span>Collective<\/span><\/h1>\n    <p class=\"hero__desc\">\n      A dedicated global fund securing the welfare, wellbeing, and sustained growth of artisan communities worldwide. Because the hands that craft our world deserve to be held up by it.\n    <\/p>\n    <div class=\"hero__actions\">\n      <a href=\"#about\" class=\"hero__cta\">\n        Discover the Collective\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a href=\"#stories\" class=\"hero__cta hero__cta--outline\">Read Artisan Stories<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero__scroll\">\n    <span>Scroll<\/span>\n    <div class=\"hero__scroll-line\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 REFRAME STATEMENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"reframe\">\n  <div class=\"container fade-in\">\n    <p class=\"reframe__text\">\n      The world calls them cottage industries - small, informal, easy to overlook.<br>\n      <strong>We call them the backbone of cultural economies.<\/strong><br>\n      The Artisan Welfare Collective exists to ensure they are <em>treated as such.<\/em>\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ABOUT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"about\" id=\"about\">\n  <div class=\"container\">\n    <div class=\"about__grid\">\n      <div class=\"about__image-wrap fade-in\">\n        <div class=\"about__image-accent\"><\/div>\n        <img decoding=\"async\" class=\"about__image\" src=\"https:\/\/images.unsplash.com\/photo-1513364776144-60967b0f800f?w=800&q=80\" alt=\"Artisan hands carefully crafting\">\n        <div class=\"about__image-dot\"><\/div>\n      <\/div>\n      <div class=\"fade-in\">\n        <p class=\"about__label\">About the Collective<\/p>\n        <h2 class=\"about__heading\">Commerce With Conscience<br>at Its Core<\/h2>\n        <p class=\"about__text\">\n          The Artisan Welfare Collective is not a charity bolted onto a business plan. It is the business plan. Operated through FOWES, the Collective is a dedicated fund designed to secure the long-term welfare, protection, and growth of artisan communities across the globe.\n        <\/p>\n        <p class=\"about__text\">\n          Every product that enters the global market through FOWES carries within it a commitment - that the artisans who gave it life are supported not just at the point of transaction, but across the full arc of their livelihoods: their health, their families, their futures.\n        <\/p>\n        <div class=\"about__highlight\">\n          \"We don't layer philanthropy onto business. We build business around the welfare of the people who make it possible.\"\n        <\/div>\n        <p class=\"about__text\">\n          Partner brands don't donate to the Collective - they join it. A structured percentage of global revenue flows into the fund as an operating commitment, not a discretionary gesture. This is welfare by design, not by goodwill.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 MISSION \/ VISION \/ PURPOSE \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"mvv\">\n  <div class=\"container\">\n    <div class=\"mvv__header fade-in\">\n      <p class=\"mvv__header-label\">Why We Exist<\/p>\n      <h2 class=\"mvv__header-title\">Mission, Vision &amp; Purpose<\/h2>\n    <\/div>\n    <div class=\"mvv__grid\">\n      <div class=\"mvv__card fade-in\">\n        <div class=\"mvv__card-num serif\">01<\/div>\n        <h3 class=\"mvv__card-title\">Our Mission<\/h3>\n        <p class=\"mvv__card-text\">\n          To build a globally funded, locally delivered welfare infrastructure that protects artisan communities from vulnerability - ensuring access to healthcare, education, financial security, and dignified working conditions regardless of geography or market conditions.\n        <\/p>\n        <div class=\"mvv__card-line\"><\/div>\n      <\/div>\n      <div class=\"mvv__card fade-in\">\n        <div class=\"mvv__card-num serif\">02<\/div>\n        <h3 class=\"mvv__card-title\">Our Vision<\/h3>\n        <p class=\"mvv__card-text\">\n          A world where no artisan is left behind by the commerce they fuel. Where the growth of a global brand translates directly into the growth of the communities that sustain it. Where artisan welfare and commercial success are structurally and permanently inseparable.\n        <\/p>\n        <div class=\"mvv__card-line\"><\/div>\n      <\/div>\n      <div class=\"mvv__card fade-in\">\n        <div class=\"mvv__card-num serif\">03<\/div>\n        <h3 class=\"mvv__card-title\">Our Purpose<\/h3>\n        <p class=\"mvv__card-text\">\n          To redefine what ethical commerce means - not as a marketing badge, but as a financial architecture. The Collective exists to ensure that every dollar of commercial growth carries within it a measurable, traceable investment in human dignity and artisan futures.\n        <\/p>\n        <div class=\"mvv__card-line\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 VALUES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"values\">\n  <div class=\"values__bg-text\">VALUES<\/div>\n  <div class=\"container\">\n    <div class=\"values__header fade-in\">\n      <p class=\"values__header-label\">What We Stand For<\/p>\n      <h2 class=\"values__header-title\">Our Core Values<\/h2>\n    <\/div>\n    <div class=\"values__list\">\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">01<\/span>\n        <div>\n          <p class=\"values__item-title\">Artisan Dignity First<\/p>\n          <p class=\"values__item-text\">Every decision, partnership, and investment is measured against one question: does this protect and elevate the artisan? If the answer is not an unequivocal yes, we do not move forward.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">02<\/span>\n        <div>\n          <p class=\"values__item-title\">Structural Equity<\/p>\n          <p class=\"values__item-text\">Welfare is not a donation - it is woven into the financial structure itself. Contributions to the Collective are embedded in revenue, not dependent on goodwill or discretionary spending.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">03<\/span>\n        <div>\n          <p class=\"values__item-title\">Radical Transparency<\/p>\n          <p class=\"values__item-text\">Every fund allocation, every impact metric, every community outcome is documented, measured, and shared openly. Trust is built through visibility, not promises.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">04<\/span>\n        <div>\n          <p class=\"values__item-title\">Generational Thinking<\/p>\n          <p class=\"values__item-text\">We do not build for quarters - we build for generations. The Collective is designed to outlive any single partnership, creating permanent infrastructure for artisan welfare that endures.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">05<\/span>\n        <div>\n          <p class=\"values__item-title\">Cultural Preservation<\/p>\n          <p class=\"values__item-text\">Artisan craft is living heritage. The Collective ensures that economic growth amplifies - never erases - the cultural traditions, indigenous knowledge, and ancestral techniques that make each craft irreplaceable.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"values__item fade-in\">\n        <span class=\"values__item-num\">06<\/span>\n        <div>\n          <p class=\"values__item-title\">Collective Ownership<\/p>\n          <p class=\"values__item-text\">This is not a top-down initiative. Artisan communities have a voice in how funds are allocated, what programs are prioritised, and how success is defined. The people closest to the work guide the work.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PILLARS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"pillars\">\n  <div class=\"container\">\n    <div class=\"pillars__header fade-in\">\n      <p class=\"pillars__header-label\">Where Funds Go<\/p>\n      <h2 class=\"pillars__header-title\">Five Pillars of Support<\/h2>\n      <p class=\"pillars__header-desc\">Every contribution to the Collective is directed toward five interconnected areas of artisan welfare and community development.<\/p>\n    <\/div>\n    <div class=\"pillars__grid\">\n      <div class=\"pillar fade-in\">\n        <div class=\"pillar__icon\">\ud83e\ude7a<\/div>\n        <h3 class=\"pillar__title\">Healthcare<\/h3>\n        <p class=\"pillar__desc\">Medical access, preventive care, and wellness programs for artisans and their families.<\/p>\n      <\/div>\n      <div class=\"pillar fade-in\">\n        <div class=\"pillar__icon\">\ud83d\udcda<\/div>\n        <h3 class=\"pillar__title\">Education<\/h3>\n        <p class=\"pillar__desc\">Scholarships, literacy programs, and learning pathways for artisan children and communities.<\/p>\n      <\/div>\n      <div class=\"pillar fade-in\">\n        <div class=\"pillar__icon\">\ud83d\udee0\ufe0f<\/div>\n        <h3 class=\"pillar__title\">Skill Development<\/h3>\n        <p class=\"pillar__desc\">Advanced training, craft mastery, and design innovation workshops that honour tradition.<\/p>\n      <\/div>\n      <div class=\"pillar fade-in\">\n        <div class=\"pillar__icon\">\ud83c\udfe6<\/div>\n        <h3 class=\"pillar__title\">Financial Resilience<\/h3>\n        <p class=\"pillar__desc\">Savings programs, micro-finance access, and economic stability structures for long-term security.<\/p>\n      <\/div>\n      <div class=\"pillar fade-in\">\n        <div class=\"pillar__icon\">\ud83e\udd1d<\/div>\n        <h3 class=\"pillar__title\">Community Infrastructure<\/h3>\n        <p class=\"pillar__desc\">Cooperative workspaces, local networks, and support systems that sustain artisan ecosystems.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 IMPACT STATS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"impact\">\n  <div class=\"container\">\n    <div class=\"impact__grid\">\n      <div class=\"fade-in\">\n        <div class=\"impact__stat-num\">8<\/div>\n        <div class=\"impact__stat-divider\"><\/div>\n        <div class=\"impact__stat-label\">Countries Reached<\/div>\n      <\/div>\n      <div class=\"fade-in\">\n        <div class=\"impact__stat-num\">1475<\/div>\n        <div class=\"impact__stat-divider\"><\/div>\n        <div class=\"impact__stat-label\">Artisans Supported<\/div>\n      <\/div>\n      <div class=\"fade-in\">\n        <div class=\"impact__stat-num\">92%<\/div>\n        <div class=\"impact__stat-divider\"><\/div>\n        <div class=\"impact__stat-label\">Women Artisans<\/div>\n      <\/div>\n      <div class=\"fade-in\">\n        <div class=\"impact__stat-num\">570+<\/div>\n        <div class=\"impact__stat-divider\"><\/div>\n        <div class=\"impact__stat-label\">Families Impacted<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 HOW IT WORKS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"how\">\n  <div class=\"container\">\n    <div class=\"how__header fade-in\">\n      <p class=\"how__header-label\">The Model<\/p>\n      <h2 class=\"how__header-title\">How the Collective Works<\/h2>\n      <p class=\"how__header-desc\">Not charity. Not CSR window-dressing. A structural commitment where commercial growth and artisan welfare move on the same axis.<\/p>\n    <\/div>\n    <div class=\"how__steps\">\n      <div class=\"how__step fade-in\">\n        <div class=\"how__step-circle\">01<\/div>\n        <h3 class=\"how__step-title\">Partners Join<\/h3>\n        <p class=\"how__step-text\">Brands and organisations become active members of the Collective - not donors, but participants with structured commitments.<\/p>\n      <\/div>\n      <div class=\"how__step fade-in\">\n        <div class=\"how__step-circle\">02<\/div>\n        <h3 class=\"how__step-title\">Revenue Flows<\/h3>\n        <p class=\"how__step-text\">A percentage of global revenues is structurally committed to the fund \u2014 baked into the operating model, not left to discretion.<\/p>\n      <\/div>\n      <div class=\"how__step fade-in\">\n        <div class=\"how__step-circle\">03<\/div>\n        <h3 class=\"how__step-title\">Funds Are Deployed<\/h3>\n        <p class=\"how__step-text\">Pooled contributions are allocated across the five pillars - healthcare, education, skills, financial resilience, and community infrastructure.<\/p>\n      <\/div>\n      <div class=\"how__step fade-in\">\n        <div class=\"how__step-circle\">04<\/div>\n        <h3 class=\"how__step-title\">Impact Is Measured<\/h3>\n        <p class=\"how__step-text\">Verified impact data flows back to partners for transparent CSR reporting, brand storytelling, and accountability to artisan communities.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 STORIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"stories\" id=\"stories\">\n  <div class=\"container\">\n    <div class=\"stories__header fade-in\">\n      <p class=\"stories__header-label\">Real Impact<\/p>\n      <h2 class=\"stories__header-title\">Artisan Stories<\/h2>\n      <p class=\"stories__header-desc\">Behind every craft is a life being transformed. These are the stories of artisans whose futures are being reshaped through the Collective.<\/p>\n    <\/div>\n\n    <!-- Story 1 -->\n    <div class=\"story fade-in\">\n      <div class=\"story__image-wrap\">\n        <img decoding=\"async\" class=\"story__image\" src=\"https:\/\/fowes.org\/wp-content\/uploads\/2026\/05\/Brown-Mystery-Novel-Book-Cover-4.png\" alt=\"Pottery artisan at work\">\n        <div class=\"story__image-overlay\"><\/div>\n      <\/div>\n      <div class=\"story__content\">\n        <p class=\"story__location\">Rajasthan, India<\/p>\n        <h3 class=\"story__name\">Meera Devi<\/h3>\n        <p class=\"story__craft\">Blue Pottery &amp; Ceramic Artist \u2014 22 Years of Craft<\/p>\n        <p class=\"story__text\">\n          For two decades, Meera created exquisite blue pottery from a small workshop in Jaipur, earning barely enough to cover materials. Through the Collective's financial resilience programme, she accessed micro-finance to expand her workspace, enrol her two daughters in school, and secure health coverage for her entire family. Today, her pieces reach international buyers, and she mentors six young artisans carrying the tradition forward.\n        <\/p>\n        <div class=\"story__results\">\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            Income increased 4x\n          <\/span>\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            Family healthcare secured\n          <\/span>\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            6 apprentices trained\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Story 2 -->\n    <div class=\"story fade-in\">\n      <div class=\"story__image-wrap\">\n        <img decoding=\"async\" class=\"story__image\" src=\"https:\/\/fowes.org\/wp-content\/uploads\/2026\/05\/Brown-Mystery-Novel-Book-Cover-3.png\" alt=\"Textile weaving artisan\">\n        <div class=\"story__image-overlay\"><\/div>\n      <\/div>\n      <div class=\"story__content\">\n        <p class=\"story__location\">Oaxaca, Mexico<\/p>\n        <h3 class=\"story__name\">Ana Luc\u00eda Mendoza<\/h3>\n        <p class=\"story__craft\">Traditional Zapotec Weaver \u2014 Third Generation<\/p>\n        <p class=\"story__text\">\n          Ana Luc\u00eda inherited the loom from her grandmother but watched younger generations leave the craft for factory work. The Collective's skill development programme brought design innovation workshops to her cooperative, bridging ancestral Zapotec techniques with contemporary global demand. The education fund supported bilingual schooling for her children, keeping their indigenous language alive alongside new opportunity.\n        <\/p>\n        <div class=\"story__results\">\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            Cooperative membership doubled\n          <\/span>\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            3 children in bilingual school\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Story 3 -->\n    <div class=\"story fade-in\">\n      <div class=\"story__image-wrap\">\n        <img decoding=\"async\" class=\"story__image\" src=\"https:\/\/fowes.org\/wp-content\/uploads\/2026\/05\/Brown-Mystery-Novel-Book-Cover-2.png\" alt=\"Community artisan crafting\">\n        <div class=\"story__image-overlay\"><\/div>\n      <\/div>\n      <div class=\"story__content\">\n        <p class=\"story__location\">Sabah, Malaysia<\/p>\n        <h3 class=\"story__name\">Roslinah Binti Ahmad<\/h3>\n        <p class=\"story__craft\">Rattan &amp; Bamboo Weaver \u2014 Community Leader<\/p>\n        <p class=\"story__text\">\n          Roslinah's village had been weaving rattan baskets for generations, but declining demand and exploitative middlemen left the community in economic fragility. Through the Collective's community infrastructure pillar, a cooperative workspace was established, eliminating intermediaries and connecting weavers directly to global buyers. The healthcare programme now covers twenty-three families in her village.\n        <\/p>\n        <div class=\"story__results\">\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            23 families covered\n          <\/span>\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            Direct market access\n          <\/span>\n          <span class=\"story__tag\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><path d=\"M22 4 12 14.01l-3-3\"\/><\/svg>\n            Village cooperative formed\n          <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 COMMITMENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"commitment\">\n  <div class=\"commitment__deco commitment__deco--1\"><\/div>\n  <div class=\"commitment__deco commitment__deco--2\"><\/div>\n  <div class=\"container\">\n    <div class=\"commitment__grid\">\n      <div class=\"fade-in\">\n        <p class=\"commitment__label\">The Deeper Commitment<\/p>\n        <h2 class=\"commitment__title\">Commercial Success &amp; Artisan Welfare - Structurally Inseparable<\/h2>\n        <p class=\"commitment__text\">\n          Through FOWES, every partnership within the Collective operates on one non-negotiable principle: as the brand grows commercially, the artisan communities at its foundation grow with it. This is not a pledge. It is architecture.\n        <\/p>\n        <p class=\"commitment__text\">\n          A portion of all global revenues flows directly into the Artisan Welfare Collective. Contributions are structured, tracked, and reported - not discretionary, not seasonal, not conditional on surplus. Growth and welfare move on the same axis, always.\n        <\/p>\n        <div class=\"commitment__quote\">\n          <p class=\"commitment__quote-text\">\n            This isn't philanthropy layered on top of business - it's the business model itself: commercial success and artisan welfare as inseparable outcomes.\n          <\/p>\n        <\/div>\n        <p class=\"commitment__text\">\n          Every artisan protected, every family supported, every child educated - these are not externalities. They are the measure of our success. The only measure that matters.\n        <\/p>\n      <\/div>\n      <div class=\"fade-in\">\n        <img decoding=\"async\" class=\"commitment__image\" src=\"https:\/\/fowes.org\/wp-content\/uploads\/2026\/05\/Brown-Mystery-Novel-Book-Cover.png\" alt=\"Artisan community working together\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta\">\n  <div class=\"container fade-in\">\n    <h2 class=\"cta__title\">Join the Collective<\/h2>\n    <p class=\"cta__desc\">\n      Whether you are a brand, a partner, or an advocate - there is a place for you in building a future where artisans thrive and craft endures.\n    <\/p>\n    <div class=\"cta__buttons\">\n      <a href=\"#\" class=\"btn btn--primary\">Partner With Us<\/a>\n      <a href=\"#\" class=\"btn btn--outline\">Download the Framework<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<footer class=\"footer\">\n  <p class=\"footer__logo\">FOWES<\/p>\n  <p class=\"footer__tagline\">The Artisan Welfare Collective<\/p>\n  <div class=\"footer__divider\"><\/div>\n  <div class=\"footer__links\">\n    <a href=\"#about\" class=\"footer__link\">About<\/a>\n    <a href=\"#stories\" class=\"footer__link\">Stories<\/a>\n    <a href=\"#\" class=\"footer__link\">Partners<\/a>\n    <a href=\"#\" class=\"footer__link\">Contact<\/a>\n  <\/div>\n  <p class=\"footer__copy\">&copy; 2026 FOWES Global. All rights reserved. Securing artisan futures worldwide.<\/p>\n<\/footer>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL ANIMATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -50px 0px' });\n\n    document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n  });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FOWES \u2014 The Artisan Welfare Collective FOWES Global Initiative The ArtisanWelfare Collective A dedicated global fund securing the welfare, wellbeing,<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-18817","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/pages\/18817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/comments?post=18817"}],"version-history":[{"count":0,"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/pages\/18817\/revisions"}],"wp:attachment":[{"href":"https:\/\/fowes.org\/index.php\/wp-json\/wp\/v2\/media?parent=18817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}