/* IBM pacing inherits the portfolio's shared type, colour and image system. */
.ibm-case .ibm-hero{width:calc(100% - 8vw);max-width:1640px}
.ibm-direction{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding-bottom:var(--case-space)}
.ibm-direction figure{min-width:0}
.ibm-case .landing-art .asset-link{border:0}
.ibm-motion{background:#101010}
.ibm-video-series{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:58px;align-items:start}
.ibm-video-series figure{min-width:0}
.ibm-video-tile{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:var(--case-image-radius);padding:0;background:#080808}
.ibm-video-tile img{width:100%;height:100%;object-fit:contain}
.ibm-video-play{position:absolute;bottom:20px;left:20px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#080808b8;color:var(--text);font-size:16px;padding-left:3px;transition:background .3s}
.ibm-video-tile:hover .ibm-video-play{background:#080808e0}
.ibm-video-series figcaption{margin-top:24px}
.ibm-video-series .eyebrow{font-size:11px;color:#aaa9a6}
.ibm-video-series h3{font:clamp(22px,2vw,29px)/1.3 var(--serif);letter-spacing:-.02em;color:var(--text);margin-top:14px}
.ibm-video-context{display:block;font-size:12px;letter-spacing:0;line-height:1.6;margin-top:12px}
.ibm-email-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1000px;margin:56px auto 0}
.ibm-email-pair figure{min-width:0}
.ibm-email-pair figcaption{margin-top:0;margin-bottom:22px}
.ibm-collateral{padding-top:28px;padding-bottom:var(--case-space)}
.ibm-case .ibm-signature{max-width:1000px;margin:68px auto 0}
.ibm-technical{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:center;border-top:1px solid var(--line)}
.ibm-technical>figure{max-width:400px;min-width:0}
.ibm-technical-copy{margin-top:30px}
.ibm-system{border-top:1px solid var(--line)}
.ibm-system .social-series{margin-top:54px}
.ibm-case .case-contribution{padding-bottom:var(--case-space)}
.ibm-case .next-project-link{width:100%;padding:0;text-align:left}
.ibm-case .next-project-copy>.case-label{display:block}
.ibm-case .next-title{display:block;font:clamp(45px,6.5vw,100px)/1.12 var(--serif);letter-spacing:-.045em}
.ibm-case .next-title em{color:#a9a8a3}
.ibm-case .next-project-art img{object-position:30% 50%}
dialog.ibm-video-dialog{width:min(94vw,540px);max-height:96dvh;padding:24px;background:#101010;overflow:auto;border:0;border-radius:22px}
.ibm-video-dialog h2{font:21px/1.35 var(--serif);padding-right:40px;margin:0 0 18px;color:var(--text)}
.ibm-video-dialog video{display:block;width:100%;max-height:76dvh;aspect-ratio:9/16;object-fit:contain;background:#080808;border-radius:14px}
@media(min-width:1800px){.ibm-direction,.ibm-collateral{max-width:1640px}.ibm-motion{max-width:none}.ibm-motion>.page-width{max-width:1640px}}
@media(max-width:1000px){.ibm-direction{grid-template-columns:1fr 1fr;gap:6%}.ibm-video-series{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;max-width:760px;margin-inline:auto}.ibm-technical{gap:7%;grid-template-columns:.8fr 1.2fr}}
@media(max-width:700px){.ibm-case .ibm-hero{width:100%}.ibm-direction,.ibm-technical{grid-template-columns:1fr;gap:36px}.ibm-video-series{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:22px;padding-bottom:22px;margin-top:36px;scrollbar-width:thin;scrollbar-color:#575751 #171717}.ibm-video-series figure{flex:0 0 83%;max-width:380px;scroll-snap-align:start}.ibm-video-series h3{font-size:25px}.ibm-email-pair{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:22px;padding-bottom:22px;margin-top:36px;scrollbar-width:thin;scrollbar-color:#575751 #171717}.ibm-email-pair figure{flex:0 0 83%;max-width:380px;scroll-snap-align:start}.ibm-collateral{padding-top:18px}.ibm-collateral .editorial-split{gap:32px}.ibm-case .ibm-signature{margin-top:48px}.ibm-technical>div{grid-row:1}.ibm-technical>figure{grid-row:2;width:78%;max-width:340px}.ibm-system .social-series{margin-top:36px}.ibm-case .next-title{font-size:52px}.ibm-video-dialog video{max-height:72dvh}.ibm-video-dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ibm-video-play{transition:none}}
