/* V13 — individual stories, one gallery, clean editorial layout. */
.case-page .v13-hero{padding:48px 0 43px!important}
.case-page .v13-hero .case-header-grid{grid-template-columns:1.15fr .8fr;align-items:center}
.case-page .v13-hero .case-breadcrumb{font-size:10px;max-width:88%;margin-bottom:19px}
.case-page .v13-status{display:inline-flex;align-items:center;font:700 10px "IBM Plex Mono",monospace;color:#174fca;border:1px solid #a4b6c6;background:#e8eef9;padding:7px 11px;margin-bottom:17px}
.case-page .v13-hero .case-summary p{font:500 16px/1.65 "IBM Plex Sans",sans-serif!important;color:#314a58!important}
.case-page .v13-hero .case-headline{font-size:18px!important;line-height:1.45!important;font-weight:500!important}
.case-page .v13-case-route{border-top:0!important;position:relative!important}
.case-page .v13-case-visual{background:#e8eef9;padding:0;scroll-margin-top:78px}
.case-page .v13-real-captures{max-width:1440px;margin:auto;padding:24px clamp(18px,3vw,48px) 42px}
.case-page .v13-evidence-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a3b4c0;padding-bottom:10px;gap:12px}
.case-page .v13-evidence-caption span{color:#b94327;font:700 10px "IBM Plex Mono",monospace}
.case-page .v13-evidence-caption p{margin:0;color:#4a5d66;font-size:12px}
.case-page .v13-real-captures .case-gallery{background:transparent!important;border:0!important;padding:20px 0 0!important}
.case-page .v13-real-captures .case-gallery>.container{max-width:none!important;padding:0!important}
.case-page .v13-real-captures .case-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:19px!important}
.case-page .v13-real-captures .case-gallery-head h2{font-size:clamp(25px,3vw,39px)!important;line-height:1.14!important;letter-spacing:-.05em!important;color:#172731!important}
.case-page .v13-real-captures .case-gallery-head .demo-label{color:#b94327}
.case-page .v13-real-captures .case-gallery-head p{font-size:12px!important;line-height:1.55!important;max-width:380px!important;color:#54636d!important}
.case-page .v13-real-captures .case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
.case-page .v13-real-captures .gallery-item{background:#faf9f6!important;min-width:0;border:1px solid #a9bcc7!important;padding:10px!important;box-shadow:none!important}
.case-page .v13-real-captures .gallery-item:first-child{grid-column:span 2}
.case-page .v13-real-captures .gallery-item:first-child .gallery-shot{max-height:560px;overflow:hidden;display:grid;place-items:center;background:#f2f5f8}
.case-page .v13-real-captures .gallery-item:first-child img{object-fit:contain;max-height:560px}
.case-page .v13-real-captures .gallery-item:not(:first-child) .gallery-shot{height:220px;overflow:hidden;display:grid;place-items:center;background:#f1f4f6}
.case-page .v13-real-captures .gallery-item:not(:first-child) img{object-fit:contain;width:100%;height:100%}
.case-page .v13-real-captures .gallery-trigger:hover img{transform:none!important}
.case-page .v13-real-captures .gallery-figcaption{padding:12px 5px 2px;background:transparent!important;color:#243944!important;display:flex!important;gap:8px;flex-wrap:wrap}
.case-page .v13-real-captures .gallery-figcaption strong{font-size:13px;color:#192d38}
.case-page .v13-real-captures .gallery-figcaption small{display:block;font-size:12px;color:#50616d;line-height:1.5}
.case-page .v13-real-captures .gallery-meta{font-size:9px;color:#647782}
.case-page .v13-real-captures .gallery-item button{cursor:zoom-in}
.case-page .v13-no-screen{padding:62px 0 70px}
.case-page .v13-no-screen .container{max-width:1170px}
.case-page .v13-no-screen-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #afc0cb;color:#a8452a;font:700 10px "IBM Plex Mono",monospace}
.case-page .v13-no-screen-head span:last-child{color:#174fca}
.case-page .v13-no-screen h2{max-width:850px;font:400 clamp(28px,4vw,52px)/1.12 "Archivo Black",sans-serif;letter-spacing:-.05em;margin:24px 0 14px;color:#1c2c35}
.case-page .v13-no-screen>.container>p{max-width:825px;font-size:15px;line-height:1.78;color:#364b56;margin-bottom:27px}
.case-page .v13-no-screen-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;scroll-margin-top:88px}
.case-page .v13-no-screen-steps article{border:1px solid #b4c1c9;background:#faf9f6;padding:23px;min-width:0}
.case-page .v13-no-screen-steps small,.case-page .v13-steps .v13-step>span{color:#b94327;font:700 11px "IBM Plex Mono",monospace}
.case-page .v13-no-screen-steps strong{display:block;margin:14px 0 9px;color:#1a303a;font:700 20px/1.2 "IBM Plex Sans",sans-serif;letter-spacing:-.035em}
.case-page .v13-no-screen-steps p{color:#4c616b;font:400 13px/1.62 "IBM Plex Sans",sans-serif;margin:0}
.case-page .v13-no-screen-foot{font-size:11px;color:#637682;margin-top:17px}
.case-page .v13-story{background:#faf9f6;padding:75px 0 80px;scroll-margin-top:80px}
.case-page .v13-story-intro{max-width:930px;margin-bottom:35px}
.case-page .v13-story-intro>span,.case-page .v13-authorship .v13-credits-main>div>span,.case-page .v13-credits-footer>div>span{font:700 10px "IBM Plex Mono",monospace;color:#b94327}
.case-page .v13-story-intro h2{font:400 clamp(29px,3.65vw,49px)/1.14 "Archivo Black",sans-serif;color:#172832;letter-spacing:-.05em;margin:15px 0}
.case-page .v13-story-intro p{color:#42545e;font:400 15px/1.75 "IBM Plex Sans",sans-serif;max-width:820px}
.case-page .v13-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c2ced3;gap:0;scroll-margin-top:86px}
.case-page .v13-step{padding:25px 25px 10px 0;margin-right:25px;border-right:1px solid #c2ced3}
.case-page .v13-step:last-child{border-right:0}
.case-page .v13-step h3{font:700 20px/1.24 "IBM Plex Sans",sans-serif;color:#243a45;letter-spacing:-.03em;margin:12px 0 9px}
.case-page .v13-step p{color:#52636c;font:400 13px/1.68 "IBM Plex Sans",sans-serif}
.case-page .v13-authorship{background:#e8eef9;padding:55px 0 43px;color:#182d3b;scroll-margin-top:78px}
.case-page .v13-credits-main{display:grid;grid-template-columns:1.17fr .84fr;gap:40px;align-items:start}
.case-page .v13-credits-main h2{font:400 clamp(24px,3vw,40px)/1.17 "Archivo Black",sans-serif;color:#172a34;letter-spacing:-.045em;margin:14px 0}
.case-page .v13-credits-main p{color:#334a56;font:400 14px/1.75 "IBM Plex Sans",sans-serif;max-width:750px}
.case-page .v13-limits{border-left:3px solid #b94327;padding:8px 0 7px 21px}
.case-page .v13-limits h3{font:700 16px/1.4 "IBM Plex Sans",sans-serif;color:#1d3c4b;margin:0 0 6px}
.case-page .v13-limits p{font-size:13px;margin:0}
.case-page .v13-credits-footer{margin-top:32px;border-top:1px solid #b6c6d0;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.case-page .v13-credits-footer p{font-size:13px;color:#364b56;margin:7px 0 0}
.case-page .v13-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.case-page .v13-links a{font:700 11px "IBM Plex Mono",monospace;color:#174fca;padding:10px 13px;border:1px solid #174fca;background:#faf9f6;text-decoration:none}
.case-page .v13-links a:hover{background:#174fca;color:white}
.case-page .v13-next{padding:25px 0;background:#faf9f6}
.case-page .v13-next .container{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.case-page .v13-next p{margin:0 auto 0 0;color:#475b66;font-size:12px}
.case-page .v13-next a{color:#174fca;font:700 11px "IBM Plex Mono",monospace;border-bottom:1px solid #174fca;padding:7px 2px;text-decoration:none}
.case-page .v13-main .case-demo{margin:0!important}
@media(max-width:800px){
 .case-page .v13-hero{padding:32px 0 29px!important}
 .case-page .v13-hero .case-header-grid{display:block}
 .case-page .v13-hero h1{font-size:clamp(35px,9vw,53px)!important}
 .case-page .v13-hero .case-summary p{font-size:13px!important}
 .case-page .v13-hero .case-headline{font-size:15px!important}
 .case-page .v13-status{font-size:9px;padding:6px 8px}
 .case-page .v13-real-captures{padding:18px 12px 29px}
 .case-page .v13-evidence-caption{flex-wrap:wrap}
 .case-page .v13-real-captures .case-gallery-head{display:block}
 .case-page .v13-real-captures .case-gallery-head h2{font-size:26px!important}
 .case-page .v13-real-captures .case-gallery-head p{font-size:11px!important;max-width:none!important}
 .case-page .v13-real-captures .case-gallery-grid{grid-template-columns:1fr;gap:10px!important}
 .case-page .v13-real-captures .gallery-item:first-child{grid-column:auto}
 .case-page .v13-real-captures .gallery-item:first-child .gallery-shot{max-height:450px}
 .case-page .v13-real-captures .gallery-item:first-child img{max-height:450px}
 .case-page .v13-real-captures .gallery-item:not(:first-child) .gallery-shot{height:220px}
 .case-page .v13-no-screen{padding:31px 0 38px}
 .case-page .v13-no-screen-head{font-size:9px}
 .case-page .v13-no-screen h2{font-size:29px}
 .case-page .v13-no-screen>.container>p{font-size:13px}
 .case-page .v13-no-screen-steps,.case-page .v13-steps{display:block}
 .case-page .v13-no-screen-steps article{padding:17px;margin-bottom:9px}
 .case-page .v13-story{padding:45px 0}
 .case-page .v13-story-intro h2{font-size:30px}
 .case-page .v13-story-intro p{font-size:13px}
 .case-page .v13-step{border-right:0;border-bottom:1px solid #c2ced3;margin:0;padding:17px 0}
 .case-page .v13-step h3{font-size:18px}
 .case-page .v13-authorship{padding:39px 0 35px}
 .case-page .v13-credits-main{display:block}
 .case-page .v13-credits-main h2{font-size:27px}
 .case-page .v13-credits-main p{font-size:13px}
 .case-page .v13-limits{margin-top:21px}
 .case-page .v13-credits-footer{display:block}
 .case-page .v13-links{margin-top:20px}
 .case-page .v13-next .container{display:block}
 .case-page .v13-next a{display:inline-block;margin-right:15px}
}

.case-page .v13-at-a-glance{display:flex;flex-direction:column;gap:5px;border-left:3px solid #174fca;padding:13px 0 13px 25px}
.case-page .v13-at-a-glance span{font:700 10px "IBM Plex Mono",monospace;color:#a9442c;letter-spacing:.02em}
.case-page .v13-at-a-glance strong{font:600 16px/1.5 "IBM Plex Sans",sans-serif;color:#203744;margin-bottom:11px}
.case-page .v13-at-a-glance p{font-size:13px!important;margin:2px 0 0!important;color:#4c606a!important}
@media(max-width:800px){.case-page .v13-at-a-glance{margin-top:21px;border-left:0;border-top:1px solid #a5b8c3;padding:15px 0 0}}

/* Gallery media must use available width on narrow screens, not fit-content legacy styles. */
.case-page .v13-real-captures .gallery-item{width:100%!important;max-width:none!important;margin:0!important}
.case-page .v13-real-captures .gallery-shot{width:100%!important;max-width:none!important}
.case-page .v13-real-captures .gallery-shot img{max-width:100%!important;object-fit:contain!important}
@media(max-width:800px){
 .case-page .v13-real-captures .gallery-shot{height:auto!important;min-height:0!important}
 .case-page .v13-real-captures .gallery-shot img{width:100%!important;height:auto!important;max-height:460px!important}
 .case-page .v13-real-captures .gallery-item:not(:first-child) .gallery-shot{height:auto!important}
 .case-page .v13-real-captures .gallery-item:not(:first-child) img{height:auto!important}
}
/* Accessible media provenance: captions must be readable at desktop and 320 px. */
.case-page .v13-real-captures .gallery-meta{color:#314955!important;font-size:10px!important;font-weight:600!important}
.case-page .v13-real-captures .gallery-figcaption small{color:#344e5b!important}
