.case-page{background:var(--paper);color:var(--ink)}
.case-wrap{width:calc(100% - var(--gutter)*2);max-width:var(--content-width);margin-inline:auto}
.case-hero{overflow:hidden}
.case-hero-inner{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:490px}
.case-hero-copy{position:relative;z-index:1;padding:40px 0}
.case-hero h1{font-size:clamp(38px,3.6vw,50px);font-weight:800;letter-spacing:-1.6px;line-height:1.42}
.case-hero-sub{margin-top:20px;font-size:16px;font-weight:600;line-height:1.5}
.case-hero-desc{margin-top:12px;font-size:14px;line-height:1.8}
.case-hero-art{width:100%;height:auto;align-self:end}
.case-directory{padding:12px 0 20px;background:#fffdfb;scroll-margin-top:var(--header)}
.case-index{display:grid;grid-template-columns:repeat(4,1fr);max-width:920px;border-bottom:1px solid #cfceca}
.case-index a{display:flex;justify-content:center;align-items:center;min-height:66px;padding:10px 12px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:15px;font-weight:650;text-align:center;transition:color .2s,border-color .2s}
.case-index a:hover,.case-index a[aria-current]{color:var(--red);border-bottom-color:var(--red)}
.case-note{margin-top:16px;color:#74726e;font-size:12px;line-height:1.7;text-align:center}
.case-list{padding-bottom:44px}
.case-item{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.85fr);grid-template-areas:"heading heading" "visual body";gap:14px 36px;padding:36px 0;border-bottom:1px solid #bdbdb8;scroll-margin-top:calc(var(--header) + 24px)}
.case-item:last-child{border-bottom:0;padding-bottom:0}
.case-heading{grid-area:heading}
.case-category{color:var(--red);font-size:15px;font-weight:650;line-height:1.5}
.case-heading h2{margin-top:12px;font-size:29px;font-weight:750;letter-spacing:-.8px;line-height:1.45;text-wrap:balance}
.case-client{margin-top:6px;font-size:14px;font-weight:600;line-height:1.5}
.case-visual{grid-area:visual;align-self:start;overflow:hidden}
.case-visual>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.case-body{grid-area:body;display:flex;flex-direction:column;align-items:flex-start;padding:0 0 4px}
.case-body>p{font-size:15px;line-height:1.8;color:#464541}
.case-results{margin-top:30px}
.case-results-note{display:inline-block;padding:4px 13px;border-radius:20px;background:#eae9e5;color:#686661;font-size:12px;line-height:1.4}
.case-results dl{margin:13px 0 0}
.case-results dt{font-size:15px;font-weight:650;line-height:1.5}
.case-results dd{display:flex;align-items:baseline;gap:8px;margin:6px 0 0;font-variant-numeric:tabular-nums;line-height:1.03;white-space:nowrap}
.case-results dd strong{padding-bottom:4px;border-bottom:3px solid var(--red);font-family:Arial,"PingFang SC",sans-serif;font-size:56px;font-weight:800;letter-spacing:-.055em}
.case-results dd span{font-size:24px;font-weight:750;letter-spacing:-.035em}
.case-calculation{margin-top:17px;font-size:14px;line-height:1.7}
.case-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px;min-height:48px;font-size:15px;font-weight:650;color:var(--red)}
.case-link img{width:22px;height:22px;transition:transform .2s;filter:invert(16%) sepia(98%) saturate(5684%) hue-rotate(339deg) brightness(86%) contrast(114%)}
.case-link:hover img{transform:translateX(4px)}
.case-item-reverse{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"heading visual" "body visual";grid-template-rows:auto 1fr;gap:20px 32px;padding-block:40px}
.case-item-reverse .case-visual{align-self:stretch}
.case-item-reverse .case-visual>img{height:100%;min-height:440px;object-fit:contain;object-position:center}
.case-item-reverse .case-heading h2{font-size:29px}
.case-item-reverse .case-body>p{max-width:490px}
.case-footer-main{grid-template-columns:1.7fr 1fr 1fr;gap:80px;padding-top:0}
.case-page .footer-intro{max-width:350px}
@media(max-width:1180px){.case-hero-inner{min-height:410px}.case-hero h1{font-size:40px}.case-hero-sub{font-size:16px}.case-hero-desc{font-size:14px}.case-item{column-gap:28px}.case-body>p{font-size:15px}.case-results{margin-top:22px}.case-results dt{font-size:15px}.case-calculation{font-size:14px}.case-link{font-size:15px}.case-item-reverse .case-visual>img{min-height:410px}.case-footer-main{gap:45px}}
@media(max-width:900px){.case-hero-inner{min-height:340px}.case-hero h1{font-size:44px}.case-hero-sub{font-size:16px;margin-top:16px}.case-hero-desc{font-size:13px}.case-index a{font-size:13px;min-height:58px}.case-item{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px 24px;padding-block:30px}.case-heading h2,.case-item-reverse .case-heading h2{font-size:28px}.case-category,.case-client{font-size:14px}.case-body>p{font-size:15px}.case-results{margin-top:18px}.case-results dd strong{font-size:52px;border-bottom-width:3px}.case-results dd span{font-size:24px}.case-results dt{font-size:15px}.case-results-note{font-size:12px}.case-calculation{font-size:13px;margin-top:12px}.case-link{font-size:15px;padding-top:20px}.case-item-reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.case-item-reverse .case-visual>img{min-height:410px}.case-footer-main{grid-template-columns:1fr 1fr;gap:32px}.case-page .footer-intro{max-width:540px}}
@media(max-width:640px){.case-hero-inner{grid-template-columns:1fr;gap:0;min-height:0}.case-hero-copy{padding:30px 0 12px}.case-hero h1{font-size:clamp(28px,7.9vw,38px)}.case-hero-sub{font-size:14px;margin-top:13px}.case-hero-desc{font-size:13px;margin-top:7px}.case-hero-art{margin-top:4px}.case-directory{padding:5px 0 15px}.case-index{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 28px)}.case-index a{font-size:12px;min-height:51px;padding:10px 2px;border-bottom-width:2px;white-space:nowrap}.case-note{font-size:11px;margin-top:12px}.case-list{padding-bottom:30px}.case-item,.case-item-reverse{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "visual" "body";grid-template-rows:auto;gap:16px;padding:28px 0}.case-heading h2,.case-item-reverse .case-heading h2{font-size:24px;margin-top:9px;letter-spacing:-.035em;text-wrap:wrap}.case-category{font-size:13px}.case-client{font-size:13px;margin-top:5px}.case-item-reverse .case-visual>img{height:auto;min-height:0;aspect-ratio:4/3}.case-body>p{font-size:14px;line-height:1.8}.case-results{margin-top:19px}.case-results-note{font-size:11px;padding:4px 11px}.case-results dl{margin-top:10px}.case-results dt{font-size:15px}.case-results dd{margin-top:7px;gap:7px}.case-results dd strong{font-size:48px}.case-results dd span{font-size:22px}.case-calculation{font-size:13px;margin-top:12px}.case-link{font-size:14px;padding-top:0;margin-top:18px;min-height:44px}.case-link img{width:20px;height:20px}.case-footer-main{gap:26px;padding-top:0}}
@media(prefers-reduced-motion:reduce){.case-index a,.case-link img{transition:none}.case-link:hover img{transform:none}}