.case-explorer{padding-top:56px}.case-explorer .section-heading{margin-bottom:14px}.story-hint{font-size:.875rem;color:var(--muted);margin:0 0 22px}.case-explorer .marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:28px}.story-selector{font:inherit;color:var(--ink);cursor:pointer;appearance:none}.story-selector span{border-bottom:1px dotted currentColor;padding-bottom:3px}.story-selector[aria-pressed="true"] span{border-bottom:2px solid var(--plum);color:var(--plum);font-weight:700}.story-selector[aria-pressed="true"] img{filter:none;opacity:1}.story-selector:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.story-panel[hidden]{display:none!important}.case-explorer .case-list{border-top:0}.story-panel{position:relative}.client-website{grid-column:2;font-size:.875rem;color:var(--plum);text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.case-explorer.is-interactive .case-list{min-height:330px}
@media(max-width:760px){.case-explorer{padding-top:40px}.case-explorer .marquee{overflow-x:auto;scrollbar-width:thin}.case-explorer .marquee-track.is-ready{animation:none;transform:none}.case-explorer .marquee-group[aria-hidden="true"]{display:none}.case-explorer .marquee-group{padding-left:24px;padding-right:24px;gap:28px}.client-website{grid-column:1/-1}.case-explorer.is-interactive .case-list{min-height:0}}
@media(prefers-reduced-motion:reduce){.case-explorer .marquee-group[aria-hidden="true"]{display:none}}

.story-panel .case-number{font-size:clamp(1.5rem,3vw,2.8rem);overflow-wrap:anywhere}.story-selector img[src="/logos/deployhq.svg"]{width:100px;height:32px;object-fit:contain}.story-selector:has(img[src="/logos/deployhq.svg"])>span{font-size:0}.story-selector:has(img[src="/logos/deployhq.svg"])[aria-pressed="true"]{box-shadow:inset 0 -2px var(--plum)}

/* Clear click affordances; pointer exit always resumes the ribbon. */
.case-explorer .story-hint{font-weight:600;color:var(--plum)}.case-explorer .story-selector{position:relative;padding:10px 14px 24px;border:1px solid transparent;border-radius:10px;min-height:76px}.case-explorer .story-selector:hover{background:#48243a08;border-color:#48243a25}.story-action{position:absolute;bottom:4px;left:14px;font-size:.75rem;line-height:1.2;color:var(--muted);letter-spacing:.02em}.story-selector[aria-pressed="true"]{background:#48243a0d;border-color:#48243a35}.story-selector[aria-pressed="true"] .story-action{color:var(--plum);font-weight:700}.case-explorer .marquee:focus-within .marquee-track{animation-play-state:running}.case-explorer .marquee:hover .marquee-track,.case-explorer .marquee.keyboard-active:focus-within .marquee-track{animation-play-state:paused}.story-selector img[src="/logos/deployhq.svg"]{filter:brightness(0) saturate(100%);opacity:.85}.story-selector[aria-pressed="true"] img[src="/logos/deployhq.svg"]{filter:brightness(0) saturate(100%);opacity:1}

/* Vertical labels sit to the left of each company. */
.case-explorer .story-selector{padding:12px 16px 12px 38px;min-height:88px}.case-explorer .story-action{left:10px;top:50%;bottom:auto;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font-size:.75rem;line-height:1;white-space:nowrap;letter-spacing:.035em}.story-selector img[src="/logos/deployhq-supplied.png"]{width:130px;height:76px;object-fit:cover;filter:none;opacity:1}.story-selector:has(img[src="/logos/deployhq-supplied.png"])>span{font-size:0}.story-selector:has(img[src="/logos/deployhq-supplied.png"]){padding-top:0;padding-bottom:0}.story-selector:has(img[src="/logos/deployhq-supplied.png"])[aria-pressed="true"]{box-shadow:inset 0 -2px var(--plum)}

/* Upright stacked letters and a softly tinted story surface. */
.case-explorer .story-action{writing-mode:horizontal-tb;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;font-size:12px;line-height:10px;letter-spacing:0}.case-explorer .story-action>span{border:0;padding:0;font-size:inherit;font-weight:500;line-height:inherit}.case-explorer .story-action>.word-gap{margin-top:4px}.case-explorer .story-selector{min-height:114px;padding-left:36px}.case-explorer .story-selector img{width:52px;height:52px;object-fit:contain}.case-explorer .story-selector img[src="/logos/deployhq-supplied.png"]{width:130px;height:76px;object-fit:cover}.case-explorer .case-list{background:#eee5e9;border:1px solid #e2d5dc;border-radius:20px;padding:0 30px}.case-explorer .story-panel{border-bottom:0;padding:28px 0}.case-explorer.is-interactive .case-list{min-height:300px}
@media(max-width:760px){.case-explorer .case-list{padding:0 20px;border-radius:16px}.case-explorer .story-panel{padding:24px 0}.case-explorer.is-interactive .case-list{min-height:0}}

/* Horizontal story labels; every logo follows the same colour states. */
.case-explorer .story-selector{padding:10px 16px 27px;min-height:90px}.case-explorer .story-action{display:block;writing-mode:horizontal-tb;transform:none;left:16px;top:auto;bottom:6px;font-size:12px;line-height:1.2;letter-spacing:0;white-space:nowrap}.case-explorer .story-selector img{width:36px;height:36px;filter:grayscale(1);opacity:.7}.case-explorer .story-selector:is(:hover,:focus-visible,[aria-pressed="true"]) img{filter:grayscale(0);opacity:1}.case-explorer .story-selector img[src="/logos/deployhq-supplied.png"]{width:130px;height:60px;object-fit:cover;filter:grayscale(1);opacity:.7}.case-explorer .story-selector:is(:hover,:focus-visible,[aria-pressed="true"]) img[src="/logos/deployhq-supplied.png"]{filter:grayscale(0);opacity:1}.case-explorer .story-selector:has(img[src="/logos/deployhq-supplied.png"]){padding:0 16px 27px}