.cases-hub{--gutter:40px;--container:min(1280px, calc(100vw - 2 * var(--gutter)));--fs-display:64px;--fs-lead:24px}.cases-hub .container-x{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:0}.cases-hub .case-card{flex:auto;width:100%}.cases-hub .case-shot{width:38%;min-height:100%}@media not (min-width:64rem){.cases-hub{--gutter:16px;--fs-display:36px;--fs-lead:18px}.cases-hub .case-card{flex-direction:column-reverse}.cases-hub .case-shot{width:100%;height:180px;min-height:0}.cases-hub .case-head{padding:24px}}.cases-hub .case-title{font-family:var(--font-serif);letter-spacing:-.2px;font-size:28px;line-height:32px}.cases-hub .case-pill{color:var(--ink-soft);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:14px;font-weight:500;line-height:18px;transition:background-color .2s,color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #2c2c2a1f}.cases-hub .case-pill:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #2c2c2a3d}.cases-hub .case-pill.is-on{color:var(--paper);background:var(--ink);box-shadow:none}@media not (min-width:64rem){.cases-hub .case-title{font-size:24px;line-height:28px}.cases-hub .case-pill{padding:6px 12px;font-size:13px}}.cases-hub .hub-ribbon{opacity:.42;-webkit-mask-image:linear-gradient(#000 45%,#0000 92%);mask-image:linear-gradient(#000 45%,#0000 92%)}