/* Editorial reading layout shared by project detail pages. */
body.project-article{background:#fff;color:#1d1d1f;overflow-x:clip}
.project-article #case-study{width:calc(100% - 80px);max-width:980px;padding:64px 0 96px;margin:0 auto}
.project-article #case-study>.back,.project-article .project-heading{display:block;max-width:653px;margin-left:auto;margin-right:auto}
.project-article .back{font-size:14px;font-weight:600;color:#6e6e73}
.project-article .project-heading{margin-top:36px;margin-bottom:64px}
.project-article .kicker{font-size:14px;line-height:1.4;letter-spacing:.02em;color:#6e6e73;font-weight:700;margin:0 0 18px}
.project-article h1{font-size:48px;line-height:1.08;letter-spacing:-.035em;font-weight:800;max-width:none;margin:0 0 28px;color:#1d1d1f}
.project-article .meta{gap:8px;align-items:center}.project-article .meta time{width:100%;margin:0 0 12px;color:#6e6e73;font-size:14px;font-weight:600}
.project-article #case-study p{font-size:19px;line-height:1.58;letter-spacing:-.015em;color:#1d1d1f;margin:0 auto 24px}
.project-article #case-study h2{font-size:28px;line-height:1.18;letter-spacing:-.025em;font-weight:800;color:#1d1d1f;margin:0 auto 24px}
.project-article #case-study h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}
.project-article #case-study>section{margin:0 0 64px;padding-top:0;border-top:0}
.project-article #case-study>section>h2,.project-article #case-study>section>p{max-width:653px;margin-left:auto;margin-right:auto}
.project-article .overview{display:block;padding:0!important;max-width:653px;margin:64px auto!important}
.project-article .overview .role{border:0;padding:24px 0 0;margin-top:32px}
.project-article .overview .role h3{color:#6e6e73;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.project-article .cover{margin:0 0 64px}.project-article .cover img{border-radius:0}
.project-article #case-study figcaption{font-size:14px;line-height:1.45;color:#6e6e73;max-width:653px;margin:14px auto 0}
.project-article .process-section>img,.project-article .design-section>img{border-radius:0;margin-top:32px;margin-bottom:40px}
.project-article .production-grid{display:block;max-width:653px;margin:0 auto}.project-article .production-grid>div+div{margin-top:40px}
.project-article .launch{display:block}.project-article .launch>div:first-child{max-width:653px;margin:auto}.project-article .launch>img{display:block;margin:40px auto 0;border-radius:0}.project-article .social-embeds{margin-top:48px}
.project-article .video-embeds{gap:40px}.project-article .video-embed{border-radius:0}.project-article .campaign-photo,.project-article .campaign-video{margin:40px 0}.project-article .campaign-photo img,.project-article .campaign-video video{border-radius:0}
.project-article .results{background:#f5f5f7;color:#1d1d1f;border-radius:0;padding:40px!important;margin:64px 0!important}
.project-article #case-study .results h2{font-size:14px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:#6e6e73;max-width:none;margin:0 0 28px}
.project-article .metric strong{font-size:48px;line-height:1.1;letter-spacing:-.04em;color:#02a3fe}.project-article #case-study .metric p{font-size:15px;line-height:1.5;letter-spacing:0;margin:12px 0 0;color:#515154}
.project-article .campaign-link,.project-article .social{max-width:653px;margin-left:auto!important;margin-right:auto!important}
.project-article .froot-section>.froot-full,.project-article .poster-background,.project-article .artwork-carousel{border-radius:0}
.project-article .bottom-link{padding-top:32px}.project-article .tag{line-height:1.5}
@media(max-width:700px){.project-article #case-study{width:calc(100% - 40px);padding:40px 0 64px}.project-article h1{font-size:36px;line-height:1.1}.project-article .project-heading{margin-top:28px;margin-bottom:44px}.project-article #case-study p{font-size:17px;line-height:1.6}.project-article #case-study h2{font-size:25px}.project-article #case-study>section{margin-bottom:44px}.project-article .overview{margin:44px auto!important}.project-article .results{padding:28px 22px!important;margin:44px 0!important}.project-article .metrics{grid-template-columns:1fr;gap:28px}.project-article .metric{display:block}.project-article .metric strong{font-size:40px}.project-article #case-study .metric p{margin-top:8px}.project-article .cover{margin-bottom:44px}}