/* MyHistoire — page structure, image bands, parallax, contact. Works with the base styles (base.css).
   Colours: navy #1F3864, deep navy #0F1F3D, red #BD322D, paper #F3F4F7. Type: Helvetica. */
:root{--mh2-navy:#1F3864;--mh2-deep:#0F1F3D;--mh2-red:#BD322D;--mh2-wash:#F3F4F7;--mh2-rule:#DDE1E8;--mh2-text:#2A2F3B;--mh2-muted:#626A7A;--mh2-w:1052px;--mh2-g:max(20px,calc((100vw - var(--mh2-w)) / 2))}

/* full-bleed bands */
.mh2 .entry-content>.alignfull{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box}
.mh2 #footer{margin-top:0}
.mh2 .wp-block-cover{overflow:hidden}
.mh2 .is-px>.wp-block-cover__image-background{will-change:transform;transform:scale(1.22)}
.mh2 .wp-block-cover .wp-block-cover__inner-container{max-width:var(--mh2-w)!important;width:100%!important;margin:0 auto!important;position:relative;z-index:2;color:#fff}
.mh2 .wp-block-cover .wp-block-cover__inner-container>*{max-width:none;margin-left:0!important;margin-right:0!important}

/* small line above titles: the red dot of the logo */
.mh2 .entry-content p.mh2-kicker{display:flex;align-items:center;gap:10px;font-size:15px!important;font-weight:600;letter-spacing:.01em;color:#D6DEEF!important;margin:0 0 18px!important}
.mh2 .entry-content p.mh2-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mh2-red);box-shadow:0 0 0 4px rgba(189,50,45,.25);flex:none}
.mh2 .entry-content p.mh2-kicker.is-dark{color:var(--mh2-muted)!important}

/* buttons on images */
.mh2 .entry-content .wp-block-buttons.mh2-ctas{margin-top:30px!important;gap:12px!important}
.mh2 .entry-content .mh2-btn-light .wp-block-button__link{background:#fff!important;border-color:#fff!important;color:var(--mh2-navy)!important}
.mh2 .entry-content .mh2-btn-light .wp-block-button__link:hover{background:var(--mh2-red)!important;border-color:var(--mh2-red)!important;color:#fff!important}
.mh2 .entry-content .mh2-btn-ghost .wp-block-button__link{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important}
.mh2 .entry-content .mh2-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.14)!important;border-color:#fff!important;color:#fff!important}

/* ---------- HOME HERO ---------- */
.mh2 .wp-block-cover.mh2-hero{min-height:min(94vh,780px)!important;padding:140px var(--mh2-g) 0!important;align-items:flex-end}
.mh2 .mh2-hero>.wp-block-cover__background,.mh2 .mh2-ph>.wp-block-cover__background,.mh2 .mh2-cta>.wp-block-cover__background{background:linear-gradient(100deg,rgba(15,31,61,.95) 0%,rgba(15,31,61,.82) 42%,rgba(31,56,100,.35) 100%)!important;opacity:1!important}
.mh2 .entry-content h1.mh2-title{color:#fff!important;font-size:clamp(40px,6vw,78px)!important;line-height:1.02!important;letter-spacing:-.025em;max-width:13.5ch;margin:0 0 22px!important}
.mh2 .entry-content p.mh2-lead{color:rgba(255,255,255,.88)!important;font-size:clamp(17px,1.55vw,20px)!important;line-height:1.6!important;max-width:640px;margin:0!important}
.mh2 .entry-content p.mh2-lead a{color:#fff!important;text-decoration-color:var(--mh2-red)}
/* the line: three hairlines, a dot per chapter, the red dot is today */
.mh2 .entry-content ol.mh2-line{list-style:none;margin:72px 0 0!important;padding:34px 0 40px!important;display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));position:relative;overflow-x:auto;scrollbar-width:none}
.mh2 .entry-content ol.mh2-line::-webkit-scrollbar{display:none}
.mh2 .entry-content ol.mh2-line::before{content:"";position:absolute;left:0;right:0;top:8px;height:9px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.42) 0 1px,transparent 1px 4px);min-width:672px}
.mh2 .entry-content ol.mh2-line li{position:relative;margin:0!important;padding:0 10px 0 0!important;font-size:15px;line-height:1.35;color:rgba(255,255,255,.9)}
.mh2 .entry-content ol.mh2-line li::before{content:"";position:absolute;left:0;top:-31px;width:11px;height:11px;border-radius:50%;background:var(--mh2-deep);border:2px solid rgba(255,255,255,.85);box-sizing:border-box}
.mh2 .entry-content ol.mh2-line li.is-now::before{width:19px;height:19px;top:-35px;left:-4px;background:var(--mh2-red);border-color:var(--mh2-red);box-shadow:0 0 0 6px rgba(189,50,45,.28)}
.mh2 .entry-content ol.mh2-line li.is-next::before{border-style:dashed;border-color:rgba(255,255,255,.55)}
.mh2 .entry-content ol.mh2-line li a{color:#fff!important;text-decoration:none!important;font-weight:650;display:block}
.mh2 .entry-content ol.mh2-line li a:hover{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--mh2-red)!important;text-underline-offset:4px}
.mh2 .entry-content ol.mh2-line li strong{display:block;font-weight:500;font-size:13px;color:rgba(255,255,255,.62);margin-bottom:2px}
.mh2 .entry-content ol.mh2-line li.is-now strong{color:#ffb3ae}

/* ---------- the original greeting, kept as it is, framed as the first chapter ---------- */
.mh2 .entry-content .mh-hero{padding:88px 0 72px!important}

/* ---------- TOPICS ---------- */
.mh2 .entry-content .mh2-topics{background:var(--mh2-wash);padding:96px var(--mh2-g)!important}
.mh2 .entry-content .mh2-topics h2{margin:0 0 14px!important}
.mh2 .entry-content .mh2-topics p.mh2-intro{max-width:680px;font-size:clamp(17px,1.6vw,19px);color:var(--mh2-text);margin:0 0 40px!important}
.mh2 .entry-content .mh2-tgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.mh2 .entry-content .mh2-topic{background:#fff;border-radius:14px;overflow:hidden;display:flex!important;flex-direction:column;box-shadow:0 1px 0 var(--mh2-rule),0 18px 40px -28px rgba(15,31,61,.35)}
.mh2 .entry-content .mh2-topic figure{margin:0!important;aspect-ratio:4/3;overflow:hidden;background:var(--mh2-navy)}
.mh2 .entry-content .mh2-topic figure img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .6s ease}
.mh2 .entry-content .mh2-topic:hover figure img{transform:scale(1.04)}
.mh2 .entry-content .mh2-topic h3{font-size:20px!important;margin:20px 22px 8px!important}
.mh2 .entry-content .mh2-topic p{font-size:15.5px;line-height:1.55;color:var(--mh2-text);margin:0 22px 14px!important}
.mh2 .entry-content .mh2-topic p.mh2-go{margin:auto 22px 22px!important;font-weight:650;font-size:15px}
@media(max-width:1000px){.mh2 .entry-content .mh2-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mh2 .entry-content .mh2-tgrid{grid-template-columns:1fr}.mh2 .entry-content .mh2-topics{padding:64px 20px!important}}

/* ---------- IMAGE BAND WITH A SENTENCE ---------- */
.mh2 .wp-block-cover.mh2-quote{min-height:460px!important;padding:96px var(--mh2-g)!important}
.mh2 .mh2-quote>.wp-block-cover__background{background:linear-gradient(0deg,rgba(15,31,61,.82),rgba(15,31,61,.55))!important;opacity:1!important}
.mh2 .entry-content p.mh2-quote-text{color:#fff!important;font-size:clamp(28px,3.6vw,46px)!important;line-height:1.15!important;font-weight:700;letter-spacing:-.015em;max-width:20ch;margin:0 0 18px!important}
.mh2 .entry-content p.mh2-quote-by{color:rgba(255,255,255,.75)!important;font-size:15px!important;margin:0!important}
.mh2 .entry-content p.mh2-quote-by a{color:#fff!important}

/* ---------- CLOSING BAND ---------- */
.mh2 .wp-block-cover.mh2-cta{min-height:420px!important;padding:96px var(--mh2-g)!important}
.mh2 .entry-content .mh2-cta h2{color:#fff!important;max-width:18ch;margin:0 0 14px!important}
.mh2 .entry-content .mh2-cta p{color:rgba(255,255,255,.85)!important;max-width:600px}

/* ---------- PAGE HEADERS (Portfolio, Journal, Lab, Contact) ---------- */
.mh2 .wp-block-cover.mh2-ph{min-height:460px!important;padding:130px var(--mh2-g) 72px!important;align-items:flex-end}
.mh2 .wp-block-cover.mh2-ph::after{content:"";position:absolute;z-index:2;right:var(--mh2-g);bottom:34px;width:200px;height:19px;background:radial-gradient(circle at 70% 50%,var(--mh2-red) 0 6px,transparent 7px),repeating-linear-gradient(to bottom,transparent 0 5px,rgba(255,255,255,.45) 5px 6px,transparent 6px 9px);opacity:.9}
.mh2 .entry-content .mh2-ph h1{color:#fff!important;font-size:clamp(40px,5.4vw,66px)!important;line-height:1.04!important;letter-spacing:-.02em;margin:0 0 18px!important;max-width:16ch}
.mh2 .entry-content .mh2-ph p.mh-lede,.mh2 .entry-content .mh2-ph p.mh-read{color:rgba(255,255,255,.88)!important;max-width:660px}
.mh2 .entry-content .mh2-ph p.mh-read{margin-top:14px!important;font-size:16.5px;color:rgba(255,255,255,.75)!important}
.mh2 .entry-content .mh2-ph a:not(.wp-block-button__link){color:#fff!important}
.mh2 .entry-content .mh2-ph .wp-block-buttons.mh-ctas .wp-block-button:first-child .wp-block-button__link{background:#fff!important;border-color:#fff!important;color:var(--mh2-navy)!important}
.mh2 .entry-content .mh2-ph .wp-block-buttons.mh-ctas .is-style-outline .wp-block-button__link{background:transparent!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}
.mh2 .entry-content .mh2-ph .wp-block-buttons.mh-ctas .wp-block-button__link:hover{background:var(--mh2-red)!important;border-color:var(--mh2-red)!important;color:#fff!important}
.mh2 .entry-content .mh2-after{padding-top:56px!important}
@media(max-width:781px){.mh2 .wp-block-cover.mh2-ph{min-height:380px!important;padding:110px 20px 56px!important}.mh2 .wp-block-cover.mh2-ph::after{width:120px;bottom:22px}}

/* ---------- CONTACT ---------- */
.mh2 .entry-content .mh2-ccard{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);background:#fff;border:1px solid var(--mh2-rule);border-radius:22px;box-shadow:0 30px 70px -30px rgba(15,31,61,.35);margin-top:-56px!important;position:relative;z-index:3;overflow:hidden}
.mh2 .entry-content .mh2-cside{background:var(--mh2-wash);padding:38px 32px!important}
.mh2 .entry-content .mh2-cmain{padding:38px 38px 34px!important}
.mh2 .entry-content .mh2-ccard h3{font-size:22px!important;margin:0 0 16px!important}
.mh2 .entry-content .mh2-chans{display:grid!important;gap:12px}
.mh2 .entry-content p.mh2-chan{margin:0!important;font-size:15px;line-height:1.45;color:var(--mh2-muted);padding:14px 16px 14px 64px;background:#fff;border:1px solid var(--mh2-rule);border-radius:14px;position:relative;min-height:66px;box-sizing:border-box}
.mh2 .entry-content p.mh2-chan strong{display:block;color:var(--mh2-navy);font-size:15.5px}
.mh2 .entry-content p.mh2-chan br{display:none}
.mh2 .entry-content p.mh2-chan a{color:var(--mh2-navy)}
.mh2 .entry-content p.mh2-chan::before{content:"";position:absolute;left:14px;top:50%;margin-top:-19px;width:38px;height:38px;border-radius:11px;background:var(--mh2-navy)}
.mh2 .entry-content p.mh2-chan::after{content:"";position:absolute;left:23px;top:50%;margin-top:-10px;width:20px;height:20px;background:#fff;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.mh2 .entry-content p.mh2-chan-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3zm2 2v.5l7 4.5 7-4.5V7z'/%3E%3C/svg%3E")}
.mh2 .entry-content p.mh2-chan-in{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h3v9H6zM7.5 4.5a1.7 1.7 0 1 1 0 3.4 1.7 1.7 0 0 1 0-3.4zM11 9h2.9v1.3c.4-.8 1.4-1.5 2.9-1.5 3 0 3.6 2 3.6 4.5V18h-3v-4.2c0-1 0-2.3-1.4-2.3s-1.6 1.1-1.6 2.2V18h-3z'/%3E%3C/svg%3E")}
.mh2 .entry-content p.mh2-chan-place{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E")}
.mh2 .entry-content p.mh2-chan-lang{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v11H9l-5 4zm4 4v2h8V8zm0 3v1h5v-1z'/%3E%3C/svg%3E")}
.mh2 .entry-content p.mh2-cnote{font-size:14px!important;color:var(--mh2-muted)!important;margin:18px 0 0!important}
.mh2 .entry-content .mh2-more{padding:72px 0 88px!important}
.mh2 .entry-content .mh2-more h2{margin:0 0 24px!important}
.mh2 .entry-content .mh2-more .mh-paths{margin-bottom:0}
@media(max-width:860px){.mh2 .entry-content .mh2-ccard{grid-template-columns:1fr;margin-top:-36px!important}.mh2 .entry-content .mh2-cside,.mh2 .entry-content .mh2-cmain{padding:26px 22px!important}}

/* contact form */
.site-cf{margin:0}
.site-cf .site-cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.site-cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.site-cf-grid p{margin:0!important}.site-cf-grid .w-full{grid-column:1/-1}
.site-cf label{display:block;font-size:14px;font-weight:650;color:var(--mh2-navy);margin-bottom:6px}
.site-cf label span{color:var(--mh2-red)}
.site-cf input,.site-cf select,.site-cf textarea{width:100%;box-sizing:border-box;border:1px solid var(--mh2-rule)!important;background:var(--mh2-wash)!important;border-radius:12px!important;padding:12px 14px!important;font:400 16px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif!important;color:var(--mh2-text)!important;box-shadow:none!important;min-height:48px}
.site-cf textarea{min-height:150px;resize:vertical}
.site-cf input:focus,.site-cf select:focus,.site-cf textarea:focus{border-color:var(--mh2-navy)!important;background:#fff!important;outline:2px solid rgba(31,56,100,.18);outline-offset:0}
.site-cf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}
.site-cf-submit{background:var(--mh2-navy);color:#fff;border:0;border-radius:999px;padding:14px 28px;font:650 15.5px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer;transition:background .15s}
.site-cf-submit:hover,.site-cf-submit:focus-visible{background:var(--mh2-red)}
.site-cf-note{margin:0!important;font-size:13.5px!important;color:var(--mh2-muted)!important}
.site-cf-ok,.site-cf-err{border-radius:12px;padding:12px 16px;margin:0 0 16px!important;font-weight:600}
.site-cf-ok{background:#e9f6ef;color:#0b6b3a}.site-cf-err{background:#fdecec;color:#9b1c1c}
@media(max-width:600px){.site-cf-grid{grid-template-columns:1fr}}

/* stats opt-out on the privacy page */
.site-stats-notice{margin-top:36px;padding-top:8px;border-top:1px solid var(--mh2-rule)}
.site-optout label{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--mh2-navy)}

@media(max-width:781px){
 .mh2 .wp-block-cover.mh2-hero{padding:110px 20px 0!important;min-height:640px!important}
 .mh2 .entry-content ol.mh2-line{margin-top:48px!important;grid-template-columns:repeat(7,104px)}
 .mh2 .wp-block-cover.mh2-quote,.mh2 .wp-block-cover.mh2-cta{padding:72px 20px!important;min-height:360px!important}
 .mh2 .entry-content .mh-hero{padding:56px 0 48px!important}
}
@media(prefers-reduced-motion:reduce){.mh2 *{transition:none!important}.mh2 .is-px>.wp-block-cover__image-background{transform:none!important}}

/* Journal filters (buttons with anchors f-all, f-portfolio, f-articles) */
body:has(#f-articles:target) .mh-cards .wp-block-post:not(.category-articles){display:none!important}
.mh2 .entry-content .mh-figures.mh2-after{margin-top:56px!important;padding-top:0!important}

/* ---------- figures band under the home hero ---------- */
.mh2 .entry-content .mh2-figs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(110deg,#0F1F3D 0%,#1F3864 55%,#2E5596 100%);padding:34px var(--mh2-g)!important;position:relative;overflow:hidden}
.mh2 .entry-content .mh2-figs::after{content:"";position:absolute;right:-140px;top:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(189,50,45,.22),transparent 70%);pointer-events:none}
.mh2 .entry-content .mh2-fig{padding:4px 22px!important;border-left:1px solid rgba(255,255,255,.16)}
.mh2 .entry-content .mh2-fig:first-child{border-left:0;padding-left:0!important}
.mh2 .entry-content p.mh2-fig-n{color:#fff!important;font-size:clamp(28px,3vw,40px)!important;font-weight:750;letter-spacing:-.02em;line-height:1.05!important;margin:0 0 6px!important}
.mh2 .entry-content p.mh2-fig-l{color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.4!important;margin:0!important}
@media(max-width:860px){.mh2 .entry-content .mh2-figs{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.mh2 .entry-content .mh2-fig:nth-child(odd){border-left:0;padding-left:0!important}}

/* ---------- page header with the text on the right (portfolio) ---------- */
.mh2 .mh2-ph-right>.wp-block-cover__background{background:linear-gradient(260deg,rgba(15,31,61,.96) 0%,rgba(15,31,61,.86) 45%,rgba(15,31,61,.25) 100%)!important;opacity:1!important}
.mh2 .wp-block-cover.mh2-ph-right .wp-block-cover__inner-container{padding-left:max(0px,calc(100% - 600px))!important;box-sizing:border-box}
.mh2 .mh2-ph-right .wp-block-buttons{justify-content:flex-start}
.mh2 .wp-block-cover.mh2-ph-right{min-height:540px!important}
.mh2 .wp-block-cover.mh2-ph-right::after{right:auto;left:var(--mh2-g)}
@media(max-width:781px){.mh2 .mh2-ph-right>.wp-block-cover__background{background:linear-gradient(0deg,rgba(15,31,61,.96) 30%,rgba(15,31,61,.55) 100%)!important}.mh2 .wp-block-cover.mh2-ph-right .wp-block-cover__inner-container{padding-left:0!important}}

/* ---------- education & toolbox ---------- */
.mh2 .entry-content .mh2-creds{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:44px}
.mh2 .entry-content .mh2-cred{background:var(--mh2-wash);border-radius:16px;padding:24px 24px 22px!important;border-top:3px solid var(--mh2-navy);display:flex!important;flex-direction:column}
.mh2 .entry-content .mh2-cred:nth-child(n+4){border-top-color:var(--mh2-red)}
.mh2 .entry-content p.mh2-cred-k{font-size:13px!important;font-weight:650;color:var(--mh2-muted)!important;margin:0 0 10px!important}
.mh2 .entry-content .mh2-cred h3{font-size:21px!important;margin:0 0 6px!important}
.mh2 .entry-content p.mh2-cred-s{font-size:15.5px!important;color:var(--mh2-text)!important;margin:0!important}
.mh2 .entry-content h3.mh2-kit-title{font-size:22px!important;margin:0 0 18px!important}
.mh2 .entry-content .mh2-kit2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:2px solid var(--mh2-navy)}
.mh2 .entry-content .mh2-kitcol{padding:20px 0!important;border-bottom:1px solid var(--mh2-rule)}
.mh2 .entry-content .mh2-kitcol h3{font-size:16.5px!important;margin:0 0 12px!important}
.mh2 .entry-content ul.mh2-chips{list-style:none;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.mh2 .entry-content ul.mh2-chips li{margin:0!important;padding:6px 12px!important;font-size:14px;line-height:1.3;border:1px solid var(--mh2-rule);border-radius:999px;background:#fff;color:var(--mh2-text)}
@media(max-width:860px){.mh2 .entry-content .mh2-creds{grid-template-columns:1fr 1fr}.mh2 .entry-content .mh2-kit2{grid-template-columns:1fr}}
@media(max-width:560px){.mh2 .entry-content .mh2-creds{grid-template-columns:1fr}}

/* ---------- Lab: two families ---------- */
.mh2 .entry-content .mh2-labgroup{padding:56px 0 8px!important}
.mh2 .entry-content .mh2-labgroup+.mh2-labgroup{border-top:1px solid var(--mh2-rule);margin-top:48px!important}
.mh2 .entry-content .mh2-labgroup .mh-head h2{font-size:clamp(26px,3vw,34px)!important}
.mh2 .entry-content .mh-tool{background:#fff;transition:box-shadow .2s,transform .2s}
.mh2 .entry-content .mh-tool:hover{box-shadow:0 22px 44px -30px rgba(15,31,61,.45);transform:translateY(-2px)}
.mh2 .entry-content .mh-tool.mh2-feature{grid-column:1/-1;background:linear-gradient(110deg,#0F1F3D,#1F3864 60%,#2E5596);border-color:transparent;color:#fff;padding:32px!important}
.mh2 .entry-content .mh2-feature h3,.mh2 .entry-content .mh2-feature p{color:#fff!important}
.mh2 .entry-content .mh2-feature>p:not(.mh-for){font-size:17px!important;max-width:680px}
.mh2 .entry-content .mh2-feature p.mh-for{color:rgba(255,255,255,.7)!important}
.mh2 .entry-content .mh2-feature a{color:#fff!important}
.mh2 .entry-content .mh2-feature .mh-t>p.mh-beta{color:#ffb3ae!important}
.mh2 .entry-content .mh-tool>p:last-child a{margin-right:18px;font-weight:650}
.mh2-ic{display:inline-block;width:40px;height:40px;border-radius:11px;background:var(--mh2-navy);position:relative;vertical-align:middle}
.mh2-feature .mh2-ic{background:var(--mh2-red)}
.mh2-ic::after{content:"";position:absolute;inset:9px;background:#fff;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.ic-radar{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 12l6-6'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='black'/%3E%3C/svg%3E")}
.ic-pipeline{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='5' height='16' rx='1.5'/%3E%3Crect x='10' y='4' width='5' height='11' rx='1.5'/%3E%3Crect x='17' y='4' width='4' height='7' rx='1.5'/%3E%3C/svg%3E")}
.ic-launch{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3c4 2 6 6 5 11l-3 3h-4l-3-3C6 9 8 5 12 3z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3Cpath d='M9 19l-2 2M15 19l2 2'/%3E%3C/svg%3E")}
.ic-nutri{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 13c0-5 4-8 9-9 1 5-1 10-6 12'/%3E%3Cpath d='M4 20c3-4 6-7 10-10'/%3E%3C/svg%3E")}
.ic-lifeos{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}

/* ---------- light / dark switch in the header ---------- */
.mh-theme-btn{border:1px solid var(--mh2-rule);background:transparent;color:var(--mh2-navy);width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;margin-left:14px;padding:0}
.mh-theme-btn:hover{border-color:var(--mh2-navy)}.mh-theme-btn .i-sun{display:none}
html[data-mh-theme="dark"] .mh-theme-btn .i-moon{display:none}html[data-mh-theme="dark"] .mh-theme-btn .i-sun{display:block}
/* cover photos always fill their band (a general img{height:auto} rule was shrinking them) */
.mh2 .wp-block-cover>.wp-block-cover__image-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover}

/* ===== 2026.11 ===== */
.mh2 .wp-block-cover.mh2-hero{padding-bottom:96px!important}
/* five topics: 3 + 2 */
.mh2 .entry-content .mh2-tgrid5{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.mh2 .entry-content .mh2-tgrid5>.mh2-topic{grid-column:span 2}
.mh2 .entry-content .mh2-tgrid5>.mh2-topic:nth-child(4),.mh2 .entry-content .mh2-tgrid5>.mh2-topic:nth-child(5){grid-column:span 3}
.mh2 .entry-content .mh2-tgrid5>.mh2-topic:nth-child(4) figure,.mh2 .entry-content .mh2-tgrid5>.mh2-topic:nth-child(5) figure{aspect-ratio:16/7}
@media(max-width:1000px){.mh2 .entry-content .mh2-tgrid5{grid-template-columns:1fr 1fr!important}.mh2 .entry-content .mh2-tgrid5>.mh2-topic{grid-column:auto!important}.mh2 .entry-content .mh2-tgrid5>.mh2-topic figure{aspect-ratio:4/3!important}}
@media(max-width:600px){.mh2 .entry-content .mh2-tgrid5{grid-template-columns:1fr!important}}
/* portfolio: photo on the right, words on the left */
.mh2 .mh2-ph-left>.wp-block-cover__background{background:linear-gradient(90deg,rgba(15,31,61,.96) 0%,rgba(15,31,61,.85) 38%,rgba(15,31,61,.15) 70%,rgba(15,31,61,0) 100%)!important;opacity:1!important}
.mh2 .wp-block-cover.mh2-ph-left{min-height:560px!important}
.mh2 .wp-block-cover.mh2-ph-left .wp-block-cover__inner-container>*{max-width:560px!important}
@media(max-width:781px){.mh2 .mh2-ph-left>.wp-block-cover__background{background:linear-gradient(0deg,rgba(15,31,61,.96) 35%,rgba(15,31,61,.5) 100%)!important}}
/* hello */
.mh2 .entry-content .mh2-hello-sec{padding:64px 0 8px!important}
.mh2 .entry-content h2.mh2-hello{font-size:clamp(32px,4vw,48px)!important;margin:0 0 14px!important}
.mh2 .entry-content h2.mh2-hello mark{color:var(--mh2-red)!important;background:none!important}
.mh2 .entry-content p.mh2-hello-lead{font-size:clamp(18px,1.7vw,21px)!important;max-width:760px;margin:0 0 8px!important}
.mh2 .entry-content p.mh2-hello-sub{font-size:17px!important;color:var(--mh2-muted)!important;max-width:760px}
.mh2 .entry-content .mh-figures{margin-top:40px!important}
/* journal: people & stories */
body:has(#f-people:target) .mh-cards .wp-block-post:not(.category-people){display:none!important}
body:has(#f-people:target) .mh-filters #f-people .wp-block-button__link{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.mh2 .entry-content .mh2-together{padding-top:72px!important}
.site-stats-notice{max-width:var(--mh-w,1052px);margin:40px auto 0!important;padding:8px 20px 60px!important;box-sizing:border-box}.site-stats-notice h2{font-size:24px!important}
.mh2 .entry-content .mh2-ph h1 mark{color:inherit!important;background:none!important;box-shadow:inset 0 -.12em 0 var(--mh2-red)}
.mh2 .entry-content .mh2-ph p.mh2-ph-hi{color:#fff!important;font-size:clamp(19px,1.8vw,23px)!important;font-weight:600;margin:0 0 14px!important}
.mh2 .entry-content .mh2-ph h1{max-width:18ch}
/* footer: one centred line on every site */
footer#footer [data-row] [data-column]{justify-content:center!important}
footer#footer .ct-footer-copyright,footer#footer .ct-footer-copyright p{text-align:center!important;margin-inline:auto!important;width:100%}
footer#footer .ct-footer-copyright p{display:block!important}
.mh-foot{display:block!important;text-align:center!important}.mh-foot a{margin-left:0!important}

/* portfolio hero: the greeting fits on one line */
.mh2 .entry-content .mh2-ph-left h1{font-size:clamp(30px,3.6vw,46px)!important;max-width:none!important;white-space:nowrap}
@media(max-width:600px){.mh2 .entry-content .mh2-ph-left h1{white-space:normal;font-size:30px!important}}
/* portfolio header on wide screens: the photo keeps the width of the page content, centred, edges faded into the navy */
@media(min-width:1200px){
 .mh2 .wp-block-cover.mh2-ph-left{background:#0F1F3D}
 .mh2 .wp-block-cover.mh2-ph-left>.wp-block-cover__image-background{left:50%!important;right:auto!important;width:min(1500px,100vw)!important;margin-left:max(-750px,-50vw)!important;transform:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
 .mh2 .mh2-ph-left>.wp-block-cover__background{background:linear-gradient(90deg,rgba(15,31,61,1) 0%,rgba(15,31,61,.92) calc(50% - 300px),rgba(15,31,61,.15) calc(50% + 150px),rgba(15,31,61,0) 100%)!important}
}

/* ===== 2026.11.13 — clear cards, less text density ===== */
/* article lists: real cards */
.mh2 .entry-content .mh-cards .wp-block-post-template,.entry-content .mh-cards .wp-block-post-template{gap:22px!important}
.entry-content .mh-cards .wp-block-post{background:#fff;border:1px solid var(--mh2-rule,#DDE1E8);border-radius:18px;overflow:hidden;box-shadow:0 16px 34px -26px rgba(15,31,61,.4);padding:0 0 18px!important;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.entry-content .mh-cards .wp-block-post:hover{transform:translateY(-2px);box-shadow:0 22px 40px -24px rgba(15,31,61,.45)}
.entry-content .mh-cards .wp-block-post .wp-block-post-featured-image{margin:0 0 14px!important;border-radius:0!important;aspect-ratio:16/9;overflow:hidden}
.entry-content .mh-cards .wp-block-post .wp-block-post-featured-image img{border-radius:0!important;width:100%;height:100%;object-fit:cover}
.entry-content .mh-cards .wp-block-post>*:not(.wp-block-post-featured-image){padding-left:18px!important;padding-right:18px!important;margin-left:0!important;margin-right:0!important}
.entry-content .mh-cards .wp-block-post .wp-block-post-terms{font-size:12px!important;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mh2-red,#BD322D)!important;margin:0 0 6px!important}
.entry-content .mh-cards .wp-block-post .wp-block-post-terms a{color:inherit!important;text-decoration:none!important}
.entry-content .mh-cards .wp-block-post .wp-block-post-title{font-size:clamp(17px,1.6vw,20px)!important;line-height:1.3!important;margin:0 0 8px!important}
.entry-content .mh-cards .wp-block-post .wp-block-post-excerpt,.entry-content .mh-cards .wp-block-post .wp-block-post-excerpt__excerpt{font-size:15px!important;line-height:1.55!important;margin:0!important;color:var(--mh2-text,#2A2F3B)}
/* four areas: one card per area */
.mh2 .entry-content .mh-areas{gap:16px!important}
.mh2 .entry-content .mh-areas>.wp-block-group{background:#fff;border:1px solid var(--mh2-rule);border-left:4px solid var(--mh2-red);border-radius:14px;padding:18px 20px!important;box-shadow:0 12px 28px -24px rgba(15,31,61,.35)}
.mh2 .entry-content .mh-areas>.wp-block-group h3{border:0!important;padding:0!important;margin:0 0 8px!important;font-size:18px!important}
.mh2 .entry-content .mh-areas>.wp-block-group h3::before{display:none!important}
.mh2 .entry-content .mh-areas>.wp-block-group p{font-size:15px!important;line-height:1.55!important;margin:0 0 8px!important}
.mh2 .entry-content .mh-areas>.wp-block-group p:last-child{font-size:12.5px!important;color:var(--mh2-muted)!important;margin:0!important}
/* toolbox: one card per group */
.mh2 .entry-content .mh2-kit2{border-top:0!important;gap:16px!important}
.mh2 .entry-content .mh2-kitcol{background:#fff;border:1px solid var(--mh2-rule)!important;border-radius:14px;padding:16px 18px!important}
.mh2 .entry-content .mh2-kitcol h3{font-size:15px!important;margin:0 0 10px!important}
.mh2 .entry-content ul.mh2-chips{gap:6px!important}
.mh2 .entry-content ul.mh2-chips li{padding:4px 10px!important;font-size:12.5px!important;background:var(--mh2-wash,#F3F4F7)!important;border-color:transparent!important}
@media(max-width:781px){
 .mh2 .entry-content .mh-areas{grid-template-columns:1fr!important}
 .mh2 .entry-content h2{font-size:clamp(26px,7vw,32px)!important}
}
/* newsletter */
.mh2 .entry-content .mh2-nl{max-width:var(--mh-w,1052px);margin:56px auto!important;padding:28px 30px!important;border-radius:20px;background:linear-gradient(110deg,#0F1F3D,#1F3864 60%,#2E5596);color:#fff;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 34px;align-items:center;box-sizing:border-box}
.mh2 .entry-content .mh2-nl h2{color:#fff!important;font-size:clamp(22px,2.4vw,28px)!important;margin:0 0 6px!important}
.mh2 .entry-content .mh2-nl p.mh2-nl-lead{color:rgba(255,255,255,.78)!important;font-size:15px!important;margin:0!important}
.site-nl{margin:0}.site-nl .site-nl-row{display:flex;gap:8px;background:#fff;border-radius:999px;padding:5px}
.site-nl input[type=email]{flex:1;min-width:0;border:0!important;background:transparent!important;padding:10px 14px!important;font-size:15px;color:#1F3864;outline:none;box-shadow:none!important}
.site-nl button{border:0;border-radius:999px;background:#BD322D;color:#fff;font-weight:700;padding:10px 20px;cursor:pointer;font-size:15px}
.site-nl button:hover{background:#941100}
.site-nl .site-nl-note{font-size:12.5px!important;color:rgba(255,255,255,.7)!important;margin:8px 4px 0!important}
.site-nl .site-nl-note a{color:#fff!important}
.site-nl .site-nl-msg{background:rgba(255,255,255,.12);border-radius:12px;padding:10px 14px;margin:0 0 8px!important;color:#fff!important;font-weight:600}
.site-nl .site-cf-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
@media(max-width:781px){.mh2 .entry-content .mh2-nl{grid-template-columns:1fr;padding:22px 18px!important;margin:40px 16px!important}}
