/* N-able uses the shared case-study system, with a dedicated motion series. */
.nable-direction{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding-bottom:var(--case-space)}
.nable-detail{min-width:0}.nable-detail img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:right center;border-radius:var(--case-detail-radius)}
.nable-case .landing-art .asset-link{border:0}
.nable-social .social-series{margin-top:54px}
.nable-social figcaption small{display:block;margin-top:12px;font-size:12px;letter-spacing:.15em;color:var(--text)}
.nable-motion{background:#101010}
.video-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:58px;align-items:start}
.video-series figure{min-width:0}.video-tile{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:var(--case-image-radius);padding:0;background:#080808}
.video-tile>img,.video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.video-preview{opacity:0;pointer-events:none}.video-tile.is-previewing .video-preview{opacity:1}
.video-play{position:absolute;bottom:22px;left:22px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#080808b8;color:#f1f0ec;font-size:16px;padding-left:3px;transition:background .3s}
.video-tile:hover .video-play{background:#080808e0}.video-tile:focus-visible{outline:2px solid #f1f0ec;outline-offset:5px}
.video-series figcaption{margin-top:24px}.video-series .eyebrow{font-size:11px;color:#aaa9a6}.video-series h3{font:clamp(22px,2.1vw,31px)/1.3 var(--serif);letter-spacing:-.02em;color:var(--text);margin-top:14px}
.nable-case .case-contribution{padding-bottom:var(--case-space)}
.nable-case .next-project-link{width:100%;padding:0;text-align:left}
.nable-case .next-project-copy>.case-label{display:block}
.nable-case .next-title{display:block;font:clamp(45px,6.5vw,100px)/1.12 var(--serif);letter-spacing:-.045em}.nable-case .next-title em{color:#a9a8a3}
dialog.nable-video-dialog{width:min(94vw,540px);max-height:96dvh;padding:24px;background:#101010;overflow:auto;border:0;border-radius:22px}
.nable-video-dialog h2{font:21px/1.35 var(--serif);padding-right:40px;margin:0 0 18px;color:var(--text)}
.nable-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){.nable-direction{max-width:1640px}.nable-motion{max-width:none}.nable-motion>.page-width{max-width:1640px}}
@media(max-width:1000px){.nable-direction{gap:6%;grid-template-columns:1fr 1fr}.video-series{gap:24px}.nable-case .journey li{letter-spacing:0}}
@media(max-width:700px){.nable-direction{grid-template-columns:1fr;gap:34px}.nable-detail img{aspect-ratio:4/3}.nable-social .social-series{margin-top:36px}.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}.video-series figure{flex:0 0 83%;max-width:380px;scroll-snap-align:start}.video-series h3{font-size:25px}.nable-case .next-title{font-size:52px}.nable-video-dialog video{max-height:72dvh}.nable-video-dialog h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.video-play{transition:none}}

/* Retain the IBM artwork focal point inside the shared portrait preview frame. */
.nable-case .next-project-art img{object-position:61% center}