/* A finite six-chapter story. Text stays visible without JavaScript. */
.menu-case{--story-blue:#244fbe;--story-night:#17263f;--story-light:#dce7f7;--story-text:#525e72}
.menu-case .story-hero{padding:64px 0 44px;background:radial-gradient(ellipse at 90% 5%,#cad7f799,transparent 55%),#f4f3ef}
.menu-case .story-hero::before{display:none}
.story-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px);align-items:center}
.menu-case .case-eyebrow,.menu-case .case-english-title{font-size:14px;line-height:1.8;color:#52627a}
.menu-case .story-hero h1{font-size:clamp(38px,4vw,62px);line-height:1.25;margin-top:25px;letter-spacing:-.045em;color:var(--story-night)}
.story-hero h1>span{display:block;color:var(--story-blue)}
.menu-case .case-summary{font-size:18px;line-height:1.9;margin-top:24px;color:var(--story-text)}
.menu-case .case-results{gap:22px;margin-top:28px;padding-block:22px;border-color:#244fbe30}
.menu-case .case-results strong{font-size:clamp(27px,2.7vw,42px);white-space:nowrap;color:var(--story-blue)}
.menu-case .case-results span{font-size:14px;color:var(--story-text)}
.story-cover-wrap{position:relative;min-width:0;padding:30px 24px 24px;background:#e6edf8;border:1px solid #d1ddef;border-radius:20px;box-shadow:0 18px 54px #213d6812}
.story-cover-wrap::before{content:"";position:absolute;inset:12px 15px -12px;border:1px solid #c4d2e8;border-radius:20px;z-index:-1;background:#ecf0f7}
.menu-case .story-cover-wrap .case-media{margin:0;transform:translate3d(0,var(--story-drift,0px),0)}
.menu-case .story-cover-wrap .media-frame img{max-height:none;object-fit:contain}
.menu-case .story-cover-wrap figcaption{font-size:14px;line-height:1.8;gap:10px;flex-wrap:wrap;color:#52627a}
.story-cover-note{display:block;margin-top:17px;padding-top:16px;border-top:1px solid #244fbe25;font-size:16px;line-height:1.8;color:#425370}
.menu-case .menu-chapter{padding-block:clamp(64px,6vw,98px);border:0;scroll-margin-top:24px;position:relative;isolation:isolate}
.menu-case .story-challenge,.menu-case .story-execution{background:#f4f3ef}
.menu-case .story-insight,.menu-case .story-outcome{background:#e8edf5}
.menu-case .story-system,.menu-case .story-reflection{background:var(--story-night);color:#f1f5ff;--ink:#f1f5ff;--story-text:#c4d1e7}
.menu-case .case-section-heading{margin-bottom:32px;grid-template-columns:160px minmax(0,1fr);gap:36px}
.menu-case .case-section-label>span{font-size:16px;color:var(--story-blue)}.menu-case .case-section-label>p{font-size:14px;color:#626f82;line-height:1.9}
.menu-case .case-section-copy h2{font-size:clamp(28px,2.6vw,40px);line-height:1.55;color:var(--story-night)}
.menu-case .case-copy{font-size:16px;line-height:1.95;color:var(--story-text);margin-top:22px;max-width:50em}.menu-case .case-copy>.sentence{font-size:16px;white-space:normal;margin-top:8px}
.story-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(30px,4vw,64px);align-items:start}
.story-split .case-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:0}.story-split .case-section-label{display:flex;gap:18px;align-items:center;padding-top:0}.story-split .case-section-label>p{margin:0}.story-visual{min-width:0}
.story-tabs{min-width:0}.story-tab-list{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:23px}.story-tab-list button{min-height:46px;padding:10px 18px;font-size:16px;line-height:1.6;border:1px solid #4b638437;border-radius:30px;background:transparent;color:#52627a}.story-tab-list button[aria-selected=true]{background:var(--story-blue);border-color:var(--story-blue);color:#fff}.story-tab-list button:hover{border-color:#244fbe}.story-tab-panel{min-width:0;scroll-margin-top:24px}.story-tab-panel:focus-visible{outline-offset:8px}.menu-case .story-tab-panel .media-frame{border-radius:10px;background:#d5e1f1}.menu-case .story-tab-panel .media-frame img{max-height:560px;height:auto;object-fit:contain}.menu-case .story-tab-panel figcaption{font-size:14px;flex-wrap:wrap;gap:8px;color:#52627a}.menu-case .story-tab-panel figcaption>span:last-child{font-size:14px;white-space:normal}.menu-case .story-tab-panel figcaption span:first-child{max-width:100%}
.menu-case .story-insight .menu-document,.menu-case .story-execution .menu-document{padding:0;background:transparent;overflow:visible}.menu-case .menu-document-label{font-size:14px;line-height:1.8;letter-spacing:.02em;margin-bottom:26px;color:#52627a}.menu-case .menu-document p{font-size:16px;line-height:1.9;color:var(--story-text)}
.menu-case .menu-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.menu-info-grid article{padding:26px 22px 28px;background:#f6f7fb;border:1px solid #cdd7e7;border-radius:14px;box-shadow:0 10px 24px #244fbe09}.menu-case .menu-info-grid article>small{font-size:14px;color:var(--story-blue);margin-bottom:27px}.menu-case .menu-info-grid h3{font-size:23px;color:var(--story-night);margin-bottom:15px}.menu-info-grid article:nth-child(even){margin-top:28px}.menu-info-grid article:nth-child(odd){margin-bottom:28px}
.story-system .case-section-heading{position:sticky;top:36px}.menu-case .story-system .case-section-copy h2,.menu-case .story-reflection .case-section-copy h2{color:#f1f5ff}.menu-case .story-system .case-section-label>span,.menu-case .story-reflection .case-section-label>span{color:#a8c7ff}.menu-case .story-system .case-section-label>p,.menu-case .story-reflection .case-section-label>p{color:#c4d1e7}.menu-case .story-system .menu-document,.menu-case .story-reflection .menu-document{background:#ffffff06;color:#f1f5ff;padding:28px 32px;border:1px solid #ffffff22;border-radius:14px}.menu-case .story-system .menu-document-label,.menu-case .story-reflection .menu-document-label{color:#b2c7ea}.menu-case .menu-live-flow{grid-template-columns:1fr;gap:0;position:relative}.menu-live-flow::before{content:"";position:absolute;left:19px;top:24px;bottom:30px;width:1px;background:#ffffff25}.menu-case .menu-live-flow>li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 20px;border:0;border-radius:12px;padding:21px 14px;position:relative;transition:background .35s,transform .35s}.menu-case .menu-live-flow>li>small{position:relative;width:38px;height:38px;border:1px solid #809bc7;border-radius:50%;display:grid;place-items:center;grid-row:1/3;background:var(--story-night);font-size:14px;margin:2px 0 0;color:#dbe8ff;z-index:1}.menu-case .menu-live-flow>li>strong{font-size:23px;line-height:1.5;color:#f1f5ff;margin:0}.menu-case .menu-live-flow>li>p{font-size:16px;color:#c4d1e7;line-height:1.9;margin-top:6px}.menu-case .menu-live-flow>li.is-step-current{background:#294467;transform:translateX(4px)}.menu-case .menu-live-flow>li.is-step-current>small{background:#4873cc;border-color:#86aeff;color:#fff}.menu-case .menu-live-flow>li.is-step-done>small{border-color:#a8c7ff}
.menu-case .menu-role-grid{gap:24px}.menu-role-grid article{padding:28px;border:1px solid #c8d3e6;border-radius:14px;background:#fafafa;box-shadow:0 8px 25px #244fbe08}.menu-case .menu-role-grid h3{font-size:18px;color:var(--story-blue);line-height:1.8;margin-bottom:20px}.menu-role-grid article:nth-child(2){background:#eaf0f9}.menu-role-grid article:nth-child(3){background:#dde7f7}
.story-outcome .story-visual{max-width:1100px;margin:35px auto 0}.menu-case .story-outcome .media-frame img{max-height:580px;height:auto;width:100%;object-fit:contain}.menu-case .story-reflection .menu-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.menu-case .story-reflection .menu-flow>li{border-color:#8fabd74d}.menu-case .story-reflection .menu-flow>li>small{font-size:14px;color:#b2c7ea}.menu-case .story-reflection .menu-flow>li>strong{font-size:20px;color:#f1f5ff}.menu-case .story-reflection .menu-flow>li>p{font-size:16px;color:#c4d1e7}
@media(prefers-reduced-motion:no-preference){.story-arrived{animation:story-enter .7s cubic-bezier(.2,.65,.25,1) both}.story-switched{animation:story-panel .4s ease both}@keyframes story-enter{from{opacity:.3;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes story-panel{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.menu-case .menu-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-hero-grid{gap:32px;grid-template-columns:1fr 1.1fr}.menu-case .case-results{gap:14px}.menu-case .case-results strong{font-size:28px}.story-split{gap:30px}.menu-case .menu-role-grid{grid-template-columns:1fr}.menu-role-grid article{padding:25px 28px}.menu-case .story-reflection .menu-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.menu-case .case-section-heading{grid-template-columns:140px minmax(0,1fr);gap:28px}.story-split .case-section-heading{grid-template-columns:1fr}}
@media(max-width:850px){.story-hero-grid,.story-split{grid-template-columns:1fr;gap:38px}.story-cover-wrap{max-width:780px;margin-top:5px}.menu-case .story-hero{padding-top:48px}.menu-case .story-hero h1{font-size:46px}.menu-case .case-results{max-width:650px;gap:26px}.menu-case .case-results strong{font-size:39px}.story-system .case-section-heading{position:static}.menu-case .case-section-heading{grid-template-columns:1fr;gap:20px}.menu-case .case-section-label{display:flex;gap:18px;align-items:center;padding-top:0}.menu-case .case-section-label>p{margin:0}.menu-case .case-section-copy h2{font-size:32px}.menu-case .story-outcome .media-frame img{max-height:520px}}
@media(max-width:600px){.menu-case .story-hero{padding-block:38px 30px}.menu-case .story-hero h1{font-size:39px;line-height:1.3}.menu-case .case-summary{font-size:16px}.menu-case .case-results{gap:18px}.menu-case .case-results strong{font-size:28px}.menu-case .case-results span{font-size:14px}.story-cover-wrap{padding:18px;border-radius:14px}.story-cover-note{font-size:16px}.menu-case .menu-chapter{padding-block:54px;scroll-margin-top:24px}.menu-case .case-section-copy h2{font-size:28px;line-height:1.6}.menu-case .case-copy>.sentence{font-size:16px}.menu-case .case-section-label>span{font-size:16px}.menu-case .menu-info-grid{grid-template-columns:1fr;gap:18px}.menu-info-grid article:nth-child(n){margin:0;padding:24px}.menu-case .menu-info-grid article>small{margin-bottom:14px}.menu-case .menu-info-grid h3{font-size:22px}.menu-case .story-system .menu-document,.menu-case .story-reflection .menu-document{padding:24px 18px}.menu-case .menu-live-flow>li{padding:20px 9px;gap:0 15px}.menu-case .menu-live-flow>li>strong{font-size:21px}.menu-case .menu-live-flow>li>p{font-size:16px}.menu-role-grid article{padding:24px}.menu-case .story-reflection .menu-flow{grid-template-columns:1fr;gap:24px}.menu-case .story-reflection .menu-flow>li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:0 15px}.menu-case .story-reflection .menu-flow>li>small{grid-row:1/3}.menu-case .story-reflection .menu-flow>li>p{margin-top:7px}.story-tab-list{gap:10px}.story-tab-list button{font-size:16px;padding-inline:15px}.menu-case .story-outcome .media-frame img{max-height:560px}.menu-case .case-topbar .case-back{font-size:16px}}
@media(prefers-reduced-motion:reduce){.story-cover-wrap .case-media,.menu-case .menu-live-flow>li{transform:none!important}.story-arrived,.story-switched{animation:none!important}}
/* These frames override the shared case image limits. */
.menu-case .case-body .story-tab-panel .case-media .media-frame img{max-height:560px;object-fit:contain}.menu-case .case-body .story-outcome .story-tab-panel .case-media .media-frame img{max-height:580px}
@media(max-width:850px){.menu-case .case-body .story-outcome .story-tab-panel .case-media .media-frame img{max-height:520px}}
@media(max-width:600px){.menu-case .case-body .story-outcome .story-tab-panel .case-media .media-frame img{max-height:560px}}
@media print{.menu-case .menu-chapter{padding-block:30px}.story-hero-grid,.story-split{grid-template-columns:1fr}.story-system .case-section-heading{position:static}.story-tab-panel[hidden]{display:block!important}.story-tab-list{display:none}.story-tab-panel{margin-top:22px}.story-cover-wrap .case-media{transform:none}.menu-info-grid article{break-inside:avoid}}

/* Project context is read with delivery; measurement context follows the outputs. */
.menu-case .story-project-details{margin-top:38px;padding-top:28px;border-top:1px solid #244fbe25}
.story-project-details>p{font-size:14px;line-height:1.9;color:#52627a}
.menu-case .story-project-details .case-facts{border:0;padding:0;margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px}
.story-project-details .case-facts dt{font-size:14px;line-height:1.8;letter-spacing:0}
.story-project-details .case-facts dd{font-size:16px;line-height:1.9}
.story-output-notes{max-width:1100px;margin:30px auto 0;padding-top:24px;border-top:1px solid #244fbe25;color:var(--story-text)}
.story-output-notes p{font-size:16px;line-height:1.9}.story-output-notes p+p{margin-top:10px}
.menu-case .case-next{grid-template-columns:1fr}
@media(max-width:600px){.menu-case .story-project-details .case-facts{grid-template-columns:1fr;gap:20px}.menu-case .story-project-details{margin-top:30px;padding-top:22px}}