.case-page{font-size:16px}.case-header,.case-footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-bottom:1px solid var(--line);font-size:13px}.case-header>a:first-child{font-weight:600}.case-hero{padding-block:65px 38px}.detail-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:13px;margin-bottom:20px}.case-hero h1{font-family:var(--serif);font-size:52px;line-height:1.5;margin:0 0 20px}.case-title{font-family:var(--serif);font-size:29px;line-height:1.75;max-width:850px}.detail-lead{max-width:760px;margin-top:23px;line-height:2.1;color:var(--muted)}.checked-date{font-size:12px;margin-top:24px;color:var(--muted)}.case-toc{display:flex;flex-wrap:wrap;gap:12px 25px;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.case-toc a{text-decoration:underline;text-underline-offset:5px}.case-screen{margin-block:38px 0;max-width:1000px}.case-screen>a{display:block;background:var(--mist);border:1px solid var(--line);padding:25px}.case-screen img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain}.case-screen figcaption{font-size:13px;color:var(--muted);margin-top:13px;line-height:1.8}.case-reading{max-width:880px;width:calc(100% - 64px);margin:auto}.case-reading section{padding-block:55px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.case-reading h2{font-family:var(--serif);font-size:29px;line-height:1.65;margin-bottom:24px}.case-reading p{line-height:2.1}.intro-note{font-size:14px;color:var(--muted);margin-bottom:26px}.comparison{border:1px solid var(--line);margin-top:24px}.comparison h3{font-size:18px;padding:17px 24px;border-bottom:1px solid var(--line);background:var(--mist)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr}.comparison-grid>div{padding:24px}.comparison-grid>div+div{border-left:1px solid var(--line);background:#f3f7f5}.phase{display:block;font-size:12px;font-weight:600;color:var(--navy);margin-bottom:14px}.comparison-grid p{font-size:15px}.case-steps{list-style:none;padding:0;margin:0}.case-steps li{display:flex;gap:27px;padding-block:23px;border-top:1px solid var(--line)}.step-number{font:30px Georgia,serif;color:#668477}.case-steps h3{font-size:19px;line-height:1.7;margin-bottom:12px}.retained-assets ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px;margin:0 0 25px;padding-left:22px}.retained-assets li{line-height:1.9}.case-next .text-link{margin-top:22px}.case-bottom{text-align:center;padding-block:60px}.case-bottom h2{font-family:var(--serif);font-size:28px;line-height:1.7;margin-bottom:20px}.case-bottom>p{max-width:620px;margin:auto;line-height:2}.case-bottom>.button{margin-top:28px}.case-bottom .case-contact{font-size:14px;margin-top:18px}.other-cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.other-cases a{display:flex;justify-content:space-between;padding:22px;border:1px solid var(--line);font-size:16px}.case-footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}
@media(max-width:767px){.case-header{font-size:11px;align-items:center}.case-header>a:first-child{max-width:135px}.case-hero{padding-block:38px 28px}.case-hero h1{font-size:34px}.case-title{font-size:24px}.detail-lead{font-size:15px}.case-toc{gap:13px 20px;font-size:13px}.case-screen>a{padding:10px}.case-screen figcaption{font-size:12px}.case-reading{width:calc(100% - 40px)}.case-reading section{padding-block:40px}.case-reading h2{font-size:25px}.comparison-grid{grid-template-columns:1fr}.comparison-grid>div+div{border-left:0;border-top:1px solid var(--line)}.comparison h3,.comparison-grid>div{padding:19px}.case-steps li{gap:18px}.case-steps h3{font-size:18px}.retained-assets ul{grid-template-columns:1fr}.case-bottom h2{font-size:25px}.other-cases{grid-template-columns:1fr;gap:14px}.case-footer{font-size:11px;flex-wrap:wrap}.case-bottom>.button{max-width:100%;font-size:13px}}

/* Public before/after screenshots: preserve their complete original frame. */
.visual-comparisons{padding-block:52px 20px;scroll-margin-top:24px}.visual-comparisons h2{font-family:var(--serif);font-size:36px;line-height:1.65;margin-bottom:20px}.visual-intro,.visual-description{max-width:760px;line-height:2}.visual-comparison{padding-block:40px;border-bottom:1px solid var(--line)}.visual-comparison h3{font-family:var(--serif);font-size:25px;line-height:1.65;margin-bottom:16px}.visual-description{font-size:15px;margin-bottom:24px}.visual-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.visual-pair figure{margin:0;min-width:0;padding:18px;border:1px solid var(--line);background:#fff}.visual-pair figure+figure{background:#f3f7f5}.visual-pair figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.visual-pair figcaption strong{font-size:16px}.visual-pair figcaption span{font-size:12px;color:var(--muted)}.screenshot-link{display:block;border:1px solid var(--line);background:white}.screenshot-link img{display:block;width:100%;height:auto}.visual-pair figure>p{font-size:14px;line-height:1.9;margin-top:16px}.screenshot-enlarge{display:inline-block;font-size:13px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.visual-mobile .screenshot-link{max-width:290px;margin-inline:auto}.visual-source-note{font-size:13px;line-height:1.9;color:var(--muted);padding-top:24px}.visual-source-note a{text-decoration:underline}.screenshot-link:focus-visible,.screenshot-enlarge:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
@media(max-width:767px){.visual-comparisons{padding-top:36px}.visual-comparisons h2{font-size:28px}.visual-comparison{padding-block:30px}.visual-comparison h3{font-size:22px}.visual-pair{grid-template-columns:1fr;gap:18px}.visual-pair figure{padding:14px}.visual-mobile .screenshot-link{max-width:320px}}

/* Direct navigation among all case studies. */
.case-page .case-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 20px}.case-switcher{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.case-switcher a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 18px;border:1px solid var(--navy);border-radius:6px;background:#f0f5f3;color:var(--navy);font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.case-switcher a:hover{background:#dce9e3}.case-switcher a[aria-current="page"]{background:var(--navy);color:white}.case-switcher a>span{flex-shrink:0}.case-current-label{font-size:11px;font-weight:500;white-space:nowrap;color:#f0c45b}.case-switcher a:focus-visible{outline:3px solid #b67b00;outline-offset:3px}
@media(max-width:767px){.case-page .case-header{padding-block:18px;gap:16px 12px}.case-switcher{gap:7px}.case-switcher a{flex-direction:column;justify-content:center;gap:3px;text-align:center;padding:10px 6px;font-size:12px;min-height:66px}.case-switcher a>span:not(.case-current-label){display:none}.case-current-label{font-size:10px}}