.article-body>.author-case{max-width:1040px;margin:38px auto 44px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-copy{max-width:800px;margin:0 auto}.case-copy p,.case-closing,.montage-result-copy>p{color:#50504a;margin:0 0 20px}.case-copy h3,.montage-result h3{font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px;font-weight:800;text-wrap:balance}.author-case .case-kicker{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 14px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:800px;margin:28px auto 16px}.case-metrics>div{display:flex;flex-direction:column;gap:3px}.case-metrics dt{order:2;color:var(--muted);font-size:13px;line-height:1.5}.case-metrics dd{order:1;margin:0;font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.04em;font-weight:800;color:var(--red);white-space:nowrap}.case-detail{max-width:800px;margin:0 auto 30px;color:var(--muted);font-size:13px;line-height:1.6}.case-closing{max-width:800px;margin:28px auto 0}
.avatar-case-media{display:grid;grid-template-columns:repeat(2,minmax(0,288px));justify-content:center;align-items:start;gap:28px;margin:30px auto}.avatar-case-media figure{margin:0;min-width:0}.author-case-video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#161b1e;border-radius:14px}.case-screenshot-link{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c1014;cursor:zoom-in}.case-screenshot-link img{width:100%;height:auto;display:block}.author-case figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}.case-screenshot-link:hover{border-color:#a9a69b}.case-screenshot-link:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.case-screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-screens-grid figure{margin:0;min-width:0}.trial-screens .case-screenshot-link{aspect-ratio:auto}.trial-screens img{height:auto;object-fit:contain}.account-screens .case-screenshot-link{aspect-ratio:auto}.account-screens img{height:auto;object-fit:contain}.account-screens figcaption{margin:0 0 16px}.account-screens figcaption strong{display:block;font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.04em;color:var(--red)}.account-screens figcaption span{display:block;margin-top:6px;font-size:13px;line-height:1.5}
.article-body>.montage-result{max-width:800px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:center;gap:45px}.montage-result>figure{margin:0;min-width:0}.montage-result .case-metrics{grid-template-columns:1fr;gap:18px;margin:25px 0}.montage-result-copy>p{font-size:16px;line-height:1.75}.montage-result-copy>p:last-child{margin-bottom:0}
@media(max-width:760px){.article-body>.author-case{margin-top:30px;margin-bottom:32px;padding:26px 0}.case-copy h3,.montage-result h3{font-size:27px}.case-metrics{gap:12px;margin-top:24px}.case-metrics dd{font-size:28px}.case-metrics dt{font-size:11px}.case-detail{font-size:12px}.avatar-case-media{gap:15px;margin:25px auto}.avatar-case-media figcaption{font-size:11px}.author-case-video,.case-screenshot-link{border-radius:10px}.case-screens-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scroll-padding:1px;padding:0 1px 14px;scrollbar-width:thin;scrollbar-color:#b7b2a6 transparent}.case-screens-grid figure{flex:0 0 78%;scroll-snap-align:start}.account-screens figcaption strong{font-size:34px}.article-body>.montage-result{grid-template-columns:1fr;gap:24px}.montage-result .case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.montage-result>figure{width:min(100%,280px);margin:auto}.case-closing{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.case-screenshot-link{transition:border-color .2s ease}}

.article-body>.montage-showcase+.author-case{border-top:0}

.article-body>.author-case{margin-top:28px;margin-bottom:28px;padding-top:24px;padding-bottom:24px}
@media(max-width:760px){.article-body>.author-case{margin-top:24px;margin-bottom:24px;padding-top:22px;padding-bottom:22px}}

@media(max-width:760px){.trial-screens{gap:12px}.trial-screens figure{flex:0 0 min(52%,180px)}}