/* Viewport-sized editorial case stages. Originals stay available on demand. */
.brand-home .case-story,.brand-home .case-story:nth-of-type(2){display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,2fr);gap:4vw;align-items:start;padding:28px 0;scroll-margin-top:82px}
.brand-home .case-info{display:block;position:relative;min-width:0}
.brand-home .case-info .eyebrow{font-size:12px;margin:0 0 20px;display:block}.brand-home .case-info .eyebrow span{display:block;font-size:11px;margin-top:5px}
.brand-home .case-info h3{font-size:clamp(32px,2.7vw,58px);line-height:1.15;margin:0}.case-info h3 .case-industry{font-size:clamp(24px,1.9vw,40px);margin-top:12px}
.case-subtitle{font-size:clamp(18px,1.15vw,25px);margin:22px 0 16px}
.brand-home .case-intro,.brand-home .case-effect{font-size:clamp(14px,.85vw,18px);line-height:1.75}.brand-home .case-effect{margin:18px 0 0}
.brand-home .case-info details{margin-top:16px}.brand-home .case-info summary{font-size:13px;padding:12px 0}.brand-home .case-info dl{font-size:13px}
.case-info details[open]{position:absolute;z-index:8;background:#f9f8f2;box-shadow:0 12px 30px #16181b15;padding:0 16px 12px;inset-inline:0}
.brand-home .case-flow{margin:0;padding:0;background:none;overflow:visible}.case-flow::after{display:none}
.case-story .demo-carousel{display:flex;flex-direction:column;height:calc(100svh - 142px);min-height:470px;max-height:1100px}
.case-story .demo-caption{font-size:11px;padding:8px 0;flex:none}
.case-story .demo-controls{position:static;z-index:1;background:none;padding:4px 0 10px;margin:0;flex:none}
.case-story .demo-controls button{font-size:14px;min-width:38px;min-height:38px;padding:6px 9px}.case-story .demo-controls .demo-play{font-size:12px!important}
.case-story .demo-viewport{flex:1;min-height:0;height:auto}.case-story .demo-track{height:100%;align-items:stretch}
.case-story .demo-slide{padding:12px 0 0;display:flex;flex-direction:column;min-height:0}
.case-story .demo-slide-title{font-size:clamp(19px,1.3vw,29px);line-height:1.35;margin:0 0 10px;flex:none}
.case-story .demo-disclaimer{font-size:11px;margin:6px 0 0;flex:none}
.real-case-figure{display:flex;flex-direction:column;flex:1;min-height:0}
.case-image-set,.case-image-set.report-pages{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:16px;flex:1;min-height:0;column-count:auto}
.case-image-set.paired{grid-template-columns:minmax(0,var(--image-left,1fr)) minmax(0,var(--image-right,1fr))}
.case-image-item,.report-pages .case-image-item{min-height:0;display:flex;flex-direction:column;margin:0}
.case-image-label{font-size:13px;margin:0 0 7px;line-height:1.4;flex:none}
.real-case-figure a{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:transparent;padding:8px;overflow:hidden}
.real-case-figure img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);min-height:0;max-height:none;object-fit:contain}
.real-case-figure a span{bottom:8px;right:8px;font-size:11px;background:#fff3d8eb;padding:6px 9px}
.real-case-figure figcaption{font-size:clamp(13px,.8vw,17px);line-height:1.65;margin-top:10px;flex:none}
.case-reading-path{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px;font-size:12px;color:#565348}
.case-reading-path b{color:var(--accent);font-weight:500}.case-reading-path i{font-style:normal;color:var(--accent)}
.report-reader{display:flex;flex:1;min-height:0;gap:16px}.report-reader .case-image-set{flex:1}.report-reader .case-image-item[hidden]{display:none}
.report-page-nav{display:flex;flex-direction:column;gap:6px;flex:0 0 125px}
.report-page-nav button{font:inherit;font-size:12px;line-height:1.5;background:none;color:#565348;border:0;border-left:2px solid #1800dc20;text-align:left;padding:7px;cursor:pointer}
.report-page-nav button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#1800dc09}
.report-page-nav small{font-size:11px;line-height:1.6;color:#777263;margin-top:auto}
.case-story button:hover{background:#1800dc12}.case-story button:active{background:#1800dc22}
@media(min-width:1001px) and (max-height:800px){.brand-home .case-story{padding:20px 0}.case-story .demo-carousel{height:calc(100svh - 126px);min-height:0}.brand-home .case-info .eyebrow{margin-bottom:12px}.brand-home .case-info h3{font-size:32px}.case-info h3 .case-industry{font-size:25px;margin-top:8px}.case-subtitle{font-size:18px;margin:16px 0 12px}.brand-home .case-intro,.brand-home .case-effect{font-size:13px;line-height:1.65}.brand-home .case-effect{margin-top:12px}.case-story .demo-caption,.case-story .demo-disclaimer{font-size:10px}.real-case-figure figcaption{font-size:12px}.case-reading-path{font-size:11px;margin-bottom:7px}}
@media(min-width:1001px) and (max-height:800px){.brand-home .case-story:nth-of-type(2){padding:20px 0}.report-page-nav{gap:4px}.report-page-nav button{padding:5px;font-size:11px;line-height:1.4}}
@media(max-width:1000px){.brand-home .case-story,.brand-home .case-story:nth-of-type(2){display:block;padding:32px 0}.brand-home .case-info h3{font-size:36px}.case-info h3 .case-industry{font-size:28px}.case-summary{margin-top:18px}.brand-home .case-flow{margin-top:24px}.case-story .demo-carousel{height:auto;min-height:0;max-height:none}.case-story .demo-viewport{flex:none}.case-story .demo-track{height:auto;align-items:flex-start}.case-story .demo-slide{display:block}.real-case-figure{display:block}.case-image-set{height:420px}.real-case-figure figcaption{font-size:14px}.case-info details[open]{position:static;padding:0;box-shadow:none}.report-reader{height:510px}.report-reader .case-image-set{height:auto}}
@media(max-width:600px){.brand-home .case-info h3{font-size:32px}.case-info h3 .case-industry{font-size:25px}.case-subtitle{font-size:19px}.case-image-set.paired{grid-template-columns:1fr 1fr;gap:8px}.case-image-set{height:350px}.case-image-label{font-size:11px}.real-case-figure a{padding:3px}.real-case-figure a span{font-size:10px;padding:4px;bottom:4px;right:4px}.case-story .demo-slide-title{font-size:20px}.report-reader{flex-direction:column;height:540px;gap:8px}.report-page-nav{flex:none;flex-direction:row;flex-wrap:wrap;gap:4px}.report-page-nav button{font-size:10px;padding:5px;border-left:0;border-bottom:2px solid #1800dc20}.report-page-nav small{display:none}.case-reading-path{font-size:11px}.case-story .demo-controls{gap:2px}.case-story .demo-controls button{min-width:32px;padding:6px}}
