.use-case-directory{--directory-paper: #f3f0e8;--directory-paper-raised: #faf8f2;--directory-ink: #11141a;--directory-muted: #60646c;--directory-line: rgba(17, 20, 26, .16);--directory-gold: var(--gold);min-height:100vh;background:var(--directory-paper)}.use-case-directory__shell{width:min(100%,1500px);margin-inline:auto;padding-inline:clamp(22px,4vw,64px)}.use-case-directory__hero{padding-block:clamp(142px,16vh,190px) clamp(54px,7vw,94px);background:var(--bg);color:var(--ink)}.use-case-directory__breadcrumb{display:flex;align-items:center;gap:11px;color:var(--ink-3);font:500 10px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.use-case-directory__breadcrumb a{color:var(--ink-2);transition:color .2s ease}.use-case-directory__breadcrumb a:hover,.use-case-directory__breadcrumb a:focus-visible{color:var(--directory-gold)}.use-case-directory__breadcrumb a:focus-visible,.use-case-directory__intro a:focus-visible,.use-case-directory-card>a:focus-visible,.use-case-directory-pagination a:focus-visible{outline:1px solid var(--directory-gold);outline-offset:4px}.use-case-directory__heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);align-items:end;gap:clamp(42px,8vw,130px);margin-top:clamp(58px,7vw,96px)}.use-case-directory__eyebrow{margin-bottom:19px;color:var(--directory-gold);font:500 10px/1.3 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.use-case-directory__heading h1{max-width:920px;color:#f4f3ee;font-size:clamp(55px,7.5vw,112px);font-weight:300;line-height:.91;letter-spacing:-.065em}.use-case-directory__intro>p{color:#e6ebf5bd;font-size:clamp(17px,1.45vw,21px);line-height:1.52}.use-case-directory__intro>a{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid var(--directory-gold);color:var(--ink);font:500 10px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;transition:color .2s ease}.use-case-directory__intro>a:hover{color:var(--directory-gold)}.use-case-directory__facts{display:flex;justify-content:space-between;gap:24px;margin-top:clamp(62px,8vw,106px);padding-top:20px;border-top:1px solid var(--line-2);color:var(--ink-3);font:500 10px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.use-case-directory__content{padding-block:clamp(64px,8vw,112px);background:var(--directory-paper);color:var(--directory-ink)}.use-case-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--directory-line);border-left:1px solid var(--directory-line)}.use-case-directory-card{min-width:0;background:var(--directory-paper);content-visibility:auto;contain-intrinsic-size:0 470px}.use-case-directory-card>a{display:flex;min-height:100%;flex-direction:column;padding:clamp(24px,2.2vw,34px);border-right:1px solid var(--directory-line);border-bottom:1px solid var(--directory-line);transition:background-color .22s ease,color .22s ease}.use-case-directory-card>a:hover{background:var(--directory-paper-raised)}.use-case-directory-card__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#9a702d;font:500 9px/1.3 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.use-case-directory-card__category{min-height:3em;margin-top:44px;color:var(--directory-muted);font:500 9px/1.5 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.use-case-directory-card h3{margin-top:18px;overflow-wrap:break-word;color:var(--directory-ink);font-size:clamp(24px,2vw,31px);font-weight:400;hyphens:auto;line-height:1.04;letter-spacing:-.04em;word-break:normal}.use-case-directory-card__summary{margin-top:22px;color:var(--directory-muted);font-size:15px;line-height:1.55}.use-case-directory-card__outcome{margin-top:auto;padding-top:34px}.use-case-directory-card__outcome>span{display:block;margin-bottom:9px;color:#9a702d;font:500 9px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.use-case-directory-card__outcome>p{color:var(--directory-ink);font-size:14px;font-weight:450;line-height:1.48}.use-case-directory-card__link{display:block;margin-top:30px;padding-top:16px;border-top:1px solid var(--directory-line);color:var(--directory-ink);font:500 9px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.use-case-directory-pagination{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:32px;margin-top:clamp(50px,7vw,88px);padding-top:24px;border-top:1px solid var(--directory-line);font:500 10px/1.2 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.use-case-directory-pagination__step--next{text-align:right}.use-case-directory-pagination__step a{padding-bottom:5px;border-bottom:1px solid #9a702d}.use-case-directory-pagination__step span{color:#11141a5c}.use-case-directory-pagination ol{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none}.use-case-directory-pagination li a{display:grid;width:38px;height:38px;place-items:center;border:1px solid transparent;color:var(--directory-muted)}.use-case-directory-pagination li a:hover{border-color:var(--directory-line);color:var(--directory-ink)}.use-case-directory-pagination li a[aria-current=page]{border-color:#9a702d;background:#9a702d;color:#fff}.use-case-directory__visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(max-width:1180px){.use-case-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.use-case-directory__heading{grid-template-columns:1fr;align-items:start}.use-case-directory__intro{max-width:660px}.use-case-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.use-case-directory__hero{padding-top:124px}.use-case-directory__heading{margin-top:42px;gap:28px}.use-case-directory__heading h1{font-size:clamp(48px,15vw,70px)}.use-case-directory__grid{grid-template-columns:1fr}.use-case-directory-card__category{min-height:0;margin-top:34px}.use-case-directory-pagination{grid-template-columns:1fr 1fr;row-gap:28px}.use-case-directory-pagination ol{grid-column:1 / -1;grid-row:1;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.use-case-directory a{transition:none}}
