
/* Decision Focus: one narrative, shared typography, quieter surfaces. */
.perception-case{--story-ink:#252725;--story-muted:#696d69;--story-line:#dcded9}
.perception-case main{overflow:clip}
.perception-case .story-hero h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.055em;line-height:1.06;max-width:1100px}
.perception-case .story-hero h1 .story-subtitle{display:block;font:inherit;margin:0}
.perception-case .gradient-words{background:linear-gradient(105deg,#335c77 8%,#6862a0 54%,#8f667a 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.perception-case .systems-section h2,.perception-case .case-copy h2,.perception-case .review-intro h2{font-size:clamp(32px,4.2vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.13;max-width:1040px}
.perception-case .systems-section h3,.perception-case .story-three h3,.perception-case .context-flow h3{font-weight:500;letter-spacing:-.025em}
.perception-case .systems-intro{max-width:820px;font-size:18px;line-height:1.7;color:var(--story-muted)}
.perception-case strong{font-weight:600}
.perception-case .systems-section{padding:64px 0;margin:0}
.perception-case .case-section{padding-block:56px}
.perception-case .case-jump{border-block:1px solid var(--story-line);padding:16px 0;gap:14px 30px;flex-wrap:wrap;font-size:13px}
.perception-case .case-jump a{padding:5px 0}
.perception-case .context-flow,.perception-case .strategy-path,.perception-case .state-strip{list-style:none;padding:0;margin:40px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.context-flow li,.strategy-path li,.state-strip li{min-width:0;border-top:1px solid var(--story-line);padding-top:22px}
.context-flow span,.strategy-path a>span,.state-strip span,.story-three article>span,.policy-change span,.release-line span,.value-relationship article>span,.value-bridge>span,.judgment-line>span,.strategy-principle>span{display:block;font-size:11px;letter-spacing:.09em;color:var(--story-muted);font-weight:500}
.context-flow h3{font-size:25px!important;line-height:1.25;margin:20px 0 12px!important}
.context-flow p,.story-three p,.state-strip p,.policy-change p,.value-relationship p{font-size:16px;line-height:1.7;color:var(--story-muted)}
.perception-case .story-strategy{padding:80px 0}
.strategy-path a{display:flex;flex-direction:column;min-height:300px;gap:0}
.strategy-path h3{font-size:34px!important;line-height:1.15!important;margin:26px 0 20px!important}
.strategy-path p{font-size:16px;line-height:1.7;max-width:300px;color:var(--story-muted);margin:0 0 24px}
.strategy-path small{margin-top:auto;font-size:13px;border-top:1px solid var(--story-line);padding-top:16px;display:flex;justify-content:space-between}
.strategy-path a:hover h3{color:#48657e}
.strategy-principle{display:grid;grid-template-columns:240px 1fr;gap:30px;padding:26px 0;border-block:1px solid var(--story-line)}
.strategy-principle p{font-size:22px;line-height:1.5;margin:0}
.role-map{overflow:auto;margin:36px 0;border-block:1px solid var(--story-line)}
.role-map table{border-collapse:collapse;width:100%;min-width:800px;text-align:left}
.role-map caption{text-align:left;font-size:13px;color:var(--story-muted);padding:18px 0;caption-side:bottom}
.role-map th,.role-map td{padding:24px 14px;vertical-align:middle;border-bottom:1px solid #e3e4df;font-size:14px}
.role-map thead th{font-size:12px;color:var(--story-muted);font-weight:500}
.role-map tbody th{width:20%;font-size:16px;font-weight:500;padding-left:0}
.role-map td span{display:block;padding-bottom:12px;border-bottom:3px solid currentColor;line-height:1.5}
.role-finance{color:#536584}.role-admin{color:#8060b1}.role-operator{color:#27817e}.role-leader{color:#406f8f}
.story-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:36px 0}
.story-three article{border-top:1px solid var(--story-line);padding-top:24px;min-width:0}
.story-three h3{font-size:25px!important;line-height:1.25;margin:20px 0 15px!important}
.story-three a{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.policy-change{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:38px 0}
.policy-change>div{padding:28px 0;border-block:1px solid var(--story-line)}
.policy-change h3{font-size:28px!important;margin:20px 0 10px!important}
.judgment-line{border-left:2px solid #607385;padding:8px 0 8px 28px;margin:36px 0;max-width:960px}
.judgment-line h3{font-size:28px!important;line-height:1.3;margin:18px 0 14px!important}
.judgment-line p{font-size:17px;line-height:1.75;color:var(--story-muted);max-width:800px}
.state-strip strong{display:block;font-size:20px;font-weight:500;margin-top:20px}
.chapter-break{padding:78px 0 36px;margin-top:36px;border-top:1px solid var(--story-line)}
.chapter-break .chapter-number{font-size:12px;letter-spacing:.12em;color:var(--story-muted)}
.chapter-break h2{font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:23px 0}
.chapter-break p{max-width:700px;font-size:18px;line-height:1.7;color:var(--story-muted)}
.exploration-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:32px 0}
.exploration-pair figure{margin:0;min-width:0}
.exploration-pair img{width:100%;height:auto;display:block;border:1px solid #e0e1dc;border-radius:10px;background:white}
.exploration-pair figcaption{font-size:14px;line-height:1.7;color:var(--story-muted);margin-top:16px}
.exploration-pair figcaption strong{display:block;font-size:12px;letter-spacing:.08em;font-weight:500;margin-bottom:8px;color:var(--story-ink)}
.exploration-comparison{padding:32px 0}
.exploration-comparison h3{font-size:30px;line-height:1.2;font-weight:500}
.exploration-comparison>p{font-size:17px;line-height:1.7;max-width:820px;color:var(--story-muted)}
.chat-evidence-concept{display:grid;grid-template-columns:.75fr 1.7fr;gap:30px;border-block:1px solid var(--story-line);padding:32px 0;margin:40px 0;align-items:center}
.concept-chat>span{font-size:11px;letter-spacing:.1em;color:var(--story-muted)}
.concept-chat .context-label{font-size:13px;margin-top:24px}
.concept-chat blockquote{margin:20px 0;font-size:clamp(24px,3vw,36px);line-height:1.25;letter-spacing:-.035em}
.concept-chat p{font-size:15px;line-height:1.7;color:var(--story-muted)}
.chat-evidence-concept figure{margin:0;min-width:0}
.chat-evidence-concept img{display:block;width:100%;height:auto;border:1px solid #e0e1dc;border-radius:8px}
.chat-evidence-concept figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:var(--story-muted)}
.value-relationship{display:grid;grid-template-columns:1fr .65fr 1fr;gap:30px;align-items:center;border-block:1px solid var(--story-line);padding:32px 0;margin:38px 0}
.value-relationship h3{font-size:27px!important;margin:20px 0 12px!important}
.value-bridge{text-align:center;border-inline:1px solid var(--story-line);padding:22px 12px}
.value-bridge p{font-size:18px;color:var(--story-ink)}
.release-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:32px;border-block:1px solid var(--story-line);margin:38px 0}
.release-line strong{display:block;font-size:26px;font-weight:500;margin-top:18px}
.validation-rows{margin:40px 0}
.validation-rows article{display:grid;grid-template-columns:65px 1fr;gap:22px;padding:26px 0;border-top:1px solid var(--story-line)}
.validation-rows article>span{font-size:17px;color:#677481}
.validation-rows h3{font-size:27px!important;line-height:1.3;margin:0 0 12px!important}
.validation-rows p{font-size:17px;line-height:1.7;max-width:850px;color:var(--story-muted);margin:0}
.perception-case .story-closing{border-top:1px solid var(--story-line);padding:80px 0}
.story-closing>p:not(.eyebrow){font-size:24px;line-height:1.6;max-width:900px}
.story-closing>p.closing-small{font-size:17px;max-width:800px;color:var(--story-muted)}
.perception-case .decision-reasoning{background:transparent;border-block:1px solid var(--story-line);padding:28px 0;border-radius:0}
.perception-case .decision-reasoning>h3{font-family:inherit;font-weight:500;color:var(--story-ink)}
.perception-case .research-action-note,.perception-case .decision-note,.perception-case .open-research{background:transparent}
.perception-case .evidence-summary h3,.perception-case .findings-decisions h3,.perception-case .validation-tasks h4{font-weight:500}
.perception-case .product-icon{width:64px;height:64px;display:grid;place-items:center}
.perception-case .product-icon img{width:48px!important;height:48px!important;object-fit:contain}
.perception-case details.story-support{border-block:1px solid var(--story-line);margin:32px 0;padding:22px 0}
.story-support>summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:17px;list-style:none}
.story-support>summary:after{content:'+';color:var(--story-muted)}
.story-support[open]>summary:after{content:'−'}
.story-support summary:focus-visible{outline:2px solid #48657e;outline-offset:6px}
.perception-case .case-relock button{font:inherit;font-size:14px;padding:12px 20px;border:1px solid #92998f;border-radius:100px;background:transparent;color:var(--story-ink);cursor:pointer}
.perception-case .case-relock button:hover{background:#e9eae5}
@media(max-width:760px){
 .context-flow,.strategy-path,.state-strip,.story-three{grid-template-columns:1fr!important;gap:25px!important}
 .strategy-path a{min-height:0}.strategy-path h3{font-size:30px!important}.strategy-path p{max-width:none}.strategy-path small{margin-top:10px}
 .strategy-principle,.policy-change,.exploration-pair,.chat-evidence-concept,.value-relationship,.release-line{grid-template-columns:1fr;gap:24px}
 .value-bridge{border-inline:0;border-block:1px solid var(--story-line);text-align:left}
 .role-map table{min-width:760px}
 .perception-case .systems-section{padding:42px 0}
 .perception-case .story-strategy,.perception-case .story-closing{padding:55px 0}
 .chapter-break{padding:55px 0 15px}.judgment-line{padding-left:20px}
 .release-line{gap:25px}.release-line>div{padding-bottom:20px;border-bottom:1px solid var(--story-line)}
 .perception-case .story-hero h1{font-size:46px;letter-spacing:-.045em}
 .validation-rows article{grid-template-columns:32px 1fr;gap:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.perception-case .product-icon{position:relative;flex-shrink:0;overflow:visible}.perception-case .product-icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none}.perception-case .product-icon img[src*=defender]{width:84px!important;height:84px!important}.perception-case .product-icon img[src*=copilot]{width:42px!important;height:42px!important}.perception-case .product-icon img[src*=sentinel]{width:78px!important;height:78px!important}

.perception-case .research-status>span{white-space:normal;overflow-wrap:anywhere;line-height:1.6;max-width:100%}

/* Reading rhythm: a small number of complete chapters, with quieter subsections. */
.perception-case .narrative-chapter{padding:76px 0 36px;border-top:1px solid var(--story-line);margin:36px 0 0}
.perception-case .narrative-chapter>.chapter-break{padding:0 0 24px;margin:0;border:0}
.perception-case .narrative-chapter>.systems-section,.perception-case .narrative-chapter>.case-section{padding:28px 0;border:0;margin:0}
.perception-case .narrative-chapter .chapter-subtitle{font-family:inherit;font-weight:500;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.035em;max-width:960px;margin:20px 0}
.perception-case .narrative-chapter .case-section{display:block}
.perception-case .narrative-chapter .case-copy{max-width:none;width:100%}
.perception-case .narrative-chapter .case-copy>p{max-width:850px}
.perception-case .narrative-chapter .section-label{font-size:11px;margin-bottom:18px}
.perception-case .narrative-thesis{padding:40px 0;margin:0;border:0;background:none}
.perception-case .narrative-thesis>p:last-child{font-size:28px;line-height:1.45;max-width:900px}
.perception-case .narrative-chapter>.decision-reasoning{margin:22px 0;padding:24px 0;border-top:0}
.perception-case .narrative-chapter .decision-reasoning>h3{font-size:23px;margin:0 0 20px}
.perception-case .narrative-chapter>.story-deck{margin:32px 0 46px}
.perception-case .narrative-chapter .systems-footnote{font-size:13px;line-height:1.6;max-width:950px}
.perception-case .narrative-chapter .research-status{margin:20px 0}
.perception-case .narrative-chapter .story-strategy{padding-top:24px}
.perception-case .strategy-evidence{border-top:1px solid var(--story-line);padding-top:16px;margin-top:22px;font-size:14px;line-height:1.65;color:var(--story-muted)}
.perception-case .estimator-followthrough{margin:26px 0}
.perception-case .estimator-followthrough .estimator-evidence-notes{padding:0;background:none;border:0}
.perception-case .estimator-followthrough ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:0;list-style:none}
.perception-case .estimator-followthrough h4{font-size:20px;font-weight:500}
.perception-case .estimator-followthrough p{font-size:16px;line-height:1.7;color:var(--story-muted)}
.perception-case #leadership-story>.systems-section+section{margin-top:30px;border-top:1px solid var(--story-line);padding-top:42px}
.perception-case #outcomes-story .story-closing{margin-top:32px;border-top:1px solid var(--story-line);padding-top:40px}
@media(max-width:760px){.perception-case .narrative-chapter{padding:42px 0 20px;margin-top:24px}.perception-case .narrative-chapter>.systems-section,.perception-case .narrative-chapter>.case-section{padding:22px 0}.perception-case .estimator-followthrough ol{grid-template-columns:1fr;gap:14px}.perception-case .narrative-chapter .chapter-subtitle{font-size:28px}.perception-case .narrative-thesis>p:last-child{font-size:24px}}

.perception-case .story-three.story-two{grid-template-columns:repeat(2,minmax(0,1fr))}
