/* Meridian art direction; animation stays in the portfolio's shared motion files. */
.meridian-case .case-title{gap:35px}
.meridian-case .case-title h1{font-size:clamp(58px,10vw,138px);letter-spacing:-.065em}
.meridian-case .case-title>p{font-size:clamp(22px,2.8vw,38px);flex-shrink:0}
.meridian-case .hero-screens{background:#101b2b;color:#c7d9ee;background-image:radial-gradient(ellipse at 50% 100%,#244260 0,transparent 70%)}
.meridian-case .screen-figure{background:#e3e9ee}
.meridian-case .screen-figure figcaption{gap:15px;font-size:8px;line-height:1.6;letter-spacing:.4px}
.meridian-case .screen-figure figcaption>span:last-child{white-space:nowrap}
.meridian-case .section-marker{font-weight:500;line-height:1.6}
.meridian-case .interface-note{padding:18px 20px;border-left:2px solid var(--blue);background:#e9edf2}
.implementation-heading{border-top:1px solid var(--border);margin-top:55px;padding-top:35px}
.implementation-heading h3{font-size:30px;letter-spacing:-1px;margin:16px 0}
.implementation-heading p{font-size:14px;line-height:1.9;color:#585851}
.app-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.app-screen-grid .screen-figure{padding:25px 20px;margin-bottom:0;align-content:start;min-width:0}
.app-screen-grid img{border-radius:0;max-width:100%}
.app-screen-grid figcaption{flex-wrap:wrap;width:100%;min-width:0;max-width:285px}
.app-screen-grid .screen-figure>a{min-width:0}
.metric-table{margin:28px 0}
.metric-table table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;text-align:left}
.metric-table caption{text-align:left;color:var(--muted);font-size:11px;margin-bottom:16px}
.metric-table th,.metric-table td{padding:16px 12px;border-bottom:1px solid var(--border);font-weight:400}
.metric-table thead th{background:#e3e9ee;font-weight:600}
.metric-table td{font-variant-numeric:tabular-nums;text-align:right}
.meridian-case .chart-row:last-child .bar{background:#7e8d9c}
.featured-meridian{background:#e3e9ee}
.featured-meridian .featured-loop-copy h3{font-size:clamp(48px,6.5vw,82px);letter-spacing:-4px}
.featured-meridian .featured-loop-copy>p{max-width:330px;line-height:1.45}
.meridian-case .case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:32px}
.meridian-case .case-actions .back-link,.meridian-case .case-actions .prototype-link{margin:0}
@media(max-width:1000px){.meridian-case .case-title{display:block}.meridian-case .case-title>p{margin-top:18px}.meridian-case .case-title>p br{display:none}}
@media(max-width:760px){.meridian-case .case-title h1{font-size:clamp(43px,11.8vw,84px)}.meridian-case .case-title>p{font-size:25px;padding:0;letter-spacing:-.8px}.app-screen-grid{gap:12px}.app-screen-grid .screen-figure{padding:16px 10px}.app-screen-grid figcaption{font-size:7px}.implementation-heading h3{font-size:27px}.metric-table th,.metric-table td{padding:12px 8px}.featured-meridian .featured-loop-copy h3{font-size:62px}}
@media(max-width:440px){.app-screen-grid{grid-template-columns:1fr}.app-screen-grid .screen-figure{padding:28px}.app-screen-grid img{max-width:285px}}
