.case-page{color:#242424;background:#fff}
.case-header,.case-page main,.case-footer{width:min(1120px,calc(100% - 64px));margin:auto}
.case-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:24px}
.case-header img{width:142px;height:auto;display:block}
.case-header>a:last-child{font-size:15px;color:#555}
.case-intro{padding:64px 0 48px;max-width:1000px}
.case-company{font-size:16px;color:#696969;margin:0 0 20px}
.case-page h1{font-size:clamp(34px,4.5vw,58px);line-height:1.07;letter-spacing:-.045em;margin:0;max-width:1000px}
.case-lead{font-size:20px;line-height:1.55;color:#626262;max-width:850px;margin:26px 0 0}
.case-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px;align-items:start}
.case-profile{background:#f5f5f5;border-radius:24px;padding:24px;font-size:15px;line-height:1.6}
.case-cover{display:block;margin:-24px -24px 22px}
.case-cover img{display:block;width:100%;height:auto;border-radius:24px 24px 0 0}
.case-watch{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.case-interview-date{color:#777;font-size:12px;margin:8px 0 28px}
.case-profile h2{font-size:23px;letter-spacing:-.02em;margin:20px 0 12px}
.case-profile p{margin:12px 0}
.case-profile .case-legal,.case-profile .case-speaker{font-size:13px;color:#777}
.case-profile>a:not(.case-cover){text-decoration:underline;text-underline-offset:4px}
.case-profile .case-speaker{margin-top:24px}
.case-body section{margin-bottom:36px}
.case-body h2{font-size:28px;letter-spacing:-.025em;line-height:1.2;margin:0 0 14px}
.case-body p{font-size:17px;line-height:1.7;color:#535353;margin:0 0 12px}
.case-time{display:inline-block;font-size:13px;color:#666;text-decoration:underline;text-underline-offset:4px}
.case-fact{background:#242424;border-radius:20px;padding:26px 28px;margin-bottom:36px}
.case-fact p{color:#fff;font-size:21px;line-height:1.45;font-weight:500}
.case-fact .case-time{color:#ccc}
.case-more{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px}
.case-body .case-editorial{font-size:13px;color:#838383;line-height:1.6;margin-top:30px}
.case-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px;margin:60px 0 40px;background:#f5f5f5;border-radius:20px;font-size:15px}
.case-bottom a{text-decoration:underline;text-underline-offset:4px}
.case-footer{font-size:13px;color:#777;padding-bottom:32px}
.case-page a:focus-visible{outline:2px solid #f03e31;outline-offset:5px;border-radius:4px}
@media(max-width:850px){.case-layout{grid-template-columns:280px minmax(0,1fr);gap:32px}.case-body p{font-size:16px}.case-fact p{font-size:19px}}
@media(max-width:650px){.case-header,.case-page main,.case-footer{width:calc(100% - 36px)}.case-header{padding:20px 0}.case-header img{width:118px}.case-intro{padding:36px 0 30px}.case-company{font-size:13px}.case-lead{font-size:17px;margin-top:20px}.case-layout{grid-template-columns:1fr;gap:32px}.case-profile{padding:22px}.case-cover{margin:-22px -22px 20px}.case-profile h2{font-size:22px}.case-body h2{font-size:26px}.case-body p{font-size:16px}.case-fact p{font-size:20px}.case-bottom{padding:24px;margin-top:40px;flex-direction:column}.case-fact{padding:24px}.case-header>a:last-child{font-size:13px}}
