.home-cases,.case-detail{--case-ink:#1d2c34;--case-muted:#586d7a;--case-red:#b9182b;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--case-ink)}
.home-cases{background:#f2f5f7;padding:48px 0 56px;scroll-margin-top:110px}
.home-cases__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px}
.home-cases__eyebrow{font-size:.875rem;line-height:1.6;color:var(--case-red);margin:0;display:flex;gap:14px;align-items:center}
.home-cases__eyebrow span{font-size:.75rem;letter-spacing:.12em;color:var(--case-muted)}
.home-cases h2{font-size:clamp(1.75rem,2.1vw,2rem);font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:8px 0 0}
.home-cases__tabs{display:flex;gap:8px;padding:5px;border-radius:12px;background:#e5ebef}
.home-cases__tab{display:flex;gap:12px;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:8px;color:var(--case-ink);font-size:1rem;line-height:1.5;text-decoration:none}
.home-cases__tab small{font-size:.8125rem;color:var(--case-muted)}
.home-cases__tab[aria-selected="true"]{background:#fff;box-shadow:0 2px 8px #182d3810;font-weight:600;color:var(--case-red)}
.home-cases__tab[aria-selected="true"]::before{content:'';width:3px;height:20px;flex:0 0 auto;background:var(--case-red);border-radius:2px}
.home-cases__panels{display:grid;gap:24px}
.home-case-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:44px;background:#fff;border:1px solid #e1e8ec;border-radius:18px;padding:28px;scroll-margin-top:120px}
.home-case-panel[hidden]{display:none}
.home-case-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0;padding:8px 8px 8px 4px}
.home-case-client{display:flex;align-items:center;gap:14px;font-size:.875rem;color:var(--case-red);line-height:1.6;margin:0}
.home-case-client span{font-size:.8125rem;color:var(--case-muted);padding-left:14px;border-left:1px solid #d6e0e5}
.home-case-copy h3{font-size:clamp(1.625rem,2.2vw,2rem);line-height:1.5;font-weight:500;letter-spacing:-.03em;margin:14px 0 18px}
.home-case-summary{font-size:1rem;line-height:1.9;color:var(--case-muted);margin:0;max-width:30em;text-wrap:pretty}
.home-case-services{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0}
.home-case-services li{font-size:.875rem;line-height:1.5;padding:5px 9px;background:#f2f5f7;border-radius:5px;color:#435e6d}
.home-case-period{font-size:.8125rem;line-height:1.7;color:var(--case-muted);margin:16px 0 0}
.home-case-read,.case-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:7px;background:var(--case-red);color:#fff!important;font-size:.9375rem;line-height:1.6;text-decoration:none;margin-top:20px}
.home-case-read:hover,.case-contact-button:hover{background:#9e1425}
.home-case-gallery{min-width:0}
.home-case-stage{margin:0}
.home-case-stage>img{display:block;width:100%;height:320px;object-fit:cover;background:#e9eef1;border-radius:10px}
.home-case-stage>img[data-photo-orientation="portrait"]{object-fit:contain}
.home-case-stage figcaption{font-size:.8125rem;line-height:1.6;color:var(--case-muted);margin-top:10px}
.home-case-thumbnails{display:none;flex-wrap:wrap;gap:10px;margin-top:12px}
.has-case-gallery .home-case-thumbnails{display:flex}
.home-case-thumbnails button{width:72px;height:56px;padding:3px;background:#fff;border:1px solid #d0dce3;border-radius:6px;cursor:pointer}
.home-case-thumbnails button[aria-pressed="true"]{border:2px solid var(--case-red);padding:2px}
.home-case-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.case-gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.home-cases a:focus-visible,.home-cases button:focus-visible,.case-detail a:focus-visible{outline:2px solid #b9182b;outline-offset:4px}
.home-cases a,.home-cases button{touch-action:manipulation}
.case-detail{background:#fff;padding-bottom:56px}
.case-crumbs{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.875rem;line-height:1.6;color:var(--case-muted);padding:32px 0}
.case-crumbs a:hover{color:var(--case-red)}
.case-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;padding:8px 0 48px}
.case-kicker{font-size:.875rem;line-height:1.6;color:var(--case-red);margin:0}
.case-detail h1{font-size:clamp(1.875rem,3vw,2.625rem);font-weight:500;line-height:1.4;letter-spacing:-.035em;margin:16px 0 24px;text-wrap:balance}
.case-detail-summary{font-size:1.0625rem;line-height:1.9;color:var(--case-muted);margin:0}
.case-detail-facts{display:grid;gap:12px;margin:28px 0 0;padding-top:20px;border-top:1px solid #dce5ea}
.case-detail-facts>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;font-size:.9375rem;line-height:1.8}
.case-detail-facts dt{color:var(--case-muted)}
.case-detail-facts dd{margin:0}
.case-editorial-date{font-size:.8125rem;line-height:1.8;color:var(--case-muted);margin:20px 0 0}
.case-detail-cover{margin:0}
.case-detail-cover img{display:block;width:100%;height:auto;border-radius:14px}
.case-detail-cover figcaption,.case-photo figcaption{font-size:.875rem;line-height:1.7;color:var(--case-muted);margin-top:10px}
.case-detail-story{border-top:1px solid #dce5ea}
.case-detail-section{padding:40px 0;border-bottom:1px solid #dce5ea;scroll-margin-top:120px}
.case-detail-copy{max-width:790px}
.case-detail-copy h2{font-size:1.5rem;line-height:1.5;font-weight:500;margin:0 0 20px}
.case-detail-copy p{font-size:1.0625rem;line-height:1.95;color:#445d6b;margin:0 0 18px;text-wrap:pretty}
.case-detail-copy p:last-child{margin-bottom:0}
.case-detail-section.has-case-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.case-detail--snow .case-detail-section.has-case-images:nth-child(odd) .case-detail-media{order:-1}
.case-detail-media{display:grid;gap:24px;min-width:0}
.case-detail-media--pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case-photo{margin:0;min-width:0}
.case-photo img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:10px;background:#f2f5f7}
.case-detail-media--pair img{height:300px}
.case-related-products{display:flex;align-items:center;gap:32px;padding:32px 0;border-bottom:1px solid #dce5ea}
.case-related-products h2{font-size:1.125rem;font-weight:500;margin:0;white-space:nowrap}
.case-related-products nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.case-related-products a{min-height:44px;display:inline-flex;align-items:center;color:var(--case-red);font-size:.9375rem}
.case-detail-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:32px;font-size:.9375rem;color:var(--case-muted)}
.case-detail-end .case-contact-button{margin:0}
@media(max-width:1100px){.home-case-panel{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:24px}.home-case-stage>img{height:300px}.home-case-copy h3{font-size:1.625rem}.case-detail-hero{gap:36px}.case-detail-section.has-case-images{gap:32px}.case-detail-media--pair img{height:240px}}
@media(max-width:800px){.home-cases__head{align-items:flex-start;flex-direction:column;gap:16px}.home-case-panel{grid-template-columns:1fr;gap:24px}.home-case-copy{padding:0}.home-case-copy h3{font-size:1.75rem}.home-case-summary{max-width:none}.home-case-stage>img{height:auto;max-height:360px}.home-case-period{margin-top:12px}.home-case-read{margin-top:16px}.case-detail-hero{grid-template-columns:1fr;gap:28px}.case-detail-section.has-case-images{grid-template-columns:1fr;gap:28px}.case-detail--snow .case-detail-section.has-case-images:nth-child(odd) .case-detail-media{order:0}.case-detail-cover{max-width:760px}.case-detail-media--pair img{height:320px}}
@media(max-width:540px){.home-cases{padding:36px 0 40px}.home-cases__tabs{width:100%}.home-cases__tab{flex:1;gap:8px;padding:8px 12px}.home-cases__tab small{font-size:.75rem}.home-case-panel{padding:20px;border-radius:12px}.home-case-copy h3{font-size:1.5rem}.home-case-stage>img{height:240px;object-fit:contain}.home-case-thumbnails button{width:64px;height:52px}.case-detail h1{font-size:1.875rem}.case-crumbs{padding:24px 0}.case-detail-hero{padding-bottom:32px}.case-detail-facts>div{grid-template-columns:72px minmax(0,1fr);gap:14px}.case-detail-copy h2{font-size:1.375rem}.case-detail-copy p{font-size:1rem}.case-detail-section{padding:30px 0}.case-detail-media--pair{grid-template-columns:1fr}.case-detail-media--pair img{height:auto;max-height:440px}.case-related-products{display:block;padding:24px 0}.case-related-products nav{margin-top:12px;gap:8px 20px}.case-detail-end{align-items:flex-start;flex-direction:column;gap:16px}.case-detail-end a{min-height:44px;display:inline-flex;align-items:center}}
@media(forced-colors:active){.home-cases__tab[aria-selected="true"],.home-case-thumbnails button[aria-pressed="true"]{outline:2px solid Highlight}.home-case-read,.case-contact-button{border:1px solid ButtonText}}