/* Original case interfaces, presented as an editorial image gallery. */
.a-homepage .a-hero-person{display:flex;align-items:center;gap:17px}
.a-homepage .a-hero-person>img{display:block;flex:0 0 64px;width:64px;height:64px;border-radius:12px;object-fit:contain;background:#e8edf7}
.a-homepage .a-case-gallery{border:1px solid #d5dfec}
.a-homepage .a-case-gallery .a-lab-controls{order:-1;gap:24px;padding:15px 26px;border-top:0;border-bottom:1px solid #d5dfec;background:#f8faff}
.a-homepage .a-case-gallery .a-lab-stage{height:auto;min-height:0;overflow:visible;perspective:none;background:#edf2fa}
.a-homepage .a-case-gallery .a-flow-art{opacity:.17;pointer-events:none}
.a-homepage .a-case-gallery .a-examples{position:relative;z-index:1}
.a-homepage .a-case-gallery .a-example-panel{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.65fr);align-items:center;gap:38px;min-height:460px;padding:32px}
.a-homepage .a-case-copy{min-width:0;padding:4px 0 4px 4px}
.a-homepage .a-case-eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;line-height:1.8;color:#506b98}
.a-homepage .a-case-eyebrow>span{font-family:"Manrope",sans-serif;font-size:11px;font-weight:650;color:#7991b3}
.a-homepage main .a-case-gallery .a-case-display{margin-top:20px;font-family:"Bob Sans",sans-serif;font-size:31px;font-weight:550;line-height:1.45;letter-spacing:-.035em;color:#233f66}
.a-homepage .a-case-intro{max-width:25em;margin-top:17px!important;font-size:14px;line-height:1.9;color:#526984}
.a-homepage .a-case-facts{display:grid;gap:7px;margin:19px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.8;color:#405c7e}
.a-homepage .a-case-facts>li{position:relative;padding-left:13px}
.a-homepage .a-case-facts>li::before{content:"";position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:#7792c5}
.a-homepage .a-case-attribution{margin-top:24px!important;padding-top:14px;border-top:1px solid #ccd8e9;font-size:11px;line-height:1.8;color:#687f9e}
.a-homepage .a-case-visuals{min-width:0}
.a-homepage .a-case-media{display:block;min-width:0;overflow:hidden;border:1px solid #c9d6e7;border-radius:10px;background:#fff;box-shadow:0 15px 35px #324d7910;transition:border-color 180ms,box-shadow 180ms}
.a-homepage .a-case-media img{display:block;width:100%;height:auto;max-height:330px;padding:10px;object-fit:contain;background:#fff}
.a-homepage .a-case-media figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;padding:11px 15px;border-top:1px solid #e1e7f1;font-size:12px;line-height:1.7;color:#4c6381}
.a-homepage .a-case-media figcaption>span:last-child{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;font-weight:500;color:#345bc1}
.a-homepage .a-case-media .a-icon{width:14px;height:14px;flex-basis:14px;transition:transform 180ms}
.a-homepage .a-case-media:hover{border-color:#8ba5d1;box-shadow:0 18px 38px #324d791a}
.a-homepage .a-case-media:hover .a-icon{transform:translate(2px,-2px)}
.a-homepage .a-case-media:focus-visible{outline:2px solid #365cda;outline-offset:5px}
.a-homepage .a-case-visuals-duo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:13px;align-items:center}
.a-homepage .a-case-visuals-duo .a-case-media img{min-height:220px;max-height:300px;padding:7px}
.a-homepage .a-case-visuals-duo figcaption{flex-wrap:wrap;gap:3px 10px;padding:10px 12px}
.a-homepage .a-case-gallery.is-switching .a-case-visuals{animation:a-case-reveal 380ms ease both}
@keyframes a-case-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.a-image-dialog{width:min(1260px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:1px solid #c6d3e5;border-radius:14px;background:#fbfcfa;color:#284564;box-shadow:0 30px 90px #10223b42;font-family:var(--a-type)}
.a-image-dialog[open]{display:flex;flex-direction:column}
.a-image-dialog::backdrop{background:#12243ac4;backdrop-filter:blur(5px)}
html:has(#case-image-dialog[open]){overflow:hidden}
.a-image-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:20px 22px;border-bottom:1px solid #d4deeb}
.a-image-dialog-header p{margin:0 0 3px;font-size:10px;line-height:1.7;color:#6a7f9e}
.a-image-dialog-header h2{margin:0;font-size:18px;font-weight:550;line-height:1.6;letter-spacing:-.015em}
.a-image-dialog-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.a-image-dialog button{min-height:44px;padding:8px 14px;border:1px solid #cbd8e9;border-radius:6px;background:#f4f7fc;color:#34577f;font:inherit;font-size:12px;line-height:1.6;cursor:pointer}
.a-image-dialog button:hover{border-color:#92a9ce;background:#eaf0fa}
.a-image-dialog .a-image-close{width:44px;padding:0;font-size:25px;font-weight:350}
.a-image-scroll{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;max-height:calc(100dvh - 210px);padding:18px;overflow:auto;overscroll-behavior:contain;background:#edf2f8}
.a-image-scroll>[data-image-full]{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 246px);background:#fff}
.a-image-scroll:focus-visible{outline:2px solid #365cda;outline-offset:-3px}
.a-image-dialog.is-actual-size .a-image-scroll{align-items:flex-start;justify-content:flex-start}
.a-image-dialog.is-actual-size [data-image-full]{flex:none;width:auto;height:auto;max-width:none;max-height:none}
.a-image-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:10px 22px;border-top:1px solid #d4deeb}
.a-image-dialog-footer p{margin:0;font-size:12px;line-height:1.8;color:#5d7493}
.a-image-dialog-footer a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;line-height:1.7;color:#345bc1}
.a-image-dialog-footer .a-icon{width:15px;height:15px;flex-basis:15px}
.a-image-dialog :is(button,a):focus-visible{outline:2px solid #365cda;outline-offset:3px}
@media(max-width:1150px){
 .a-homepage .a-case-gallery .a-example-panel{gap:27px;padding:27px;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr)}
 .a-homepage main .a-case-gallery .a-case-display{font-size:28px}
 .a-homepage .a-case-media figcaption{padding-inline:12px}
}
@media(max-width:1000px){
 .a-homepage .a-case-gallery .a-example-panel{grid-template-columns:1fr;gap:25px;min-height:0;padding:28px}
 .a-homepage .a-case-visuals{order:-1}
 .a-homepage .a-case-media img{max-height:370px}
 .a-homepage .a-case-copy{padding:0}
 .a-homepage main .a-case-gallery .a-case-display{margin-top:12px;font-size:27px}
 .a-homepage .a-case-display br{display:none}
 .a-homepage .a-case-intro{max-width:39em;margin-top:12px!important}
 .a-homepage .a-case-facts{display:flex;flex-wrap:wrap;gap:7px 24px;margin-top:14px}
 .a-homepage .a-case-attribution{margin-top:17px!important;padding-top:12px}
}
@media(max-width:760px){
 .a-homepage .a-hero-person{gap:14px}
 .a-homepage .a-hero-person>img{width:56px;height:56px;flex-basis:56px;border-radius:10px}
 .a-homepage .a-case-gallery .a-lab-controls{gap:8px 18px;padding:16px 20px}
 .a-homepage .a-case-gallery .a-example-panel{padding:23px;gap:23px}
 .a-homepage .a-case-visuals-duo{grid-template-columns:1fr;gap:15px}
 .a-homepage .a-case-visuals-duo .a-case-media img{min-height:0;max-height:320px}
 .a-homepage .a-case-visuals-duo figcaption{flex-wrap:nowrap}
 .a-homepage main .a-case-gallery .a-case-display{font-size:25px}
 .a-homepage .a-case-facts{display:grid;gap:6px}
 .a-image-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}
 .a-image-dialog-header{gap:12px;padding:13px}
 .a-image-dialog-header h2{font-size:15px}
 .a-image-dialog-actions{gap:6px}
 .a-image-dialog button{padding-inline:10px;font-size:11px}
 .a-image-dialog .a-image-close{width:44px;font-size:23px}
 .a-image-scroll{max-height:calc(100dvh - 190px);padding:10px}
 .a-image-scroll>[data-image-full]{max-height:calc(100dvh - 210px)}
 .a-image-dialog-footer{gap:12px;padding:6px 13px}
 .a-image-dialog-footer p{font-size:10px}
 .a-image-dialog-footer a{gap:5px;font-size:11px}
}
@media(max-width:480px){
 .a-homepage .a-case-gallery .a-lab-controls{display:block;padding:15px 19px}
 .a-homepage .a-case-gallery .a-example-panel{padding:19px;gap:21px}
 .a-homepage .a-case-media img{padding:7px;max-height:320px}
 .a-homepage .a-case-media figcaption{gap:8px;padding:10px 11px;font-size:11px}
 .a-homepage .a-case-media figcaption>span:last-child{gap:5px;font-size:10px}
 .a-homepage .a-case-eyebrow{font-size:11px}
 .a-homepage main .a-case-gallery .a-case-display{font-size:24px}
 .a-homepage .a-case-intro{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.a-homepage .a-case-media,.a-homepage .a-case-media .a-icon{transition:none}.a-homepage .a-case-gallery.is-switching .a-case-visuals{animation:none}}