/* Homepage-only refinement of the existing Operator System. */
.fractional-gm-site .fractional-hero-inner { grid-template-columns: minmax(0,1.04fr) minmax(0,1fr); gap: clamp(32px,4.5vw,72px); align-items: start; }
.fractional-gm-site .fractional-hero { padding-block: 24px 40px; }
.fractional-gm-site .fractional-hero-copy { gap: 22px; }
.fractional-gm-site .fractional-hero h1 { font-size: clamp(44px,4.5vw,68px); line-height: 1.02; letter-spacing: -.055em; text-wrap: initial; }
.fractional-gm-site .fractional-lede { font-size: clamp(18px,1.45vw,21px); font-weight: 500; line-height: 1.5; }
.operating-story { position: relative; isolation: isolate; margin-top: 12px; padding: 24px; border: 1px solid var(--fgm-rule); border-radius: 10px; background: #fff; color: var(--fgm-ink); }
.story-signature { position: absolute; z-index: -1; left: -18px; top: -18px; width: 68px; height: 68px; pointer-events: none; clip-path: polygon(0 0,100% 0,100% 17px,17px 17px,17px 100%,0 100%); }
.story-signature i { position: absolute; width: 40px; height: 40px; border-radius: 5px; background: var(--operator-mint); }
.story-signature i:nth-child(2) { left: 28px; top: 12px; background: var(--coral); }
.story-signature i:nth-child(3) { left: 6px; top: 28px; background: var(--sand); }
.story-signature i:nth-child(4) { left: 30px; top: 32px; background: var(--teal); }
.story-business { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.story-business label { flex: none; color: var(--fgm-muted); font-size: 14px; }
.story-business select { width: 100%; min-width: 0; min-height: 44px; padding: 9px 12px; border: 1px solid #a5bdc2; border-radius: 7px; color: var(--fgm-ink); background: #fff; font: inherit; font-size: 15px; }
.story-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; }
.story-controls button { min-height: 44px; padding: 10px 8px; border: 1px solid transparent; border-radius: 7px; background: #edf2f4; color: var(--fgm-ink); font-size: 14px; font-weight: 650; line-height: 1.3; transition: background-color 160ms ease; }
.story-controls button[aria-pressed="true"] { background: var(--teal); color: #fff; }
.story-controls button:hover:not([aria-pressed="true"]):not(:disabled) { border-color: var(--teal); background: var(--operator-mint); }
.story-controls button:disabled,.story-business select:disabled { cursor: default; opacity: 1; }
.story-results h2 { margin: 0 0 12px; max-width: 23ch; font-size: clamp(24px,2vw,29px); font-weight: 750; line-height: 1.13; letter-spacing: -.035em; }
.story-work { display: grid; list-style: none; margin: 0; padding: 0; }
.story-work li { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; gap: 14px; padding: 14px 0; border-bottom: 1px solid #e2e9eb; }
.story-work li:last-child { border-bottom: 0; }
.story-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 7px; background: var(--operator-mint); color: var(--fgm-ink); font-size: 18px; font-weight: 650; }
.story-work li:nth-child(2) .story-icon { background: var(--operator-peach); }
.story-work li:nth-child(3) .story-icon { background: var(--operator-sky); }
.story-icon svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.fractional-gm-site .handoff-lane > .service-icon { display: grid; place-items: center; width: 34px; height: 38px; color: var(--teal); }
.service-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.story-work strong { display: block; font-size: 16px; font-weight: 650; line-height: 1.3; }
.story-work p { margin: 5px 0 0; color: var(--fgm-muted); font-size: 14px; line-height: 1.45; }
.story-disclaimer { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--fgm-rule); color: var(--fgm-muted); font-size: 13px; line-height: 1.45; }
.story-fallback { font-size: 14px; line-height: 1.5; }
.story-fallback a { text-decoration: underline; }
.story-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.operating-story [hidden] { display: none !important; }
.fractional-gm-site .handoff-rail-grid { padding-block: 32px; gap: 28px 44px; }
.fractional-gm-site .service-overview-links { gap: 8px; }
.fractional-gm-site .fractional-founders-grid { padding-block: 36px; gap: 24px 48px; }
/* Motion owns finite transitions; the static state is always fully visible. */
@media (prefers-reduced-motion: reduce) { .operating-story * { animation: none !important; transition: none !important; } }
html.reduce-motion .operating-story * { animation: none !important; transition: none !important; }
@media (max-width: 820px) {
  .fractional-gm-site .fractional-hero-inner { grid-template-columns: 1fr; gap: 28px; }
  .fractional-gm-site .fractional-hero h1 { max-width: 15ch; font-size: clamp(42px,8.2vw,64px); }
  .operating-story { margin-top: 0; max-width: 640px; }
}
@media (max-width: 480px) {
  .fractional-gm-site .fractional-hero { padding-block: 12px 28px; }
  .fractional-gm-site .fractional-hero-copy { gap: 18px; }
  .fractional-gm-site .fractional-hero h1 { font-size: clamp(40px,10.3vw,49px); }
  .fractional-gm-site .fractional-actions { gap: 16px; }
  .operating-story { padding: 18px; }
  .story-business { gap: 10px; }
  .story-business label { font-size: 13px; }
  .story-business select { font-size: 14px; }
  .story-work li { gap: 10px; grid-template-columns: 36px minmax(0,1fr); }
  .story-icon { width: 36px; height: 36px; }
  .story-results h2 { font-size: 24px; }
  .fractional-gm-site .handoff-rail h2,.fractional-gm-site .fractional-founders h2 { max-width: 18ch; font-size: 32px; line-height: 1.06; }
  .fractional-gm-site .handoff-rail header p,.fractional-gm-site .founder-operator-proof { font-size: 16px; line-height: 1.5; }
}