/* One main story: the brief and investigation share the hero. */
.story-opening.primary-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:'eyebrow scene' 'heading scene' 'brief scene' 'conclusion conclusion';column-gap:58px;min-height:0;padding-top:42px;padding-bottom:35px}
.primary-hero .eyebrow{grid-area:eyebrow;margin-bottom:22px}
.primary-heading{grid-area:heading;min-width:0}
.primary-heading .story-title{font-size:clamp(38px,3.6vw,54px);line-height:1.08;margin:0 0 32px;letter-spacing:-1.5px}
.primary-flow{display:contents}
.primary-brief{grid-area:brief;transition:opacity .65s,transform .65s;min-width:0;max-width:435px}
.primary-brief .story-label{font-size:11px;letter-spacing:1.1px;margin-bottom:13px}
.primary-brief .story-message{min-height:116px;padding:18px;border-color:#e9e0e5;background:#fdfbfc}
.primary-brief .story-message p{font-size:17px;line-height:1.5}
.primary-brief .story-inputs{font-size:12px;margin-top:12px}
.primary-brief .story-agent{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:13px;margin-top:20px;align-items:center}
.primary-brief .story-agent-mark{grid-row:1/3;width:44px;height:44px;border-radius:11px;margin:0;font-size:23px;box-shadow:none}
.primary-brief .story-agent strong{align-self:end;line-height:1.3}
.primary-brief .story-agent-note{align-self:start;min-height:20px;font-size:13px;margin-top:4px}
.primary-brief .story-bridge{display:none}
.primary-investigation{grid-area:scene;min-width:0;align-self:center;transition:opacity .8s,transform .8s}
.primary-scene-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#9e8994;font-size:11px;letter-spacing:1px;min-height:18px}
.primary-scene-heading small{font-size:11px;letter-spacing:0;color:#b0a0a8}
.primary-hero .analytics-art.living-art{height:auto;width:100%;max-width:none;opacity:1;transform:none;pointer-events:auto}
.primary-hero .living-stage{height:380px}
.primary-hero .living-fragment{width:88px;height:66px;margin:-33px 0 0 -44px}
.primary-hero .fragment-shape{width:78px;height:60px}
.primary-hero .fragment-shape svg{width:65px;height:52px}
.primary-hero .fragment-name{font-size:13px;top:72px}
.primary-hero .fragment-formula{font-size:29px}
.primary-hero .fragment-chart{width:47px;height:38px;gap:4px}
.primary-hero .fragment-pin{right:0;top:-5px}
.primary-hero .living-caption{margin-top:12px}
.primary-hero .living-summary{min-height:20px;margin-top:4px!important}
.primary-hero .living-hint{font-size:12px;bottom:2px}
.primary-hero .living-loupe{width:155px;height:169px}
.primary-conclusion{grid-area:conclusion;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:20px;border-top:1px solid #ece5e9;transition:opacity .8s,transform .8s}
.primary-conclusion>span{font-size:11px;letter-spacing:1.1px;color:#a23938}
.primary-conclusion p{font-size:17px;line-height:1.4;color:#8b7381;margin:0}
.primary-hero[data-phase=title] .primary-brief{opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}
.primary-hero[data-phase=title] .primary-investigation,.primary-hero[data-phase=request] .primary-investigation{opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}
.primary-hero:not([data-phase=control]) .primary-conclusion{opacity:0;transform:translateY(6px);visibility:hidden}
.primary-hero[data-phase=investigate] .story-agent{opacity:1}
.primary-hero[data-phase=investigate] .story-cursor{display:none}
@media(max-width:1100px){.story-opening.primary-hero{column-gap:32px}.primary-hero .living-fragment{width:72px;height:60px;margin:-30px 0 0 -36px}.primary-hero .fragment-shape{width:62px;height:54px}.primary-hero .fragment-shape svg{width:52px;height:45px}.primary-hero .fragment-name{font-size:12px;top:66px}.primary-hero .fragment-chart{width:38px;height:32px}.primary-scene-heading small{display:none}.primary-conclusion{align-items:start}.primary-conclusion p{font-size:16px}}
@media(max-width:900px){.story-opening.primary-hero{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'heading' 'brief' 'scene' 'conclusion';padding-top:30px}.primary-brief{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:28px;align-items:center;max-width:none}.primary-investigation{margin-top:30px}.primary-brief .story-agent{margin-top:20px}.primary-hero .living-stage{height:315px}.primary-hero .living-fragment{width:82px;height:66px;margin:-33px 0 0 -41px}.primary-hero .fragment-shape{width:72px;height:58px}.primary-hero .fragment-name{font-size:13px;top:72px}.primary-heading .story-title{font-size:51px}.primary-conclusion{display:block}.primary-conclusion p{margin-top:10px}}
@media(max-width:580px){.story-opening.primary-hero{padding-top:27px}.primary-heading .story-title{font-size:32px;letter-spacing:-1px;margin-bottom:25px}.primary-brief{display:block}.primary-brief .story-message{min-height:115px}.primary-brief .story-agent{margin-top:20px}.primary-hero .living-stage{height:285px}.primary-hero .living-fragment{width:52px;height:54px;margin:-27px 0 0 -26px}.primary-hero .fragment-shape{width:46px;height:44px}.primary-hero .fragment-shape svg{width:40px;height:35px}.primary-hero .fragment-name{font-size:11px;top:56px}.primary-hero .fragment-chart{width:31px;height:27px;gap:2px}.primary-hero .fragment-formula{font-size:23px}.primary-hero .living-loupe{width:120px;height:131px}.primary-hero .fragment-pin{right:-3px;top:0}.primary-hero .living-summary{font-size:13px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.primary-hero *{transition:none!important;animation:none!important}}
