/* Brand proof: a wordmark, a concise result, and one real campaign detail. */
#who .case-gallery{margin:0 0 30px;min-width:0}
#who .case-gallery-heading{margin-bottom:22px}
#who .case-gallery-heading h3{margin:0;font-size:24px;font-weight:500;color:#f7f8f0}
#who .case-range{margin:8px 0 0;color:#b8c0b0;font-size:17px;line-height:1.5}
#who .case-window{overflow:hidden;border-radius:14px;touch-action:pan-y}
#who .case-track{display:flex;gap:20px;transition:transform 1.2s cubic-bezier(.22,.68,0,1)}
#who .campaign-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 calc((100% - 40px)/3);min-width:0;height:300px;padding:26px;overflow:hidden;border-radius:12px;background:#f5f2eb;color:#1b2118}
#who .campaign-card-head{display:flex;align-items:center;height:54px;flex:none}
#who .campaign-card-head img{display:block;max-width:180px;max-height:48px;object-fit:contain;object-position:left center;background:transparent}
#who .campaign-card-head .logo-zeelool{width:150px;height:auto;filter:brightness(0)}
#who .campaign-card-head .logo-lemon8{width:126px;height:53px;max-height:53px;filter:brightness(0)}
#who .campaign-card-head .logo-anker{width:132px;height:39px}
#who .campaign-card-head .logo-dreame{width:154px;height:auto;filter:brightness(0)}
#who .campaign-card-head .logo-molly{width:160px;height:auto}
#who .campaign-card-head .logo-matcha-town{width:180px;height:auto}
#who .campaign-summary{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:14px;margin-top:24px}
#who .campaign-result{min-width:0}
#who .campaign-result p{margin:0;color:#1b2118;font-size:17px;line-height:1.4;max-width:none}
#who .campaign-result strong{display:block;margin-bottom:6px;font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.045em}
#who .case-scale strong{font-size:30px;white-space:nowrap;letter-spacing:-.05em}
#who .case-secondary{display:block;font-size:15px;line-height:1.35;color:#616859;margin-top:auto;padding-top:12px}
#who .campaign-detail{width:100px;height:112px;overflow:hidden;border-radius:6px}
#who .campaign-detail img{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
#who .zeelool-detail img{object-fit:contain;object-position:center;transform:none;background:#fff;padding:14px}
#who .anker-detail img{object-position:33% 50%}
#who .molly-detail img{object-position:46% 50%}
#who .case-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
#who .case-pagination{display:flex;align-items:center;gap:8px;width:min(360px,calc(100% - 56px));min-width:0}
#who .case-pagination button{position:relative;flex:1;min-width:0;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer}
#who .case-pagination button::before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border-radius:4px;background:#68755a;transition:background .25s}
#who .case-pagination button.is-current::before{background:#c5f45b}
#who .case-pagination button:hover::before{background:#b8c0b0}
#who .case-pagination button:focus-visible{outline:2px solid #c5f45b;outline-offset:2px;border-radius:4px}
#who .case-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#b8c0b0;background:transparent;cursor:pointer;flex:none}
#who .case-toggle:hover{color:#c5f45b;background:#34402b}
#who .case-toggle:focus-visible{outline:2px solid #c5f45b;outline-offset:2px}
#who .case-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
#who .case-toggle .case-play{display:none}
#who .case-toggle[aria-pressed="true"] .case-play{display:block}
#who .case-toggle[aria-pressed="true"] .case-pause{display:none}
#who .case-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:761px) and (max-width:1050px){#who .campaign-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:760px){#who .case-track{gap:16px}#who .campaign-card{flex-basis:100%;height:280px;padding:24px}#who .case-gallery-heading h3{font-size:20px}#who .case-range{font-size:16px}}
@media(max-width:400px){#who .campaign-card{padding:20px}#who .campaign-summary{grid-template-columns:minmax(0,1fr) 86px;gap:10px;margin-top:20px}#who .campaign-detail{width:86px;height:104px}#who .campaign-result strong{font-size:36px}#who .case-scale strong{font-size:27px}#who .campaign-result p{font-size:16px}#who .case-secondary{font-size:14px}#who .campaign-card-head .logo-matcha-town{width:174px}}
@media(prefers-reduced-motion:reduce){#who .case-track,#who .case-pagination button::before{transition:none}}