/* Real stories, with the same soft shapes and thoughtful type as Jalapeño. */
.case-hero{background:#e9eddf;position:relative;overflow:hidden;border-radius:0 0 52px 52px}
.case-hero-inner{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;padding-block:76px 66px}
.case-hero-copy{position:relative;z-index:1;max-width:650px}
.case-hero .eyebrow{margin-bottom:24px}
.case-hero h1{font-size:clamp(3.7rem,5.7vw,5.7rem);line-height:1.12;letter-spacing:-.035em}
.case-hero-copy>p:not(.eyebrow){font-size:1.35rem;line-height:1.55;max-width:39ch;margin-top:26px;color:#456052}
.case-hero .button{margin-top:30px;gap:26px}
.case-proof-art{width:100%;height:auto;max-width:570px;margin:auto;animation:proof-float 12s ease-in-out infinite}
.case-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #183e3526;padding-block:22px;font-size:1rem;color:#456052}
.case-hero-foot strong{color:#183e35;font-weight:600}.case-hero-foot span:last-child{font-style:italic}
.case-library{padding-top:90px;padding-bottom:90px;scroll-margin-top:105px}
.case-library-heading{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:32px}
.case-library-heading h2{font-size:clamp(2.5rem,4vw,3.65rem);max-width:16ch}
.case-library-heading>p{max-width:34ch;color:#57655e;font-size:1.2rem;line-height:1.55}
.case-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:23px}
.case-filter{font-size:1rem;line-height:1.25;background:transparent;color:#183e35;border:1px solid #c9d3c1;border-radius:999px;padding:12px 17px;min-height:45px;transition:background .25s,color .25s,box-shadow .25s}
.case-filter:hover{background:#e9eddf}.case-filter[aria-pressed=true]{background:#183e35;color:#fffef9;border-color:#183e35;box-shadow:0 3px 8px #183e3510}
.case-count{font-size:1rem;color:#57655e;margin:0 0 22px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.case-card{--case-tint:#e8edcf;--case-mark:#7d9669;position:relative;background:#fffef9;border:1px solid #dce1d3;border-radius:30px;min-width:0;overflow:clip;scroll-margin-top:132px;transition:border-color .3s,box-shadow .3s}
.case-card[data-category="Leadership & Growth"]{--case-tint:#f0dfc2;--case-mark:#a48954}
.case-card[data-category="Team Effectiveness"]{--case-tint:#e1d9eb;--case-mark:#9983ad}
.case-card[data-category="Organizational Change"]{--case-tint:#f1dace;--case-mark:#bd9176}
.case-card[data-category="Learning & Connection"]{--case-tint:#ece6bd;--case-mark:#b09d4e}
.case-card:hover{border-color:#a4b69c;box-shadow:0 10px 35px #183e3508}
.case-card summary{list-style:none;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;position:relative;font-weight:400}
.case-card summary:hover{padding-left:0}
.case-card summary::-webkit-details-marker{display:none}
.case-card summary:focus-visible{outline:3px solid #8b5eb5;outline-offset:-5px;border-radius:27px}
.case-card-visual{height:240px;position:relative;isolation:isolate;background:var(--case-tint);overflow:hidden}
.case-card-visual::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 45% 10%,#fffef97a,transparent 68%)}
.case-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;inset:20px 26px auto;z-index:1}
.case-card-art{display:block;width:100%;height:230px;object-fit:contain;margin:18px auto 0;transition:transform 1.2s cubic-bezier(.4,0,.2,1);transform-origin:50% 70%}
.case-card:hover .case-card-art,.case-card:focus-within .case-card-art{transform:translateY(-3px) rotate(-1deg) scale(1.025)}
.case-card-copy{padding:28px 30px 25px;display:flex;flex-direction:column;min-height:265px}
.case-tag{background:#fffef9b8;border-radius:999px;padding:6px 13px;font-size:.875rem;line-height:1.4;display:inline-block}
.case-stamp{width:42px;height:42px;display:grid;place-items:center;background:#fffef980;color:#183e35;border-radius:46% 54% 51% 49%;font-size:1.1rem;font-weight:700;flex-shrink:0;transform:rotate(-7deg)}
.case-stamp span{transform:rotate(7deg)}
.case-card h3{font-size:clamp(1.7rem,2.25vw,2.3rem);line-height:1.22;max-width:24ch;margin-bottom:18px;letter-spacing:-.025em}
.case-card-meta{font-size:1rem;color:#667563;line-height:1.45;display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:auto}
.case-card-meta span+span::before{content:'·';padding-right:12px}
.case-card-action{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:19px;border-top:1px solid #dfe4d5;font-size:1.075rem;font-weight:550}
.case-plus{width:35px;height:35px;display:grid;place-items:center;border:1px solid #183e3530;border-radius:50%;font-size:1.35rem;font-family:var(--subheading);font-weight:400;line-height:1;transition:transform 1s cubic-bezier(.4,0,.2,1),background 1s}
.case-card[open]{border-color:#a4b69c;box-shadow:0 14px 45px #183e3508}
.case-card[open] summary{color:#183e35}
.case-card[data-expanded=true] .case-plus,.case-card[open]:not([data-expanded]) .case-plus{transform:rotate(45deg);background:var(--case-tint)}
.case-close-label,.case-card[data-expanded=true] .case-open-label,.case-card[open]:not([data-expanded]) .case-open-label{display:none}
.case-card[data-expanded=true] .case-close-label,.case-card[open]:not([data-expanded]) .case-close-label{display:inline}
.case-reading{display:grid;grid-template-columns:1fr;gap:32px;padding:30px 30px 36px;border-top:1px solid #dfe4d5}
.case-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-facts>div:last-child{grid-column:1/-1}.case-facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:650;margin-bottom:7px;color:#65785e}.case-facts dd{margin:0;font-size:1.05rem;line-height:1.55}.case-facts ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px 12px}.case-facts li{border-bottom:1px solid #dfe4d5;padding-bottom:3px}
.case-narrative{max-width:740px}.case-narrative section+section{margin-top:32px}
.case-narrative h4{font-family:var(--subheading);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin-bottom:13px}
.case-narrative p{font-size:1.25rem;line-height:1.65;color:#435b4d}
.case-insight{padding:28px 30px;background:var(--case-tint);border-radius:22px 22px 22px 5px}
.case-narrative .case-confidentiality{font-size:.9375rem;line-height:1.5;color:#74806c;margin-top:25px}
.case-story-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-top:30px}
.case-story-footer button{background:none;border:0;border-bottom:1px solid #183e3570;padding:8px 0;min-height:44px;color:#183e35;font-size:1rem}
.case-ending{padding-block:70px 80px;background:#183e35;color:#f8f7f0;border-radius:48px 48px 0 0}
.case-ending-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.case-ending .eyebrow{color:#d3dfb5;margin-bottom:20px}.case-ending h2{font-size:clamp(2.75rem,4.4vw,4rem);max-width:18ch}.case-ending p:not(.eyebrow){font-size:1.25rem;max-width:43ch;margin-top:22px;color:#e1e5d7}.case-ending .button{flex-shrink:0}
@keyframes proof-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
html[data-motion=off] .case-proof-art{animation:none}
@media(max-width:1100px){.case-hero-inner{gap:0}.case-hero h1{font-size:clamp(3.3rem,6vw,4.8rem)}.case-hero-copy>p:not(.eyebrow){font-size:1.25rem}.case-card-copy{padding:25px;min-height:280px}.case-reading{gap:30px;padding:28px}.case-narrative p{font-size:1.1875rem}}
@media(max-width:760px){.case-hero{border-radius:0 0 32px 32px}.case-hero-inner{grid-template-columns:1fr;padding-top:48px;padding-bottom:20px;gap:15px;text-align:center}.case-hero-copy{margin-inline:auto}.case-hero h1{font-size:clamp(3.2rem,9vw,4.5rem)}.case-hero .eyebrow{margin-bottom:20px}.case-hero-copy>p:not(.eyebrow){max-width:35ch;margin:24px auto 0}.case-proof-art{max-width:370px;max-height:280px;object-fit:contain}.case-hero .button{margin-top:26px}.case-hero-foot{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px;padding-block:18px;font-size:.9375rem}.case-library{padding-block:60px}.case-library-heading{display:block;margin-bottom:25px}.case-library-heading h2{font-size:2.65rem}.case-library-heading>p{margin-top:20px;max-width:38ch}.case-filters{gap:8px}.case-filter{font-size:.9375rem;padding:10px 13px}.case-grid{grid-template-columns:1fr;gap:18px}.case-card{border-radius:25px}.case-card summary{padding:0}.case-card-copy{min-height:0;padding:25px}.case-card-visual{height:225px}.case-card-art{height:215px}.case-card h3{font-size:2rem;margin-bottom:23px}.case-card-top{inset:18px 22px auto;gap:12px}.case-card-meta{font-size:.9375rem}.case-reading{grid-template-columns:1fr;padding:27px 24px;gap:32px}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-facts>div+div{margin:0}.case-facts>div:last-child{grid-column:1/-1}.case-facts dd{font-size:1rem}.case-narrative p{font-size:1.1875rem;line-height:1.6}.case-insight{padding:24px}.case-ending{border-radius:32px 32px 0 0;padding-block:55px 60px}.case-ending-inner{display:block}.case-ending .button{margin-top:30px}.case-ending p:not(.eyebrow){font-size:1.1875rem}}
@media(max-width:380px){.case-hero h1{font-size:2.85rem}.case-proof-art{max-height:235px}.case-card-copy{padding:22px}.case-tag{font-size:.8125rem}.case-card h3{font-size:1.8rem}.case-facts{grid-template-columns:1fr}.case-story-footer{align-items:start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.case-proof-art{animation:none}.case-card,.case-plus,.case-filter,.case-card-art{transition:none}.case-card .case-card-art{transform:none}}

html[data-motion=off] .case-card-art{transition:none;transform:none}
html[data-motion=off] .case-plus{transition:none}

.case-client-logo{height:88px;display:flex;align-items:center;margin-bottom:22px}.case-client-logo img{display:block;width:auto;max-width:190px;max-height:88px;object-fit:contain}.case-client-logo img[src$="jpeg"]{border-radius:8px}@media(max-width:760px){.case-client-logo{height:76px;margin-bottom:18px}.case-client-logo img{max-height:76px;max-width:170px}}

/* Sculptural story scenes sit below the category and story number. */
.case-card-visual--sculptural{--scene-height:290px;height:calc(var(--scene-height) + 80px)}
.case-card-art--sculptural{width:calc(100% - 32px);height:var(--scene-height);margin:68px auto 12px;object-fit:contain;object-position:center}
@media(max-width:760px){.case-card-visual--sculptural{--scene-height:clamp(226px,65vw,290px);height:calc(var(--scene-height) + 74px)}.case-card-art--sculptural{margin-top:64px;margin-bottom:10px}}