/* MMMC-013B — controlled homepage template. Scoped to the assigned template only. */
body.mmmc-mff-homepage-page #masthead,
body.mmmc-mff-homepage-page .site-header,
body.mmmc-mff-homepage-page #colophon,
body.mmmc-mff-homepage-page .site-footer,
body.mmmc-mff-homepage-page .entry-header { display:none !important; }
body.mmmc-mff-homepage-page #content,
body.mmmc-mff-homepage-page .site-content,
body.mmmc-mff-homepage-page .ast-container,
body.mmmc-mff-homepage-page .content-area,
body.mmmc-mff-homepage-page .site-main { max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block !important; }
body.mmmc-mff-homepage-page { background:#0a0a0a; }
.mmmc-homepage-frame { --red:#c9142b; --red2:#e11d35; --gold:#d7a43b; --cream:#f3eee4; --ink:#111319; --navy:#152238; --black:#070809; color:#fff; background:var(--black); font-family:Arial,Helvetica,sans-serif; }
.mmmc-homepage-frame * { box-sizing:border-box; }
.mmmc-home-inner { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.mmmc-home-narrow { width:min(820px,calc(100% - 48px)); text-align:center; }
.mmmc-home-header { position:relative; z-index:10; background:#070809; border-bottom:1px solid rgba(255,255,255,.12); }
.mmmc-home-header-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.mmmc-home-brand { display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.mmmc-home-brand img { width:124px; height:auto; display:block; }
.mmmc-home-brand-words { display:grid; font-size:11px; line-height:1.03; letter-spacing:.06em; }
.mmmc-home-nav ul { display:flex; align-items:center; gap:28px; list-style:none; margin:0; padding:0; }
.mmmc-home-nav li { margin:0; padding:0; }
.mmmc-home-nav a { color:#fff; text-decoration:none; font-weight:700; font-size:14px; text-transform:uppercase; }
.mmmc-home-nav .mmmc-menu-join a { background:var(--red); padding:12px 18px; border-radius:4px; }
.mmmc-home-hero { min-height:650px; background:radial-gradient(circle at 78% 45%,rgba(180,25,38,.38),transparent 34%),linear-gradient(120deg,#050607 0%,#0a0a0a 58%,#160c0b 100%); overflow:hidden; }
.mmmc-home-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:64px; align-items:center; min-height:650px; padding:62px 0; }
.mmmc-home-eyebrow { margin:0 0 18px; color:#fff; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.mmmc-home-eyebrow-red { color:var(--red); }
.mmmc-home-hero h1 { margin:0; max-width:650px; font-size:clamp(48px,6.5vw,92px); line-height:.92; letter-spacing:-.04em; color:#fff; font-weight:900; }
.mmmc-home-hero h2 { margin:26px 0 16px; color:var(--gold); font-size:clamp(24px,3vw,38px); line-height:1; font-weight:900; }
.mmmc-home-lead { max-width:650px; font-size:20px; line-height:1.55; color:#ececec; }
.mmmc-home-actions { display:flex; gap:16px; flex-wrap:wrap; margin-top:30px; }
.mmmc-home-cta { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:14px 24px; border-radius:4px; text-decoration:none; font-weight:900; letter-spacing:.03em; }
.mmmc-home-cta-primary { background:var(--red); color:#fff; }
.mmmc-home-cta-secondary { color:#fff; border:1px solid var(--gold); }
.mmmc-home-art-wall { min-height:470px; position:relative; }
.mmmc-home-art-card { position:absolute; display:block; width:56%; max-width:300px; background:#111; border:1px solid rgba(255,255,255,.25); box-shadow:0 24px 50px rgba(0,0,0,.45); color:#fff; text-decoration:none; }
.mmmc-home-art-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.mmmc-home-art-card span { display:block; padding:10px 12px; font-weight:700; }
.mmmc-home-art-card-1 { left:4%; top:9%; transform:rotate(-5deg); z-index:1; }
.mmmc-home-art-card-2 { right:2%; top:24%; transform:rotate(4deg); z-index:3; }
.mmmc-home-art-card-3 { left:22%; bottom:0; transform:rotate(-1deg); z-index:2; }
.mmmc-home-light { background:var(--cream); color:var(--navy); }
.mmmc-home-positioning { padding:78px 0 82px; }
.mmmc-home-positioning h2 { margin:0 auto 24px; font-size:clamp(42px,5vw,72px); line-height:1; max-width:780px; }
.mmmc-home-positioning-lead { font-size:21px; line-height:1.55; }
.mmmc-home-positioning-lead strong { color:var(--red); }
.mmmc-home-release-section { padding:88px 0; background:#0b0c0d; }
.mmmc-home-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:end; margin-bottom:40px; }
.mmmc-home-section-heading h2,.mmmc-home-collective h2 { margin:0; font-size:clamp(40px,4.7vw,68px); line-height:1; }
.mmmc-home-section-heading>p { font-size:18px; line-height:1.6; color:#d7d7d7; }
.mmmc-home-release-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.mmmc-home-release-card { border:1px solid rgba(255,255,255,.28); background:#111315; }
.mmmc-home-release-art img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.mmmc-home-release-copy { padding:20px; }
.mmmc-home-release-copy h3 { margin:0 0 8px; font-size:22px; }
.mmmc-home-release-copy p { margin:7px 0; }
.mmmc-home-release-copy a { color:#fff; font-weight:800; }
.mmmc-home-gold { color:var(--gold); font-weight:700; }
.mmmc-home-dark { background:linear-gradient(130deg,#0c0d0e,#111 55%,#180d0d); }
.mmmc-home-collective { padding:90px 0; }
.mmmc-home-collective-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:72px; align-items:center; }
.mmmc-home-collective p { font-size:18px; line-height:1.6; color:#dedede; }
.mmmc-home-role-ring { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:center; justify-items:center; position:relative; padding:24px; }
.mmmc-home-role-centre { grid-column:2; grid-row:2; width:170px; height:170px; border:1px solid rgba(255,255,255,.38); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#111; }
.mmmc-home-role-centre strong { font-size:34px; }
.mmmc-home-role-centre span { color:var(--gold); font-weight:800; font-size:12px; }
.mmmc-home-role { display:flex; align-items:center; justify-content:center; min-height:68px; width:100%; border:1px solid rgba(215,164,59,.5); border-radius:999px; font-weight:800; font-size:12px; }
.mmmc-home-workflow { padding:84px 0; }
.mmmc-home-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.mmmc-home-steps article { text-align:center; padding:22px 14px; border-right:1px solid rgba(21,34,56,.2); }
.mmmc-home-steps article:last-child { border-right:0; }
.mmmc-home-step-number { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; background:var(--red); color:#fff; border-radius:50%; font-weight:900; }
.mmmc-home-steps h3 { margin:16px 0 8px; font-size:20px; }
.mmmc-home-membership { background:linear-gradient(110deg,#1d1710,#0b0b0b 46%,#260b10); padding:68px 0; }
.mmmc-home-membership-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.mmmc-home-membership h2 { margin:0 0 12px; font-size:46px; }
.mmmc-home-membership p { max-width:700px; color:#ddd; }
.mmmc-home-closing { padding:86px 0; text-align:center; background:radial-gradient(circle at 50% 120%,rgba(198,20,43,.35),transparent 45%),#070809; }
.mmmc-home-closing h2 { margin:0; font-size:clamp(38px,5vw,68px); }
.mmmc-home-closing p { font-size:18px; line-height:1.6; color:#ddd; }
.mmmc-home-closing>div>strong { color:var(--gold); font-size:22px; }
.mmmc-home-closing-brand { margin-top:36px; font-size:34px; font-weight:900; }
.mmmc-home-closing-brand span { display:block; margin-top:5px; font-size:11px; letter-spacing:.12em; }
@media(max-width:900px){.mmmc-home-header-inner{align-items:flex-start;padding:18px 0;flex-direction:column}.mmmc-home-nav{width:100%}.mmmc-home-nav ul{flex-wrap:wrap;gap:14px}.mmmc-home-hero-grid,.mmmc-home-section-heading,.mmmc-home-collective-grid{grid-template-columns:1fr}.mmmc-home-art-wall{min-height:390px}.mmmc-home-release-grid{grid-template-columns:repeat(2,1fr)}.mmmc-home-steps{grid-template-columns:repeat(2,1fr)}.mmmc-home-steps article{border-right:0}.mmmc-home-membership-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.mmmc-home-inner,.mmmc-home-narrow{width:min(100% - 28px,1180px)}.mmmc-home-brand img{width:104px}.mmmc-home-brand-words{font-size:9px}.mmmc-home-nav ul{display:grid;grid-template-columns:1fr 1fr}.mmmc-home-nav a{font-size:12px}.mmmc-home-hero-grid{padding:42px 0;gap:24px}.mmmc-home-hero h1{font-size:50px}.mmmc-home-art-wall{min-height:330px}.mmmc-home-art-card{width:52%}.mmmc-home-release-grid,.mmmc-home-steps{grid-template-columns:1fr}.mmmc-home-role-ring{grid-template-columns:1fr 1fr}.mmmc-home-role-centre{grid-column:1/-1;grid-row:auto}.mmmc-home-membership h2{font-size:38px}}

/* MMMC-013C.1 — Mobile Viewport Containment
 * Source resolution: responsive grids are constrained at the component boundary.
 * No overflow masking or viewport clipping is used.
 */
/* MMMC-013C — Cultural Visual Layer + Featured Release */
.mmmc-home-hero{position:relative;background:#070809;}
.mmmc-home-hero:before{content:"";position:absolute;inset:0 0 0 43%;background:linear-gradient(90deg,#070809 0%,rgba(7,8,9,.75) 18%,rgba(7,8,9,.12) 55%,rgba(7,8,9,.28) 100%),url('homepage/hero-live-performance.jpg') center/cover no-repeat;opacity:.95;}
.mmmc-home-hero-grid{position:relative;z-index:1;}
.mmmc-home-hero-copy{position:relative;z-index:4;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.mmmc-home-art-wall{transform:scale(.72);transform-origin:center right;opacity:.88;filter:saturate(.95)}
.mmmc-home-release-section{background:linear-gradient(120deg,#090a0b,#111 62%,#180d0d);border-top:1px solid rgba(215,164,59,.22);border-bottom:1px solid rgba(255,255,255,.12)}
.mmmc-home-feature-kicker{display:flex;align-items:center;gap:16px;color:var(--gold);font-weight:900;letter-spacing:.12em;font-size:12px;margin-bottom:22px}.mmmc-home-feature-rule{height:1px;width:130px;background:rgba(215,164,59,.55)}
.mmmc-home-featured-release{display:grid;grid-template-columns:1fr .72fr;gap:64px;align-items:center;min-height:430px}.mmmc-home-feature-copy h2{font-size:clamp(42px,5vw,72px);line-height:.95;margin:0 0 12px;color:#fff}.mmmc-home-feature-artist{font-size:24px!important;color:var(--gold)!important;font-weight:900;margin:0 0 18px!important}.mmmc-home-feature-meta{color:#eee!important;font-size:16px!important}.mmmc-home-feature-description{color:#d9d9d9!important;font-size:18px!important;line-height:1.55;max-width:620px}.mmmc-home-feature-art{display:block;transform:rotate(1.2deg);box-shadow:0 30px 70px rgba(0,0,0,.55);border:1px solid rgba(215,164,59,.42)}.mmmc-home-feature-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.mmmc-home-feature-more{display:flex;align-items:center;gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.mmmc-home-feature-more-label{font-size:11px;letter-spacing:.14em;font-weight:800;color:#aaa;margin-right:auto}.mmmc-home-mini-release{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:210px}.mmmc-home-mini-release img{width:58px;height:58px;object-fit:cover}.mmmc-home-mini-release span{display:grid}.mmmc-home-mini-release small{color:var(--gold);margin-top:4px}
.mmmc-home-collective-grid{grid-template-columns:.72fr 1.28fr}.mmmc-home-collective h2{color:#fff}.mmmc-home-collective-visual{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}.mmmc-home-culture-photo{min-height:420px;background:linear-gradient(180deg,transparent 55%,rgba(7,8,9,.65)),url('homepage/collective-creators.jpg') center/cover no-repeat;border-left:1px solid rgba(215,164,59,.35)}
.mmmc-home-closing h2,.mmmc-home-membership h2{color:#fff}
@media(max-width:900px){.mmmc-home-hero:before{inset:0;background:linear-gradient(90deg,rgba(7,8,9,.98) 0%,rgba(7,8,9,.78) 48%,rgba(7,8,9,.18) 100%),url('homepage/hero-live-performance.jpg') 66% center/cover no-repeat}.mmmc-home-art-wall{transform:none;opacity:.9}.mmmc-home-featured-release{grid-template-columns:1fr 1fr;gap:30px}.mmmc-home-collective-grid{grid-template-columns:minmax(0,1fr)}.mmmc-home-collective-copy,.mmmc-home-collective-visual{min-width:0}.mmmc-home-collective-visual{grid-template-columns:minmax(0,1fr)}.mmmc-home-role-ring,.mmmc-home-culture-photo{min-width:0;max-width:100%}.mmmc-home-culture-photo{min-height:280px}.mmmc-home-feature-more{flex-wrap:wrap}.mmmc-home-feature-more-label{width:100%}}
@media(max-width:620px){.mmmc-home-hero{min-height:auto}.mmmc-home-hero:before{background:linear-gradient(180deg,rgba(7,8,9,.82) 0%,rgba(7,8,9,.82) 62%,#070809 100%),url('homepage/hero-live-performance.jpg') 64% top/auto 62% no-repeat}.mmmc-home-hero-grid{padding-top:54px}.mmmc-home-hero h1{font-size:52px;max-width:88%}.mmmc-home-hero h2{font-size:27px}.mmmc-home-lead{font-size:17px;max-width:92%}.mmmc-home-art-wall{min-height:250px;margin-top:-12px}.mmmc-home-art-card{width:44%;font-size:11px}.mmmc-home-featured-release{display:flex;flex-direction:column-reverse;align-items:stretch;min-width:0}.mmmc-home-feature-copy,.mmmc-home-feature-art{min-width:0;max-width:100%}.mmmc-home-feature-art{width:86%;margin:0 auto}.mmmc-home-feature-art img{max-width:100%;height:auto}.mmmc-home-feature-copy h2{font-size:44px}.mmmc-home-feature-more{display:grid;grid-template-columns:minmax(0,1fr)}.mmmc-home-mini-release{min-width:0;max-width:100%}.mmmc-home-collective-grid{grid-template-columns:minmax(0,1fr);gap:36px}.mmmc-home-collective-visual{grid-template-columns:minmax(0,1fr);width:100%}.mmmc-home-role-ring{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;padding:4px}.mmmc-home-role-centre{width:145px;height:145px;max-width:100%}.mmmc-home-role{min-width:0;width:100%}.mmmc-home-culture-photo{width:100%;min-height:220px}}

/* MMMC-013D — Responsive Presentation Contract
 * Responsive states are owned by the components themselves.
 * This is not a viewport masking layer: no overflow clipping, scaling hacks,
 * negative-width compensation, or transform-based fit is used.
 */
.mmmc-home-nav-toggle{
    display:none;
    width:46px;
    height:42px;
    padding:8px;
    border:1px solid rgba(255,255,255,.24);
    background:transparent;
    border-radius:4px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}
.mmmc-home-nav-toggle span{
    display:block;
    width:24px;
    height:2px;
    background:#fff;
    transition:transform .18s ease,opacity .18s ease;
}
.mmmc-home-nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mmmc-home-nav-toggle.is-open span:nth-child(2){opacity:0}
.mmmc-home-nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Hero cultural image is a first-class component surface, not a decorative
 * desktop background that mobile must inherit. */
.mmmc-home-hero:before{content:none!important}
.mmmc-home-hero-visual{
    position:absolute;
    z-index:0;
    inset:0 0 0 43%;
    background:
        linear-gradient(90deg,#070809 0%,rgba(7,8,9,.72) 18%,rgba(7,8,9,.10) 56%,rgba(7,8,9,.28) 100%),
        url('homepage/hero-live-performance.jpg') 66% center/cover no-repeat;
}

@media(max-width:900px){
    .mmmc-home-header-inner{
        min-height:78px;
        padding:14px 0;
        align-items:center;
        flex-direction:row;
        flex-wrap:wrap;
        gap:14px;
    }
    .mmmc-home-brand{min-width:0;flex:1 1 auto}
    .mmmc-home-nav-toggle{display:flex;flex:0 0 auto}
    .mmmc-home-nav{
        display:none;
        flex:0 0 100%;
        width:100%;
        border-top:1px solid rgba(255,255,255,.12);
        padding-top:12px;
    }
    .mmmc-home-nav.is-open{display:block}
    .mmmc-home-nav ul{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:0;
        width:100%;
    }
    .mmmc-home-nav li{border-bottom:1px solid rgba(255,255,255,.10)}
    .mmmc-home-nav a{
        display:block;
        padding:15px 10px;
        font-size:13px;
    }
    .mmmc-home-nav .mmmc-menu-join a{margin:6px 0 8px;padding:13px 14px;text-align:center}

    .mmmc-home-hero{
        min-height:auto;
        display:flex;
        flex-direction:column;
    }
    .mmmc-home-hero-visual{
        position:relative;
        inset:auto;
        width:100%;
        height:330px;
        order:0;
        background:
            linear-gradient(180deg,rgba(7,8,9,.06) 0%,rgba(7,8,9,.18) 70%,#070809 100%),
            url('homepage/hero-live-performance.jpg') 64% 28%/cover no-repeat;
    }
    .mmmc-home-hero-grid{
        order:1;
        min-height:0;
        padding:42px 0 48px;
        gap:26px;
    }
    .mmmc-home-hero h1{font-size:clamp(42px,10vw,58px);line-height:.94;max-width:680px}
    .mmmc-home-hero h2{font-size:clamp(24px,5.7vw,32px);line-height:1.05;max-width:720px}
    .mmmc-home-lead{font-size:18px;line-height:1.5;max-width:680px}
    .mmmc-home-art-wall{min-height:300px;margin-top:4px}

    .mmmc-home-positioning{padding:64px 0 68px}
    .mmmc-home-positioning h2{font-size:clamp(40px,8vw,56px);line-height:1.02}
    .mmmc-home-positioning-lead{font-size:19px}

    .mmmc-home-feature-copy h2{font-size:clamp(40px,8vw,56px)}
    .mmmc-home-collective h2{font-size:clamp(40px,8vw,56px);line-height:1.02}
    .mmmc-home-membership h2{font-size:clamp(38px,7vw,50px)}
    .mmmc-home-closing h2{font-size:clamp(38px,8vw,54px);line-height:1.02}
}

@media(max-width:620px){
    .mmmc-home-header-inner{padding:12px 0}
    .mmmc-home-brand img{width:96px}
    .mmmc-home-brand-words{font-size:9px;line-height:1.02}
    .mmmc-home-nav ul{grid-template-columns:1fr}
    .mmmc-home-nav a{font-size:14px;padding:14px 8px}

    .mmmc-home-hero-visual{
        height:290px;
        background:
            linear-gradient(180deg,rgba(7,8,9,.03) 0%,rgba(7,8,9,.10) 72%,#070809 100%),
            url('homepage/hero-live-performance.jpg') 65% 25%/cover no-repeat;
    }
    .mmmc-home-hero-grid{padding:34px 0 42px;gap:18px}
    .mmmc-home-hero h1{
        font-size:clamp(40px,12vw,50px);
        line-height:.96;
        max-width:100%;
        letter-spacing:-.035em;
    }
    .mmmc-home-hero h2{font-size:clamp(23px,7vw,29px);max-width:100%;margin-top:20px}
    .mmmc-home-lead{font-size:17px;line-height:1.48;max-width:100%}
    .mmmc-home-actions{gap:12px;margin-top:24px}
    .mmmc-home-cta{min-height:48px;padding:13px 18px}
    .mmmc-home-art-wall{min-height:250px;margin-top:2px}

    .mmmc-home-positioning{padding:54px 0 58px}
    .mmmc-home-positioning h2{font-size:40px;line-height:1.03;letter-spacing:-.025em}
    .mmmc-home-positioning-lead{font-size:18px;line-height:1.5}
    .mmmc-home-positioning p:not(.mmmc-home-eyebrow):not(.mmmc-home-positioning-lead){font-size:16px;line-height:1.55}

    .mmmc-home-release-section{padding:64px 0}
    .mmmc-home-feature-copy h2{font-size:40px;line-height:1}
    .mmmc-home-feature-artist{font-size:22px!important}
    .mmmc-home-feature-description{font-size:17px!important}

    .mmmc-home-collective{padding:64px 0}
    .mmmc-home-collective h2{font-size:40px;line-height:1.02;letter-spacing:-.025em}
    .mmmc-home-collective p{font-size:17px;line-height:1.55}
    .mmmc-home-role-centre strong{font-size:30px}
    .mmmc-home-role{min-height:62px;font-size:12px}

    .mmmc-home-workflow{padding:60px 0}
    .mmmc-home-steps{gap:0}
    .mmmc-home-steps article{padding:28px 8px 34px;border-bottom:1px solid rgba(21,34,56,.12)}
    .mmmc-home-steps article:last-child{border-bottom:0}
    .mmmc-home-steps h3{font-size:22px}
    .mmmc-home-steps p{font-size:16px;line-height:1.5}

    .mmmc-home-membership{padding:58px 0}
    .mmmc-home-membership h2{font-size:40px;line-height:1.02}
    .mmmc-home-membership p{font-size:17px;line-height:1.5}

    .mmmc-home-closing{padding:68px 0}
    .mmmc-home-closing h2{font-size:40px;line-height:1.03;letter-spacing:-.025em}
    .mmmc-home-closing p{font-size:17px;line-height:1.55}
    .mmmc-home-closing>div>strong{font-size:20px}
    .mmmc-home-closing-brand{font-size:30px}
}


/* MMMC-013E — Authoritative Mobile Composition Refinement
 * Source-owned evolution of the responsive component contracts observed in
 * the 013D runtime validation. These rules intentionally refine component
 * composition; they do not mask layout defects or clip viewport overflow.
 */
@media(max-width:620px){
    /* Hero: preserve the performer as a cultural focal point while exposing
     * more of the source image's left-hand concert context. */
    .mmmc-home-hero-visual{
        height:270px;
        background:
            linear-gradient(180deg,rgba(7,8,9,.02) 0%,rgba(7,8,9,.08) 70%,#070809 100%),
            url('homepage/hero-live-performance.jpg') 58% 24%/cover no-repeat;
    }

    /* Mobile display hierarchy: strong headline character without allowing
     * display type to become the entire page architecture. */
    .mmmc-home-hero h1{font-size:44px;line-height:.95;letter-spacing:-.032em}
    .mmmc-home-hero h2{font-size:26px;line-height:1.04}
    .mmmc-home-positioning h2{font-size:37px;line-height:1.04}
    .mmmc-home-feature-copy h2{font-size:38px;line-height:1.01}
    .mmmc-home-collective h2{font-size:37px;line-height:1.03}
    .mmmc-home-membership h2{font-size:37px;line-height:1.03}
    .mmmc-home-closing h2{font-size:37px;line-height:1.04}

    /* Workflow: retain the deliberate vertical sequence while tightening the
     * rhythm between steps. */
    .mmmc-home-workflow{padding:54px 0}
    .mmmc-home-steps article{padding:24px 8px 28px}

    /* Founding Rollout: keep CTA visually inside the component and reduce the
     * excess vertical runway seen in the 013D mobile evidence. */
    .mmmc-home-membership{padding:52px 0}
    .mmmc-home-membership-inner{gap:24px}
    .mmmc-home-membership .mmmc-home-cta{margin-top:0}

    /* Closing: preserve manifesto impact while tightening only its rhythm. */
    .mmmc-home-closing{padding:62px 0 58px}
    .mmmc-home-closing-brand{margin-top:28px}
}

/* MMMC-013F — Governed Responsive Hero Asset Pair
 * Desktop and mobile hero imagery are separate authorised compositions of one
 * visual concept. Live hero copy remains MFF-owned HTML in both states.
 * Replacing either hero asset requires replacement/revalidation of the pair.
 */
@media(max-width:620px){
    .mmmc-home-hero{
        position:relative;
        min-height:920px;
        display:block;
        background:#070809;
    }
    .mmmc-home-hero-visual{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        background:
            linear-gradient(90deg,rgba(7,8,9,.74) 0%,rgba(7,8,9,.38) 48%,rgba(7,8,9,.08) 78%),
            linear-gradient(180deg,rgba(7,8,9,.02) 0%,rgba(7,8,9,.06) 58%,#070809 100%),
            url('homepage/hero-live-performance-mobile.jpg') center top/cover no-repeat;
    }
    .mmmc-home-hero-grid{
        position:relative;
        z-index:1;
        display:block;
        min-height:920px;
        padding:128px 0 48px;
    }
    .mmmc-home-hero-copy{
        width:min(90%,500px);
        text-align:left;
        text-shadow:0 3px 20px rgba(0,0,0,.72);
    }
    .mmmc-home-hero .mmmc-home-eyebrow{
        margin-bottom:14px;
        font-size:11px;
        line-height:1.25;
    }
    .mmmc-home-hero h1{
        max-width:78%;
        font-size:clamp(36px,10.3vw,44px);
        line-height:.94;
        letter-spacing:-.035em;
    }
    .mmmc-home-hero h2{
        max-width:94%;
        margin:22px 0 16px;
        font-size:clamp(21px,6.1vw,26px);
        line-height:1.04;
    }
    .mmmc-home-hero .mmmc-home-lead{
        max-width:92%;
        font-size:16px;
        line-height:1.5;
    }
    .mmmc-home-hero .mmmc-home-actions{
        display:grid;
        grid-template-columns:1fr;
        width:min(100%,360px);
        gap:12px;
        margin-top:24px;
    }
    .mmmc-home-hero .mmmc-home-cta{width:100%;}
    .mmmc-home-hero .mmmc-home-art-wall{display:none;}
}

/* MMMC-013G — Mobile Hero Composition Refinement
 * Source-level refinement of the governed mobile composition only.
 * Raises the live eyebrow above the performer's hat line and reduces the
 * headline/accent measure so the hierarchy remains left-composed inside the
 * mobile text-safe field without crossing the performer's face.
 * Desktop composition and both governed hero assets remain unchanged.
 */

/* MMMC-013I — Mobile Hero Scale & Field Recomposition
 * Mobile-only authoritative composition evolution. The governed mobile artwork
 * has a taller source field so the browser does not need to zoom/crop it as
 * aggressively. Typography and CTA geometry are intentionally reduced against
 * that wider visual field. Desktop remains the admitted regression anchor.
 */
.mmmc-home-hero-mobile-eyebrow,
.mmmc-home-hero-mobile-title,
.mmmc-home-hero-mobile-accent{display:none;}

@media(max-width:620px){
    .mmmc-home-hero{
        min-height:760px;
    }
    .mmmc-home-hero-visual{
        background:
            linear-gradient(90deg,rgba(7,8,9,.78) 0%,rgba(7,8,9,.50) 38%,rgba(7,8,9,.10) 72%,rgba(7,8,9,.02) 100%),
            linear-gradient(180deg,rgba(7,8,9,.00) 0%,rgba(7,8,9,.03) 70%,rgba(7,8,9,.70) 100%),
            url('homepage/homepage-hero-mob-asset.jpg') 53% top/cover no-repeat;
    }
    .mmmc-home-hero-grid{
        min-height:760px;
        padding:58px 0 28px;
    }
    .mmmc-home-hero-copy{
        width:min(100%,560px);
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }

    /* Desktop composition is not compressed into mobile. */
    .mmmc-home-hero-desktop-eyebrow,
    .mmmc-home-hero-desktop-title,
    .mmmc-home-hero-desktop-accent{display:none;}
    .mmmc-home-hero-mobile-eyebrow,
    .mmmc-home-hero-mobile-title,
    .mmmc-home-hero-mobile-accent{display:block;}

    .mmmc-home-hero .mmmc-home-hero-mobile-eyebrow{
        margin:0 0 16px;
        width:43%;
        color:#fff;
        font-size:10.5px;
        line-height:1.16;
        letter-spacing:.15em;
        font-weight:900;
    }
    .mmmc-home-hero-mobile-eyebrow span,
    .mmmc-home-hero-mobile-title span,
    .mmmc-home-hero-mobile-accent span{display:block;}

    .mmmc-home-hero h1.mmmc-home-hero-mobile-title{
        width:58%;
        max-width:270px;
        margin:0;
        color:#fff;
        font-size:clamp(29px,8.2vw,34px);
        line-height:.95;
        letter-spacing:-.03em;
        font-weight:900;
    }
    .mmmc-home-hero h1.mmmc-home-hero-mobile-title span+span{margin-top:1px;}

    .mmmc-home-hero h2.mmmc-home-hero-mobile-accent{
        width:59%;
        max-width:278px;
        margin:18px 0 14px;
        color:var(--gold);
        font-size:clamp(18px,5.1vw,21px);
        line-height:1.02;
        letter-spacing:-.012em;
        font-weight:900;
    }

    .mmmc-home-hero .mmmc-home-lead{
        width:61%;
        max-width:286px;
        margin:0;
        font-size:13px;
        line-height:1.38;
        color:#f0f0f0;
    }
    .mmmc-home-hero .mmmc-home-actions{
        width:64%;
        max-width:300px;
        display:grid;
        grid-template-columns:1fr;
        gap:8px;
        margin-top:18px;
    }
    .mmmc-home-hero .mmmc-home-cta{
        min-height:44px;
        padding:10px 14px;
        text-align:center;
        font-size:12.5px;
    }
}

@media(max-width:390px){
    .mmmc-home-hero,
    .mmmc-home-hero-grid{min-height:735px;}
    .mmmc-home-hero-grid{padding-top:52px;}
    .mmmc-home-hero .mmmc-home-hero-mobile-eyebrow{width:46%;font-size:10px;}
    .mmmc-home-hero h1.mmmc-home-hero-mobile-title{width:60%;font-size:29px;}
    .mmmc-home-hero h2.mmmc-home-hero-mobile-accent{width:61%;font-size:18px;}
    .mmmc-home-hero .mmmc-home-lead{width:63%;font-size:12.5px;}
    .mmmc-home-hero .mmmc-home-actions{width:66%;}
}


/* MMMC-013J — Mobile Hero Typography & CTA Refinement
 * Source-authoritative refinement against the admitted mobile hero field.
 * Desktop geometry and desktop image treatment remain unchanged.
 */
@media(max-width:620px){
    .mmmc-home-hero h1.mmmc-home-hero-mobile-title{
        width:56%;
        max-width:252px;
        font-size:clamp(27px,7.5vw,31px);
        line-height:.96;
    }
    /* MMMC-013K — Gold proposition width refinement only.
     * Preserve admitted type scale; widen the mobile composition field so the
     * authoritative three-line contract does not soft-wrap its middle line.
     */
    .mmmc-home-hero h2.mmmc-home-hero-mobile-accent{
        width:66%;
        max-width:300px;
        margin:16px 0 12px;
        font-size:clamp(16.5px,4.6vw,19px);
        line-height:1.03;
    }
    .mmmc-home-hero .mmmc-home-lead{
        width:59%;
        max-width:270px;
        font-size:12px;
        line-height:1.32;
    }
    .mmmc-home-hero .mmmc-home-actions{
        width:61%;
        max-width:282px;
        gap:7px;
        margin-top:15px;
    }
    .mmmc-home-hero .mmmc-home-cta{
        min-height:40px;
        padding:8px 12px;
        font-size:11.5px;
        line-height:1.1;
    }
}
@media(max-width:390px){
    .mmmc-home-hero h1.mmmc-home-hero-mobile-title{width:58%;font-size:27px;}
    .mmmc-home-hero h2.mmmc-home-hero-mobile-accent{width:66%;font-size:16.5px;}
    .mmmc-home-hero .mmmc-home-lead{width:61%;font-size:11.75px;}
    .mmmc-home-hero .mmmc-home-actions{width:63%;}
}


/* MMMC-013L — Mobile Hero Stack Vertical Alignment
 * Single controlled mobile-only refinement: lower the complete live hero
 * content stack as one composition unit. No typography, spacing, image,
 * CTA geometry or desktop presentation changes.
 */
@media(max-width:620px){
    .mmmc-home-hero-copy{
        transform:translateY(18px);
    }
}