/* One image-led story at a time, with the next image visible at the right edge. */
.home-cases{--case-gutter:max(6%,calc((100% - 1240px)/2));--case-gap:24px;background:#fff;overflow:hidden;scroll-margin-top:90px}
.home-cases-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.home-cases-heading>div{max-width:880px}
.home-cases-heading h2{font-size:clamp(34px,3.6vw,52px);max-width:840px}
.home-cases-heading .section-description{font-size:16px;line-height:1.85;max-width:800px;margin:24px 0 0}
.home-cases-heading>.text-link{flex-shrink:0;margin-bottom:5px;font-size:14px}
.home-cases-track{--case-width:min(1140px,82vw);display:flex;position:relative;gap:var(--case-gap);list-style:none;padding:4px var(--case-gutter);margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--case-gutter);scrollbar-width:none;cursor:grab}
.home-cases-track::-webkit-scrollbar{display:none}
.home-cases-track::after{content:"";flex:0 0 max(0px,calc(100vw - var(--case-width) - 2 * var(--case-gutter) - var(--case-gap)))}
.home-case{flex:0 0 var(--case-width);min-width:0;scroll-snap-align:start}
.home-case-link{display:grid;grid-template-columns:59% 41%;min-height:430px;height:100%;color:#fff;text-decoration:none;background:#102238;-webkit-user-drag:none}
.home-case-media{min-width:0;overflow:hidden;display:grid;align-items:stretch;background:#e9eff2}
.home-case-media .service-image{display:block;width:100%;height:100%;min-height:100%;margin:0;object-fit:cover;aspect-ratio:auto;pointer-events:none}
.home-case-copy{padding:46px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.home-case-category{font-size:12px;line-height:1.6;color:#c2d0dd;letter-spacing:.035em;margin:0 0 22px}
.home-case-copy h3{font-size:clamp(30px,2.5vw,38px);line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance;color:#fff}
.home-case-summary{font-size:15px;line-height:1.85;color:#c2cdda;margin:0 0 30px}
.home-case-read{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #8797a8;padding-bottom:7px;font-size:15px;font-weight:500;color:#fff;margin-top:auto}
.home-case-read svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.home-case-link:hover .home-case-read svg{transform:translate(3px,-3px)}
.home-case-link:focus-visible{outline:3px solid #c61732;outline-offset:2px}
.home-cases-track:focus-visible{outline:2px solid #c61732;outline-offset:-2px}
.home-cases-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.home-cases-track.is-dragging a{cursor:grabbing}
.home-cases-footer{display:grid;grid-template-columns:1fr minmax(160px,440px) 1fr;gap:20px;align-items:center;margin-top:24px}
.home-case-count{display:flex;align-items:baseline;gap:10px;font:14px/1.5 var(--mono);color:#7b8794}
.home-case-count strong{font-size:24px;color:#102238;font-weight:500}
.home-case-progress{display:flex;gap:10px}
.home-case-progress button{display:flex;align-items:center;flex:1;height:44px;min-width:20px;background:none;border:0;padding:0;cursor:pointer}
.home-case-progress button span{display:block;width:100%;height:3px;background:#c9cfd5;transition:background .2s}
.home-case-progress button[aria-current=true] span,.home-case-progress button:hover span{background:#c61732}
.home-case-arrows{display:flex;justify-content:flex-end;gap:12px}
.home-case-arrows button{width:48px;height:48px;border:1px solid #b2bdc8;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#102238;cursor:pointer;transition:background .2s,color .2s}
.home-case-arrows .home-case-next{background:#c61732;border-color:#c61732;color:#fff}
.home-case-arrows button[aria-disabled=true]{opacity:.4;cursor:default}
.home-case-arrows button:not([aria-disabled=true]):hover{background:#102238;border-color:#102238;color:#fff}
.home-case-arrows svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.home-cases-footer button:focus-visible{outline:2px solid #c61732;outline-offset:4px}
.home-cases-hint{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;color:#7b8794;font-size:12px;line-height:1.7;margin:0}
.home-cases-hint svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.home-case-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-case-media .lqa-post-visual{width:100%;min-height:100%;height:100%;margin:0;pointer-events:none}
.home-case-media .lqa-post-image{display:flex;align-items:center}
.home-case-media .lqa-post-image img{width:100%;height:auto;object-fit:contain}
.home-case-media .is-compact{padding:36px;gap:25px}
.home-case-media .lqa-post-image.is-compact{padding:0}
.home-case-media .thai-letter{font-size:110px}
.home-case-media .thai-checklist>div{font-size:14px;gap:15px;padding:20px 0}
.home-case-media .thai-checklist svg{display:block}
.home-case-media .damage-chart>small{font-size:11px}
.home-case-media .damage-best strong{font-size:42px}
.home-case-media .damage-row{margin-bottom:26px}
@media(max-width:1000px){.home-cases-heading{gap:25px;align-items:flex-start}.home-cases-heading>.text-link{margin-top:8px}.home-case-link{grid-template-columns:54% 46%;min-height:410px}.home-case-copy{padding:32px 26px}.home-case-copy h3{font-size:27px}.home-case-media .is-compact{padding:24px;gap:16px}.home-case-media .thai-letter{font-size:76px}.home-case-media .thai-checklist>div{font-size:12px;gap:8px}.home-cases-footer{grid-template-columns:1fr minmax(120px,300px) 1fr}}
@media(max-width:700px){.home-cases{--case-gutter:20px;--case-gap:16px}.home-cases-heading{display:block;margin-bottom:26px}.home-cases-heading h2{font-size:32px}.home-cases-heading .section-description{font-size:14px;margin-top:18px}.home-cases-heading>.text-link{margin-top:20px}.home-cases-track{--case-width:calc(100vw - 60px)}.home-case-link{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.home-case-media{aspect-ratio:16/10}.home-case-copy{padding:26px 24px 28px}.home-case-category{margin-bottom:14px;font-size:11px}.home-case-copy h3{font-size:25px;line-height:1.4;margin-bottom:16px}.home-case-summary{font-size:14px;line-height:1.8;margin-bottom:24px}.home-case-read{font-size:14px}.home-cases-footer{grid-template-columns:auto 1fr auto;gap:18px;margin-top:16px}.home-case-count{gap:6px;font-size:11px}.home-case-count strong{font-size:20px}.home-case-arrows{gap:8px}.home-case-arrows button{width:42px;height:42px}.home-case-progress{gap:5px}.home-case-progress button{min-width:0}.home-cases-hint{font-size:11px}.home-case-media .is-compact{padding:24px}.home-case-media .thai-letter{font-size:76px}.home-case-media .thai-checklist>div{font-size:11px;padding:12px 0}.home-case-media .damage-row{margin-bottom:10px}.home-case-media .damage-best strong{font-size:28px}.home-case-media .damage-best{padding-top:10px}.home-case-media .damage-chart>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-cases *{transition:none!important;scroll-behavior:auto!important}}

html[lang="zh-CN"] .home-cases-heading h2 span{display:inline-block}