/* Industry selection presents one result at a time; all stories exist without JS. */
.case-explorer{position:relative;padding:90px 0 60px;scroll-margin-top:var(--header-height);background:var(--paper)}
.page-home.has-motion-world .case-explorer{background:transparent}
.case-explorer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:52px}
.case-explorer-heading .eyebrow{margin:0 0 22px}
.case-explorer-heading h2{font:400 clamp(3.2rem,4.6vw,4.7rem)/1.03 var(--display);letter-spacing:-.04em;margin:0}
.case-explorer-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start}
.case-industry-index{padding:18px 12px 16px 0;background:linear-gradient(90deg,var(--paper) 92%,transparent)}
.case-industry-index>.eyebrow{font-size:11px;color:var(--muted);margin:0 0 14px}
.case-industry-choices{display:flex;flex-direction:column}
.case-industry-option>a{display:flex;align-items:center;gap:10px;padding:13px 0;min-height:49px;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px;line-height:1.3;color:var(--muted)}
.case-industry-option>a>span:first-child{flex:1}
.case-industry-option>a:hover{color:var(--pine)}
.case-industry-option>a[aria-pressed=true]{color:var(--pine);font-weight:600;border-bottom-color:var(--clay)}
.case-industry-option>a[aria-pressed=true]::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--clay);flex:none}
.case-choice-arrow{font-size:18px;opacity:0}
.case-industry-option>a[aria-pressed=true] .case-choice-arrow{opacity:1}
.case-group-label{font:400 2rem var(--display);margin:30px 0 15px}
.case-story-choices{display:flex;flex-direction:column;gap:2px;padding:8px 0 12px 17px;border-bottom:1px solid var(--line)}
.case-story-choices a{font-size:13px;line-height:1.4;padding:10px 12px;min-height:38px;display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);color:var(--muted);text-decoration:none}
.case-story-choices a:hover{color:var(--pine)}
.case-story-choices a[aria-pressed=true]{color:var(--pine);font-weight:600;border-left:2px solid var(--clay);background:#d6e4e733}
.case-story-choices a[aria-pressed=true]::after{content:'↗';margin-left:auto}
.case-feature{--feature-muted:var(--mist);position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:565px;padding:38px 42px;border-radius:5px;overflow:hidden;background:var(--pine);color:var(--paper);margin-bottom:24px}
.case-feature>.eyebrow{font-size:11px;margin:0 0 25px;color:var(--feature-muted)}

.case-feature h3{font:400 clamp(2rem,2.7vw,2.6rem)/1.08 var(--display);letter-spacing:-.025em;max-width:590px;margin:0 0 19px}
.case-feature-description{max-width:530px;font-size:17px;line-height:1.6;margin:0 0 36px}
.case-feature-link{align-self:flex-start;display:flex;justify-content:space-between;min-width:220px;gap:36px;padding:15px 0 7px;border-top:1px solid currentColor;color:inherit;text-decoration:none;font-size:14px;margin-top:auto}
.case-feature-link:hover{text-decoration:underline;text-underline-offset:4px}
.case-feature-art{position:absolute;right:-17px;bottom:36px;width:42%;height:180px;z-index:-1;opacity:.16;pointer-events:none}
.case-feature-art path{fill:none;stroke:currentColor;stroke-width:.8}
.case-feature-art circle{fill:var(--clay)}
.feature-pine{background:var(--pine);color:var(--paper)}
.feature-blue{background:var(--blue);color:var(--paper)}
.feature-teal{background:#224b49;color:var(--paper)}
.feature-sand{background:#e8d8c4;color:var(--pine);--feature-muted:#51665b}
.feature-clay{background:var(--clay);color:var(--blue);--feature-muted:var(--blue)}
.feature-mist{background:var(--mist);color:var(--blue);--feature-muted:#355569}
.feature-ice{background:#d6e4e7;color:var(--blue);--feature-muted:#355569}
.case-explorer a:focus-visible,.case-explorer select:focus-visible{outline:2px solid var(--clay);outline-offset:4px}
.case-industry-picker{display:none}
.case-explorer-ready .case-group-label{display:none}
.case-explorer-ready .case-group-stack,.case-explorer-ready .case-feature-stack{display:grid;grid-template-columns:minmax(0,1fr)}
.case-explorer-ready .case-group{display:grid;grid-template-rows:1fr;grid-area:1/1;min-width:0}
.case-explorer-ready .case-feature{grid-area:1/1;margin:0}
/* Preserve the largest panel's height so choosing a case never jumps the page. */
.case-explorer-ready .case-group[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.case-explorer-ready .case-feature[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
@media(max-width:1100px){.case-explorer-layout{grid-template-columns:240px minmax(0,1fr);gap:30px}.case-industry-option>a{font-size:14px}.case-feature{padding:32px}.case-feature h3{font-size:2rem}.case-feature-description{font-size:16px}}
@media(max-width:900px){
 .case-explorer{padding:65px 0 45px}
 .case-explorer-heading{gap:24px}.case-explorer-heading h2{font-size:3.3rem}
 .case-explorer-layout{display:block}.case-explorer-ready .case-industry-index{padding:0;background:none;margin:0 0 18px}.case-explorer-ready .case-industry-index>.eyebrow,.case-explorer-ready .case-industry-option>a,.case-explorer-ready .case-industry-option:not(.is-current){display:none}.case-story-choices{padding:0 0 0 12px;border-bottom:0}
 .case-explorer-ready .case-industry-picker{display:block;margin:28px 0 18px}
 .case-industry-picker label{display:block;font-size:12px;margin-bottom:8px}
 .case-industry-picker select{width:100%;font:400 16px var(--font);padding:13px 36px 13px 13px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--pine)}
 .case-feature{min-height:530px}
 .case-feature-description{max-width:540px}
}
@media(max-width:600px){
 .case-explorer-heading{display:block}.case-explorer-heading h2{font-size:clamp(2.5rem,9.5vw,3.3rem)}.case-explorer-heading .eyebrow{font-size:11px;margin-bottom:20px}
 .case-feature{padding:28px 24px;min-height:550px}.case-feature>.eyebrow{font-size:10px}.case-feature h3{font-size:2rem}.case-feature-description{font-size:16px}.case-feature-art{width:65%;opacity:.1}.case-feature-link{min-width:200px;max-width:100%;font-size:13px}
 .case-story-choices a{font-size:14px;padding:10px 12px}
}
