.ux-works-page .hero{background:#fff;color:#0f2044;padding-top:132px;padding-bottom:54px;}
.ux-works-page .hero h1{color:#0f2044;font-size:46px;line-height:1.5;font-weight:700;}
.ux-works-page .hero p{color:#26374e;font-size:18px;line-height:1.85;}
.ux-works-page .hero{width:min(1264px,calc(100% - 112px));margin-inline:auto;padding-inline:0!important;padding-top:132px!important;}
.ux-works-page .case-explorer{width:min(1264px,calc(100% - 112px));margin-inline:auto;padding:0 0 64px;color:#26374e;}
.explorer-heading h2{font-size:32px;line-height:1.6;color:#0f2044;margin:10px 0 16px;}
.explorer-heading>p{font-size:18px;line-height:1.85;}
.case-notice{font-size:17px;line-height:1.85;background:#f3f7fd;border-left:4px solid #165dde;padding:20px 24px;margin:24px 0;}
.case-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:18px;align-items:end;padding:24px;background:#f3f7fd;}
.case-controls[hidden],.case-option[hidden],#case-empty[hidden]{display:none!important;}
.case-controls label{display:flex;flex-direction:column;gap:10px;color:#0f2044;font-weight:700;font-size:16px;min-width:0;}
.case-controls input,.case-controls select{width:100%;min-width:0;box-sizing:border-box;min-height:48px;border:1px solid #8795ab;background:white;color:#26374e;padding:10px;font:inherit;font-size:16px;border-radius:0;}
.case-controls button{min-height:48px;padding:10px 16px;background:#fff;border:1px solid #165dde;color:#165dde;font:inherit;font-size:16px;font-weight:700;cursor:pointer;}
.industry-help{font-size:16px;line-height:1.8;margin:16px 0;}
#case-count{font-size:18px;font-weight:700;color:#0f2044;margin:24px 0;}
#case-empty{padding:24px;background:#f3f7fd;font-size:18px;line-height:1.8;}
.case-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.case-option{min-width:0;border:1px solid #d9e1ed;border-top:3px solid #165dde;padding:24px;scroll-margin-top:110px;background:#fff;}
.case-tags{display:flex;flex-wrap:wrap;gap:7px;}
.case-tags span{font-size:13px;line-height:1.7;background:#eef4fc;color:#24528c;padding:3px 7px;}
.case-option h3{font-size:23px;line-height:1.6;color:#0f2044;letter-spacing:-.03em;margin:16px 0;}
.case-method,.case-goal{font-size:17px;line-height:1.85;}
.case-goal{padding:16px 0;border-top:1px solid #e0e6ef;margin:18px 0 0;}
.case-goal>span,.case-services>span{display:block;font-size:14px;font-weight:700;color:#53647b;margin-bottom:6px;}
.case-services{padding-bottom:14px;}
.case-services a{display:block;color:#165dde;font-size:16px;font-weight:700;line-height:1.8;padding:7px 0;text-underline-offset:4px;min-height:32px;}
.case-option details{border-top:1px solid #e0e6ef;padding-top:12px;}
.case-option summary{font-size:16px;color:#0f2044;font-weight:700;line-height:1.8;min-height:44px;cursor:pointer;padding:8px 0;}
.case-option details p{font-size:16px;line-height:1.85;margin:10px 0;}
.explorer-footer{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:32px;}
.explorer-footer a{font-size:17px;color:#165dde;line-height:1.8;padding:10px 0;}
.case-explorer :focus-visible{outline:3px solid #165dde;outline-offset:4px;}
@media(max-width:1100px){.case-controls{grid-template-columns:1fr 1fr;}.case-results{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.ux-works-page .hero{padding-top:108px;padding-bottom:36px;}.ux-works-page .hero h1{font-size:32px;}.ux-works-page .hero p{font-size:17px;}.ux-works-page .case-explorer{width:calc(100% - 44px);}.explorer-heading h2{font-size:28px;}.explorer-heading>p{font-size:17px;}.case-controls{grid-template-columns:1fr;padding:18px;gap:20px;}.case-results{grid-template-columns:1fr;gap:24px;}.case-option{padding:22px;}.case-notice{padding:18px;font-size:16px;}.case-option h3{font-size:24px;}}
@media(prefers-reduced-motion:reduce){.case-explorer *{scroll-behavior:auto;}}
@media(max-width:760px){.ux-works-page .hero{width:calc(100% - 44px);padding-top:108px!important;}.ux-works-page .hero h1{font-size:32px!important;}}
/* Pictorial case index: quiet frame, concrete imagery, concise reading hierarchy. */
.ux-works-page .case-category-entry{margin:24px 0 28px;}
.case-category-entry[hidden],#case-mode-note[hidden],.case-show-all[hidden]{display:none!important;}
.case-category-entry h3{font-size:23px;color:#0f2044;margin:0 0 8px;line-height:1.6;}
.case-category-entry>p{font-size:16px;line-height:1.8;margin:0 0 16px;color:#53647b;}
.case-category-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.case-category-buttons button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px 18px;background:#fff;color:#0f2044;border:1px solid #b9c9df;font:inherit;font-size:18px;font-weight:700;cursor:pointer;text-align:left;}
.category-entry-count{font-size:14px;color:#53647b;white-space:nowrap;}
.case-category-buttons button:hover{border-color:#165dde;background:#f3f7fd;}
.case-category-buttons button[aria-pressed="true"]{background:#0f2044;border-color:#0f2044;color:#fff;}
.case-category-buttons button[aria-pressed="true"] .category-entry-count{color:#fff;}
#case-mode-note{font-size:17px;line-height:1.85;margin:24px 0 0;color:#26374e;}
.case-results{align-items:start;}
.case-option{padding:0;border:1px solid #d9e1ed;border-radius:0;overflow:hidden;}
.case-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0;background:#f3f7fd;}
.case-compact-content{padding:20px 22px 18px;display:flex;flex-direction:column;}
.case-option h3{font-size:23px;line-height:1.5;margin:14px 0 10px;min-height:3em;}
.case-summary{font-size:17px;line-height:1.85;color:#26374e;margin:0 0 16px;min-height:3.7em;}
.case-option .case-detail{padding:0;border-top:1px solid #d9e1ed;margin-top:auto;}
.case-detail summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;min-height:48px;padding:10px 0;list-style:none;color:#165dde;}
.case-detail summary::-webkit-details-marker{display:none;}
.case-detail summary>span{font-size:22px;line-height:1;}
.case-detail[open] summary>span{transform:rotate(45deg);}
.case-detail-body{border-top:1px solid #e0e6ef;padding:18px 0 4px;}
.case-detail-body h4{font-size:19px;line-height:1.7;color:#0f2044;margin:0 0 16px;}
.case-option .case-detail-body p{font-size:17px;line-height:1.85;margin:0 0 18px;}
.detail-label,.case-goal>span,.case-services>span{display:block;color:#53647b;font-size:14px;font-weight:700;margin-bottom:7px;}
.case-option .case-detail-body .case-goal{border:0;padding:0;}
.case-check{background:#f3f7fd;padding:16px;}
.case-services{padding-bottom:14px;}
.case-show-all{display:block;margin:32px auto 0;padding:14px 28px;min-height:52px;border:0;background:#165dde;color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer;}
.case-show-all:hover{background:#124fbd;}
.ux-home #solutions .home-case-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:0 0 22px;background:#f3f7fd;}
.ux-home #solutions .ux-case{padding-top:0;}
@media(max-width:1099px){.case-category-buttons{grid-template-columns:repeat(2,minmax(0,1fr));}.case-category-buttons button{font-size:17px;}}
@media(max-width:760px){.case-category-buttons{gap:10px;}.case-category-buttons button{display:block;padding:13px 12px;min-height:86px;font-size:16px;line-height:1.7;}.category-entry-count{display:block;margin-top:4px;font-size:13px;}.case-compact-content{padding:20px;}.case-option h3{font-size:24px;min-height:0;}.case-summary{min-height:0;font-size:17px;}.case-option .case-detail-body p{font-size:17px;}.case-show-all{width:100%;padding-inline:16px;}.ux-home #solutions .home-case-thumbnail{margin-bottom:18px;}}
@media(prefers-reduced-motion:reduce){.case-detail summary>span{transition:none;}}