/* ============================================================
   MCF FRONT PAGE (2026-10-25, approved by Alicia from the mock-ups, revision 2):
   the static front page, drawn by templates/mcf-front.php behind the
   `mcf_front` switch. The forensic look of the Insights pages: light, square
   cards, hairlines, navy and gold, IBM Plex Mono for the eyebrows.
   Its own tokens (--fp-*), read by this sheet alone: nothing here reaches
   another page, and no other page's token reaches this one (tokens/main/
   custom.css are not loaded here). Every rule is scoped to #edWrap.mcffp,
   which only the front page template prints.
   Narrow screens SCALE a Global number with a named multiplier, never replace
   it. The layout follows #edWrap's width (container "fp"), so the panel's
   iPad and Phone buttons show the real iPad and phone layouts.
   ============================================================ */
/* IBM Plex Mono 400 and 500, latin, served from the theme. Open Font License. */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Roboto Flex, served from the theme (the same file chrome.css declares), so the page draws in it even with the theme header off. */
@font-face{font-family:"Roboto Flex";font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../fonts/roboto-flex-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Flex";font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../fonts/roboto-flex-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* text sizes */
  --fp-h1:52px;          /* the headline */
  --fp-sub:21px;         /* the line under it */
  --fp-text:16px;        /* the intro and the "What we do best" paragraph */
  --fp-eye:12px;         /* the mono eyebrows */
  --fp-btn-fs:15px;
  --fp-badge:44;         /* the collage badge, "Mission Critical Forensics" (unitless: the collage scales it as one piece) */
  --fp-badge-s:16;       /* "Driving Resolution" (unitless) */
  --fp-cap:13;           /* the collage captions (unitless) */
  --fp-h2:38px;          /* "Explore What We Do Best" */
  --fp-card-h:21px;
  --fp-card-t:15px;
  --fp-go:12px;          /* "View the service" */
  --fp-why-h:36px;       /* "Why Clients Choose MCF" */
  --fp-why-s:18px;
  --fp-q:17px;           /* a fold-out's question */
  --fp-a:15px;           /* its answer */
  --fp-cta-h:34px;       /* the closing headline */
  --fp-cta-t:17px;
  /* colours */
  --fp-ink:#1C244B;      /* headline, headings, card titles, questions; a card's edge on hover */
  --fp-body:#324A6D;     /* text and captions */
  --fp-gold:#815C00;     /* eyebrows, "Driving Resolution", a card title on hover, the fold-out sign */
  --fp-edge:#D9A63C;     /* the Brochure Download outline, the closing band's edge */
  --fp-link:#2F63D6;     /* links in the text, "View the service" */
  --fp-badge-c:#073579;  /* "Mission Critical Forensics" in the collage */
  --fp-bg:#F5F6F4;       /* the page */
  --fp-surface:#FFFFFF;  /* the top, cards, fold-outs, the closing band */
  --fp-band:#F3F5F8;     /* the collage band */
  --fp-line:#D8DBE1;     /* outlines */
  --fp-dash:#C9CDD5;     /* the dashed card divider */
  --fp-btn:#5186F7;      /* buttons (house blue: buttons are blue, white or gold, never navy) */
  --fp-btn-txt:#FFFFFF;
  /* layout */
  --fp-wrap:1160px;      /* the page, padding included */
  --fp-pad:40px;         /* side padding */
  --fp-sec:80px;         /* above and below "What we do best" and "Why Clients Choose MCF" */
  --fp-col-gap:24px;     /* between cards */
  --fp-card-r:8px        /* card corners (Alicia, 2026-10-25: "too sharp, make a small curve"; 8px = the house button radius) */
}

/* base: Elementor's kit and Hello's reset style bare tags site-wide, so every part sets what it draws */
#edWrap.mcffp{container:fp / inline-size;background:var(--fp-bg);color:var(--fp-body);font-family:var(--font,"Roboto Flex",system-ui,-apple-system,"Segoe UI",Arial,sans-serif);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;padding:0;overflow-x:clip}
#edWrap.mcffp *,#edWrap.mcffp *::before,#edWrap.mcffp *::after{box-sizing:border-box}
#edWrap.mcffp :is(h1,h2,h3,p,ul,li,section,details,summary){margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none}
#edWrap.mcffp a{color:inherit;text-decoration:none;background:none}
#edWrap.mcffp strong{font-weight:600}

/* narrow-screen multipliers (not panel controls); set on the sections, which a container query can style */
#edWrap.mcffp > *{--fp-h1-mul:1;--fp-sub-mul:1;--fp-text-mul:1;--fp-eye-mul:1;--fp-h2-mul:1;--fp-why-mul:1;--fp-cta-mul:1;--fp-card-mul:1;--fp-whys-mul:1;--fp-q-mul:1;--fp-ctat-mul:1;--fp-go-mul:1;--fp-pad-mul:1;--fp-sec-mul:1}
@container fp (max-width:1024px){#edWrap.mcffp > *{--fp-h1-mul:calc(42 / 52);--fp-h2-mul:calc(32 / 38);--fp-why-mul:calc(31 / 36);--fp-cta-mul:calc(30 / 34);--fp-pad-mul:.8;--fp-sec-mul:.75}}
@container fp (max-width:767px){#edWrap.mcffp > *{--fp-h1-mul:calc(34 / 52);--fp-sub-mul:calc(18 / 21);--fp-text-mul:calc(15 / 16);--fp-eye-mul:calc(11 / 12);--fp-h2-mul:calc(28 / 38);--fp-why-mul:calc(28 / 36);--fp-cta-mul:calc(26 / 34);--fp-card-mul:calc(19 / 21);--fp-whys-mul:calc(16 / 18);--fp-q-mul:calc(16 / 17);--fp-ctat-mul:calc(16 / 17);--fp-go-mul:calc(11 / 12);--fp-pad-mul:.5;--fp-sec-mul:.6}}

#edWrap.mcffp .fp-in{width:100%;max-width:var(--fp-wrap);margin-left:auto;margin-right:auto;padding-left:calc(var(--fp-pad) * var(--fp-pad-mul));padding-right:calc(var(--fp-pad) * var(--fp-pad-mul))}
#edWrap.mcffp .fp-eye{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(var(--fp-eye) * var(--fp-eye-mul));font-weight:400;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-gold)}
#edWrap.mcffp .fp-text{font-size:calc(var(--fp-text) * var(--fp-text-mul));line-height:1.6;color:var(--fp-body)}
#edWrap.mcffp .fp-text a{color:var(--fp-link);transition:color .2s}
#edWrap.mcffp .fp-text a:hover{color:var(--fp-gold)}
#edWrap.mcffp .fp-h2{font-weight:600;line-height:1.15;color:var(--fp-ink);text-wrap:balance}
#edWrap.mcffp .fp-h2-explore{font-size:calc(var(--fp-h2) * var(--fp-h2-mul))}
#edWrap.mcffp .fp-h2-why{font-size:calc(var(--fp-why-h) * var(--fp-why-mul))}
#edWrap.mcffp .fp-h2-cta{font-size:calc(var(--fp-cta-h) * var(--fp-cta-mul))}

/* buttons: blue or gold outline, 8px corners; hover = transparent with a 1px outline */
#edWrap.mcffp .fp-acts{display:flex;flex-wrap:wrap;gap:14px}
#edWrap.mcffp .fp-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border:1px solid var(--fp-btn);border-radius:8px;background:var(--fp-btn);font-size:var(--fp-btn-fs);font-weight:400;line-height:1.3;color:var(--fp-btn-txt);text-align:center;transition:background-color .2s,color .2s,border-color .2s}
#edWrap.mcffp .fp-btn:hover,#edWrap.mcffp .fp-btn:focus-visible{background:transparent;color:var(--fp-btn)}
#edWrap.mcffp .fp-btn-o{background:transparent;border-color:var(--fp-edge);color:var(--fp-gold)}
#edWrap.mcffp .fp-btn-o:hover,#edWrap.mcffp .fp-btn-o:focus-visible{background:transparent;border-color:var(--fp-gold);color:var(--fp-gold)}

/* the top */
#edWrap.mcffp .fp-hero{background:var(--fp-surface);border-bottom:1px solid var(--fp-line)}
#edWrap.mcffp .fp-hero-in{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:72px;padding-bottom:56px;text-align:center}
#edWrap.mcffp .fp-h1{max-width:860px;font-size:calc(var(--fp-h1) * var(--fp-h1-mul));font-weight:600;line-height:1.08;color:var(--fp-ink);text-wrap:balance}
#edWrap.mcffp .fp-sub{max-width:720px;font-size:calc(var(--fp-sub) * var(--fp-sub-mul));font-weight:300;line-height:1.45;color:var(--fp-ink)}
#edWrap.mcffp .fp-intro{max-width:760px}
#edWrap.mcffp .fp-hero .fp-acts{justify-content:center;margin-top:10px}

/* ---------- the collage ----------
   Desktop: the live composition to the pixel (a 1440 x 600 box; photos at the
   measured positions and sizes, the badge under the equipment photo). Narrower,
   it scales as ONE piece: positions are percentages of the box, every photo
   keeps its shape, and the type scales by --fp-k (1px at 1440 and wider, the
   box's share of 1440 below), with captions and the badge's small line never
   under 11px. On a phone it becomes a composed grid (below). */
#edWrap.mcffp .fp-band{background:var(--fp-band);padding:40px 0 24px;overflow-x:clip}
#edWrap.mcffp .fp-col{container:fpcol / inline-size;--fp-k:min(1px, 100cqw / 1440);--fp-bmul:1;--fp-smul:1;--fp-cmul:1;position:relative;width:100%;max-width:1440px;aspect-ratio:1440 / 600;margin:0 auto}
#edWrap.mcffp .fp-ph{position:absolute;z-index:1;display:flex;flex-direction:column;gap:max(5px, calc(10 * var(--fp-k)));text-align:center;color:var(--fp-body)}
#edWrap.mcffp .fp-ph:hover,#edWrap.mcffp .fp-ph:focus-visible{z-index:3}
#edWrap.mcffp .fp-fr{display:block;overflow:visible}
#edWrap.mcffp .fp-ph .fp-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transition:transform .5s}
#edWrap.mcffp .fp-ph:hover .fp-img,#edWrap.mcffp .fp-ph:focus-visible .fp-img{transform:scale(1.1)}
#edWrap.mcffp .fp-cap{display:block;font-size:max(11px, calc(var(--fp-cap) * var(--fp-cmul) * var(--fp-k)));line-height:1.3;color:var(--fp-body)}
#edWrap.mcffp .fp-ph-dc{left:calc(70 / 1440 * 100%);top:0;width:calc(250 / 1440 * 100%)}
#edWrap.mcffp .fp-ph-dc .fp-fr{aspect-ratio:1 / 1}
#edWrap.mcffp .fp-ph-fire{left:calc(72.5 / 1440 * 100%);top:calc(381 / 600 * 100%);width:calc(297.5 / 1440 * 100%)}
#edWrap.mcffp .fp-ph-fire .fp-fr{aspect-ratio:297.5 / 166}
#edWrap.mcffp .fp-ph-eq{left:calc(450.3 / 1440 * 100%);top:0;width:calc(579.4 / 1440 * 100%)}
#edWrap.mcffp .fp-ph-eq .fp-fr{aspect-ratio:579.4 / 400}
#edWrap.mcffp .fp-ph-bess{left:calc(1148.8 / 1440 * 100%);top:0;width:calc(232.5 / 1440 * 100%)}
#edWrap.mcffp .fp-ph-bess .fp-fr{aspect-ratio:1 / 1}
#edWrap.mcffp .fp-ph-el{left:calc(1110 / 1440 * 100%);top:calc(341 / 600 * 100%);width:calc(310 / 1440 * 100%)}
#edWrap.mcffp .fp-ph-el .fp-fr{aspect-ratio:310 / 206}
/* the badge: "Mission Critical Forensics" 44px / 600 / -2.7px in #073579 over "DRIVING RESOLUTION" 16px / 300 / 10px tracking in gold, as measured on the live page */
#edWrap.mcffp .fp-badge{position:absolute;z-index:2;left:calc(425 / 1440 * 100%);top:calc(470 / 600 * 100%);width:calc(630 / 1440 * 100%);text-align:center}
#edWrap.mcffp .fp-badge-t{font-size:calc(var(--fp-badge) * var(--fp-bmul) * var(--fp-k));font-weight:600;line-height:1.1;letter-spacing:calc(-2.7em / 44);color:var(--fp-badge-c)}
#edWrap.mcffp .fp-badge-s{margin-top:calc(10 * var(--fp-k));font-size:max(11px, calc(var(--fp-badge-s) * var(--fp-smul) * var(--fp-k)));font-weight:300;line-height:1.5;letter-spacing:.625em;text-transform:uppercase;color:var(--fp-gold)}
#edWrap.mcffp .fp-badge a{color:inherit}
@container fp (max-width:1024px){
  #edWrap.mcffp .fp-band{padding:40px 20px 44px}
}
/* Phone: the composed grid from the approved phone board. Below about 560px the
   scaled composition's captions start running into the photo under them and
   its smallest photo falls under 90px, so from 600px down the collage is
   recomposed rather than shrunk: the badge on top, the equipment photo full
   width (16:10), Data Centre and BESS as squares, Fires and Electrical at 3:2,
   two columns with every edge aligned. */
@container fp (max-width:600px){
  #edWrap.mcffp .fp-band{padding:32px 20px 36px}
  #edWrap.mcffp .fp-col{--fp-k:1px;--fp-bmul:calc(31 / 44);--fp-smul:calc(12 / 16);--fp-cmul:calc(12 / 13);position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-items:start;aspect-ratio:auto}
  #edWrap.mcffp .fp-ph{position:static;left:auto;top:auto;width:auto;gap:8px}
  #edWrap.mcffp .fp-ph .fp-img{transition:none}
  #edWrap.mcffp .fp-ph:hover .fp-img{transform:none}
  #edWrap.mcffp .fp-badge{position:static;left:auto;top:auto;width:auto;grid-column:1 / -1;order:-2;margin-bottom:8px}
  #edWrap.mcffp .fp-badge-t{line-height:1.15}
  #edWrap.mcffp .fp-badge-s{margin-top:8px}
  #edWrap.mcffp .fp-ph-eq{grid-column:1 / -1;order:-1}
  #edWrap.mcffp .fp-ph-eq .fp-fr{aspect-ratio:16 / 10}
  #edWrap.mcffp .fp-ph-dc{order:1}
  #edWrap.mcffp .fp-ph-bess{order:2}
  #edWrap.mcffp .fp-ph-fire{order:3}
  #edWrap.mcffp .fp-ph-el{order:4}
  #edWrap.mcffp :is(.fp-ph-fire,.fp-ph-el) .fp-fr{aspect-ratio:3 / 2}
}

/* ---------- what we do best: nine cards, one behaviour ---------- */
#edWrap.mcffp .fp-explore .fp-in{display:flex;flex-direction:column;gap:36px;padding-top:calc(var(--fp-sec) * var(--fp-sec-mul));padding-bottom:calc(var(--fp-sec) * var(--fp-sec-mul))}
#edWrap.mcffp .fp-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
#edWrap.mcffp .fp-head .fp-text{max-width:820px}
#edWrap.mcffp .fp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fp-col-gap)}
/* no outline (Alicia, 2026-10-25: "too solid, just need a gentle drop with blur so it pops"): a soft two-layer shadow, deeper on hover */
#edWrap.mcffp .fp-card{display:flex;flex-direction:column;border:0;border-radius:var(--fp-card-r);overflow:hidden;background:var(--fp-surface);color:var(--fp-body);box-shadow:0 2px 6px rgba(28,36,75,.06),0 8px 24px rgba(28,36,75,.08);transition:box-shadow .25s}
#edWrap.mcffp .fp-pic{display:block;aspect-ratio:4 / 3;overflow:hidden}
#edWrap.mcffp .fp-pic .fp-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transition:transform .5s}
#edWrap.mcffp .fp-bd{display:flex;flex-direction:column;flex:1;gap:8px;padding:20px 22px 22px}
#edWrap.mcffp .fp-card-h{font-size:calc(var(--fp-card-h) * var(--fp-card-mul));font-weight:600;line-height:1.25;color:var(--fp-ink);transition:color .2s}
#edWrap.mcffp .fp-card-t{flex:1;font-size:var(--fp-card-t);line-height:1.5;color:var(--fp-body)}
#edWrap.mcffp .fp-go{margin-top:8px;padding-top:12px;border-top:1px dashed var(--fp-dash);font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:calc(var(--fp-go) * var(--fp-go-mul));line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-link)}
#edWrap.mcffp .fp-card:hover,#edWrap.mcffp .fp-card:focus-visible{box-shadow:0 4px 10px rgba(28,36,75,.08),0 16px 36px rgba(28,36,75,.14)}
#edWrap.mcffp .fp-card:hover .fp-pic .fp-img,#edWrap.mcffp .fp-card:focus-visible .fp-pic .fp-img{transform:scale(1.06)}
#edWrap.mcffp .fp-card:hover .fp-card-h,#edWrap.mcffp .fp-card:focus-visible .fp-card-h{color:var(--fp-gold)}

/* ---------- why clients choose MCF: seven fold-outs beside the heading ---------- */
#edWrap.mcffp .fp-why{background:var(--fp-surface);border-top:1px solid var(--fp-line);border-bottom:1px solid var(--fp-line)}
#edWrap.mcffp .fp-why-in{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start;padding-top:calc(var(--fp-sec) * var(--fp-sec-mul));padding-bottom:calc(var(--fp-sec) * var(--fp-sec-mul))}
#edWrap.mcffp .fp-why-head{display:flex;flex-direction:column;gap:14px}
#edWrap.mcffp .fp-why-s{font-size:calc(var(--fp-why-s) * var(--fp-whys-mul));font-weight:300;line-height:1.5;color:var(--fp-ink)}
#edWrap.mcffp .fp-qs{display:flex;flex-direction:column;gap:10px}
#edWrap.mcffp .fp-q{border:1px solid var(--fp-line);background:var(--fp-surface)}
#edWrap.mcffp .fp-q > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;list-style:none;cursor:pointer}
#edWrap.mcffp .fp-q > summary::-webkit-details-marker{display:none}
#edWrap.mcffp .fp-q > summary::after{content:"+";flex:none;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;line-height:1;color:var(--fp-gold)}
#edWrap.mcffp .fp-q[open] > summary::after{content:"\2212"}
#edWrap.mcffp .fp-q-h{font-size:calc(var(--fp-q) * var(--fp-q-mul));font-weight:600;line-height:1.35;color:var(--fp-ink)}
#edWrap.mcffp .fp-q > summary:hover .fp-q-h{color:var(--fp-gold)}
#edWrap.mcffp .fp-a{padding:0 20px 20px}
#edWrap.mcffp .fp-a p,#edWrap.mcffp .fp-a li{font-size:var(--fp-a);line-height:1.6;color:var(--fp-body)}
#edWrap.mcffp .fp-a p + p,#edWrap.mcffp .fp-a ul + p,#edWrap.mcffp .fp-a p + ul{margin-top:10px}
#edWrap.mcffp .fp-a ul{margin-left:0;padding-left:20px;list-style:disc}
#edWrap.mcffp .fp-a li + li{margin-top:6px}

/* ---------- the closing band ---------- */
#edWrap.mcffp .fp-cta{background:var(--fp-surface);border-top:3px solid var(--fp-edge)}
#edWrap.mcffp .fp-cta-in{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:56px;padding-bottom:64px}
#edWrap.mcffp .fp-cta-main{display:flex;flex-direction:column;gap:10px}
#edWrap.mcffp .fp-cta-t{font-size:calc(var(--fp-cta-t) * var(--fp-ctat-mul));line-height:1.5;color:var(--fp-body)}
#edWrap.mcffp .fp-cta-acts{flex:none}

/* ---------- iPad ---------- */
@container fp (max-width:1024px){
  #edWrap.mcffp .fp-hero-in{padding-top:56px;padding-bottom:48px}
  #edWrap.mcffp .fp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #edWrap.mcffp .fp-why-in{grid-template-columns:260px minmax(0,1fr);gap:40px}
  #edWrap.mcffp .fp-cta-in{padding-top:48px;padding-bottom:56px}
}
/* ---------- phone: the approved phone board ---------- */
@container fp (max-width:767px){
  #edWrap.mcffp .fp-hero-in{align-items:stretch;gap:14px;padding-top:40px;padding-bottom:36px;text-align:left}
  #edWrap.mcffp .fp-h1{line-height:1.12}
  #edWrap.mcffp .fp-hero .fp-acts{flex-direction:column;gap:12px;margin-top:6px}
  #edWrap.mcffp .fp-acts .fp-btn{padding:13px 22px}
  #edWrap.mcffp .fp-explore .fp-in{gap:20px}
  #edWrap.mcffp .fp-head{align-items:stretch;text-align:left}
  #edWrap.mcffp .fp-bd{gap:6px;padding:16px 18px 18px}
  #edWrap.mcffp .fp-go{margin-top:6px;padding-top:10px}
  #edWrap.mcffp .fp-why-in{grid-template-columns:minmax(0,1fr);gap:20px}
  #edWrap.mcffp .fp-why-head{gap:12px}
  #edWrap.mcffp .fp-q > summary{gap:12px;min-height:48px;padding:12px 16px}
  #edWrap.mcffp .fp-a{padding:0 16px 16px}
  #edWrap.mcffp .fp-cta-in{flex-direction:column;align-items:stretch;gap:16px;padding-top:40px;padding-bottom:44px}
  #edWrap.mcffp .fp-cta-acts{flex-direction:column;gap:12px}
}
@container fp (max-width:600px){
  #edWrap.mcffp .fp-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  #edWrap.mcffp :is(.fp-img,.fp-card,.fp-card-h,.fp-btn){transition:none}
}