/* Each visual explains a different part of the consulting work. */
.pillar-story{border-bottom:1px solid var(--line)}
.story-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start;margin-bottom:46px}
.story-heading h2{font-size:clamp(36px,3.7vw,54px)}
.story-heading>p{font-size:1rem;line-height:1.8;max-width:50ch}
.story-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.story-stage:not(.story-ready){display:block}
.story-stage>[role=status]{position:absolute}
.story-reading article+article{margin-top:28px}
.story-ready .story-reading article{margin-top:0}
.story-reading h3,.origin-links h3{font:32px/1.2 var(--serif);color:var(--paper);margin-bottom:18px}
.story-reading p,.origin-links p,.brief-disclosures p{font-size:1rem;line-height:1.8;max-width:52ch}
.story-callout{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.story-callout h4{font:14px/1.5 var(--sans);color:var(--copper-light);margin-bottom:10px}
.story-callout p{font-size:15px}
.story-example-note{font-size:13px;line-height:1.8;max-width:50ch;margin-top:28px}
.pillar-story>.text-link{margin-top:24px}
.story-controls button{font-family:var(--sans);color:var(--paper);cursor:pointer;transition:border-color .25s,background-color .25s}
.story-controls button:hover{border-color:var(--teal)}
.story-ready .story-controls button[aria-pressed=true]{border-color:var(--copper);background:#29251f}
.story-controls button:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
.story-icon{width:24px;height:24px;fill:none;stroke:var(--teal);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none}
.story-inspect{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}
.story-inspect .arrow{width:14px;height:14px}
.story-controls{display:none}.story-ready .story-controls{display:block}
.story-guidance-link{display:none}
.strategy-map{position:relative;min-height:480px}
.strategy-lines{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:var(--line);stroke-width:1.2}
.strategy-lines ellipse{stroke:var(--teal);opacity:.45}
.strategy-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.strategy-center span{display:grid;place-items:center;width:150px;height:150px;border:1px solid var(--copper);border-radius:50%;text-align:center;font:30px/1.15 var(--serif);color:var(--copper-light);background:var(--ink)}
.strategy-node{position:absolute;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-width:140px;min-height:104px;padding:14px;border:1px solid var(--line);background:var(--ink);font-size:15px}
.strategy-node-0{left:50%;top:0;transform:translateX(-50%)}
.strategy-node-1{right:0;top:50%;transform:translateY(-50%)}
.strategy-node-2{bottom:0;left:50%;transform:translateX(-50%)}
.strategy-node-3{left:0;top:50%;transform:translateY(-50%)}
.website-specimen{border:1px solid var(--control-border);background:var(--surface)}
.specimen-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);font-size:13px}
.specimen-browser svg{width:42px;fill:var(--teal)}
.website-specimen button{display:flex;width:calc(100% - 48px);margin:22px 24px;padding:24px;flex-wrap:wrap;gap:18px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent}
.website-specimen button>small{display:flex;align-items:center;gap:10px;flex-basis:100%;font:12px/1.5 var(--sans);color:var(--muted)}
.website-specimen small .arrow{width:16px;height:16px}
.specimen-message>span{font:clamp(30px,3.2vw,44px)/1.1 var(--serif)}
.specimen-type{font:54px/1 var(--serif);color:var(--teal)}
.specimen-swatches{display:flex;margin-left:auto}.specimen-swatches i{width:34px;height:34px;background:var(--teal)}
.specimen-swatches i:nth-child(2){background:var(--copper)}.specimen-swatches i:nth-child(3){background:var(--paper)}
.specimen-action>span{font-size:19px;color:var(--copper-light)}
.brief-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.advisory-sheet{background:var(--paper);color:var(--ink);padding:36px 36px 24px;transform:rotate(-1deg)}
.sheet-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #a2aaa6;font-size:13px}
.sheet-heading>span:first-child{font:26px var(--serif)}
.advisory-sheet h3{font:38px/1.15 var(--serif);margin:30px 0 20px;color:var(--ink)}
.advisory-sheet p,.advisory-sheet dd{color:#394c4e;font:15px/1.8 var(--sans)}
.advisory-sheet dl{margin:25px 0}.advisory-sheet dl>div{padding-block:15px;border-top:1px solid #a2aaa6}
.advisory-sheet dt{font-size:13px;color:var(--ink);margin-bottom:6px}.advisory-sheet dd{margin:0}
.advisory-sheet .sheet-footnote{font-size:12px}
.brief-disclosures details{border-top:1px solid var(--line);padding-block:20px}
.brief-disclosures summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;cursor:pointer;font:27px/1.25 var(--serif);color:var(--paper);list-style:none}
.brief-disclosures summary::-webkit-details-marker{display:none}.brief-disclosures summary .arrow{flex:none;transition:transform .25s}
.brief-disclosures details[open] summary .arrow{transform:rotate(90deg)}
.brief-disclosures details>p{margin-top:18px}.brief-disclosures .text-link{margin-top:22px}
.origin-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.origin-art{display:block;position:relative;border:1px solid var(--line);overflow:hidden}
.origin-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.origin-art:hover img{transform:scale(1.025)}
.origin-art>span{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;font-size:16px;color:var(--copper-light);background:var(--surface)}
.origin-links article+article{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}
.origin-links h3{font-size:28px}.origin-links .text-link{margin-top:12px}
.architecture-frame{position:relative;padding:25px;border:1px solid var(--control-border)}
.architecture-caption{display:block;text-align:center;font-size:14px;color:var(--teal);margin-bottom:32px}
.architecture-layer{position:relative;width:100%;display:grid;grid-template-columns:28px 1fr;gap:12px 18px;align-items:center;padding:22px;border:1px solid var(--line);background:var(--ink);font-size:20px;text-align:left}
.architecture-layer+.architecture-layer{margin-top:32px}
.architecture-layer+.architecture-layer:before{content:'';position:absolute;left:50%;top:-33px;height:32px;width:1px;background:var(--copper)}
.architecture-layer .story-inspect{grid-column:2}
.architecture-return{text-align:center;margin-top:24px;font-size:13px;color:var(--teal)}
.architecture-return svg{display:block;width:65%;height:30px;margin:0 auto 8px;fill:none;stroke:var(--teal);stroke-width:1}
.pilot-choices{margin-bottom:32px}.story-ready .pilot-choices{display:grid;grid-template-columns:repeat(3,1fr)}
.pilot-choices button{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);background:transparent;font-size:17px;text-align:left}
.pilot-choices .story-inspect{margin-left:auto}.pilot-choices .story-icon{width:20px;height:20px}
.pilot-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.pilot-specimen{border:1px solid var(--control-border);padding:30px;background:var(--surface)}
.pilot-page-heading{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:13px;color:var(--teal)}
.pilot-specimen h3{font:36px/1.2 var(--serif);color:var(--paper);margin:26px 0}
.pilot-specimen dl{margin:0}.pilot-specimen dl>div{display:grid;grid-template-columns:125px 1fr;gap:18px;padding-block:17px;border-top:1px solid var(--line)}
.pilot-specimen dt{font:13px/1.6 var(--sans);color:var(--copper-light)}.pilot-specimen dd{margin:0;font:15px/1.7 var(--sans);color:var(--muted)}
.pilot-specimen article+article{margin-top:30px}.story-ready .pilot-specimen article{margin-top:0}
@media(min-width:1001px){.story-ready .story-reading{min-height:330px}.pilot-story .story-reading{min-height:230px}}
@media(max-width:1100px){.story-heading,.story-stage,.brief-layout,.origin-layout,.pilot-layout{gap:40px}.strategy-node{min-width:112px;font-size:13px}.strategy-center span{width:125px;height:125px;font-size:27px}.pilot-choices button{font-size:15px;flex-wrap:wrap}.pilot-choices .story-inspect{flex-basis:100%;margin-left:34px}}
@media(max-width:800px){.story-heading,.story-stage,.brief-layout,.origin-layout,.pilot-layout{grid-template-columns:1fr;gap:32px}.story-heading{margin-bottom:32px}.strategy-map{max-width:600px;width:100%;margin-inline:auto}.website-specimen{max-width:600px;width:100%;margin-inline:auto}.advisory-sheet{transform:none}.story-heading h2{font-size:38px}.origin-art{max-width:600px}.story-reading h3{font-size:30px}.architecture-layer{font-size:20px}}
@media(max-width:480px){.strategy-map{min-height:440px}.strategy-node{min-width:99px;min-height:94px;padding:10px 6px;font-size:12px}.strategy-node .story-icon{width:20px;height:20px}.strategy-center span{width:100px;height:100px;font-size:22px}.strategy-node-1,.strategy-node-3{top:52%}.strategy-node .story-inspect{font-size:11px}.strategy-node .arrow{width:11px}.website-specimen button{width:calc(100% - 32px);margin:16px;padding:20px}.specimen-browser{padding:15px;font-size:12px}.advisory-sheet{padding:24px}.advisory-sheet h3{font-size:32px}.architecture-frame{padding:18px}.architecture-layer{padding:18px;font-size:17px}.story-ready .pilot-choices{grid-template-columns:1fr}.pilot-choices button{padding:15px;min-height:65px}.pilot-choices .story-inspect{flex-basis:auto;margin-left:auto}.pilot-specimen{padding:22px}.pilot-page-heading{flex-direction:column;gap:8px}.pilot-specimen dl>div{grid-template-columns:1fr;gap:7px}.pilot-specimen h3{font-size:30px}.brief-disclosures summary{font-size:24px}}
@media(forced-colors:active){.story-ready .story-controls button[aria-pressed=true]{outline:2px solid Highlight}.strategy-lines,.architecture-return svg{stroke:CanvasText}.advisory-sheet{border:1px solid CanvasText}.specimen-swatches i{border:1px solid CanvasText}.story-icon{stroke:ButtonText}}
@media(max-width:360px){.strategy-center span{width:82px;height:82px;font-size:18px}.strategy-node{min-width:90px}.strategy-node .story-inspect{font-size:11px}}
@media print{.story-controls{display:none!important}.story-reading article[hidden],.pilot-specimen article[hidden]{display:block!important}.story-stage,.pilot-layout,.brief-layout,.origin-layout{display:block}.advisory-sheet{transform:none}.origin-art{display:none}.brief-disclosures details>p{display:block}}

/* Short paths into the offer, with a clear scope before a visitor inquires. */
.engagement-related a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;font-size:14px;color:var(--teal)}
.engagement-related a:hover{color:var(--copper-light)}
.engagement-next.practice-next{display:block}
.engagement-next .engagement-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;margin-bottom:40px}
.engagement-heading p{max-width:52ch}
.engagement-next .engagement-options{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:64px;margin-bottom:32px}
.engagement-options article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid var(--line);padding-top:25px}
.engagement-options h3{font:32px/1.2 var(--serif);margin-bottom:24px}
.engagement-options dl{margin:0 0 28px}
.engagement-options dl>div+div{margin-top:22px}
.engagement-options dt{font:14px/1.5 var(--sans);color:var(--teal);margin-bottom:8px}
.engagement-options dd{margin:0;font-size:1rem;line-height:1.8;color:var(--muted);max-width:55ch}
.engagement-options .button{margin-top:auto;text-align:left;max-width:100%;white-space:normal}
.engagement-next .engagement-agreement{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:28px;border-top:1px solid var(--line)}
.engagement-agreement>p{font-size:14px}.engagement-agreement>.text-link{justify-self:start}
.engagement-next .engagement-evidence{display:block;margin-block:32px;padding:25px;background:var(--surface)}
.engagement-evidence>p{font-size:15px}.engagement-evidence>a{display:inline-flex;align-items:center;gap:18px;margin-top:12px;font-size:14px;color:var(--copper-light);min-height:44px}
.engagement-related{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:800px){
 .story-guidance-link{display:block;padding-block:10px;color:var(--copper-light);text-decoration:underline;text-underline-offset:5px;font-size:14px;min-height:44px;line-height:1.65}
 .story-stage{row-gap:18px}.story-guidance-link+[class=story-reading]{margin-top:0}
 .pilot-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px}
 .pilot-layout>.story-reading{order:-1}.pilot-story-body>.story-guidance-link{margin-bottom:20px}
 .strategy-map{min-height:370px}.strategy-node{min-height:94px}.strategy-node-1,.strategy-node-3{top:50%}
 .website-specimen button{margin:12px 16px;width:calc(100% - 32px);padding:15px 18px;gap:10px}
 .specimen-message>span{font-size:28px}.specimen-message>span br{display:none}
 .specimen-type{font-size:34px}.specimen-swatches i{width:25px;height:25px}
 .website-specimen .specimen-identity{display:grid;grid-template-columns:1fr auto}
 .specimen-identity>small{grid-column:1/-1}.specimen-action>span{font-size:17px}
 .architecture-caption{margin-bottom:20px}.architecture-layer{padding:15px 18px;gap:8px 14px;font-size:17px}
 .architecture-layer+.architecture-layer{margin-top:20px}.architecture-layer+.architecture-layer:before{top:-21px;height:20px}
 .engagement-next .engagement-heading,.engagement-next .engagement-options,.engagement-next .engagement-agreement{grid-template-columns:1fr;gap:30px}
 .engagement-related{grid-template-columns:1fr;gap:8px}
 .engagement-related a{border-bottom:1px solid var(--line);padding-block:10px}
}
@media print{.engagement-next,.story-guidance-link{display:none!important}}
