.top-statistics{margin:48px 0 64px}.scale-grid.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.scale-item{min-width:0}.scale-item strong{overflow-wrap:normal}.top-statistics .scale-item strong{font-size:38px}.case-body{font-size:18px;line-height:1.7}.case-body .container{width:100%;margin:0}.case-body h2{font-size:32px;line-height:1.2;margin:42px 0 22px}.case-body h3{font-size:28px;line-height:1.25;margin:40px 0 20px}.case-body h4{font-size:22px;line-height:1.3;margin:24px 0 12px}.case-body h5{font-size:20px;line-height:1.5}.case-body ul{padding-left:24px}.case-body .project-full{list-style:none;padding:0;margin:32px 0}.case-body img{max-width:100%;height:auto;display:block;margin:24px auto;border:1px solid #e2e5e9}.case-body .project-full img{width:100%}.case-body blockquote,.case-body .qoute{padding:26px 32px;background:#f5f6f8;border-left:3px solid #0878d1;margin:28px 0}.case-body hr{border:0;border-top:1px solid #e2e5e9;margin:32px 0}.case-body .adapted-grid{display:flex;flex-wrap:wrap;gap:28px}.case-body .adapted-grid>.one-third,.case-body .adapted-grid>.col-md-4{flex:1 1 28%;min-width:0}.case-body .adapted-grid>.eight,.case-body .adapted-grid>.one-half,.case-body .adapted-grid>.col-md-6{flex:1 1 42%;min-width:0}.case-body a{color:#0878d1}.case-body figure{margin:28px 0}.migrated-section.alt-section{background:#f5f6f8}.migrated-section.alt-section .qoute,.migrated-section.alt-section blockquote{background:white}.back-to-contents{display:inline-block;margin-top:30px;font-size:14px;color:#0878d1;text-decoration:none}.logo-marquee,.image-scroller{scroll-behavior:auto!important;touch-action:pan-x pan-y;direction:ltr;user-select:none}.logo-marquee img,.image-scroller img{-webkit-user-drag:none;user-select:none}.image-scroller{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:thin}.scroller-track,.scroller-group{display:flex;width:max-content}.scroller-group{flex:none;gap:24px;padding-right:24px}.case-body .scroller-slide{flex:none;width:min(640px,75vw);margin:0}.case-body .scroller-slide img{width:100%;height:380px;object-fit:contain;margin:0;background:#fff}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#666d76}.image-scroller.is-dragging{cursor:grabbing}.site-footer>.container{flex-wrap:wrap;gap:16px}.legacy-content .scale-grid{margin:30px 0}.approach-grid a:focus-visible{outline:3px solid #0878d1;outline-offset:3px}
@media(max-width:800px){.scale-grid.three-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.case-body .adapted-grid{display:block}.case-body .scroller-slide img{height:260px}}
@media(max-width:600px){.top-statistics{margin:36px 0 44px}.scale-grid,.scale-grid.three-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.top-statistics .scale-item strong,.scale-item strong{font-size:30px}.scale-item span{font-size:14px}.migrated-section h2{font-size:38px}.case-body h2{font-size:28px}.case-body h3{font-size:25px}.case-body blockquote,.case-body .qoute{padding:20px;margin:24px 0}.approach-grid{grid-template-columns:1fr}.case-body{font-size:17px}.case-body .scroller-slide{width:80vw}.case-body .scroller-slide img{height:230px}.case-body figure{margin-left:0;margin-right:0}}

/* White labels on all filled buttons, including legacy homepage links. */
a.button,a.button:visited,a.button:hover,a.button:focus,.legacy-content a.button,.case-body a.button{color:#fff!important}

/* Keep case-study artwork proportional when its width adapts to the page. */
main img{height:auto}
.case-visual img{width:100%;height:auto}
.case-title-logo{width:72px;height:72px;object-fit:contain}
.menu-toggle{display:none}
@media(max-width:900px){
 .header-inner{position:relative;flex-wrap:wrap;align-items:center;justify-content:space-between}
 .site-header .nav-links{width:100%;flex-wrap:wrap;overflow:visible;gap:0;padding:8px 0 0;flex-direction:column}
 .site-header .nav-links a{display:block;padding:13px 12px;border-bottom:0;border-radius:4px;font-size:16px}
 .site-header .nav-links a.active{background:#edf5fc;color:#0878d1}
 .site-header .nav-links a:hover{background:#f1f5f9}
 .site-header.menu-ready .menu-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;color:#11131a;font:inherit;font-size:15px;font-weight:650;cursor:pointer}
 .site-header.menu-ready .nav-links{display:none}
 .site-header.menu-ready.menu-open .nav-links{display:flex;max-height:calc(100dvh - 95px);overflow-y:auto}
 .menu-icon{display:grid;gap:4px;width:20px}
 .menu-icon span{display:block;height:2px;background:currentColor;width:20px}
 .menu-open .menu-icon span:first-child{transform:translateY(6px) rotate(45deg)}
 .menu-open .menu-icon span:nth-child(2){opacity:0}
 .menu-open .menu-icon span:last-child{transform:translateY(-6px) rotate(-45deg)}
}

/* Version 5: case branding and mobile menu contrast. */
.work-card-logo{display:block;width:100%;max-width:240px;height:110px;object-fit:contain;object-position:left center;margin:18px 0 10px}
main>.case-intro,.revised-case-intro{padding-top:36px}
.case-title-with-logo>span{min-width:0}
.case-title-logo.case-brand-logo{width:130px;height:90px;object-fit:contain;flex:0 0 130px}
@media(max-width:900px){.site-header.menu-open .nav-links{background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;padding:10px}.site-header.menu-open .nav-links a.active{background:#fff}}
@media(max-width:600px){.case-title-with-logo{align-items:center;gap:14px}.case-title{font-size:clamp(36px,9vw,54px)}.case-title-logo.case-brand-logo{width:80px;height:65px;flex-basis:80px}.work-card-logo{height:100px}.case-title-logo{width:54px;height:54px}}

/* Mobile header: brand left, menu right, expanded navigation below. */
@media(max-width:900px){.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left;gap:12px}.site-header .brand{grid-column:1;grid-row:1;justify-self:start}.site-header.menu-ready .menu-toggle{grid-column:2;grid-row:1;justify-self:end;margin:0}.site-header .nav-links{grid-column:1 / -1;grid-row:2}}
@media(max-width:360px){main h1,.case-title>span{overflow-wrap:anywhere}.case-title-logo.case-brand-logo{width:60px;flex-basis:60px}}

.case-body .edf-static-visual{margin:36px 0;max-width:100%}.case-body .edf-static-visual img{display:block;width:100%;height:auto;margin:0;object-fit:contain}.edf-static-visual figcaption{margin-top:10px;color:#666d76;font-size:15px;line-height:1.5}.artifact-full-size{white-space:nowrap}
.edf-compact-images .case-body img[src$="case_s_ux_strat.png"]{width:min(70%,760.2px)}.edf-compact-images .case-body img[src$="case_s_ux_tactics.png"]{width:min(70%,756.7px)}

.edf-compact-images .case-body .edf-situation{width:min(900px,100%);margin:32px auto;text-align:left}.edf-guidelines-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin:32px auto;max-width:1100px}.case-body .edf-guidelines-pair figure{margin:0;min-width:0}.edf-compact-images .case-body .edf-guidelines-pair img{width:100%;max-width:100%;height:auto;margin:0}@media(max-width:700px){.edf-guidelines-pair{grid-template-columns:1fr;gap:24px;max-width:70%}}