/* Mama Herc: a photograph-led feature. Homepage rules are isolated below. */
.mh-page { --mh-ink:#0c2233; --mh-paper:#f2eee5; --mh-gold:#c8a66c; --mh-rust:#9d4f39; --mh-muted:#6a665e; margin:0; background:var(--mh-paper); color:var(--mh-ink); font-family:Georgia,"Times New Roman",serif; }
.mh-page *, .mh-page *::before,.mh-page *::after { box-sizing:border-box; }
.mh-page [hidden] { display:none!important; }
.mh-page a { color:inherit; text-underline-offset:4px; }
.mh-page :focus-visible { outline:3px solid var(--mh-gold); outline-offset:5px; }
.mh-skip { position:fixed; top:-80px; left:20px; padding:12px; background:white; z-index:30; }.mh-skip:focus { top:10px; }
.mh-progress { height:3px; position:fixed; inset:0 0 auto; z-index:30; pointer-events:none; }.mh-progress span { display:block; height:100%; width:0; background:var(--mh-rust); }
.mh-header { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:22px max(24px,calc((100vw - 1360px)/2)); background:var(--mh-ink); color:#f5eee2; border-bottom:1px solid #c8a66c44; font:600 11px/1.4 "Source Sans 3",sans-serif; letter-spacing:.09em; text-transform:uppercase; }.mh-brand { text-decoration:none; }.mh-header nav { display:flex; gap:25px; align-items:center; }.mh-header nav>a { padding:10px 0; min-height:44px; display:flex; align-items:center; text-decoration:none; }.mh-header nav>a:hover { color:var(--mh-gold); }
.mh-lead { background:var(--mh-ink); color:var(--mh-paper); padding:55px max(24px,calc((100vw - 1360px)/2)) 40px; }.mh-edition { display:flex; justify-content:space-between; gap:15px; color:#bdc4c3; font:600 10px/1.5 "Source Sans 3",sans-serif; text-transform:uppercase; letter-spacing:.15em; padding-bottom:24px; border-bottom:1px solid #c8a66c44; }.mh-hero-grid { display:grid; grid-template-columns:1fr 1.08fr; gap:55px; align-items:center; padding:45px 0 30px; }.mh-kicker { color:var(--mh-rust); font:700 10px/1.5 "Source Sans 3",sans-serif; letter-spacing:.2em; text-transform:uppercase; margin:0 0 20px; }.mh-lead .mh-kicker { color:var(--mh-gold); }.mh-page h1 { font:400 clamp(48px,5.5vw,83px)/1.02 "DM Serif Display",Georgia,serif; letter-spacing:-.035em; margin:0 0 26px; }.mh-page h1 em { color:var(--mh-gold); font-weight:400; }.mh-deck { font-size:20px; line-height:1.55; color:#d3d6cf; max-width:510px; margin:0 0 27px; }.mh-byline { color:#c1c7c3; font:400 11px/1.8 "Source Sans 3",sans-serif; margin:0; }.mh-byline strong { color:var(--mh-paper); font-weight:600; }.mh-hero-photo { margin:0; align-self:center; }.mh-hero-photo>a { display:block; position:relative; }.mh-hero-photo img,.mh-photo-interlude img { width:100%; height:auto; object-fit:contain; display:block; }.mh-photo-open { position:absolute; right:12px; bottom:12px; background:#0c2233e8; color:#f4edde; padding:9px 12px; font:600 10px "Source Sans 3",sans-serif; letter-spacing:.05em; }.mh-hero-photo figcaption { font:400 10px/1.6 "Source Sans 3",sans-serif; color:#bec5bf; padding-top:12px; max-width:560px; }.mh-lead-bottom { display:flex; justify-content:space-between; align-items:center; gap:25px; border-top:1px solid #c8a66c44; padding-top:17px; font:600 11px "Source Sans 3",sans-serif; }.mh-lead-bottom a { text-decoration:none; color:var(--mh-gold); padding:10px 0; min-height:44px; display:flex; align-items:center; gap:20px; }.mh-share { font:600 11px "Source Sans 3",sans-serif; border:1px solid #c8a66c88; background:transparent; color:inherit; min-height:44px; padding:10px 17px; cursor:pointer; }.mh-share-status { font:400 12px "Source Sans 3",sans-serif; }.mh-copy-link { width:min(100%,500px); padding:10px; font:14px "Source Sans 3",sans-serif; }
.mh-story-layout { display:grid; grid-template-columns:205px minmax(0,740px); gap:70px; max-width:1090px; margin:auto; padding:50px 24px 65px; align-items:start; }.mh-chapters { position:sticky; top:25px; font-family:"Source Sans 3",sans-serif; }.mh-chapters summary { color:var(--mh-ink); font-size:10px; text-transform:uppercase; letter-spacing:.15em; font-weight:700; border-top:3px solid var(--mh-gold); padding:16px 0 13px; cursor:pointer; list-style:none; }.mh-chapters summary::-webkit-details-marker { display:none; }.mh-chapters ol { list-style:none; padding:0; margin:0; }.mh-chapters li { border-bottom:1px solid #d9d6cb; }.mh-chapters a { text-decoration:none; font-size:12px; line-height:1.5; display:flex; align-items:baseline; gap:10px; padding:11px 0; min-height:44px; color:#706b61; }.mh-chapters a span { color:var(--mh-rust); font-size:9px; font-variant-numeric:tabular-nums; }.mh-chapters a[aria-current="location"] { color:var(--mh-ink); font-weight:700; }.mh-chapters a:hover { color:var(--mh-rust); }.mh-chapters .mh-rail-sources { margin-top:15px; color:var(--mh-rust); font-weight:600; }
.mh-article { min-width:0; font-size:19px; line-height:1.85; color:#35382f; }.mh-article p { margin:0 0 1.5em; }.mh-subject-note { font:400 12px/1.65 "Source Sans 3",sans-serif; color:#726c60; border-bottom:1px solid #d5d2c7; padding:0 0 20px; margin:0 0 30px!important; }.mh-opening>p:first-child::first-letter { float:left; font:400 84px/.8 "DM Serif Display",Georgia,serif; color:var(--mh-rust); margin:8px 10px 0 0; }.mh-chapter { scroll-margin-top:35px; }.mh-chapter h2 { font:400 clamp(30px,3vw,41px)/1.15 "DM Serif Display",Georgia,serif; color:var(--mh-ink); letter-spacing:-.025em; margin:65px 0 25px; padding-top:22px; border-top:1px solid #b7b9aa; }.mh-chapter-number { display:block; font:600 10px/1.4 "Source Sans 3",sans-serif; letter-spacing:.2em; color:var(--mh-rust); margin-bottom:15px; }.mh-article a { color:#84513b; text-decoration-thickness:1px; }.mh-pullquote { border:0; border-left:3px solid var(--mh-rust); padding:12px 0 12px 28px; margin:42px 0; color:var(--mh-ink); font:400 clamp(27px,3vw,37px)/1.35 "DM Serif Display",Georgia,serif; letter-spacing:-.015em; }.mh-photo-interlude { margin:35px 0; background:#e5dfd0; padding:18px; }.mh-photo-interlude figcaption { font:400 12px/1.6 "Source Sans 3",sans-serif; color:#6b6356; margin-top:12px; }
.mh-video-section { background:#e6e0d3; padding:30px; margin:55px 0; }.mh-video-section h2 { font:400 34px/1.2 "DM Serif Display",Georgia,serif; margin:0 0 16px; color:var(--mh-ink); }.mh-video-section>p { font:400 14px/1.65 "Source Sans 3",sans-serif; color:#625e52; }.mh-video { margin:30px 0 0; }.mh-video h3 { font:400 24px/1.25 "DM Serif Display",Georgia,serif; margin:0 0 10px; }.mh-video p { font:400 13px/1.6 "Source Sans 3",sans-serif; margin:10px 0; }.mh-video-frame { background:var(--mh-ink); min-height:150px; display:flex; align-items:center; justify-content:center; padding:25px; }.mh-video-frame:has(iframe) { aspect-ratio:16/9; padding:0; }.mh-video-frame iframe { width:100%; height:100%; display:block; border:0; }.mh-video button { color:#e5c795; background:none; border:1px solid #c8a66c88; padding:15px 24px; min-height:48px; font:600 13px "Source Sans 3",sans-serif; cursor:pointer; }.mh-video>a { display:inline-flex; min-height:44px; align-items:center; font:600 12px "Source Sans 3",sans-serif; }
.mh-sources { border-top:3px solid var(--mh-gold); padding-top:25px; margin-top:55px; font:400 14px/1.7 "Source Sans 3",sans-serif; }.mh-sources h2 { color:var(--mh-ink); font:400 32px "DM Serif Display",Georgia,serif; margin:0 0 15px; }.mh-sources ol { padding-left:21px; }.mh-sources li { padding:12px 0; border-bottom:1px solid #d6d0c0; scroll-margin-top:30px; }.mh-sources li p { margin:5px 0 0; color:#6e675d; font-size:12px; }.mh-invitation { background:var(--mh-ink); color:var(--mh-paper); padding:30px; margin:45px 0; }.mh-invitation h2 { font:400 32px/1.2 "DM Serif Display",Georgia,serif; margin:0 0 15px; }.mh-invitation p { font:400 15px/1.7 "Source Sans 3",sans-serif; color:#c5cbc4; }.mh-invitation a { color:var(--mh-gold); display:inline-flex; align-items:center; min-height:44px; font:600 12px "Source Sans 3",sans-serif; }
.mh-page .community-discussion { border-top:1px solid #c4bcac; padding-top:30px; font:400 15px/1.7 "Source Sans 3",sans-serif; }.mh-page .community-discussion h2 { font:400 30px "DM Serif Display",Georgia,serif; color:var(--mh-ink); }.mh-page .community-discussion textarea { width:100%; min-height:110px; background:#fffdf7; border:1px solid #b3a891; padding:12px; font:16px "Source Sans 3",sans-serif; }.mh-page .community-discussion label { display:block; }.mh-page .community-discussion button { min-height:44px; padding:10px 20px; border:0; background:var(--mh-ink); color:white; font:14px "Source Sans 3",sans-serif; cursor:pointer; }.mh-page .community-comment { padding:15px 0; border-bottom:1px solid #d6d0c0; }.mh-page .community-comment p { margin:0 0 8px; }.mh-page .community-comment-author { font-weight:700; }.mh-footer { border-top:3px solid var(--mh-gold); background:var(--mh-ink); color:#cfd3ca; padding:26px; text-align:center; font:12px "Source Sans 3",sans-serif; }.mh-photo-dialog { border:0; padding:16px; max-width:min(96vw,1100px); max-height:94vh; background:#f2eee5; color:#0c2233; }.mh-photo-dialog::backdrop { background:#05111bec; }.mh-photo-dialog img { display:block; width:auto; max-width:100%; max-height:78vh; height:auto; object-fit:contain; margin:auto; }.mh-photo-dialog button { display:block; margin:0 0 12px auto; min-height:44px; background:none; border:1px solid #6c756b; color:#0c2233; padding:10px 18px; font:12px "Source Sans 3",sans-serif; cursor:pointer; }.mh-photo-dialog p { font:12px "Source Sans 3",sans-serif; margin:12px 0 0; }
@media(max-width:1000px) { .mh-hero-grid { gap:30px; }.mh-story-layout { gap:35px; grid-template-columns:160px minmax(0,1fr); }.mh-deck { font-size:18px; }.mh-page h1 { font-size:clamp(45px,6vw,70px); } }
@media(max-width:700px) { .mh-header { padding:15px 22px; flex-wrap:wrap; gap:8px; }.mh-header nav { gap:20px; width:100%; font-size:10px; }.mh-lead { padding:25px 22px 20px; }.mh-edition { font-size:8px; padding-bottom:16px; }.mh-hero-grid { grid-template-columns:1fr; gap:30px; padding:28px 0 25px; }.mh-page h1 { font-size:clamp(45px,12vw,67px); max-width:550px; }.mh-deck { font-size:18px; }.mh-hero-photo figcaption { font-size:10px; }.mh-story-layout { display:block; padding:25px 22px 45px; }.mh-chapters { position:static; margin-bottom:30px; }.mh-chapters summary { padding:15px 0; }.mh-chapters summary::after { content:" +"; float:right; font-size:18px; line-height:1; }.mh-chapters details[open] summary::after { content:" -"; }.mh-chapters ol { display:grid; grid-template-columns:1fr 1fr; gap:0 15px; }.mh-chapters a { font-size:11px; }.mh-article { font-size:18px; line-height:1.85; }.mh-chapter h2 { margin-top:48px; font-size:32px; }.mh-pullquote { padding-left:20px; font-size:29px; }.mh-photo-interlude { padding:10px; }.mh-video-section,.mh-invitation { padding:22px; }.mh-video-section h2,.mh-invitation h2 { font-size:29px; }.mh-lead-bottom { gap:15px; }.mh-opening>p:first-child::first-letter { font-size:74px; } }
@media(prefers-reduced-motion:reduce) { .mh-page { scroll-behavior:auto; } }
/* Homepage placement: retain every existing section and the full photograph. */
.mh-home-feature { background:#102534; color:#f2eee5; padding:38px max(22px,calc((100vw - 1220px)/2)); border-bottom:4px solid #b7945c; }
.mh-home-inner { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:45px; max-width:1220px; margin:auto; }
.mh-home-feature .mh-home-kicker { color:#dab77c; font:700 10px/1.5 "Source Sans 3",sans-serif; text-transform:uppercase; letter-spacing:.17em; margin:0 0 16px; }
.mh-home-feature h2 { color:#f2eee5; font:400 clamp(33px,3.6vw,52px)/1.1 Georgia,serif; letter-spacing:-.035em; margin:0 0 20px; padding:0; border:0; }
.mh-home-feature h2 a { color:inherit; text-decoration:none; }
.mh-home-feature .mh-home-deck { color:#c7cfc6; font:400 16px/1.65 "Source Sans 3",sans-serif; max-width:580px; margin:0 0 20px; }
.mh-home-feature .mh-home-read { color:#e0bd82; display:inline-flex; align-items:center; gap:25px; min-height:44px; font:700 12px "Source Sans 3",sans-serif; text-decoration:none; border-bottom:1px solid #d6b579; padding:10px 0; }
.mh-home-feature figure { margin:0; }.mh-home-feature figure>a { display:block; }.mh-home-feature img { width:100%; height:auto; max-height:none; object-fit:contain; display:block; }.mh-home-feature figcaption { color:#b8c1b9; font:400 10px/1.5 "Source Sans 3",sans-serif; margin-top:9px; }.mh-home-feature a:focus-visible { outline:3px solid #d6b579; outline-offset:5px; }
@media(max-width:700px) { .mh-home-feature { padding:28px 22px; }.mh-home-inner { grid-template-columns:1fr; gap:25px; }.mh-home-feature h2 { font-size:35px; }.mh-home-feature .mh-home-deck { font-size:15px; } }

.mh-invitation .mh-kicker { color:var(--mh-gold); }

.mh-home-feature h2 { text-wrap:balance; }.mh-page h1 { text-wrap:balance; font-size:clamp(43px,4.5vw,68px); }
@media(max-width:700px) { .mh-page h1 { font-size:clamp(38px,10vw,60px); }.mh-home-feature h2 { font-size:clamp(29px,7.8vw,38px); } }
.mh-chapters { max-height:calc(100vh - 50px); max-height:calc(100dvh - 50px); overflow-y:auto; padding:8px; margin:-8px; }
@media(max-width:700px) { .mh-chapters { max-height:none; overflow:visible; padding:0; margin:0 0 30px; } }
/* A visible, public conversation immediately after the story and videos. */
.mh-conversation { scroll-margin-top:24px; margin:55px 0 45px; border-top:5px solid var(--mh-rust); background:#e7e1d5; padding:30px; }
.mh-conversation-heading .mh-kicker { margin-bottom:12px; }
.mh-conversation-heading h2 { font:400 clamp(33px,3.5vw,45px)/1.12 "DM Serif Display",Georgia,serif; letter-spacing:-.025em; color:var(--mh-ink); margin:0 0 18px; }
.mh-conversation-heading>p:not(.mh-kicker) { font:400 18px/1.65 Georgia,serif; color:#3b443b; margin:0 0 16px; }
.mh-conversation-heading .mh-conversation-prompt { font:400 13px/1.65 "Source Sans 3",sans-serif!important; color:#656052!important; }
.mh-page .mh-conversation .community-discussion { margin-top:24px; padding-top:22px; border-top:1px solid #b8b09d; }
.mh-page .mh-conversation .community-discussion h2 { font-size:25px; margin:0 0 12px; }
.mh-conversation .community-discussion-kicker { color:var(--mh-rust); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.mh-conversation .community-discussion-intro { font-size:13px; color:#625e52; }
.mh-page .mh-conversation .community-comment-form label { font-weight:600; font-size:13px; margin-bottom:8px; }
.mh-page .mh-conversation .community-comment-form textarea { display:block; min-height:155px; resize:vertical; border:1px solid #8d8d7c; background:#fffdf8; color:#23362c; line-height:1.6; margin-bottom:12px; }
.mh-page .mh-conversation .community-comment-form button,.mh-page .mh-conversation .community-comment-signin { display:inline-flex; min-height:46px; align-items:center; padding:11px 22px; background:var(--mh-ink); border:1px solid var(--mh-ink); color:#fff7e7; text-decoration:none; font:600 13px "Source Sans 3",sans-serif; }
.mh-conversation :focus-visible { outline:3px solid #9d4f39; outline-offset:4px; }
.mh-conversation .mh-conversation-contact { font:400 12px/1.6 "Source Sans 3",sans-serif; color:#686052; margin:24px 0 0; }
.mh-conversation [data-community-comments]>p { font:400 14px/1.7 "Source Sans 3",sans-serif; }
.mh-chapters .mh-rail-conversation { margin-top:18px; color:var(--mh-rust); font-weight:700; }
.mh-chapters .mh-rail-sources { margin-top:0; }
.mh-lead-bottom { flex-wrap:wrap; }
.mh-lead-bottom .mh-join-link { margin-left:auto; }
@media(max-width:700px) { .mh-conversation { padding:23px 19px; margin-top:42px; }.mh-conversation-heading>p:not(.mh-kicker) { font-size:17px; }.mh-lead-bottom { gap:8px 20px; }.mh-lead-bottom .mh-join-link { margin-left:0; }.mh-share { margin-left:auto; } }

/* Square video covers retain the actual YouTube thumbnail until playback. */
.mh-video-frame,.mh-video-frame:has(iframe) { position:relative; width:100%; max-width:420px; aspect-ratio:1; min-height:0; padding:0; overflow:hidden; }
.mh-video-frame .mh-video-thumbnail { position:relative; display:block; width:100%; height:100%; min-height:0; padding:0; border:0; margin:0; background:#0c2233; color:#fff6e8; text-decoration:none; cursor:pointer; }
.mh-video-thumbnail img { display:block; width:100%; height:100%; object-fit:cover; }
.mh-video-play-label { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; gap:12px; padding:14px 19px; white-space:nowrap; background:#0c2233ee; border:1px solid #d2b27a; color:#fff6e8; font:600 13px "Source Sans 3",sans-serif; }
.mh-video-play-label>span { color:#e2bd7d; font-size:16px; }
.mh-video-thumbnail:hover .mh-video-play-label { background:#17394b; }
.mh-video-frame .mh-video-thumbnail:focus-visible { outline:3px solid #e2bd7d; outline-offset:-5px; }
.mh-video-frame iframe { aspect-ratio:1; }
