/* A tighter, higher-contrast reading surface shared by the eleven projects. */
body[data-view=project]{--muted:color-mix(in srgb,var(--ink) 83%,var(--bg));--line:color-mix(in srgb,var(--ink) 24%,var(--bg))}
body[data-view=project] .case-study{width:100%;max-width:1580px;box-sizing:border-box;padding-inline:clamp(22px,4.2vw,70px);margin-inline:auto;padding-bottom:34px}
body[data-view=project] .case-hero{padding-top:34px}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:22px 30px;flex-wrap:wrap;margin:18px 0}.case-study .project-title-row h1{margin:0;font-size:clamp(52px,6.6vw,106px);line-height:1.02;letter-spacing:-.055em;font-weight:600;max-width:100%}
.project-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:430px}.project-pill{display:inline-flex;align-items:center;min-height:30px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 60%,var(--bg));border-radius:99px;background:color-mix(in srgb,var(--accent) 9%,var(--bg));font-size:13px;line-height:1.1;color:var(--ink);font-weight:550;white-space:nowrap}
body[data-project=icon-colors] .project-pill:nth-child(1){background:#fcbb34;color:#071013;border:0}body[data-project=icon-colors] .project-pill:nth-child(2){background:#377ef7;color:white;border:0}body[data-project=icon-colors] .project-pill:nth-child(3){background:#31d9c3;color:#071013;border:0}
body[data-view=project] .case-hero .hero-subtitle{font-size:clamp(27px,2.6vw,41px);line-height:1.18;max-width:1150px;color:var(--ink);letter-spacing:-.035em}.case-study .hero-overview{gap:4%;margin-top:28px}.case-study .hero-bottom>p{font-size:21px;line-height:1.5;color:var(--ink)}.case-study .project-role{margin:22px 0 18px;padding:18px 22px}.case-study .project-role h2,.hero-outcome>span{font-size:13px;letter-spacing:.09em}.case-study .role-value{font-size:25px;line-height:1.27}.case-study .role-detail,.case-study .hero-outcome>p{font-size:19px;line-height:1.5}.case-study .project-meta{margin-top:20px;padding-top:15px;font-size:12px;line-height:1.55;letter-spacing:.035em}.case-study .hero-links{margin-top:14px;gap:12px 25px}.case-study .hero-links a{font-size:14px}.stats{padding-block:23px;margin-top:28px;gap:26px}.stats strong{font-size:clamp(34px,3.5vw,52px)}.stats strong [data-counter]{font-size:inherit}.stats span{color:var(--ink);font-size:15px;margin-top:8px}
body[data-view=project] .case-study .case-section{padding-block:50px 44px;column-gap:36px;row-gap:26px}body[data-view=project] .case-study .section-heading h2{font-size:clamp(35px,3.5vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.035em;max-width:none;color:var(--ink);text-wrap:balance}.case-study .section-heading .eyebrow{margin-bottom:18px;font-size:14px;color:var(--accent)}.case-study .section-body{padding-top:0}.case-study .case-section .section-body>p{font-size:21px!important;line-height:1.52!important;color:var(--muted);margin-bottom:17px;max-width:66ch}.case-study .case-section .insight p{font-size:20px;line-height:1.5;color:var(--muted)}.case-study .case-section .insight h3{font-size:25px;line-height:1.2;color:var(--ink)}.case-study .insight{padding-block:18px;gap:15px}.case-study .insights{margin-top:21px}.case-study .case-section figcaption{color:var(--ink);font-size:18px;line-height:1.45}.case-study .text-emphasis{color:var(--ink);font-weight:700}
.case-study .section-visuals{gap:24px}.chapter-nav a{font-size:12px!important}.chapter-bar .back-link{font-size:13px!important}.chapter-bar{padding-block:13px;gap:22px;min-height:55px}.project-next{margin-top:0}.next-project-link{padding-block:34px}
@media(min-width:900px){body[data-view=project] .case-section.layout-editorial{column-gap:36px}.case-study .case-section.with-visual{column-gap:4%}}
@media(max-width:700px){body[data-view=project] .case-study{padding-inline:22px}.case-study .project-title-row h1{font-size:clamp(42px,11.8vw,70px)}.project-title-row{gap:17px;margin:18px 0}.project-pills{gap:7px}.project-pill{font-size:12px;min-height:28px;padding:6px 10px}.case-study .hero-overview{margin-top:24px}.case-study .hero-bottom>p{font-size:19px}.case-study .project-role{padding:16px 17px}.case-study .role-detail,.case-study .hero-outcome>p{font-size:18px}.case-study .role-value{font-size:23px}body[data-view=project] .case-study .case-section{padding-block:38px 35px;row-gap:23px}body[data-view=project] .case-study .section-heading h2{font-size:34px;line-height:1.12}.case-study .case-section .section-body>p{font-size:19px!important;line-height:1.5!important}.case-study .case-section .insight p{font-size:18px}.case-study .case-section .insight h3{font-size:23px}.case-study .case-section figcaption{font-size:17px}.case-study .section-heading .eyebrow{font-size:12px;margin-bottom:14px}.chapter-nav a{font-size:11px!important}.chapter-bar .back-link{font-size:12px!important}.chapter-bar{padding-block:8px}.stats span{font-size:14px}.project-next-home .next-project-name{font-size:32px}}
