/* Visual thesis: tactile research sheets, generous scale, quiet green rules.
   Content: problem / document comparison / investigation / facts / handoff / CTA.
   Interaction: entrance, sticky reading cue, restrained image/link hover.
   Reduced motion keeps all content and removes decorative transitions. */
.work-story{--work-ink:#163d36;color:var(--work-ink)}
.work-story__header{padding-block:48px 36px;animation:work-enter .5s both}
.work-story__back{display:inline-block;margin-bottom:32px;font-size:14px;text-underline-offset:5px}
.work-story h1{font-size:clamp(38px,5vw,72px);line-height:1.07;letter-spacing:-.035em;max-width:19ch;margin:18px 0}
.work-story__lede{font-size:clamp(18px,2vw,23px);max-width:45ch;line-height:1.6}
.work-story__visual{margin:0;background:#ede8df}.work-story__visual>a{display:block;max-width:1300px;margin:auto;overflow:hidden;cursor:zoom-in}
.work-story__visual img{display:block;width:100%;height:auto;transition:transform .3s}.work-story__visual a:hover img{transform:scale(1.012)}
.work-story__visual figcaption{padding-block:14px;font-size:12px;line-height:1.6}
.work-story__investigation{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:64px;align-items:start;scroll-margin-top:110px}
.work-story h2{font-size:clamp(30px,3.7vw,48px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 20px}
.work-story p{line-height:1.75}.work-story__sticky{position:sticky;top:110px}.work-story__sticky p:last-child{max-width:34ch;font-size:14px}
.work-story__investigation ol{list-style:none;margin:0;padding:0}
.work-story__investigation li{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid #b4c2b9;padding-block:25px}
.work-story__investigation li>span{font-size:24px;color:#527363}.work-story h3{font-size:23px;line-height:1.3;margin:0 0 12px}
.work-story__findings{padding-block:0 56px}.work-story__findings dl{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.work-story__findings dl>div{border-top:1px solid #b4c2b9;padding-block:24px}.work-story dt{font-size:13px;line-height:1.6}.work-story dd{margin:10px 0 0;font-size:clamp(23px,2.4vw,32px);line-height:1.3}
.work-story__source{font-size:13px;max-width:75ch}.work-story a{text-underline-offset:5px}.work-story a:focus-visible{outline:3px solid #2a806a;outline-offset:5px}
.work-story__findings>p:not(.eyebrow){max-width:78ch}.work-story__visual+.work-story__findings{padding-top:40px}
.work-story__handoff{background:#163d36;color:#f8f7ed;padding-block:56px}
.work-story__handoff>.container{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}
.work-story__handoff aside{border-left:1px solid #68867a;padding-left:36px}.work-story__handoff p{max-width:60ch}
.work-story .work-story__handoff h2,.work-story .work-story__handoff h3{color:#f8f7ed}.work-story .work-story__handoff .eyebrow{color:#a6d4c1}.work-story__investigation li>span{white-space:nowrap}
.work-story__next{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding-block:60px;align-items:center}
.work-story__next .text-button{display:block;margin-block:20px}.work-story__next small{display:block;line-height:1.6}
.work-story__related{padding-block:0 60px}.work-story__related a{display:block;border-top:1px solid #b4c2b9;padding-block:20px;font-size:20px}
@keyframes work-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.work-story__header{padding-block:28px}.work-story__back{margin-bottom:20px}.work-story__investigation,.work-story__handoff>.container,.work-story__next{grid-template-columns:1fr;gap:28px;padding-block:38px}.work-story__sticky{position:static}.work-story__investigation li{grid-template-columns:28px 1fr;gap:12px}.work-story__findings dl{grid-template-columns:1fr}.work-story__handoff{padding-block:0}.work-story__handoff aside{padding:24px 0 0;border-left:0;border-top:1px solid #68867a}.work-story__next .button{width:100%}.work-story__visual figcaption{font-size:11px}.work-story__findings{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.work-story__header{animation:none}.work-story__visual img{transition:none}.work-story__visual a:hover img{transform:none}.work-story__sticky{position:static}}
/* Intent guides: customer question / tangible document / case answer / checks / handoff.
   Keep the existing entrance, sticky reading cue and restrained image hover. */
.work-story--intent .work-story__header .eyebrow{display:block;font-size:12px;max-width:65ch}
.work-story--intent h1{max-width:24ch;font-size:clamp(34px,4.2vw,60px)}
.work-story__hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:24px}
.work-story__case-trace{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.work-story__case-trace li{border-top:1px solid #b4c2b9;padding-top:20px}
.work-story__case-trace h3{font-size:19px}.work-story__case-trace p{margin-bottom:0}
.work-story__case-detail summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}.work-story__case-detail p{max-width:78ch}
#case-answer{scroll-margin-top:110px}
@media(max-width:700px){.work-story__case-trace{grid-template-columns:1fr;gap:20px}.work-story__hero-actions{align-items:stretch;flex-direction:column}.work-story__hero-actions .button{white-space:normal;text-align:center}}