/* =========================================================
   EMOTIVE — OUR CAUSE
   ========================================================= */

body.page-slug-our-cause,
body.page-id-0 {
    background:#F2EBDD;
}

body .emotive-cause-page {
    background:#F2EBDD;
    color:#563729;
}

.emotive-cause-shell {
    width:min(100% - 80px, 1360px);
    margin:0 auto;
}

.emotive-cause-hero {
    padding:86px 0 92px;
    background:#F2EBDD;
}

.emotive-cause-kicker {
    margin:0 0 34px;
    font-family:Inter, Arial, sans-serif;
    font-size:15px;
    font-weight:500;
    letter-spacing:.03em;
    text-transform:uppercase;
    color:#AE7D60;
    -webkit-text-fill-color:#AE7D60;
}

.emotive-cause-hero h1 {
    margin:0 0 50px;
    max-width:760px;

    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:clamp(64px, 6vw, 94px);
    font-weight:500;
    line-height:.96;

    color:#57382A;
    -webkit-text-fill-color:#57382A;
}

.emotive-cause-lead {
    max-width:1180px;
}

.emotive-cause-page p {
    font-family:Inter, Arial, sans-serif;
    font-size:20px;
    line-height:1.52;

    color:#5A3D30;
    -webkit-text-fill-color:#5A3D30;
}

.emotive-cause-page p + p {
    margin-top:25px;
}


/* ---------------------------------------------------------
   TWO COLUMN FEATURE
   --------------------------------------------------------- */

.emotive-cause-feature {
    padding:64px 0 72px;
    background:#E9DECB;
}

.emotive-cause-two-col {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:110px;
}

.emotive-cause-page h2 {
    margin:0 0 30px;

    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:42px;
    font-weight:500;
    line-height:1.08;

    color:#57382A;
    -webkit-text-fill-color:#57382A;
}

.emotive-cause-feature p {
    font-size:19px;
}


/* ---------------------------------------------------------
   SHARING
   --------------------------------------------------------- */

.emotive-cause-sharing {
    padding:76px 0 0;
    background:#F2EBDD;
}

.emotive-cause-sharing .emotive-cause-shell {
    padding-bottom:54px;
    border-bottom:1px solid rgba(87,56,42,.20);
}

.emotive-cause-sharing > .emotive-cause-shell > p {
    max-width:1210px;
}

.emotive-cause-updates {
    margin-top:46px;
    padding:30px 0 40px;

    border-top:1px solid rgba(87,56,42,.20);
}

.emotive-cause-updates h3 {
    margin:0 0 18px;

    font-family:"Cormorant Garamond", Georgia, serif;
    font-size:31px;
    font-weight:500;

    color:#57382A;
    -webkit-text-fill-color:#57382A;
}

.emotive-cause-updates p {
    color:#B18164;
    -webkit-text-fill-color:#B18164;
}


/* ---------------------------------------------------------
   PURPOSE
   --------------------------------------------------------- */

.emotive-cause-purpose {
    padding:74px 0 96px;
    background:#F2EBDD;
}

.emotive-cause-purpose p {
    max-width:1190px;
}

.emotive-cause-signoff {
    margin-top:50px !important;

    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:33px !important;
    line-height:1.2 !important;

    color:#57382A !important;
    -webkit-text-fill-color:#57382A !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width:1000px) {

    .emotive-cause-shell {
        width:min(100% - 48px, 900px);
    }

    .emotive-cause-two-col {
        gap:60px;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:700px) {

    .emotive-cause-shell {
        width:calc(100% - 40px);
    }

    .emotive-cause-hero {
        padding:58px 0 64px;
    }

    .emotive-cause-kicker {
        margin-bottom:24px;
        font-size:13px;
    }

    .emotive-cause-hero h1 {
        margin-bottom:34px;
        font-size:clamp(52px, 15vw, 70px);
    }

    .emotive-cause-page p {
        font-size:17px;
        line-height:1.55;
    }

    .emotive-cause-feature {
        padding:54px 0;
    }

    .emotive-cause-two-col {
        grid-template-columns:1fr;
        gap:52px;
    }

    .emotive-cause-page h2 {
        font-size:37px;
    }

    .emotive-cause-feature p {
        font-size:17px;
    }

    .emotive-cause-sharing {
        padding-top:58px;
    }

    .emotive-cause-purpose {
        padding:58px 0 72px;
    }

}

/* =========================================================
   OUR CAUSE — REMOVE DEFAULT WORDPRESS PAGE TITLE
   ========================================================= */

body.page .wp-block-post-title,
body.page .entry-title,
body.page .page-title {
    display:none !important;
}


/* =========================================================
   OUR CAUSE — REMOVE EMPTY DEFAULT PAGE-TITLE SPACE
   Keeps the normal EMOTIVE site header intact.
   ========================================================= */

/* Default WordPress page title */
body .wp-block-post-title,
body .entry-title,
body .page-title {
    display:none !important;
}

/*
 * The title is hidden, so remove the layout space that
 * the default page template leaves around it.
 */
body main,
body main.wp-block-group,
body .wp-site-blocks > main {
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Post-content container must begin immediately */
body .wp-block-post-content {
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Remove block-gap added before our custom content */
body .wp-block-post-content > .emotive-cause-page:first-child,
body .emotive-cause-page {
    margin-top:0 !important;
}

/*
 * Controlled breathing room below the normal site header.
 * This replaces the very large empty area.
 */
.emotive-cause-hero {
    padding-top:56px !important;
}


/* Mobile */
@media (max-width:700px) {
    .emotive-cause-hero {
        padding-top:38px !important;
    }
}


/* =========================================================
   OUR CAUSE — REFERENCE PROPORTIONS
   Matches supplied compact editorial reference
   ========================================================= */

.emotive-cause-page {
    width:100% !important;
}


/* ---------- GLOBAL CONTENT WIDTH ---------- */

.emotive-cause-shell {
    width:min(calc(100% - 64px), 1120px) !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* ---------- OPENING HERO ---------- */

.emotive-cause-hero {
    padding:38px 0 56px !important;
}

.emotive-cause-kicker {
    margin:0 0 22px !important;

    font-family:Inter, Arial, sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:.025em !important;

    text-transform:uppercase !important;
}

.emotive-cause-hero h1 {
    max-width:520px !important;

    margin:0 0 30px !important;

    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:50px !important;
    font-weight:500 !important;
    line-height:.98 !important;
    letter-spacing:0 !important;
}

.emotive-cause-lead {
    max-width:930px !important;
}

.emotive-cause-page p {
    margin-top:0 !important;

    font-family:Inter, Arial, sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.48 !important;
}

.emotive-cause-page p + p {
    margin-top:20px !important;
}


/* ---------- TWO COLUMN SECTION ---------- */

.emotive-cause-feature {
    padding:42px 0 44px !important;
}

.emotive-cause-two-col {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;

    gap:76px !important;
}

.emotive-cause-page h2 {
    margin:0 0 22px !important;

    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.12 !important;
}

.emotive-cause-feature p {
    font-size:15.5px !important;
    line-height:1.48 !important;
}


/* ---------- SHARING SECTION ---------- */

.emotive-cause-sharing {
    padding:46px 0 0 !important;
}

.emotive-cause-sharing .emotive-cause-shell {
    padding-bottom:34px !important;
}

.emotive-cause-sharing > .emotive-cause-shell > p {
    max-width:1050px !important;
}

.emotive-cause-updates {
    margin-top:32px !important;
    padding:22px 0 28px !important;
}

.emotive-cause-updates h3 {
    margin:0 0 12px !important;

    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:22px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
}

.emotive-cause-updates p {
    margin:0 !important;

    font-size:15px !important;
}


/* ---------- FINAL PURPOSE SECTION ---------- */

.emotive-cause-purpose {
    padding:44px 0 54px !important;
}

.emotive-cause-purpose p {
    max-width:1040px !important;
}

.emotive-cause-signoff {
    margin-top:30px !important;

    font-family:"Cormorant Garamond", Georgia, serif !important;
    font-size:23px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:700px) {

    .emotive-cause-shell {
        width:calc(100% - 36px) !important;
    }

    .emotive-cause-hero {
        padding:28px 0 40px !important;
    }

    .emotive-cause-kicker {
        margin-bottom:18px !important;
        font-size:10px !important;
    }

    .emotive-cause-hero h1 {
        max-width:360px !important;

        margin-bottom:24px !important;

        font-size:42px !important;
        line-height:.98 !important;
    }

    .emotive-cause-page p {
        font-size:15px !important;
        line-height:1.48 !important;
    }

    .emotive-cause-feature {
        padding:34px 0 36px !important;
    }

    .emotive-cause-two-col {
        grid-template-columns:1fr !important;
        gap:36px !important;
    }

    .emotive-cause-page h2 {
        margin-bottom:18px !important;
        font-size:27px !important;
    }

    .emotive-cause-feature p {
        font-size:15px !important;
    }

    .emotive-cause-sharing {
        padding-top:36px !important;
    }

    .emotive-cause-updates {
        margin-top:26px !important;
        padding:18px 0 24px !important;
    }

    .emotive-cause-purpose {
        padding:36px 0 44px !important;
    }

    .emotive-cause-signoff {
        margin-top:26px !important;
        font-size:21px !important;
    }
}


/* =========================================================
   OUR CAUSE — WIDEN OPENING BODY COPY
   ========================================================= */


/* =========================================================
   OUR CAUSE — FINAL AUTHORITATIVE OPENING LAYOUT
   ========================================================= */

.emotive-cause-hero {
    width:100% !important;
}

.emotive-cause-hero .emotive-cause-shell {
    width:calc(100% - 96px) !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Heading stays intentionally compact */
.emotive-cause-hero h1 {
    width:auto !important;
    max-width:520px !important;
}

/*
 * Opening copy uses the full available content width.
 * No artificial 930 / 1080px cap.
 */
.emotive-cause-hero .emotive-cause-lead {
    display:block !important;
    width:100% !important;
    max-width:none !important;
}

.emotive-cause-hero .emotive-cause-lead p {
    display:block !important;
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
}

/* Mobile */
@media (max-width:700px) {

    .emotive-cause-hero .emotive-cause-shell {
        width:calc(100% - 36px) !important;
    }

}