/* Copy, proof and brand refinements. */
.story-summary p+p{margin-top:15px}.story-copy .story-foot{padding-top:18px}.inline-metric{font-size:21px;font-weight:500;letter-spacing:-.5px}
.career-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:19px;border-top:1px solid #d7e0e6}
.career-metrics strong{font-size:39px;font-weight:500;line-height:1;letter-spacing:-1.5px;display:block;color:var(--ink)}.career-metrics span{display:block;font-size:11px;line-height:1.5;margin-top:10px;color:var(--muted)}
.monitor-board{gap:20px}.monitor-cases{flex:1;min-height:0}.engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:100%}.engagement{padding:25px 26px 22px;border:1px solid #dddeda;background:#f5f4ef;border-radius:8px;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden}.growth-case{background:#eef3f6;border-color:#d9e2e9}.engagement-type{font-size:11px;letter-spacing:.15px;color:var(--muted)}.engagement h3{font-size:25px;font-weight:500;line-height:1.24;letter-spacing:-.65px;margin-top:17px}.engagement-outcome{margin-top:auto;padding-top:21px;display:flex;flex-direction:column;gap:5px}.engagement-outcome strong{font-size:45px;font-weight:500;line-height:1.1;letter-spacing:-1.8px}.engagement-outcome span{font-size:12px;line-height:1.5;color:#526775}.engagement-description{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px;max-width:290px}.case-scope,.case-lenses{display:flex;justify-content:space-between;gap:12px;margin-top:21px;padding-top:16px;border-top:1px solid #d6dcd9;min-height:60px}.case-scope strong{font-size:20px;font-weight:500;line-height:1}.case-scope span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.case-lenses{flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:6px 15px;font-size:12px;color:#526775}.case-lenses span:before{content:'·';margin-right:6px;color:#91a3b1}
.monitor-board .clients{height:72px;flex:0 0 72px;display:block;margin:0;border-top:1px solid var(--line);padding-top:10px;font-size:11px}.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center;margin-top:6px}.client-logo-slot{display:flex;height:38px;align-items:center;justify-content:center;overflow:hidden}.client-logos img{width:108px;height:29px;max-width:100%;object-fit:contain}.client-logos img.client-logo--opella{width:105px;height:29px}.client-logos img.client-logo--jnj{width:173px;height:29px}.client-logos img.client-logo--takeda{width:172px;height:96px;max-width:none;flex-shrink:0}
.story-visual .pv-simular{display:flex;flex-direction:column}.pv-simular .pv-visual-header{padding:20px 25px 0;min-height:62px}.simular-logo{width:38px;height:38px;object-fit:contain;background:#18222a;border-radius:9px;padding:3px}.pv.pv-simular .pv-signal-map{width:calc(100% - 66px);max-width:650px;height:290px;max-height:calc(100% - 112px);flex:0 1 290px;margin:auto;align-self:center}.pv-simular .pv-visual-footer{flex:0 0 48px;width:100%;min-height:48px}.pv-simular .pv-clarity{box-shadow:0 0 0 8px #edf1f4}
.frame-mode .visual-alan{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:100%;padding:14px 20px;background:#fbfaf7;border:1px solid #ece9e2}.story-visual .team-portrait{background:transparent;height:100%;max-width:100%;align-items:center;justify-content:center}.story-visual .team-portrait img{flex:0 1 auto;object-fit:contain;width:auto;height:calc(100% - 30px);max-width:100%;min-height:0;background:transparent;border-radius:6px}.team-portrait figcaption{position:static;padding:10px 0 0;text-align:center;font-size:12px;background:transparent;line-height:1.5}
@media(min-width:1000px) and (max-height:800px){.engagement{padding:19px 22px}.engagement h3{font-size:23px;margin-top:13px}.engagement-outcome{padding-top:15px}.engagement-outcome strong{font-size:42px}.engagement-description{font-size:12px;margin-top:10px}.case-scope,.case-lenses{margin-top:14px;padding-top:12px;min-height:52px}.monitor-board{gap:16px}.career-metrics strong{font-size:35px}.story-summary p+p{margin-top:13px}}
@media(min-width:1000px) and (max-width:1100px){.engagement{padding:17px}.engagement h3{font-size:21px}.engagement-description{font-size:11px}.engagement-outcome strong{font-size:36px}.career-metrics strong{font-size:31px}.career-metrics{gap:9px}.career-metrics span{font-size:10px}.client-logos{gap:10px}.client-logos img.client-logo--jnj{width:140px}}
@media(max-width:999px),(max-height:699px){.career-metrics{max-width:420px}.monitor-cases{min-height:370px}.monitor-board .clients{height:auto;flex-basis:auto;padding-bottom:10px}.story-visual .team-portrait{height:auto;padding:20px 15px 0}.story-visual .team-portrait img{width:100%;height:auto;max-height:none}.pv.pv-simular .pv-signal-map{height:230px;max-height:none;flex:1;min-height:0}.pv-simular .pv-visual-header{min-height:58px;padding-top:15px}}
@media(max-width:600px){.engagement-grid{grid-template-columns:1fr}.engagement{min-height:340px;padding:23px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.client-logos img.client-logo--jnj{width:160px}.monitor-board .clients{padding-top:15px}.pv.pv-simular .pv-signal-map{width:calc(100% - 30px)}.pv-simular .pv-visual-header{font-size:12px;padding-left:15px;padding-right:15px}.simular-logo{width:32px;height:32px}.career-metrics strong{font-size:36px}.career-metrics span{font-size:11px}}

/* Aligned evidence, fuller media and a portrait-led introduction. */
.work-nav{border-top:0}
.engagement-grid{grid-template-rows:auto auto minmax(10px,1fr) auto 90px;column-gap:20px;row-gap:0}
.engagement{grid-row:1 / span 5;display:grid;grid-template-rows:subgrid}
.engagement-type{grid-row:1}.engagement h3{grid-row:2}.engagement-outcome{grid-row:4;margin-top:0}.engagement-description{grid-row:5;min-height:3.2em}.case-scope,.case-lenses{grid-row:5;min-height:0;margin-top:12px;padding-top:12px}
.pv.pv-simular .pv-signal-map{max-width:760px;height:330px;flex-basis:330px;width:calc(100% - 60px)}
.pv-simular .pv-signal,.pv-simular .pv-market-output>span{font-size:14px}.pv-simular .pv-clarity{width:65px;height:78px}
.pv-simular .pv-segment-glyph,.pv-simular .pv-tier-glyph,.pv-simular .pv-direction-glyph{transform:scale(1.12);transform-origin:left center}
.frame-mode .visual-alan{padding:0;border:0;background:transparent}.story-visual .team-portrait{padding:0;width:100%;height:100%;overflow:hidden}
.story-visual .team-portrait img{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;object-position:50% 38%;flex:none}
.team-portrait figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 10px;background:linear-gradient(transparent,#fffaf1eb);font-size:12px;text-align:center;color:var(--ink)}
.front-door{padding:60px 0 35px;gap:0}
.welcome-intro{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,610px);align-items:center;gap:72px;width:min(100%,1080px)}
.welcome-portrait{width:100%;height:auto;aspect-ratio:1;margin:0;max-width:360px}
.welcome-copy{text-align:left}.front-door h1{font-size:64px;margin:16px 0 20px}.front-door .eyebrow{font-size:14px;letter-spacing:.2px}.welcome-line{font-size:26px;line-height:1.45;max-width:490px}.front-door .opening-summary{font-size:17px;margin-top:22px;max-width:560px}
.welcome-paths{width:min(100%,1080px);margin-top:54px}.scroll-cue{margin-top:28px}
@media(min-width:1000px) and (min-height:700px){
 .frame-mode .story-panel{inset:22px 0 0;height:calc(100% - 22px);transform-origin:50% 0;border-top:1px solid var(--line);border-radius:10px 10px 0 0;box-shadow:0 -5px 15px #2736440b;--pair-height:min(calc(var(--stage-height) - 163px),calc(min(1240px,calc(100vw - 64px))*.7*9/16));grid-template-columns:minmax(280px,1fr) minmax(0,min(70%,calc((var(--stage-height) - 163px)*16/9)));grid-template-rows:var(--pair-height)}
 .frame-mode .frame-window{isolation:isolate}
}
@media(min-width:1000px) and (max-height:800px){.front-door{padding:38px 0 25px}.welcome-intro{grid-template-columns:300px minmax(0,570px);gap:62px;max-width:1000px}.welcome-portrait{max-width:300px}.front-door h1{font-size:56px}.welcome-line{font-size:24px}.welcome-paths{margin-top:38px;max-width:1000px}.scroll-cue{margin-top:24px}}
@media(max-width:999px){.welcome-intro{grid-template-columns:minmax(180px,32%) 1fr;gap:34px}.front-door h1{font-size:48px}.welcome-line{font-size:22px}.front-door .opening-summary{font-size:16px}.welcome-paths{margin-top:36px}.pv.pv-simular .pv-signal-map{height:240px;flex-basis:240px;width:calc(100% - 36px)}.pv-simular .pv-signal,.pv-simular .pv-market-output>span{font-size:12px}}
@media(max-width:999px),(max-height:699px){.visual-alan{padding:0;border:0}.story-visual .team-portrait{height:auto;aspect-ratio:3/2}.story-visual .team-portrait img{width:100%;height:100%}}
@media(max-width:600px){.front-door{padding:45px 0 25px}.welcome-intro{display:flex;flex-direction:column;gap:25px}.welcome-portrait{width:210px}.welcome-copy{text-align:center}.front-door h1{font-size:43px;margin:12px 0 16px}.front-door .eyebrow{font-size:12px}.welcome-line{font-size:21px}.front-door .opening-summary{margin-top:17px}.welcome-paths{margin-top:28px}.engagement-grid{display:flex;flex-direction:column;gap:16px}.engagement{display:flex;min-height:340px}.engagement-outcome{margin-top:auto}.engagement-description{min-height:0}.case-scope,.case-lenses{min-height:57px}.pv-simular .pv-signal,.pv-simular .pv-market-output>span{font-size:10px}.pv-simular .pv-clarity{width:42px;height:60px}.pv-simular .pv-segment-glyph,.pv-simular .pv-tier-glyph,.pv-simular .pv-direction-glyph{transform:none}}

/* A narrative heading anchors each chapter above the card stack. */
.frame-meta{border-bottom:0;letter-spacing:0;gap:24px}
.chapter-label{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.45px;color:var(--ink)}
.frame-count{font-size:12px;letter-spacing:.8px;flex-shrink:0;color:var(--muted)}
.panel-story-anchor{display:block;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.35px;margin:0 0 18px;color:var(--ink)}
.frame-mode .panel-story-anchor{display:none}
@media(min-width:1000px) and (max-height:800px){.chapter-label{font-size:21px}}
@media(max-width:600px){.panel-story-anchor{font-size:21px;margin-bottom:16px}}

/* Evenly spaced chapter choices with a quiet selected state. */
.work-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;border:0;overflow-y:hidden}
.work-nav a,.work-nav a:nth-child(3),.work-nav a:nth-child(8){display:flex;align-items:center;justify-content:center;border:0;padding:7px 6px;border-radius:7px;line-height:1.5;text-align:center;font-weight:400;color:var(--muted);transition:background .2s,color .2s}
.work-nav a:after{display:none}
.work-nav a:hover{background:#f3f5f7;color:var(--ink)}
.work-nav a[aria-current]{background:#eaf0f4;color:var(--ink);font-weight:500}
.frame-meta{height:67px;border:0;padding:24px 0 14px}
.frame-mode .frame-window{height:calc(100% - 105px)}
@media(min-width:1000px) and (max-width:1100px){.work-nav{font-size:12px;gap:4px}.work-nav a,.work-nav a:nth-child(3),.work-nav a:nth-child(8){padding-left:3px;padding-right:3px}}
@media(max-width:999px){.work-nav{grid-template-columns:repeat(8,130px);justify-content:start;gap:5px}.work-nav.has-overflow:after{display:none}}

/* Browser review: quieter date, balanced diagram and a photo-aligned resource. */
.masthead .education small{font-size:12px}
.pv-simular .pv-market-output{align-items:flex-start}
.pv.pv-simular .pv-signal-map{transform:translateX(var(--map-offset,0px))}
.story-visual.visual-claude-101{background:transparent;border-radius:0}
.story-visual .event-figure{background:transparent}
.story-visual .event-figure .media{height:auto;flex:1;min-height:0}
.workshop-resource{flex:0 0 auto;padding-top:12px;text-align:right;font-size:13px;line-height:1.5;color:var(--accent)}
.workshop-resource a{text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:3px 0}
@media(min-width:1000px) and (min-height:700px){.frame-mode .visual-claude-101{height:100%;aspect-ratio:auto}}

@media(min-width:1000px) and (max-height:800px){[data-id="monitor"] .story-foot{padding-top:12px}.career-metrics{padding-top:15px}.career-metrics span{margin-top:7px}}

/* Keep the shared column widths; align the workshop photo to the copy box. */
.career-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(min-width:1000px) and (min-height:700px){
 .frame-mode .story-visual.visual-claude-101{overflow:visible}
 .frame-mode .event-figure .media{height:100%;flex:none}
 .frame-mode .workshop-resource{position:absolute;top:100%;right:0;padding-top:1px;font-size:12px;line-height:16px}
 .frame-mode .workshop-resource a{padding:0}
}

/* Release the settled card's compositor layer so embedded video paints normally. */
.frame-mode .story-panel{will-change:auto}

/* Copy review: preserve the animation control position after removing its caption. */
.pv-simular .pv-motion-toggle{margin-left:auto}