/* ===== Market Intelligence page (solutions/market-intelligence/page.css). Every class carries the mix- prefix; kit classes are bmk-, page-type classes pt-.
   T3 detail page: breadcrumb, family strip, split hero with one contained film (the page's only loop). Nothing else loops.
   Cut and veiled 11 Nov 2026 (brief 3): six sections. Sand only where a dense object lives. One amber spark per visual.
   Breakpoints follow the site: 1080, 820, 560 (plus 1180 for the sort). */
.mix-k{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}
.mix-ill{color:#8B8172}
.mix-src{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--taupe)}
.mix-src-c{margin-top:14px;text-align:center}
.mix-head-lede{max-width:32ch}
.mix-badge{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;white-space:nowrap;background:var(--ink);color:#FFFFFF}
.mix-verdict{font-size:clamp(17px,1.6vw,21px);line-height:1.35;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
/* the open question under an object: one line and the page's mid-page button */
.mix-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px;margin-top:clamp(28px,3.4vw,44px)}
.mix-ask-q{font-size:clamp(19px,1.8vw,24px);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-align:center}

/* ---------- 1 · hero: the film frame (720 x 540; upright 540 x 720 on phones) ---------- */
.mix-hero .pt-hero-visual>.film{aspect-ratio:720/540}
@media (max-width:560px){.mix-hero .pt-hero-visual>.film{aspect-ratio:540/720}}

/* ---------- 2 · 276 leads sort themselves ---------- */
.mix-sort-floor{padding:clamp(10px,2.8vw,48px)}
.mix-sort-card{background:var(--object);border-radius:22px;box-shadow:var(--bmk-lift);padding:clamp(18px,3vw,44px)}
.mix-sort-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1.5px solid var(--ink)}
.mix-sort-count{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;min-width:0}
.mix-sort-count b{display:inline-block;min-width:3ch;font-family:var(--mono);font-size:clamp(42px,4.8vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}
.mix-sort-count span{font-size:15.5px;color:var(--fg3)}
.mix-sort-body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(22px,4vw,64px);padding-top:clamp(18px,2.6vw,32px);align-items:start}
.mix-zone{min-width:0}
.mix-zone-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--hair)}
.mix-zone-n{display:inline-block;min-width:3ch;text-align:right;font-family:var(--mono);font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.mix-zone-f{display:block;margin-top:14px;font-size:14px;color:var(--fg3)}
.mix-dots{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;min-width:0}
.mix-dot{display:block;flex:none;box-sizing:border-box;width:10px;height:10px;border-radius:50%;border:1.6px solid transparent;background:var(--sand3)}
/* a lane wraps on a fixed 25-dot grid, so 49 is 25 + 24 at any width (never a lone dot on a row) */
.mix-lane .mix-dots{display:grid;grid-template-columns:repeat(25,minmax(0,10px));gap:4px}
.mix-lane .mix-dot{width:100%;height:auto;aspect-ratio:1}
.mix-grp{position:relative;padding:4px 0 6px 18px;margin-bottom:12px;border-left:2px solid var(--hair2)}
.mix-grp:last-child{margin-bottom:0}
.mix-grp-3{border-left-color:var(--ink)}
.mix-grp-k{display:block;padding:2px 0 4px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}
.mix-lane{position:relative;display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 3ch;column-gap:16px;align-items:center;padding:6px 0}
.mix-lane-k{font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.mix-lane-k em{font-style:normal;font-weight:400;font-size:13.5px;color:var(--fg3);margin-left:6px}
.mix-lane-n{font-family:var(--mono);font-size:17px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.mix-lane-spark{position:absolute;left:-20px;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--amber);transform-origin:50% 100%}
.mix-sort-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 28px;margin-top:clamp(20px,2.6vw,30px);padding-top:18px;border-top:1px solid var(--hair)}
.mix-tots{display:flex;flex-wrap:wrap;gap:8px}
.mix-tots span{font-size:14px;padding:7px 13px;border-radius:999px;background:var(--sand0);color:var(--fg2);white-space:nowrap}
.mix-tots b{font-family:var(--mono);font-weight:500;color:var(--ink);margin-right:6px}
@media (max-width:1180px){.mix-sort-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.mix-lane{grid-template-columns:minmax(0,170px) minmax(0,1fr) 3ch}}
@media (max-width:560px){
  .mix-sort-floor{padding:8px;border-radius:20px}
  .mix-sort-card{padding:18px 16px;border-radius:16px}
  .mix-lane{grid-template-columns:minmax(0,1fr) 3ch;grid-template-areas:"k n" "d d";row-gap:8px;padding:8px 0}
  .mix-lane-k{grid-area:k}.mix-lane .mix-dots{grid-area:d}.mix-lane-n{grid-area:n}
  .mix-dot{width:9px;height:9px}
  .mix-dots{gap:3.5px}
  .mix-lane .mix-dots{grid-template-columns:repeat(20,minmax(0,9px));gap:3.5px}
  .mix-grp{padding-left:14px}
  .mix-lane-spark{left:-16px}
}

/* ---------- 3 · the status against the note ---------- */
.mix-notes-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(16px,2.4vw,28px);align-items:stretch}
.mix-led{background:var(--object);border-radius:20px;box-shadow:var(--bmk-lift);padding:clamp(16px,2.4vw,30px) clamp(16px,2.6vw,34px);min-width:0}
.mix-led-top{display:flex;justify-content:space-between;align-items:center;gap:6px 12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1.5px solid var(--ink)}
.mix-led-r{display:grid;grid-template-columns:minmax(0,1.05fr) 132px minmax(0,2.3fr) 148px;column-gap:16px;row-gap:8px;align-items:center;padding:15px 12px;margin:0 -12px;border-radius:12px;border-bottom:1px solid var(--hair)}
.mix-led-r:last-child{border-bottom:0}
.mix-led-h{padding-top:12px;padding-bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg3)}
.mix-led-co{font-size:15px;font-weight:600;letter-spacing:-.01em;min-width:0}
.mix-led-st{min-width:0}
.mix-status{position:relative;display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--soft);color:var(--t3);white-space:nowrap}
.mix-strike{position:absolute;left:5px;right:5px;top:50%;height:1.5px;margin-top:-.75px;background:var(--ink);transform-origin:0 50%}
.mix-led-note{min-width:0;font-size:15.5px;line-height:1.4;color:var(--ink)}
.mix-tw{position:relative;display:block}
.mix-tw .mix-gh{visibility:hidden}
.mix-tw .mix-ty{position:absolute;left:0;top:0;right:0}
.mix-vd{justify-self:start;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:6px 10px;border-radius:6px;white-space:nowrap}
.mix-vd-no{background:var(--ink);color:#FFFFFF}
.mix-vd-back{background:var(--object);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.mix-tally{display:flex;flex-direction:column;gap:20px;padding:clamp(18px,2.6vw,34px);background:var(--object);border-radius:20px;box-shadow:var(--bmk-lift);min-width:0}
.mix-tally-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mix-tally-n{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mix-tally-n b{display:inline-block;min-width:2ch;font-family:var(--mono);font-size:clamp(48px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}
.mix-tally-n span{font-size:15px;color:var(--fg3)}
.mix-tally-bar{position:relative;display:block;height:24px;border-radius:7px;background:var(--sand3);transform-origin:0 50%}
.mix-tally-no{position:absolute;left:0;top:0;bottom:0;width:calc(39 / 70 * 100%);border-radius:7px 0 0 7px;background:var(--ink);transform-origin:0 50%}
.mix-tally-no::after{content:"";position:absolute;right:-2px;top:0;bottom:0;width:3px;background:var(--object)}
.mix-tally-split{display:grid;grid-template-columns:39fr 31fr;gap:12px}
.mix-tally-s{display:flex;flex-direction:column;gap:6px;min-width:0}
.mix-tally-s b{font-family:var(--mono);font-size:clamp(36px,3.4vw,50px);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.mix-tally-s span{font-size:14.5px;line-height:1.4;color:var(--fg2)}
.mix-tally-spark{display:block;width:44px;height:4px;border-radius:2px;background:var(--amber);transform-origin:0 50%;margin-top:4px}
.mix-tally-src{margin-top:auto;padding-top:14px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--taupe)}
@media (max-width:1080px){.mix-notes-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){
  .mix-led-r{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"co vd" "st st" "nt nt"}
  .mix-led-h{display:none}
  .mix-led-co{grid-area:co}.mix-led-st{grid-area:st}.mix-led-note{grid-area:nt}.mix-vd{grid-area:vd;justify-self:end}
}

/* ---------- 4 · same product, different sector ---------- */
.mix-sec{background:var(--object);border-radius:22px;box-shadow:var(--bmk-lift);padding:clamp(18px,3vw,44px)}
.mix-sec-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1.5px solid var(--ink)}
.mix-sec-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,250px) minmax(0,1fr);grid-template-areas:"no nm yes";column-gap:clamp(14px,2.2vw,32px);row-gap:16px;align-items:center;padding:clamp(20px,2.6vw,32px) 0;border-bottom:1px solid var(--hair)}
.mix-sec-r:last-of-type{border-bottom:0}
.mix-sec-h{padding:14px 0 6px;border-bottom:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}
.mix-sec-h .mix-sec-no{text-align:right;display:block}
.mix-sec-no{grid-area:no;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.mix-sec-yes{grid-area:yes;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:16px;min-width:0}
.mix-sec-h .mix-sec-yes{display:block}
.mix-sec-nm{grid-area:nm;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}
.mix-sec-nm b{font-size:clamp(19px,1.9vw,26px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.mix-sec-n{flex:none;display:inline-block;min-width:2ch;font-family:var(--mono);font-size:clamp(28px,2.8vw,40px);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.mix-sec-no .mix-sec-n{text-align:right}
.mix-tks{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.mix-sec-no .mix-tks{flex-direction:row-reverse}
.mix-tk{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none}
.mix-tk-yes{border-radius:8px;background:var(--ink);color:#FFFFFF}
.mix-tk-no{border-radius:50%;background:var(--sand1);color:var(--taupe);box-shadow:inset 0 0 0 1.5px var(--sand3)}
.mix-sec-tag{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--hair2);color:var(--taupe);white-space:nowrap}
.mix-sec-tag.mix-sec-win{background:var(--ink);color:#FFFFFF;box-shadow:none}
.mix-sec-spark{position:absolute;left:0;bottom:-14px;width:min(100%,318px);height:4px;border-radius:2px;background:var(--amber);transform-origin:0 50%}
.mix-sec-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px;padding-top:20px;border-top:1px solid var(--hair)}
/* tablets and phones: the sector on top, then the no's and the meetings side by side, each count above its tokens */
@media (max-width:820px){
  .mix-sec-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"nm nm" "no yes";column-gap:32px}
  .mix-sec-h{grid-template-areas:"no yes"}
  .mix-sec-h .mix-sec-nm{display:none}
  .mix-sec-nm{flex-direction:row;justify-content:center;gap:12px}
  .mix-sec-no,.mix-sec-yes{flex-direction:column;gap:10px}
  .mix-sec-no{align-items:flex-end}
  .mix-sec-yes{align-items:flex-start}
  .mix-sec-yes .mix-sec-n{order:-1}
  .mix-sec-no .mix-tks{justify-content:flex-start}
  .mix-tk{width:24px;height:24px}
  .mix-tks{gap:5px}
  .mix-sec-spark{bottom:-12px}
}
@media (max-width:560px){
  .mix-sec{padding:18px 16px;border-radius:18px}
  .mix-sec-nm{flex-direction:column;gap:8px}
  .mix-sec-r{column-gap:24px}
  .mix-tk{width:20px;height:20px}
  .mix-tk svg{width:10px;height:10px}
  .mix-tks{gap:4px}
}

/* ---------- 5 · questions ---------- */
.mix-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,88px);align-items:start}
.mix-faq-head{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
@media (max-width:820px){.mix-faq-grid{grid-template-columns:minmax(0,1fr)}.mix-faq-head{position:static}}

/* ---------- 6 · close ---------- */
.mix-end-cell{padding-block:clamp(84px,10vw,150px)!important}
.mix-end{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.mix-end-head{display:flex;flex-direction:column;gap:22px}
.mix-end-h{font-size:clamp(42px,6.2vw,96px);max-width:13ch}
.mix-end-side{display:flex;flex-direction:column;gap:22px;padding-bottom:8px}
.mix-end-s{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--fg2);max-width:36ch}
.mix-next{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:8px 18px;margin-top:clamp(40px,5vw,72px);padding:22px 4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:inherit}
.mix-next:hover{text-decoration:none;background:var(--subtle)}
.mix-next b{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.025em}
.mix-next span:not(.mix-k){font-size:15px;color:var(--fg3)}
.mix-next i{font-style:normal;font-size:22px;transition:transform .2s ease}
.mix-next:hover i{transform:translateX(4px)}
@media (max-width:820px){.mix-end{grid-template-columns:minmax(0,1fr);align-items:start}}
@media (max-width:560px){.mix-next{grid-template-columns:auto minmax(0,1fr) auto}.mix-next span:not(.mix-k){grid-column:1/-1;grid-row:2}}