.case-studies-section{border-top:1px solid var(--line);padding:110px 0 130px}
.case-studies-heading{align-items:end;display:flex;gap:10%;justify-content:space-between}
.case-studies-heading h2{font-size:clamp(43px,5vw,69px);letter-spacing:-.075em;line-height:.94;margin:0}
.case-studies-heading>p{color:#536071;font-size:14px;line-height:1.7;margin:0;max-width:310px}
.case-study-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:48px}
.case-study-card{border:1px solid var(--line);display:flex;flex-direction:column;min-height:485px;padding:25px}
.case-study-card-featured{background:var(--slate);color:var(--white)}
.case-study-card-pale{background:#e4ebd5}
.case-study-card-dark{background:var(--slate-dark);color:var(--white);border-color:var(--slate-dark)}
.case-study-top,.case-study-footer{display:flex;font-family:var(--mono);font-size:9px;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}
.case-number{color:var(--warm)}
.case-study-card-featured .case-number,.case-study-card-featured .case-location{color:var(--accent)}
.case-study-card-dark .case-number,.case-study-card-dark .case-location{color:var(--accent)}
.case-location{color:var(--slate)}
.case-study-card h3{font-size:29px;letter-spacing:-.06em;line-height:1.02;margin:68px 0 15px}
.case-study-problem{color:#687384;font-size:14px;line-height:1.65;margin:0 0 31px}
.case-study-card-featured .case-study-problem{color:#dce4eb}
.case-study-card-dark .case-study-problem{color:#dce4eb}
.case-study-detail{border-top:1px solid var(--line);padding:14px 0}
.case-study-card-featured .case-study-detail{border-color:#718095}
.case-study-card-dark .case-study-detail{border-color:#657286}
.case-study-detail span{color:var(--warm);display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.case-study-card-featured .case-study-detail span{color:#bdc7d2}
.case-study-card-dark .case-study-detail span{color:var(--accent)}
.case-study-detail strong{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-top:6px}
.case-study-outcome{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}
.case-study-outcome span{color:var(--warm);display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.case-study-outcome strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.1}
.case-study-card-dark .case-study-outcome{border-color:#657286}.case-study-card-dark .case-study-outcome span{color:var(--accent)}
.case-study-footer{border-top:1px solid var(--line);color:var(--warm);margin-top:auto;padding-top:15px}
.case-study-card-featured .case-study-footer{border-color:#718095;color:#dce4eb}
.case-study-card-dark .case-study-footer{border-color:#657286;color:#dce4eb}
@media(max-width:800px){.case-studies-section{padding:80px 0 90px}.case-studies-heading{display:block}.case-studies-heading>p{margin-top:18px;max-width:450px}.case-study-grid{grid-template-columns:1fr;margin-top:38px}.case-study-card{min-height:390px}.case-study-card h3{margin-top:45px}}

/* Review Template 10 / Progress timeline */
.case-study-timeline{border-left:2px solid #ef765d;margin:48px 0 0 25px}
.case-study-timeline .case-study-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;min-height:0;padding:30px 0 30px 30px;position:relative}
.case-study-timeline .case-study-card:last-child{border-bottom:0}
.case-study-timeline .case-study-card:before{background:#ef765d;border:4px solid var(--paper);border-radius:50%;content:'';height:11px;left:-9px;position:absolute;top:35px;width:11px}
.case-study-timeline .case-study-card-pale,.case-study-timeline .case-study-card-dark{background:transparent;border-color:var(--line);color:var(--ink)}
.case-study-timeline .case-study-top{display:block;grid-column:1;grid-row:1 / span 6}
.case-study-timeline .case-number,.case-study-timeline .case-location{color:#ef765d;display:block}
.case-study-timeline .case-location{margin-top:9px}
.case-study-timeline .case-study-card h3,.case-study-timeline .case-study-card .case-study-problem,.case-study-timeline .case-study-card .case-study-detail,.case-study-timeline .case-study-card .case-study-outcome,.case-study-timeline .case-study-card .case-study-footer{grid-column:2}
.case-study-timeline .case-study-card h3{font-size:32px;margin:0 0 12px}
.case-study-timeline .case-study-card .case-study-problem{color:#687384;margin:0 0 18px}
.case-study-timeline .case-study-card .case-study-detail{border-color:var(--line);padding:11px 0}
.case-study-timeline .case-study-card .case-study-detail span,.case-study-timeline .case-study-card .case-study-outcome span{color:#ef765d}
.case-study-timeline .case-study-card .case-study-outcome{border-color:var(--line);margin-top:12px}
.case-study-timeline .case-study-card .case-study-outcome strong{font-size:21px}
.case-study-timeline .case-study-card .case-study-footer{border-color:var(--line);color:var(--warm);margin-top:15px}
@media(max-width:800px){.case-study-timeline{margin:38px 0 0 12px}.case-study-timeline .case-study-card{grid-template-columns:1fr;gap:15px;padding:25px 0 25px 22px}.case-study-timeline .case-study-card:before{top:29px}.case-study-timeline .case-study-top{grid-column:1;grid-row:auto}.case-study-timeline .case-study-card h3,.case-study-timeline .case-study-card .case-study-problem,.case-study-timeline .case-study-card .case-study-detail,.case-study-timeline .case-study-card .case-study-outcome,.case-study-timeline .case-study-card .case-study-footer{grid-column:1}.case-study-timeline .case-study-card h3{font-size:29px}}
.hero-visual{background:transparent!important;min-height:500px;overflow:hidden;padding:0;position:relative}