/* The existing brand artwork is reused without modifications. */
.case-explorer{container-type:inline-size;margin:0;min-width:0;border:1px solid #45494b;border-radius:14px;overflow:clip;background:#17191b;align-self:start}
.explorer-header{padding:26px 26px 20px}
.explorer-kicker{display:flex;align-items:center;gap:12px;margin:0;font-size:.875rem;font-weight:700;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.explorer-kicker>span:first-child{flex-shrink:0;white-space:nowrap;font-size:.75rem;color:var(--lime);border:1px solid #59653e;border-radius:4px;padding:2px 5px;letter-spacing:0}
.explorer-instruction{margin:12px 0 0;color:#bcc0bd;font-size:1rem;line-height:1.5}
.technology-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 18px 20px;border-bottom:1px solid var(--line)}
.technology-tabs button{position:relative;min-width:0;min-height:58px;padding:10px 9px;border:1px solid #45494b;border-radius:6px;color:var(--ivory);background:transparent;font-size:.875rem;line-height:1.4;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.technology-tabs button:hover{border-color:var(--lime);background:#24291d}
.technology-tabs [aria-selected="true"],.technology-tabs [aria-selected="true"]:hover{background:var(--lime);color:var(--obsidian);border-color:var(--lime)}
.technology-tabs [aria-selected="true"]::after{content:'';position:absolute;inset-inline:calc(50% - 4px);bottom:-5px;width:8px;height:8px;background:var(--lime);transform:rotate(45deg)}
.case-explorer button:focus-visible,.case-explorer [role="tabpanel"]:focus-visible{outline:3px solid var(--ivory);outline-offset:-4px}
.case-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 26px 0}
.case-picker button{display:flex;align-items:center;gap:9px;min-width:0;min-height:50px;padding:9px 10px;text-align:left;color:#c1c5c2;background:transparent;border:1px solid transparent;border-radius:5px;font-size:.875rem;line-height:1.4;cursor:pointer}
.case-picker button:hover{color:var(--ivory);background:#222628}
.case-picker [aria-pressed="true"]{color:var(--ivory);background:#25292b;border-color:#606663}
.case-order{font-size:.75rem;color:#b8c0b1;flex-shrink:0}
.case-picker [aria-pressed="true"] .case-order{color:var(--lime)}
.flow-area{padding:20px 26px 18px}
.case-caption{font-size:.75rem;color:#bcc0bd;margin:0 0 8px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.case-title{font-size:1.3rem;letter-spacing:-.02em;line-height:1.3;margin:0 0 18px;overflow-wrap:break-word}
.case-flow{list-style:none;padding:0;margin:0;display:grid;gap:0}
.case-flow li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:0 0 16px;min-height:4.4rem}
.case-flow li:not(:last-child)::after{content:'';position:absolute;left:11px;top:28px;bottom:5px;width:1px;background:#596348}
.case-flow li:not(:last-child)::before{content:'';position:absolute;left:8px;bottom:5px;width:5px;height:5px;border-right:1px solid #93b658;border-bottom:1px solid #93b658;transform:rotate(45deg)}
.case-flow li:last-child{padding-bottom:0;min-height:0}
.step-index{display:grid;place-items:center;width:24px;height:24px;line-height:1;font-size:.75rem;border:1px solid #626a5b;border-radius:50%;color:#d0d8c9}
.technology-step .step-index{background:var(--lime);color:var(--obsidian);border-color:var(--lime)}
.step-label{font-size:.875rem;font-weight:700;line-height:1.5;color:#bfc7b6}
.case-flow p{font-size:1rem;line-height:1.45;margin:4px 0 0;color:var(--ivory)}
.flow-brand{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line);margin-top:10px}
.flow-brand img{width:55px;height:44px;object-fit:contain;background:var(--ivory);border-radius:6px;flex-shrink:0}
.flow-brand p{font-size:.875rem;font-weight:600;line-height:1.45;color:#c8ccc6;margin:0}
.case-impact{background:var(--ivory);color:var(--obsidian);padding:24px 26px 26px;border-top:4px solid var(--lime)}
.case-impact .explorer-kicker>span:first-child{background:var(--lime);border-color:var(--lime);color:var(--obsidian)}
.case-impact h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.03em;margin:14px 0 18px}
.impact-reasons,.impact-checks{display:grid;gap:16px;margin:0}
.impact-reasons{grid-template-columns:1fr 1fr;margin-bottom:20px}
.case-impact dt{font-size:.75rem;line-height:1.5;letter-spacing:.03em;font-weight:700;margin-bottom:6px;text-transform:uppercase}
.case-impact dd{font-size:1rem;line-height:1.45;margin:0;overflow-wrap:break-word}
.impact-checks{grid-template-columns:1fr 1fr;border-top:1px solid #c6cbc0;padding-top:18px}
.impact-checks dd{font-size:.875rem}
.case-explorer button,.explorer-kicker,.flow-brand p{overflow-wrap:anywhere}
.explorer-fallback{font-size:1rem;line-height:1.5;padding:20px;margin:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(min-width:1100px){.hero:has(.case-explorer){grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:5%;align-items:start}.hero:has(.case-explorer) .hero-copy{position:sticky;top:40px;padding-top:34px}}
@media(min-width:701px) and (max-width:1099px){.hero:has(.case-explorer){grid-template-columns:1fr}.case-explorer{width:min(700px,100%);justify-self:center}}
@media(max-width:700px){.case-explorer{width:100%}.explorer-header{padding:22px 18px 18px}.technology-tabs{padding-inline:12px;gap:5px}.technology-tabs button{font-size:.875rem;padding-inline:6px;min-height:66px}.case-picker{padding:16px 18px 0;gap:5px}.flow-area{padding:22px 18px 18px}.case-impact{padding:22px 18px}.case-title{min-height:0}.case-flow li{min-height:0;padding-bottom:22px}.case-impact h3{min-height:0}.impact-reasons{grid-template-columns:1fr;gap:16px}.impact-reasons dd,.impact-checks dd{min-height:0}.impact-checks{gap:14px}.case-picker button{padding-inline:5px;gap:6px}}
/* Font-relative containment also reflows controls when only text is enlarged. */
@container(max-width:20rem){.technology-tabs{grid-template-columns:1fr}.technology-tabs button{min-height:44px}.technology-tabs [aria-selected="true"]::after{display:none}.case-picker{grid-template-columns:1fr}.impact-reasons,.impact-checks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.case-explorer *{transition:none!important}}