/* Case studies: 1920px Figma canvas, 1288px archive and 912px editorial column. */
.case-page{color:#292728}.case-page h1,.case-page h2,.case-page h3{font-family:var(--font-display);margin:0}.case-page__hero,.case-page__inner-hero{background:#f7faeb;text-align:center;padding:80px 0}.case-page__hero .eyebrow{margin-inline:auto}.case-page__hero h1{font-size:clamp(44px,5vw,75px);font-weight:800;line-height:1.07;margin:8px 0 24px}.case-page__breadcrumbs{display:flex;gap:8px;justify-content:center;align-items:center;font-size:16px;color:#62a420}.case-page__breadcrumbs a{color:#545253}.case-page__archive{padding-block:96px 140px}.case-page__archive-grid{display:grid;grid-template-columns:minmax(0,848px) minmax(210px,250px);gap:80px;justify-content:center}.case-page__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-content:start}.case-page__card{border:1px solid #e7e9e3;border-radius:16px;overflow:hidden;background:#fff;min-width:0;transition:box-shadow .25s ease,transform .25s ease}.case-page__card:hover{box-shadow:0 18px 35px rgba(20,40,10,.09);transform:translateY(-4px)}.case-page__card-link{display:block;height:100%;color:inherit;text-decoration:none}.case-page__card-photo{aspect-ratio:408/240;overflow:hidden;background:#f7faeb}.case-page__card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.case-page__card:hover img{transform:scale(1.04)}.case-page__card-body{padding:24px;display:flex;flex-direction:column;gap:12px;min-height:236px}.case-page__tag{display:inline-block;align-self:flex-start;border-radius:24px;padding:6px 12px;background:#f7faeb;color:#7b8e26;font:600 12px/16px var(--font-body)}.case-page__card h2,.case-page__card h3{font-size:24px;line-height:30px;font-weight:500}.case-page__card p{font-size:16px;line-height:24px;color:#545253;margin:0}.case-page__metric{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#f5f5f5;font-size:14px;margin-top:auto;min-width:0}.case-page__metric svg{width:16px;height:16px;flex:none}.case-page__metric strong{color:#79b52a;white-space:nowrap}.case-page__metric span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#545253}.case-page__sidebar{border-left:1px solid #eee;padding-left:48px}.case-page__sidebar h2{font-size:24px;border-bottom:1px solid #eee;padding-bottom:24px;margin-bottom:20px}.case-page__sidebar h3{font-size:18px;font-weight:500;margin:24px 0 10px}.case-page__sidebar a{display:block;color:#545253;padding:4px 0;font-size:14px;line-height:21px}.case-page__sidebar a:hover,.case-page__sidebar a.is-active{color:#62a420}.case-page__pagination{display:flex;justify-content:center;gap:10px;margin-top:80px}.case-page__pagination .page-numbers{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid #b0cb36;border-radius:7px;color:#62a420}.case-page__pagination .current{background:#84b824;color:#fff}.case-page__inner-hero{text-align:left}.case-page__inner-hero .case-page__breadcrumbs{justify-content:flex-start}.case-page__inner-hero h1{font-size:clamp(36px,3.5vw,48px);line-height:1.25;max-width:912px;margin:54px 0 24px}.case-page__inner-hero .case-page__tag{background:#fff;font-size:16px;padding:8px 20px}.case-page__article{max-width:calc(912px + 2 * var(--gutter));padding-block:120px 140px}.case-page__article h2{font-size:32px;line-height:40px;margin-bottom:16px}.case-page__article p,.case-page__article li{color:#545253;line-height:24px}.case-page__overview{margin-bottom:56px}.case-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0}.case-page__stats div{display:flex;flex-direction:column;gap:8px}.case-page__stats dt{font-size:16px;color:#545253}.case-page__stats dd{margin:0;color:#62a420;font:700 clamp(28px,3vw,48px)/1.25 var(--font-display)}.case-page__feature-photo{height:500px;border-radius:24px;overflow:hidden;margin-bottom:48px}.case-page__feature-photo img{display:block;width:100%;height:100%;object-fit:cover}.case-page__prose{margin-bottom:70px}.case-page__prose p{margin:0 0 20px}.case-page__goals{margin-bottom:110px}.case-page__goals ul{padding-left:20px}.case-page__goals li{margin:10px 0}.case-page__journey>p{max-width:690px;margin-bottom:70px}.case-page__journey ol{list-style:none;margin:0;padding:0;position:relative}.case-page__journey ol::before{content:'';position:absolute;top:30px;bottom:70px;left:50%;width:2px;background:#d5e7ba}.case-page__journey li{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:310px;margin:0 0 60px;position:relative}.case-page__journey li::after{content:'';position:absolute;left:calc(50% - 11px);top:50%;width:22px;height:22px;border-radius:50%;background:#80be31;border:3px solid #fff;box-shadow:0 0 0 2px #80be31}.case-page__journey li:nth-child(even) .case-page__phase-photo{grid-column:2;grid-row:1}.case-page__journey li:nth-child(even) .case-page__phase-copy{grid-column:1;grid-row:1}.case-page__phase-photo{border-radius:24px;overflow:hidden;background:#f7faeb;aspect-ratio:362/300}.case-page__phase-photo img{width:100%;height:100%;object-fit:cover}.case-page__phase-copy>span{display:block;color:#62a420;font:500 18px/22px var(--font-display);margin-bottom:8px}.case-page__phase-copy h3{font-size:24px;line-height:30px;margin-bottom:16px}.case-page__share{display:flex;align-items:center;gap:15px;padding:16px 24px;margin-top:75px;background:#fbfcf5;border-radius:12px}.case-page__share span{margin-right:12px}.case-page__share a{color:#292728;font-weight:700}.case-page__related{padding:120px 0 140px;background:#f7faeb}.case-page__related h2{font-size:36px;margin-bottom:45px}.case-page__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-page__related .case-page__card-body{min-height:170px}.case-page__related h3{font-size:20px}
@media(max-width:1100px){.case-page__archive-grid{gap:38px;grid-template-columns:minmax(0,1fr) 225px}.case-page__sidebar{padding-left:28px}.case-page__article{padding-block:96px}.case-page__journey li{gap:70px}}
@media(max-width:767px){.case-page__hero,.case-page__inner-hero{padding:65px 0}.case-page__archive{padding-block:72px}.case-page__archive-grid{display:flex;flex-direction:column}.case-page__sidebar{order:-1;padding:0 0 20px;border:0;border-bottom:1px solid #eee}.case-page__sidebar h2{padding-bottom:10px;margin-bottom:10px}.case-page__sidebar a{display:inline-block;margin-right:15px}.case-page__sidebar h3{margin:12px 0 5px}.case-page__cards{gap:16px}.case-page__card-body{padding:16px}.case-page__card h2,.case-page__card h3{font-size:19px;line-height:25px}.case-page__card p{font-size:14px}.case-page__inner-hero h1{margin-top:35px}.case-page__article{padding-block:70px}.case-page__feature-photo{height:350px}.case-page__stats{gap:16px}.case-page__journey ol::before{left:10px}.case-page__journey li,.case-page__journey li:nth-child(even){display:grid;grid-template-columns:1fr;gap:15px;margin-left:40px;margin-bottom:40px;min-height:0}.case-page__journey li::after{left:-40px;top:20px}.case-page__journey li:nth-child(even) .case-page__phase-photo,.case-page__journey li:nth-child(even) .case-page__phase-copy{grid-column:1;grid-row:auto}.case-page__phase-photo{max-width:480px}.case-page__related{padding-block:70px}.case-page__related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.case-page__cards,.case-page__related-grid{grid-template-columns:1fr}.case-page__stats{grid-template-columns:1fr 1fr}.case-page__feature-photo{height:240px}.case-page__archive{padding-bottom:80px}.case-page__related{padding-bottom:80px}.case-page__share{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.case-page__card,.case-page__card-photo img{transition:none}}

.case-page__inner-hero .case-page__inner-hero-content {box-sizing:border-box;max-width:calc(912px + 2 * var(--gutter));margin-inline:auto}
.case-page__inner-hero h1 {max-width:912px}
.case-page__metric-unit {color:#292728}
.case-page__metric-highlight {color:#62a420}
.case-page__phase-photo img {display:block}
@media (min-width:768px) {.case-page__journey li{grid-template-columns:minmax(0,362px) minmax(0,362px);justify-content:space-between;gap:40px}.case-page__phase-photo{width:100%;height:300px}}

/* Figma timeline markers carry the milestone number. */
.case-page__journey ol {counter-reset:case-phase}
.case-page__journey li {counter-increment:case-phase}
.case-page__journey li::after {content:counter(case-phase);box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;left:calc(50% - 22px);border:0;box-shadow:none;background:linear-gradient(135deg,#62a420,#b0cb36);color:#fff;font:600 16px/1 var(--font-body)}
.case-page__goals li strong {font-weight:600;color:#545253}
@media (max-width:767px) {.case-page__journey ol::before{left:21px}.case-page__journey li::after{left:-40px;top:14px;width:44px;height:44px}}