/* One warm editorial treatment for project tiles, including homepage, Studio and collections. */
body.cinematic main .work-example,body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]){background:#f5f0e6;color:#143342;border:1px solid #b7c5bc;border-radius:14px;box-shadow:0 10px 30px #00182419;overflow:hidden}
body.cinematic main .work-example .example-copy,body.cinematic main .featured-work .work-example:not(:first-child) .example-copy{background:#f5f0e6;padding:28px;gap:0}
body.cinematic main .work-example .example-copy h3,body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) :is(h2,h3){color:#0b2e40;font-family:var(--display);font-size:29px;font-weight:500;line-height:1.16;letter-spacing:-.018em;margin:0 0 18px}
body.cinematic main .work-example .example-copy :is(p,.example-note),body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) p{color:#3a5360;font-size:15px;line-height:1.75;margin:0 0 22px}
body.cinematic main .work-example .example-copy .meta,body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) .meta{font-size:10px;letter-spacing:.07em;line-height:1.6;text-transform:uppercase;color:#266f67;margin:0 0 14px}
body.cinematic main .work-example .example-copy .text-link,body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) .text-link{color:#145c57;font-size:13px;font-weight:600;border-top:1px solid #b9c9bf;padding-top:17px;margin-top:auto;align-self:stretch;justify-content:space-between}
body.cinematic main .work-example .example-media{border-bottom:3px solid #5ba69b}
body.cinematic main .work-example .example-media figcaption{background:#08283bea;color:#fff;font-size:10px;padding:7px 11px;border-radius:0 7px 0 0;bottom:0}
body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) .ssa-card-link{color:#123646;background:#f5f0e6;padding:0 28px 28px;gap:0}
body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]) .publication-image{margin:0 -28px 24px;border-bottom:3px solid #5ba69b}
body.cinematic main .work-example:hover,body.cinematic main .ssa-publication-card:has(>.ssa-card-link[href*="/log-book/"]):hover{border-color:#4e9388;box-shadow:0 14px 34px #00162435}
/* Detail stories retain the published brief, situation, work and measured outcomes. */
.single-ssa_case_study .page-intro{padding-block:clamp(65px,7vw,110px)}
.single-ssa_case_study .page-intro h1{max-width:21ch;font-size:clamp(40px,4.4vw,64px);line-height:1.1;letter-spacing:-.022em;text-wrap:balance}
.single-ssa_case_study .page-intro .lede{max-width:65ch;font-size:19px;line-height:1.7;margin-top:25px;color:#d8e5e7}
.single-ssa_case_study .article-art{max-width:1050px;margin:0 auto 60px;border-radius:12px;overflow:hidden;background:#123446}
.single-ssa_case_study .ssa-publication .article-art img{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center}
.single-ssa_case_study .article-art figcaption{padding:12px 18px;font-size:11px;color:#d7e4e5;background:#123446;margin:0}
.single-ssa_case_study .reading-layout{grid-template-columns:175px minmax(0,740px);gap:clamp(35px,5vw,85px);justify-content:center}
.single-ssa_case_study .reading-body{counter-reset:project-chapter;max-width:740px;color:#294652}
.single-ssa_case_study .reading-body .ssa-case-chapter{counter-increment:project-chapter;position:relative;padding:0 0 35px;margin:0 0 35px;border-bottom:1px solid #becdc1;scroll-margin-top:145px}
.single-ssa_case_study .reading-body .ssa-case-chapter h2{font-size:36px;line-height:1.15;margin:0 0 24px;color:#0b3142;font-weight:500;letter-spacing:-.02em;display:flex;gap:20px;align-items:baseline}
.single-ssa_case_study .reading-body .ssa-case-chapter h2:before{content:counter(project-chapter,decimal-leading-zero);font-family:Georgia,serif;font-size:21px;color:#43857a;font-weight:400;letter-spacing:0}
.single-ssa_case_study .reading-body .ssa-case-chapter p{font-size:17px;line-height:1.9;color:#294652;margin:0 0 24px}
.single-ssa_case_study .reading-body .ssa-case-outcome{background:#102f40;border:0;border-left:4px solid #7ec2b1;border-radius:0 10px 10px 0;padding:30px 32px;margin:0 0 45px}
.single-ssa_case_study .reading-body .ssa-case-outcome h2{color:#fff9ed}
.single-ssa_case_study .reading-body .ssa-case-outcome h2:before{color:#8bc9bc}
.single-ssa_case_study .reading-body .ssa-case-outcome p{color:#e1eaeb;font-size:18px;line-height:1.85}
.single-ssa_case_study .reading-body .ssa-case-outcome p:last-child{margin-bottom:0}
.single-ssa_case_study .reading-contents{top:145px;max-height:calc(100svh - 175px);scrollbar-width:thin}
.single-ssa_case_study .reading-contents h2{font-size:10px;letter-spacing:.12em;color:#4c6d65}
.single-ssa_case_study .reading-contents a{font-size:12px;color:#4c6d65}
.single-ssa_case_study .source-note{font-size:12px;border-top:1px solid #c6d1c5;padding-top:20px}
.single-ssa_case_study .source-note a{color:#276f65;font-size:12px}
.single-ssa_case_study .ssa-case-next{background:#09283b;color:#fff;padding-block:55px;border-top:1px solid #52786f}
.single-ssa_case_study .ssa-case-next .wrap{max-width:1040px}
.single-ssa_case_study .ssa-case-next h2{font-size:38px;line-height:1.2;margin:12px 0 24px;color:#fff8ed}
.single-ssa_case_study .ssa-case-next .text-link{color:#a3d7cd;margin:0 0 0 28px}
@media(max-width:899px){.single-ssa_case_study .reading-layout{display:block}.single-ssa_case_study .reading-body{margin:auto}.single-ssa_case_study .reading-body .ssa-case-chapter h2{font-size:31px}.single-ssa_case_study .reading-body .ssa-case-chapter p{font-size:16px}.single-ssa_case_study .article-art{margin-bottom:35px}.single-ssa_case_study .reading-body .ssa-case-outcome{padding:24px}.single-ssa_case_study .page-intro .lede{font-size:17px}}
@media(max-width:500px){body.cinematic main .work-example .example-copy{padding:24px}.single-ssa_case_study .reading-body .ssa-case-chapter h2{font-size:28px;gap:13px}.single-ssa_case_study .reading-body .ssa-case-chapter h2:before{font-size:17px}.single-ssa_case_study .reading-body .ssa-case-outcome{padding:22px 19px}.single-ssa_case_study .ssa-case-next .text-link{display:table;margin:25px 0 0}.single-ssa_case_study .page-intro h1{font-size:37px}}
body.cinematic main .work-example .example-copy :is(h2,h3,h4){color:#0b2e40!important}