/* ==========================================================================
   FrancoMusso.com — site layer (loads after Design System/styles.css)
   Promoted kit layouts + new components + the intentional responsive system.
   Tokens only: no raw colours, sizes from the space/type scales.

   Responsive tiers (every layout below is designed for each, not just squashed):
     phone    < 600      single column, 20px gutters, swipe rails, compact list cards, bottom-sheet dialogs
     tablet   600–1023   two-column grids, fullscreen menu, stacked editorial splits
     laptop   1024–1199  fullscreen menu still, editorial 7/5 splits, articles without rail (ChapterPill)
     desktop  ≥ 1200     full header nav, Folio with rail TOC + margin breakouts
     wide     ≥ 1600     content capped at --page-max; extra width goes to margins and imagery
   ========================================================================== */

/* ---------- Utilities ---------- */
.fm-stack-4{display:grid;gap:var(--space-4)}
.fm-stack-5{display:grid;gap:var(--space-5)}
.fm-stack-6{display:grid;gap:var(--space-6)}
.fm-stack-8{display:grid;gap:var(--space-8)}
.fm-mt-5{margin-top:var(--space-5)}
.fm-mt-7{margin-top:var(--space-7)}
.fm-mb-5{margin-bottom:var(--space-5)}
.fm-grow{margin-right:auto}
.fm-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.fm-label--on-brand{color:var(--plum-300)}
.fm-section--flush-top{padding-top:0}
.fm-section--tight{padding-block:var(--space-9) var(--space-section)}
.fm-band{background:var(--surface-tint)}
.fm-band__intro{display:grid;gap:var(--space-5);justify-items:start}
.fm-metaval{font-family:var(--font-ui);font-weight:var(--fw-semibold);color:var(--text-1);font-size:var(--fs-ui)}
@media (min-width:1024px){.fm-sticky{position:sticky;top:calc(var(--header-h) + var(--space-6))}}

.fm-skip{position:fixed;left:var(--space-4);top:var(--space-3);z-index:calc(var(--z-dialog) + 1);padding:var(--space-3) var(--space-5);background:var(--surface-inverse);color:var(--bg-page);border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:var(--fw-semibold);text-decoration:none;transform:translateY(-200%);transition:transform var(--dur-base) var(--ease-out)}
.fm-skip:focus{transform:none;color:var(--bg-page)}
main:focus{outline:none}

.fm-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-3) var(--space-4);padding-top:var(--space-5);margin-bottom:var(--space-8);border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-sechead__meta{font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:0;color:var(--text-3);margin-left:var(--space-3);white-space:nowrap}
.fm-more{font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-sm);text-decoration:none;color:var(--text-accent);white-space:nowrap}
.fm-more .bi{display:inline-block;transition:transform var(--dur-base) var(--ease-out)}
.fm-more:hover .bi{transform:translateX(3px)}

/* ---------- Header: full nav from 1024 (DS default is 900), scroll-aware ---------- */
.fm-header{transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}
.fm-header.is-hidden{transform:translateY(-100%)}
@media (max-width:1199.98px){.fm-nav{display:none}.fm-header__inner{justify-content:space-between}}
@media (min-width:900px) and (max-width:1199.98px){.fm-header .fm-header__menu{display:inline-flex!important}}
@media (min-width:600px) and (max-width:899.98px){.fm-header .fm-header__hide-sm{display:inline-flex!important}}
@media (min-width:1200px){.fm-header .fm-header__menu{display:none!important}}
@media (min-width:1200px) and (max-width:1359.98px){.fm-header__inner{gap:var(--space-5)}.fm-nav__link{padding:0 0.6rem}}
.fm-header__hide-sm,.fm-header__hide-md{display:inline-flex}

.fm-menubtn{display:inline-flex;align-items:center;gap:var(--space-2);height:2.5rem;padding:0 var(--space-2) 0 var(--space-4);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-1);font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.fm-menubtn:hover{border-color:var(--text-1)}
.fm-menubtn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.fm-menubtn__icon{position:relative;display:block;width:1.5rem;height:1.5rem}
.fm-menubtn__icon span{position:absolute;left:0.25rem;right:0.25rem;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:currentColor;transition:transform var(--dur-slow) var(--ease-out)}
.fm-menubtn__icon span:first-child{transform:translateY(-0.2rem)}
.fm-menubtn__icon span:last-child{transform:translateY(0.2rem)}
.fm-menubtn[aria-expanded="true"] .fm-menubtn__icon span:first-child{transform:rotate(45deg)}
.fm-menubtn[aria-expanded="true"] .fm-menubtn__icon span:last-child{transform:rotate(-45deg)}

/* Header while the menu is open: sits transparently on top of the plum takeover */
.fm-header.is-menu-open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent;transform:none}
.fm-header.is-menu-open .fm-wordmark,.fm-header.is-menu-open .fm-wordmark__name{color:var(--text-on-brand)}
.fm-header.is-menu-open .fm-wordmark__tag{color:var(--plum-300)}
.fm-header.is-menu-open .fm-header__actions>:not(.fm-menubtn){visibility:hidden}
.fm-header.is-menu-open .fm-menubtn{background:var(--white);border-color:var(--white);color:var(--plum-900)}
html.is-locked,html.is-locked body{overflow:hidden}

/* ---------- Fullscreen menu (takeover) ---------- */
.fm-menu{position:fixed;inset:0;z-index:calc(var(--z-header) - 1);overflow-y:auto;overscroll-behavior:contain;background:var(--gradient-brand);color:var(--text-on-brand-2);padding:calc(var(--header-h) + var(--space-7)) var(--gutter) var(--space-8);visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path var(--dur-slower) var(--ease-in-out),opacity var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-slower)}
.fm-menu::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--texture-dots);opacity:0.5;-webkit-mask-image:var(--mask-edges);mask-image:var(--mask-edges);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none}
.fm-menu{isolation:isolate}
.fm-menu.is-open{visibility:visible;opacity:1;clip-path:inset(0);transition:clip-path var(--dur-slower) var(--ease-in-out),opacity var(--dur-base) var(--ease-out),visibility 0s}
.fm-menu__inner{max-width:var(--page-max);min-height:100%;margin-inline:auto;display:grid;gap:var(--space-9);align-content:space-between}
.fm-menu__list{list-style:none;margin:0;padding:0;border-top:var(--border-width) solid oklch(100% 0 0 / 0.14)}
.fm-menu__list li,.fm-menu__aside{opacity:0;transform:translateY(var(--reveal-distance));transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.fm-menu.is-open .fm-menu__list li,.fm-menu.is-open .fm-menu__aside{opacity:1;transform:none;transition-delay:calc(120ms + var(--i) * 45ms)}
.fm-menu__link{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:var(--space-4);align-items:baseline;padding:var(--space-4) 0;border-bottom:var(--border-width) solid oklch(100% 0 0 / 0.14);color:var(--text-on-brand);text-decoration:none}
.fm-menu__num{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--plum-300)}
.fm-menu__label{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:clamp(2rem,1.3rem + 3.4vw,3.75rem);line-height:1;letter-spacing:-0.04em;transition:color var(--dur-fast) var(--ease-out)}
.fm-menu__blurb{grid-column:2;margin-top:var(--space-2);font-family:var(--font-reading);font-style:italic;font-size:var(--fs-body-sm);color:var(--plum-200)}
.fm-menu__link:hover{color:var(--text-on-brand)}
.fm-menu__link:hover .fm-menu__label{color:transparent;-webkit-text-stroke:1.5px var(--white)}
.fm-menu__link[aria-current="page"] .fm-menu__label{text-decoration:underline;text-decoration-color:var(--ember-300);text-decoration-thickness:0.06em;text-underline-offset:0.14em}
.fm-menu__link:focus-visible{outline:2px solid var(--white);outline-offset:4px}
.fm-menu__aside{display:grid;gap:var(--space-8);align-content:end}
.fm-menu__search .fm-field__label{color:var(--plum-200)}
.fm-menu__search .fm-input{background:oklch(100% 0 0 / 0.08);border-color:oklch(100% 0 0 / 0.22);color:var(--white)}
.fm-menu__search .fm-input::placeholder{color:var(--plum-300)}
.fm-menu__search .fm-input-wrap>.bi{color:var(--plum-300)}
.fm-menu__cta{display:grid;gap:var(--space-4);justify-items:start;padding-top:var(--space-6);border-top:var(--border-width) solid oklch(100% 0 0 / 0.14)}
.fm-menu__pitch{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-h3);line-height:1.1;letter-spacing:-0.03em;color:var(--white);max-width:18ch}
.fm-menu__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-5)}
.fm-menu__theme{display:flex;align-items:center;gap:var(--space-3)}
.fm-menu__theme .fm-label{color:var(--plum-300)}
.fm-menu__social{display:flex;gap:var(--space-2);list-style:none;margin:0;padding:0}
.fm-menu__social a{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);border:var(--border-width) solid oklch(100% 0 0 / 0.22);color:var(--white);text-decoration:none;font-size:1.1rem}
.fm-menu__social a:hover{background:var(--white);color:var(--plum-900)}
@media (min-width:600px){
  .fm-menu__inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;column-gap:var(--space-10)}
}
@media (max-height:560px) and (min-width:600px){.fm-menu__label{font-size:1.75rem}.fm-menu__link{padding:var(--space-2) 0}.fm-menu__blurb{display:none}}

/* ---------- Home hero ---------- */
.fm-hero{padding-block:var(--space-10)}
.fm-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-10);align-items:center}
.fm-hero__copy{display:grid;gap:var(--space-7);align-content:center}
.fm-hero__title{max-width:11ch;margin:0}
.fm-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.fm-hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin:0;padding-top:var(--space-5);border-top:var(--border-width) solid var(--border-1)}
.fm-hero__stats div{display:grid;gap:var(--space-1)}
.fm-hero__stats dt{font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}
.fm-hero__stats dd{margin:0;font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-h3);line-height:1;letter-spacing:-0.03em;color:var(--text-1);font-variant-numeric:tabular-nums}
.fm-hero__stats--inline{border-top:0;padding-top:0}
.fm-hero__stats--on-brand{border-top-color:oklch(100% 0 0 / 0.16)}
.fm-hero__stats--on-brand dt{color:var(--plum-300)}
.fm-hero__stats--on-brand dd{color:var(--white)}
.fm-hero__art{position:relative;padding:0 0 var(--space-9) var(--space-9)}
.fm-hero__photo{transform:rotate(1.2deg)}
.fm-hero__latest{position:absolute;left:0;bottom:0;width:min(21rem,82%);display:grid;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--surface-raised);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-4);text-decoration:none;color:var(--text-1);transition:transform var(--dur-slow) var(--ease-out)}
.fm-hero__latest:hover{transform:translateY(-4px);color:var(--text-1)}
.fm-hero__latest-title{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:1.3125rem;line-height:1.1;letter-spacing:-0.025em}
.fm-hero__latest-foot{display:flex;justify-content:space-between;align-items:center;color:var(--text-accent)}
.fm-hero__stages{margin-top:var(--space-11)}
.fm-hero__ask{margin-bottom:var(--space-4)}

/* Stage picker */
.fm-stagepick{background:var(--surface-card);box-shadow:var(--shadow-panel);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-stagepick__opt{display:grid;gap:var(--space-2);align-content:start;text-align:left;padding:var(--space-4) var(--space-4) var(--space-5);background:none;border:0;border-right:var(--border-width) solid var(--border-1);cursor:pointer;font-family:var(--font-ui);color:var(--text-2);transition:background-color var(--dur-fast) var(--ease-out)}
.fm-stagepick__opt:last-child{border-right:0}
.fm-stagepick__opt:hover{background:var(--accent-softer)}
.fm-stagepick__opt:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--focus-ring)}
.fm-stagepick__opt[aria-checked="true"]{background:var(--gradient-brand);box-shadow:var(--shadow-3);color:var(--text-on-brand-2)}
.fm-stagepick__opt[aria-checked="true"] .fm-stage__num{color:var(--plum-300)}
.fm-stagepick__opt[aria-checked="true"] .fm-stage__bar{background:oklch(100% 0 0 / 0.2)}
.fm-stagepick__opt[aria-checked="true"] .fm-stage__bar.is-on{background:var(--white)}
.fm-stagepick__name{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:1.375rem;letter-spacing:-0.03em;color:var(--text-1);margin-top:var(--space-2)}
.fm-stagepick__opt[aria-checked="true"] .fm-stagepick__name{color:var(--white)}
.fm-stagepick__blurb{font-size:0.8125rem;line-height:1.4}
.fm-stagepick__count{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-3);font-variant-numeric:tabular-nums}
.fm-stagepick__opt[aria-checked="true"] .fm-stagepick__count{color:var(--plum-300)}

/* Picks */
.fm-picks__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-9)}
.fm-picks__side{display:grid;gap:var(--space-6);align-content:start}
.fm-picks[hidden]{display:none}
.fm-card__text{display:grid;gap:var(--space-3)}
.fm-card--horizontal{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-6)}

/* Swipe rails: a grid on wide screens, a snap-scrolling row on phones */
.fm-rail-scroll{--cols:3}
.fm-rail-scroll--4{--cols:4}
.fm-rail-scroll--quotes{--cols:2}
.fm-rail-scroll__track{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--space-9) var(--space-7)}
.fm-rail-scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:6px}

/* Topics + promos */
.fm-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.fm-topic__text{display:grid;gap:var(--space-2);align-content:end}
.fm-promos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5)}
.fm-promo,.fm-course{height:100%}

/* ---------- Page heroes, filters, archives ---------- */
.fm-pagehero{padding-block:var(--space-9) var(--space-8)}
.fm-pagehero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-9);align-items:end;margin-top:var(--space-7)}
.fm-pagehero__grid--wide{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}
.fm-pagehero__intro{display:grid;gap:var(--space-6)}
.fm-pagehero__title{display:grid;gap:var(--space-5);justify-items:start}
.fm-pagehero__icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:var(--radius-lg);background:var(--gradient-brand);color:var(--white);font-size:1.75rem;box-shadow:var(--shadow-3)}
.fm-pagehero--search{padding-block:var(--space-10) var(--space-7)}
.fm-searchform{display:flex;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}
.fm-searchform .fm-input-wrap{flex:1}
.fm-input--xl{height:4rem;font-size:var(--fs-h4);font-family:var(--font-display);font-weight:var(--fw-semibold)}
.fm-input-wrap>.bi~.fm-input--xl{padding-left:3rem}
.fm-searchform .fm-input-wrap>.bi{font-size:1.25rem;left:1.1rem}
.fm-searchform .fm-btn{height:4rem;padding-inline:var(--space-7)}

.fm-filterbar{position:sticky;top:var(--header-h);z-index:5;background:color-mix(in oklch,var(--bg-page) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-1);transition:top var(--dur-slow) var(--ease-out)}
.is-header-hidden .fm-filterbar{top:0}
.fm-filterbar__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.fm-filter__status{margin:var(--space-5) 0 0;min-height:1.2em}
.fm-stagegroup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-9);padding-block:var(--space-10);border-bottom:var(--border-width) solid var(--border-1);scroll-margin-top:calc(var(--header-h) + 8rem)}
.fm-stagegroup__head{display:grid;gap:var(--space-4);align-content:start;position:sticky;top:calc(var(--header-h) + 9rem)}
.fm-stagegroup__head .fm-small{margin:0;max-width:30ch}
.fm-stagegroup[hidden],[data-fm-filter] .fm-card[hidden],[data-fm-filter] [data-kind][hidden]{display:none}
.fm-cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10) var(--space-7)}
.fm-cardgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.fm-topic-feature{margin-bottom:var(--space-10)}
.fm-topic-feature .fm-card--feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-9);align-items:center}
.fm-topic-feature .fm-card--feature>.fm-card__media{grid-row:1 / span 4}
.fm-topicnav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-9)}
.fm-taglist{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.fm-taglist .fm-label{margin-right:var(--space-3)}
.fm-dialog .fm-taglist{margin-top:var(--space-5)}
.fm-taglist--center{justify-content:center}

.fm-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-5);border-top:var(--border-width-strong) solid var(--border-strong);font-family:var(--font-ui)}
.fm-pagination ol{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}
.fm-pagination__num{display:grid;place-items:center;min-width:2.75rem;height:2.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text-2);text-decoration:none}
a.fm-pagination__num:hover{background:var(--accent-softer);color:var(--text-1)}
.fm-pagination__num[aria-current]{background:var(--text-1);color:var(--bg-page)}
.fm-pagination__step{display:inline-flex;align-items:center;gap:var(--space-2);min-width:6rem;font-weight:var(--fw-semibold);color:var(--text-accent);text-decoration:none}
.fm-pagination__step[rel="next"]{justify-content:flex-end}
.fm-pagination__of{flex-basis:100%;text-align:center}

.fm-empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-11) var(--space-5);text-align:center}
.fm-empty>.bi{font-size:2rem;color:var(--text-accent)}
.fm-empty[hidden]{display:none}
.fm-results{list-style:none;margin:0;padding:0;counter-reset:fm-res}
.fm-results li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-2) var(--space-5);padding:var(--space-6) 0;border-top:var(--border-width) solid var(--border-1);counter-increment:fm-res;position:relative}
.fm-results li::before{content:counter(fm-res,decimal-leading-zero);grid-row:span 3;font-family:var(--font-display);font-weight:var(--fw-black);font-size:1.75rem;line-height:1;letter-spacing:-0.05em;color:var(--accent)}
.fm-results a{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h4);color:var(--text-1);text-decoration:none}
.fm-results a::after{content:"";position:absolute;inset:0}
.fm-results a:hover{text-decoration:underline}
.fm-results p{margin:0;font-size:var(--fs-body-sm);color:var(--text-2)}
.fm-results mark{background:var(--marker);color:var(--marker-fg);padding:0 0.1em;border-radius:2px}
.fm-results .fm-card__foot{margin-top:var(--space-2)}

/* ---------- Articles ---------- */
.fm-arthero{padding-block:var(--space-9) var(--space-10)}
.fm-arthero__eyebrow{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-8)}
.fm-arthero__title{margin-top:var(--space-5);max-width:18ch}
.fm-arthero__foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-10);margin-top:var(--space-9);padding-top:var(--space-6);border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-arthero__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6);align-content:start}
.fm-arthero__meta>div{display:grid;gap:var(--space-2);align-content:start}
.fm-article--folio,.fm-article--column{padding-top:var(--space-10);padding-bottom:var(--space-6)}
.fm-rail-cta{margin-top:var(--space-8);padding:var(--space-5);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-md);display:grid;gap:var(--space-3);justify-items:start}
.fm-rail-cta .fm-small{margin:0}
.fm-article .fm-chapterhead:first-of-type{margin-top:var(--space-10)}
.fm-article__quote{margin-block:var(--space-section)}
.fm-prose>.fm-figure--legacy{margin-block:var(--space-block)}
.fm-figure--legacy .fm-figure__media{border:0;background:none;overflow:visible}
.fm-figure--legacy .fm-shot__body img{width:100%;height:auto}
.fm-figure--legacy figcaption{max-width:none}
.fm-shot__zoombtn{display:grid;place-items:center;width:2rem;height:1.75rem;margin-right:calc(var(--space-2) * -1);border:0;border-radius:var(--radius-sm);background:none;color:var(--text-3);cursor:zoom-in;font-size:0.8rem}
.fm-shot__zoombtn:hover{background:var(--accent-softer);color:var(--text-1)}
.fm-shot__body img{cursor:zoom-in}
.fm-prose>.fm-table{margin-block:var(--space-block);overflow-x:auto;max-width:100%}
.fm-table:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.fm-table table{min-width:32rem}
.fm-gif .fm-figure__media{aspect-ratio:16 / 9;position:relative}
.fm-gif iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fm-prose-lede{font-family:var(--font-reading);font-weight:var(--fw-light);font-size:var(--fs-lede);line-height:1.4;color:var(--text-1)}
.fm-prose>blockquote p{max-width:none}
.fm-prose>.fm-figure>.fm-player,.fm-prose .fm-figure .fm-player{box-shadow:var(--shadow-3)}

.fm-spread-contents{padding-block:var(--space-10)}
.fm-spread-contents__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-5)}
.fm-spread-intro{max-width:44rem;margin:var(--space-10) auto 0}
.fm-contents .is-active a{background:var(--surface-brand)}

/* Article end: tags, share, author, prev/next, comments, next-in-stage */
.fm-article-end{padding-block:var(--space-11) var(--space-section)}
.fm-article-end__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-5);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border-1)}
.fm-share{display:flex;align-items:center;gap:var(--space-2)}
.fm-share .fm-label{margin-right:var(--space-2)}
.fm-article-end__grid{display:grid;grid-template-columns:minmax(0,var(--col-content)) minmax(0,24rem);justify-content:space-between;gap:var(--space-10);margin-top:var(--space-10)}
.fm-article-end__main{display:grid;gap:var(--space-10);align-content:start}
.fm-article-end__side .fm-label{display:block;margin:0 0 var(--space-3)}
.fm-article-end__list .fm-card--list .fm-card__title{font-size:1.0625rem}

.fm-author{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-6);align-items:start;padding:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-lg)}
.fm-author__photo{border-radius:50%;box-shadow:var(--shadow-2)}
.fm-author__text{display:grid;gap:var(--space-2)}
.fm-author__name{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-h4);letter-spacing:-0.02em;color:var(--text-1)}
.fm-author__text .fm-small{margin:0}
.fm-author__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}

.fm-postnav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.fm-postnav__item{display:grid;gap:var(--space-3);align-content:start;padding-top:var(--space-4);border-top:var(--border-width-strong) solid var(--border-strong);text-decoration:none;color:var(--text-1)}
.fm-postnav__item--next{text-align:right;justify-items:end}
.fm-postnav__item .fm-label{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--text-accent)}
.fm-postnav__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);line-height:1.25;letter-spacing:-0.01em;text-wrap:balance}
.fm-postnav__item:hover .fm-postnav__title{text-decoration:underline;text-decoration-thickness:2px}

.fm-comments{display:grid;gap:var(--space-7)}
.fm-comments__list,.fm-comments__children{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-6)}
.fm-comments__children{margin-top:var(--space-6);padding-left:var(--space-6);border-left:var(--border-width-strong) solid var(--border-1)}
.fm-comment article{display:grid;gap:var(--space-3)}
.fm-comment__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-family:var(--font-ui)}
.fm-comment__avatar{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--accent-soft);color:var(--text-accent);font-weight:var(--fw-bold);font-size:0.8125rem}
.fm-comment.is-author>article .fm-comment__avatar{background:var(--gradient-brand);color:var(--white)}
.fm-comment__name{font-weight:var(--fw-semibold);color:var(--text-1)}
.fm-comment__date{font-size:0.8125rem;color:var(--text-3);text-decoration:none}
.fm-comment__body{font-family:var(--font-reading);font-size:var(--fs-body-sm);line-height:1.6;color:var(--text-2);padding-left:calc(2.25rem + var(--space-3))}
.fm-comment__body>*+*{margin-top:0.8em}
.fm-comment footer{padding-left:calc(2.25rem + var(--space-3))}
.fm-comment__reply{display:inline-flex;gap:var(--space-2);align-items:center;padding:0;border:0;background:none;font-family:var(--font-ui);font-size:0.8125rem;font-weight:var(--fw-semibold);color:var(--text-accent);cursor:pointer}
.fm-comments__form{display:grid;gap:var(--space-5);padding:var(--space-7);background:var(--surface-tint);border-radius:var(--radius-lg)}
.fm-comments__form .fm-small{margin:0}
.fm-comments__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.fm-textarea{height:auto;min-height:8rem;padding-block:var(--space-3);line-height:1.5;resize:vertical}

/* ---------- Video ---------- */
.fm-vidhero{padding-block:var(--space-10) var(--space-11)}
.fm-vidhero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-10);align-items:end}
.fm-vidhero__copy{display:grid;gap:var(--space-6)}
.fm-vidhero__copy .fm-crumbs,.fm-vidhero__copy .fm-crumbs a{color:var(--plum-300)}
.fm-vidhero__copy .fm-crumbs [aria-current]{color:var(--white)}
.fm-vidhero__title{color:var(--white);margin:0}
.fm-vidhero .fm-lede{color:var(--plum-100)}
.fm-vidhero__player{display:grid;gap:var(--space-4)}
.fm-vidband{color:var(--plum-200);padding-block:var(--space-9)}
.fm-vidband__inner{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:var(--space-9);align-items:start}
.fm-vidband__side{display:grid;gap:var(--space-5)}
.fm-vidband__side .fm-crumbs,.fm-vidband__side .fm-crumbs a{color:var(--plum-300)}
.fm-vidband__side .fm-crumbs [aria-current]{color:var(--white)}
.fm-vidband__eyebrow{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}
.fm-vidband__title{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-h2);line-height:1.02;letter-spacing:-0.03em;color:var(--white);margin:0}
.fm-vidband__deck{font-family:var(--font-reading);font-size:var(--fs-body-sm);color:var(--plum-200);margin:0}
.fm-vidband .fm-chapters{margin-top:var(--space-3)}
.fm-vidband .fm-chapters li{border-color:oklch(100% 0 0 / 0.12)}
.fm-vidband .fm-chapters button{color:var(--plum-200);grid-template-columns:2rem minmax(0,1fr) auto}
.fm-vidband .fm-chapters button:hover,.fm-vidband .fm-chapters .is-active button{color:var(--white)}
.fm-vidband .fm-chapters time{color:var(--plum-300)}
.fm-vidband .fm-chapters .is-active button::after{display:none}
.fm-chapters__dur{font-size:0.8125rem;font-variant-numeric:tabular-nums;color:var(--plum-300)}
.fm-tabpanels{margin-top:var(--space-8)}
.fm-tabpanels [role="tabpanel"]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:8px}

/* ---------- Prompts & skills ---------- */
.fm-legend{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-7);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-2)}
.fm-legend span{display:inline-flex;gap:var(--space-2);align-items:center}
.fm-legend .bi{color:var(--text-accent)}
.fm-skillgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,34rem),1fr));gap:var(--space-6)}
.fm-promptgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-9) var(--space-7)}
.fm-promptgrid>div{display:grid;gap:var(--space-3);align-content:start}
.fm-promptgrid__meta{display:flex;gap:var(--space-4);align-items:center}

/* ---------- Course & coaching ---------- */
.fm-coursehero{position:relative;isolation:isolate;overflow:hidden;background:var(--gradient-brand);color:var(--plum-200);padding-block:var(--space-11) var(--space-9)}
.fm-coursehero__bg{position:absolute;inset:0;z-index:-1}
.fm-coursehero__bg img{width:100%;height:100%;object-fit:cover;opacity:0.55}
.fm-coursehero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,oklch(16% 0.06 305 / 0.96) 30%,oklch(16% 0.06 305 / 0.5))}
.fm-coursehero__top{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}
.fm-coursehero__title{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-mega);line-height:0.86;letter-spacing:-0.05em;color:var(--white);margin:var(--space-7) 0 0;max-width:10ch}
.fm-coursehero__row{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:var(--space-9);align-items:end;margin-top:var(--space-9)}
.fm-coursehero__deck{font-family:var(--font-reading);font-weight:var(--fw-light);font-size:var(--fs-lede);line-height:1.38;color:var(--plum-100);margin:0;max-width:44ch}
.fm-coursehero__deck strong{font-weight:var(--fw-medium);color:var(--white)}
.fm-coursehero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.fm-coursehero__facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-8);margin-top:var(--space-9);padding-top:var(--space-6);border-top:var(--border-width) solid oklch(100% 0 0 / 0.16);font-family:var(--font-ui);font-size:var(--fs-sm)}
.fm-coursehero__facts span{display:inline-flex;gap:0.5em;align-items:center}
.fm-coursehero__facts .bi{color:var(--plum-300)}
.fm-coursehero__trust{margin-top:var(--space-5);font-family:var(--font-reading);font-style:italic;font-size:var(--fs-body-sm);color:var(--plum-300)}

.fm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-10);align-items:start}
.fm-split__head{display:grid;gap:var(--space-5);justify-items:start}
.fm-statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-statgrid>div{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-7) var(--space-6) var(--space-7) 0;border-bottom:var(--border-width) solid var(--border-1)}
.fm-statgrid>div:nth-child(odd){border-right:var(--border-width) solid var(--border-1)}
.fm-statgrid>div:nth-child(even){padding-left:var(--space-6)}
.fm-statgrid dt{display:grid;gap:var(--space-2)}
.fm-statgrid__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-numeral);line-height:0.85;letter-spacing:-0.05em;color:var(--accent)}
.fm-statgrid__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h4);color:var(--text-1)}
.fm-statgrid dd{margin:0;font-family:var(--font-reading);font-size:var(--fs-body-sm);line-height:1.5;color:var(--text-2)}

.fm-modules{list-style:none;margin:0;padding:0;border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-modules>li{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;gap:var(--space-5);align-items:baseline;padding:var(--space-6) 0;border-bottom:var(--border-width) solid var(--border-1)}
.fm-modules__text{display:grid;gap:var(--space-2)}
.fm-modules__text .fm-small{margin:0;max-width:60ch}
.fm-modules__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:2.25rem;letter-spacing:-0.05em;color:var(--accent);line-height:1}
.fm-modules__meta{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.fm-modules__more{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-sm)}
.fm-modules__more summary{display:inline-flex;gap:var(--space-2);align-items:center;cursor:pointer;font-weight:var(--fw-semibold);color:var(--text-accent);list-style:none}
.fm-modules__more summary::-webkit-details-marker{display:none}
.fm-modules__more ul{margin:var(--space-3) 0 0;padding:0;list-style:none;columns:2 14rem;column-gap:var(--space-7)}
.fm-modules__more li{padding:var(--space-2) 0;border-bottom:1.5px dotted var(--border-2);break-inside:avoid;color:var(--text-2)}

.fm-whogrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.fm-whocard{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-6);background:var(--surface-card);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-card)}
.fm-whocard>.bi{font-size:1.5rem;color:var(--text-accent)}
.fm-whocard .fm-small{margin:0}

.fm-quotecard{display:grid;gap:var(--space-6);align-content:space-between;margin:0;padding:var(--space-8);background:var(--surface-card);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-lg)}
.fm-quotecard blockquote{margin:0;font-family:var(--font-reading);font-size:var(--fs-body);line-height:1.5;color:var(--text-1);text-wrap:pretty}
.fm-quotecard blockquote::before{content:"\201C";display:block;height:0.5em;font-family:var(--font-display);font-weight:var(--fw-black);font-size:3.5rem;line-height:1;color:var(--accent)}
.fm-quotecard figcaption{display:flex;gap:var(--space-3);align-items:center;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--text-3)}
.fm-quotecard figcaption>span:last-child{display:grid}
.fm-quotecard strong{color:var(--text-1)}
.fm-quotecard__avatar{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--accent-soft);color:var(--text-accent);font-weight:var(--fw-bold)}

.fm-pricing{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-5)}
.fm-pricing__main{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:var(--space-6);justify-items:start;padding:var(--space-10) var(--space-9);background:var(--gradient-brand);border-radius:var(--radius-lg);color:var(--text-on-brand-2);box-shadow:var(--shadow-3)}
.fm-pricing__price{display:flex;align-items:baseline;gap:var(--space-3);margin:0;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-display);line-height:0.9;letter-spacing:-0.05em;color:var(--white)}
.fm-pricing__price small{font-family:var(--font-ui);font-weight:var(--fw-medium);font-size:var(--fs-ui);letter-spacing:0;color:var(--plum-200)}
.fm-checklist{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--fs-ui);color:var(--text-1)}
.fm-checklist li{display:flex;gap:var(--space-3);align-items:baseline}
.fm-checklist .bi{color:var(--text-accent)}
.fm-checklist--on-brand{color:var(--white);grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-checklist--on-brand .bi{color:var(--plum-300)}

.fm-pricecard{display:grid;gap:var(--space-5);padding:var(--space-8);background:var(--surface-raised);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}
.fm-pricecard__price{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h1);line-height:1;letter-spacing:-0.05em;color:var(--text-1)}
.fm-pricecard__price small{margin-left:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-ui);font-weight:var(--fw-medium);letter-spacing:0;color:var(--text-3)}
.fm-pricecard .fm-small{margin:0}
.fm-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-9) var(--space-7)}
.fm-pillar{display:grid;gap:var(--space-4);align-content:start}
.fm-pillar__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-numeral);line-height:0.8;letter-spacing:-0.06em;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.fm-pillar__icon{font-size:1.5rem;color:var(--text-accent)}
[data-theme="hc"] .fm-pillar__num,[data-theme="hc-dark"] .fm-pillar__num{color:var(--accent);-webkit-text-stroke:0}
.fm-faq{border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-faq__item{border-bottom:var(--border-width) solid var(--border-1)}
.fm-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) 0;cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h4);color:var(--text-1)}
.fm-faq__item summary::-webkit-details-marker{display:none}
.fm-faq__item summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.fm-faq__icon{flex:none;color:var(--text-accent);transition:transform var(--dur-base) var(--ease-out)}
.fm-faq__item[open] .fm-faq__icon{transform:rotate(45deg)}
.fm-faq__body{padding:0 0 var(--space-6);font-family:var(--font-reading);font-size:var(--fs-body);color:var(--text-2);max-width:var(--measure)}

/* Sticky purchase bar — phones and tablets only, after the hero CTA scrolls away */
.fm-stickycta{position:fixed;left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3),env(safe-area-inset-bottom));z-index:var(--z-sticky);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);background:var(--gradient-brand);color:var(--text-on-brand-2);border-radius:var(--radius-pill);box-shadow:var(--shadow-4);font-family:var(--font-ui);font-size:var(--fs-sm);transform:translateY(calc(100% + var(--space-6)));transition:transform var(--dur-slow) var(--ease-out)}
.fm-stickycta.is-shown{transform:none}
.fm-stickycta[hidden]{display:none}
.fm-stickycta__text{display:grid;line-height:1.3}
.fm-stickycta__text strong{color:var(--white)}
@media (min-width:1024px){.fm-stickycta{display:none!important}}

/* ---------- About ---------- */
.fm-qualities{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.1em 0.5em;font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:clamp(1.75rem,1rem + 2.4vw,3.25rem);line-height:1.05;letter-spacing:-0.035em;color:var(--text-1)}
.fm-qualities li:nth-child(odd){color:transparent;-webkit-text-stroke:1.2px var(--accent)}
.fm-qualities li:not(:last-child)::after{content:"·";margin-left:0.5em;color:var(--accent);-webkit-text-stroke:0}
[data-theme="hc"] .fm-qualities li,[data-theme="hc-dark"] .fm-qualities li{color:var(--text-1);-webkit-text-stroke:0}
.fm-clients{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3) var(--space-8);margin-top:var(--space-10);padding-top:var(--space-5);border-top:var(--border-width-strong) solid var(--border-strong)}
.fm-clients__name{font-family:var(--font-reading);font-style:italic;font-size:1.5rem;color:var(--text-1)}

/* ---------- Contact / forms ---------- */
.fm-contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-11)}
.fm-form{display:grid;gap:var(--space-6);align-content:start}
.fm-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.fm-contact__side{display:grid;gap:var(--space-9);align-content:start}
.fm-contact__direct{display:grid;gap:var(--space-3)}
.fm-contact__email{font-family:var(--font-display);font-weight:var(--fw-heavy);font-size:var(--fs-h3);letter-spacing:-0.03em;color:var(--text-1);text-decoration:none;overflow-wrap:anywhere}
.fm-contact__email:hover{color:var(--text-accent)}
.fm-contact__social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-5);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
.fm-contact__social a{display:inline-flex;gap:var(--space-2);align-items:center;text-decoration:none}
.fm-contact__side .fm-steps{margin-top:var(--space-4)}

/* Newsletter (wraps MC4WP markup in the theme) */
.fm-newsletter{display:flex;gap:var(--space-2)}
.fm-newsletter .fm-input{flex:1;min-width:0}
.fm-newsletter--on-brand .fm-input{background:oklch(100% 0 0 / 0.08);border-color:oklch(100% 0 0 / 0.22);color:var(--white)}
.fm-newsletter--on-brand .fm-input::placeholder{color:var(--plum-300)}
.fm-footer__h{font-family:var(--font-ui);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--plum-300);margin:0 0 var(--space-4);font-weight:var(--fw-semibold)}
.fm-footer__news{grid-column:span 2;display:grid;gap:var(--space-4);align-content:start}
.fm-footer__news p{margin:0;color:var(--plum-200)}
[data-theme="hc"] .fm-footer__h{color:var(--white)}

/* ---------- 404 ---------- */
.fm-404{padding-block:var(--space-11)}
.fm-404__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-10);align-items:center}
.fm-404__num{font-family:var(--font-display);font-weight:var(--fw-black);font-size:clamp(7rem,3rem + 16vw,20rem);line-height:0.8;letter-spacing:-0.07em;color:transparent;-webkit-text-stroke:2px var(--accent)}
[data-theme="hc"] .fm-404__num,[data-theme="hc-dark"] .fm-404__num{color:var(--accent);-webkit-text-stroke:0}

/* ---------- Native dialogs (search, work with me, lightbox) ---------- */
dialog.fm-dialog--native{border:0;margin:auto;max-height:calc(100dvh - 2rem);overflow:auto}
dialog.fm-dialog--native::backdrop,.fm-lightbox::backdrop{background:var(--surface-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
dialog.fm-dialog--native[open]{animation:fm-dialog-in var(--dur-slow) var(--ease-out)}
.fm-dialog__body>p{margin:0}
@keyframes fm-dialog-in{from{opacity:0;transform:translateY(var(--reveal-distance)) scale(0.98)}to{opacity:1;transform:none}}
.fm-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:oklch(12% 0.03 305 / 0.96);color:var(--white)}
.fm-lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
.fm-lightbox__scroll{overflow:auto;display:grid;place-items:center;padding:var(--space-10) var(--space-4) var(--space-4);overscroll-behavior:contain}
.fm-lightbox__scroll img{max-width:none;width:min(100%,100rem);height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-4)}
.fm-lightbox__close{position:fixed;top:var(--space-4);right:var(--space-4);z-index:2;background:var(--white);color:var(--plum-900)}
.fm-lightbox__cap{margin:0;padding:var(--space-4) var(--gutter) var(--space-6);font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--plum-200);text-align:center}

/* ---------- Toasts + mockup-only chrome ---------- */
.fm-toastwrap{position:fixed;left:50%;bottom:var(--space-7);transform:translateX(-50%);z-index:var(--z-toast);display:grid;gap:var(--space-2);justify-items:center;width:max-content;max-width:calc(100vw - 2rem)}
.fm-toast{animation:fm-dialog-in var(--dur-slow) var(--ease-out)}
.mock-flag{display:flex;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-3) var(--gutter);background:var(--marker);color:var(--marker-fg);font-family:var(--font-ui);font-size:var(--fs-sm);text-align:center;border-bottom:var(--border-width) solid var(--border-1)}
.mock-flag .bi{color:inherit}
.mock-layoutswitch{position:fixed;left:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);display:flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;background:var(--surface-raised);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-3);font-family:var(--font-ui)}
.mock-layoutswitch .fm-label{margin-right:6px}
.mock-layoutswitch a{display:inline-flex;align-items:center;height:2rem;padding:0 0.8rem;border-radius:var(--radius-pill);font-size:0.8125rem;font-weight:var(--fw-semibold);color:var(--text-3);text-decoration:none;white-space:nowrap}
.mock-layoutswitch a[aria-current="true"]{background:var(--text-1);color:var(--bg-page)}

/* ==========================================================================
   Tier: laptop and below (< 1200) — articles lose the rail; ChapterPill takes over
   ========================================================================== */
@media (max-width:1199.98px){
  .fm-article-end__grid{grid-template-columns:minmax(0,1fr) minmax(0,20rem)}
}

/* ==========================================================================
   Tier: tablet and below (< 1024)
   ========================================================================== */
@media (max-width:1023.98px){
  .fm-hero{padding-block:var(--space-9)}
  .fm-hero__grid{grid-template-columns:1fr;gap:var(--space-9)}
  .fm-hero__title{max-width:12ch}
  .fm-hero__art{padding:0 0 var(--space-8) var(--space-7)}
  .fm-hero__photo{aspect-ratio:16 / 9!important;transform:none}
  .fm-hero__stages{margin-top:var(--space-10)}
  .fm-picks__grid{grid-template-columns:1fr;gap:var(--space-8)}
  .fm-picks__side{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}
  .fm-picks__side .fm-card--horizontal{grid-template-columns:1fr;gap:var(--space-4)}
  .fm-rail-scroll,.fm-rail-scroll--4{--cols:2}
  .fm-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-promos{grid-template-columns:1fr}
  .fm-course{min-height:0}
  .fm-pagehero__grid,.fm-pagehero__grid--wide{grid-template-columns:1fr;gap:var(--space-6);align-items:start}
  .fm-stagegroup{grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-9)}
  .fm-stagegroup__head{position:static;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-5)}
  .fm-stagegroup__head .fm-stage{grid-row:span 2}
  .fm-stagegroup__head .fm-small,.fm-stagegroup__head .fm-meta{grid-column:2}
  .fm-cardgrid,.fm-cardgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-topic-feature .fm-card--feature{grid-template-columns:1fr}
  .fm-topic-feature .fm-card--feature>.fm-card__media{grid-row:auto}
  .fm-arthero__foot{grid-template-columns:1fr;gap:var(--space-7)}
  .fm-article-end__grid{grid-template-columns:1fr;gap:var(--space-9)}
  .fm-article-end__main{display:contents}
  .fm-author{order:1}.fm-postnav{order:2}.fm-article-end__side{order:3}.fm-comments{order:4}
  .fm-vidhero__grid,.fm-vidband__inner{grid-template-columns:1fr;gap:var(--space-8)}
  .fm-promptgrid{grid-template-columns:1fr}
  .fm-coursehero__row{grid-template-columns:1fr}
  .fm-split{grid-template-columns:1fr;gap:var(--space-8)}
  .fm-whogrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-rail-scroll--quotes{--cols:2}
  .fm-pricing{grid-template-columns:1fr}
  .fm-pillars{grid-template-columns:1fr;gap:var(--space-8)}
  .fm-pillar{grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-6);align-items:start}
  .fm-pillar__num{grid-row:span 3}
  .fm-contact{grid-template-columns:1fr;gap:var(--space-10)}
  .fm-404__grid{grid-template-columns:1fr;gap:var(--space-6)}
  .fm-footer__news{grid-column:1 / -1}
  body.has-stickycta .fm-footer{padding-bottom:calc(var(--space-7) + 5rem)}
}

/* ==========================================================================
   Tier: phone (< 600)
   ========================================================================== */
@media (max-width:599.98px){
  .fm-header__inner{gap:var(--space-3)}
  .fm-header__actions{gap:var(--space-1)}
  .row.g-5,.row.g-4{--bs-gutter-x:var(--space-5)}
  .fm-section{padding-block:var(--space-10)}
  .fm-section--flush-top{padding-top:0}
  .fm-sechead{margin-bottom:var(--space-6)}
  .fm-sechead .fm-h2{font-size:1.75rem}

  /* Hero: photo band with the latest-guide card overlapping it */
  .fm-hero{padding-block:var(--space-8) var(--space-9)}
  .fm-hero__copy{gap:var(--space-6)}
  .fm-hero__cta .fm-btn{flex:1 1 100%}
  .fm-hero__stats{gap:var(--space-4) var(--space-7)}
  .fm-hero__art{padding:0}
  .fm-hero__photo{aspect-ratio:3 / 2!important}
  .fm-hero__latest{position:relative;width:auto;margin:calc(var(--space-9) * -1) var(--space-4) 0}
  .fm-stagepick{grid-template-columns:1fr 1fr}
  .fm-stagepick__opt:nth-child(2){border-right:0}
  .fm-stagepick__opt:nth-child(-n+2){border-bottom:var(--border-width) solid var(--border-1)}
  .fm-stagepick__blurb{display:none}

  /* Compact list cards: square thumbnail left, text right */
  .fm-card--horizontal,.fm-picks__side .fm-card--horizontal,.fm-cardgrid .fm-card:not(.fm-card--feature){grid-template-columns:6.5rem minmax(0,1fr);column-gap:var(--space-4);row-gap:var(--space-2);align-items:start}
  .fm-cardgrid .fm-card:not(.fm-card--feature)>.fm-card__media{grid-row:1 / span 4}
  .fm-cardgrid .fm-card:not(.fm-card--feature)>:not(.fm-card__media){grid-column:2}
  .fm-card--horizontal .fm-photo,.fm-cardgrid .fm-card:not(.fm-card--feature) .fm-photo{aspect-ratio:1 / 1!important}
  .fm-card--horizontal .fm-card__text{gap:var(--space-2)}
  .fm-card--horizontal .fm-card__title,.fm-cardgrid .fm-card .fm-card__title{font-size:1.0625rem}
  .fm-card--horizontal .fm-card__eyebrow .fm-label,.fm-cardgrid .fm-card .fm-card__deck{display:none}
  .fm-picks__side{grid-template-columns:1fr;gap:var(--space-5)}
  .fm-cardgrid,.fm-cardgrid--4{grid-template-columns:1fr;gap:var(--space-6)}
  .fm-card--feature .fm-card__title{font-size:1.875rem}
  .fm-card--list{gap:var(--space-2) var(--space-4)}
  .fm-card--list .fm-card__index{font-size:1.375rem;min-width:2rem}
  .fm-card--list .fm-card__deck{display:none}

  /* Rails become swipeable rows that bleed to the screen edge */
  .fm-rail-scroll{margin-inline:calc(var(--gutter) * -1);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none}
  .fm-rail-scroll::-webkit-scrollbar{display:none}
  .fm-rail-scroll__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--space-5);padding-inline:var(--gutter)}
  .fm-rail-scroll--quotes .fm-rail-scroll__track{grid-auto-columns:88%}
  .fm-rail-scroll__item{scroll-snap-align:start}

  .fm-topics{gap:var(--space-3)}
  .fm-topic{min-height:0;padding:var(--space-4);gap:var(--space-3)}
  .fm-topic__name{font-size:1.1875rem}
  .fm-topic__desc,.fm-topic__top .fm-meta{display:none}
  .fm-promo{padding:var(--space-8) var(--space-5)}
  .fm-promo__title{font-size:2rem}
  .fm-course{padding:var(--space-7) var(--space-5)}

  .fm-pagehero{padding-block:var(--space-7) var(--space-6)}
  .fm-pagehero__grid{margin-top:var(--space-5)}
  .fm-pagehero__icon{width:3rem;height:3rem;font-size:1.25rem}
  .fm-filterbar__tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .fm-filterbar__tags .fm-tag{flex:none}
  .fm-tabs{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);gap:var(--space-5)}
  .fm-stagegroup{padding-block:var(--space-7)}
  .fm-stagegroup__head .fm-h1{font-size:2rem}
  .fm-searchform{flex-direction:column}
  .fm-searchform .fm-btn{height:3rem}
  .fm-input--xl{height:3.5rem;font-size:1.125rem}
  .fm-results li{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2) var(--space-3)}
  .fm-results li::before{font-size:1.25rem}
  .fm-pagination{justify-content:center}
  .fm-pagination__step span{display:none}
  .fm-pagination__step{min-width:0}

  /* Articles */
  .fm-arthero{padding-block:var(--space-7) var(--space-8)}
  .fm-arthero__meta{grid-template-columns:1fr 1fr}
  .fm-opener__photo{min-height:52vh}
  .fm-opener__page{gap:var(--space-7)}
  .fm-leaders{columns:1}
  .fm-prose>.fm-figure--legacy{margin-inline:calc(var(--gutter) * -1)}
  .fm-prose>.fm-figure--legacy .fm-shot{border-radius:0;border-inline:0}
  .fm-prose>.fm-figure--legacy figcaption{padding-inline:var(--gutter)}
  .fm-prose>.fm-code{margin-inline:calc(var(--gutter) * -1);border-radius:0;border-inline:0}
  .fm-prose>.fm-figure>.fm-player{border-radius:var(--radius-sm)}
  .fm-article-end{padding-block:var(--space-10)}
  .fm-article-end__meta{flex-direction:column;align-items:flex-start}
  .fm-author{grid-template-columns:4rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-5)}
  .fm-postnav{grid-template-columns:1fr}
  .fm-postnav__item--next{text-align:left;justify-items:start}
  .fm-comments__children{padding-left:var(--space-4)}
  .fm-comment__body,.fm-comment footer{padding-left:0}
  .fm-comments__form{padding:var(--space-5)}
  .fm-comments__row,.fm-form__row{grid-template-columns:1fr}
  .fm-share{flex-wrap:wrap}

  /* Video: edge-to-edge player */
  .fm-vidband{padding-block:0 var(--space-8)}
  .fm-vidband__player,.fm-vidhero__player .fm-player{margin-inline:calc(var(--gutter) * -1)}
  .fm-vidband .fm-player,.fm-vidhero .fm-player{border-radius:0}
  .fm-vidhero{padding-block:var(--space-8) var(--space-9)}

  /* Course & coaching */
  .fm-coursehero{padding-block:var(--space-9) var(--space-8)}
  .fm-coursehero__cta .fm-btn{flex:1 1 100%}
  .fm-coursehero__facts{gap:var(--space-3) var(--space-5)}
  .fm-statgrid{grid-template-columns:1fr}
  .fm-statgrid>div,.fm-statgrid>div:nth-child(even){padding:var(--space-6) 0;border-right:0}
  .fm-modules>li{grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-2) var(--space-4)}
  .fm-modules__num{font-size:1.75rem}
  .fm-modules__meta{grid-column:2;grid-row:1;order:-1}
  .fm-whogrid{grid-template-columns:1fr}
  .fm-quotecard{padding:var(--space-6)}
  .fm-pricing__main{padding:var(--space-8) var(--space-5)}
  .fm-checklist--on-brand{grid-template-columns:1fr}
  .fm-pricecard{padding:var(--space-6)}
  .fm-pillar{grid-template-columns:1fr}
  .fm-pillar__num{grid-row:auto}

  /* Dialogs become bottom sheets */
  dialog.fm-dialog--native{width:100%;max-width:none;margin:auto 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-7) var(--space-5) max(var(--space-7),env(safe-area-inset-bottom))}
  dialog.fm-dialog--native[open]{animation:fm-sheet-in var(--dur-slow) var(--ease-out)}
  .fm-dialog__actions .fm-btn{flex:1}

  .fm-footer__lead .fm-btn{width:100%}
  .fm-newsletter{flex-direction:column}
  .mock-layoutswitch{left:50%;transform:translateX(-50%);bottom:auto;top:calc(var(--header-h) + 8px);max-width:calc(100vw - 1rem)}
  .mock-layoutswitch .fm-label{display:none}
  .fm-chapterpill{bottom:max(var(--space-4),env(safe-area-inset-bottom))}
}
@media (max-width:399.98px){.fm-wordmark__tag{display:none}}
@keyframes fm-sheet-in{from{transform:translateY(100%)}to{transform:none}}

/* ==========================================================================
   Tier: wide (≥ 1600) — spend the width on margins and imagery, not the measure
   ========================================================================== */
@media (min-width:1600px){
  .fm-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .fm-cardgrid{gap:var(--space-11) var(--space-9)}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .fm-menu,.fm-menu.is-open{clip-path:none;transition:none}
  .fm-menu__list li,.fm-menu__aside{opacity:1;transform:none;transition:none}
  .fm-header,.fm-stickycta{transition:none}
  dialog.fm-dialog--native[open],.fm-toast{animation:none}
}

/* Filter tabs are toggle buttons (aria-pressed), styled like the DS tabs */
.fm-tabs__tab[aria-pressed="true"]{color:var(--text-1)}
.fm-tabs__tab[aria-pressed="true"]::after{transform:scaleX(1)}

/* Fixes from visual review */
.fm-facts .fm-stage{flex-wrap:wrap;white-space:normal;row-gap:var(--space-1);gap:var(--space-1) var(--space-2)}
.fm-facts .fm-stage__bars{flex-basis:100%}
.fm-comment__name{font-size:var(--fs-ui)}
.fm-comment__body{overflow-wrap:anywhere}
.fm-chapterpill__num{white-space:nowrap;flex:none}
.fm-chapterpill__toggle{min-width:0;flex:1}
.is-locked .mock-layoutswitch{display:none}
@media (max-width:599.98px){.mock-layoutswitch{position:absolute}}
.fm-card--list .fm-card__index{grid-row:span 4}
.fm-card--list>:not(.fm-card__index){grid-column:2}
@media (max-width:599.98px){
  .fm-modules__num{grid-row:span 2}
  .fm-modules__text{grid-column:2}
}
/* YouTube thumbnails carry baked-in text: grade them down so the poster title owns the frame */
.fm-player__img img{filter:brightness(0.8)} /* original colours, slightly dimmed so the overlaid title stays legible */
.fm-player__img::after{z-index:2}
.fm-topic-feature .fm-card--feature .fm-card__title{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.625rem)}

/* Narrow phones (360px): let grids shrink and scale the mega headline to fit its longest word */
.fm-hero__grid,.fm-opener__page .fm-stack-8,.fm-opener__head{grid-template-columns:minmax(0,1fr)}
.fm-hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.fm-facts{min-width:0}
.fm-prose p,.fm-prose li{overflow-wrap:break-word}
@media (max-width:1023.98px){.fm-hero__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599.98px){.fm-hero__title{font-size:clamp(2.5rem,15vw,3.5rem)}}
.fm-table{overflow-x:auto;max-width:100%}
.fm-callout__body,.fm-comment__body{overflow-wrap:anywhere}
@media (max-width:599.98px){.fm-pagehero .fm-mega{font-size:clamp(2.5rem,12.5vw,3.5rem)}}