.copus-case{--red:#2945a5;--blue:#2945a5;--orange:#2945a5}.copus-case>header,.copus-case>footer{max-width:1600px;width:calc(100% - 96px)}.case-layout{max-width:1600px;width:calc(100% - 96px);display:grid;grid-template-columns:minmax(390px, .85fr) minmax(0,1.45fr);gap:80px;margin:40px auto 100px;align-items:start}.project-sidebar{position:sticky;top:28px;font:400 15px/1.55 var(--sans)}.project-type,.chapter-label,.eyebrow{font:600 12px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--red,var(--orange))}.project-sidebar h1{font-size:76px;margin:18px 0;line-height:1;letter-spacing:-.06em}.project-sidebar h1 span{font-size:36px;vertical-align:top;color:var(--red);margin-left:12px}.sidebar-tagline{font-size:24px;font-weight:600;line-height:1.25;margin:0 0 24px;letter-spacing:-.035em}.sidebar-facts{border-top:1px solid var(--red);border-bottom:1px solid var(--rule);padding:14px 0;margin:0 0 20px}.sidebar-facts>div{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:6px 0}.sidebar-facts dt,.sidebar-timeline dt{color:var(--muted)}.sidebar-facts dd,.sidebar-timeline dd{margin:0}.sidebar-context h2{font-size:16px;letter-spacing:-.02em;margin:20px 0 6px}.sidebar-context p{font-size:15px;line-height:1.55;margin:0;color:var(--muted)}.sidebar-timeline{font-size:13px;margin:18px 0}.sidebar-timeline>div{display:grid;grid-template-columns:115px 1fr;gap:12px;margin:4px 0}.sidebar-timeline dd{font-weight:600}.case-contents{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--red);font-size:14px}.case-contents a,.live-link{color:var(--red);text-decoration:none}.case-contents a:hover{text-decoration:underline}.live-link{display:flex;justify-content:space-between;margin-top:16px;font-weight:600}.case-story{min-width:0}.case-story p{max-width:none;font-size:18px;line-height:1.7;margin:0 0 24px;color:var(--muted)}.case-section-new{padding:48px 0 0;margin:110px 0 0;border-top:1px solid var(--red);scroll-margin-top:30px}.chapter-label{display:flex;justify-content:space-between;margin-bottom:25px}.case-section-new h2{font-size:clamp(36px,3.2vw,52px);line-height:1.1;letter-spacing:-.05em;margin:0 0 40px}.experience-point{margin:65px 0 0;scroll-margin-top:30px}.experience-point:first-of-type{margin-top:0}.experience-point+.experience-point{border-top:1px solid var(--rule);padding-top:64px;margin-top:80px}.experience-point h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;margin:0 0 20px}.case-story .section-lead{font-size:24px;line-height:1.45;color:var(--ink);letter-spacing:-.025em;margin-bottom:30px}.case-story .detail-label,.case-section-new>h3{font-size:19px;line-height:1.4;font-weight:600;color:var(--ink);margin:36px 0 10px;letter-spacing:-.025em}.case-story figure{margin:40px 0}.case-story figcaption{font:400 13px/1.6 var(--sans);color:var(--muted);margin:14px 0 0}.product-stage,.image-stage,.mobile-pair{background:#e8e2d8;padding:38px;border-radius:3px}.product-stage{position:relative;padding-bottom:65px;isolation:isolate}.stage-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:24px;gap:16px}.browser-mockup,.screen-frame{background:#fff;border:1px solid #cfc9c1;border-radius:9px;overflow:hidden;box-shadow:0 14px 30px #29221b18}.browser-mockup{width:90%}.browser-bar{height:28px;background:#faf9f6;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #ddd8d1}.browser-bar i{height:5px;width:5px;border-radius:50%;background:#c5bdb3}.browser-bar span{flex:1;text-align:center;font:400 9px/1 var(--sans);color:#898278;padding-right:25px}.case-story img{display:block;width:100%;height:auto}.phone-mockup{position:absolute;right:20px;bottom:52px;width:20%;border:5px solid #292722;border-radius:20px;overflow:hidden;box-shadow:0 14px 30px #29221b26;background:#fff}.product-stage figcaption{margin-top:24px}.mobile-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:24px;align-items:center;padding:40px 60px}.mobile-screen{min-width:0;text-align:center}.mobile-screen img{border:6px solid #292722;border-radius:25px;box-shadow:0 12px 25px #29221b20;background:#fff}.mobile-screen span{display:block;font-size:13px;margin-top:18px}.flow-arrow{color:var(--red);font-size:24px}.mobile-pair figcaption{grid-column:1/-1;margin:0;text-align:center}.case-figure a{display:block}.ledger-shot .screen-frame{max-width:440px;margin:auto}.ledger-shot .image-stage{padding:40px 70px}.space-gallery,.network-gallery{display:grid;gap:24px}.space-gallery .case-figure,.network-gallery .case-figure{margin:0}.time-equation{margin:40px 0;padding:32px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.time-equation>span{color:var(--red);font-size:13px}.time-equation strong{display:block;font-size:clamp(32px,3vw,48px);letter-spacing:-.04em;line-height:1.2;margin-top:18px}.time-equation em{font-style:normal;color:var(--red)}.time-transfers{margin:30px 0}.time-transfers>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding:15px 0;font-size:16px}.time-transfers dd{color:var(--red);margin:0}.workflow-steps{display:flex;flex-wrap:wrap;gap:14px;font-size:18px;margin:36px 0;color:var(--ink)}.workflow-steps i{color:var(--red);font-style:normal}.asset-gap{border:1px dashed #ae9c90;padding:40px;background:#ece6dc}.asset-gap>span{display:block;color:var(--red);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.asset-gap strong{display:block;font-size:23px;margin:18px 0}.asset-gap p{font-size:15px;margin:0}.case-next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--red);padding-top:30px;margin-top:100px;font-size:14px}.case-next a{color:var(--red);text-decoration:none}.case-next strong{display:block;font-size:24px;margin-top:8px}.legacy-anchor{scroll-margin-top:30px}
@media(min-width:1101px) and (max-height:850px){.project-sidebar{top:18px}.project-sidebar h1{font-size:60px;margin:12px 0}.sidebar-tagline{font-size:21px;margin-bottom:16px}.sidebar-context h2{margin-top:14px}.sidebar-context p{font-size:14px}.sidebar-facts{padding:9px 0;margin-bottom:14px}.sidebar-timeline{margin:12px 0}.case-contents{padding:13px 0;gap:8px}.live-link{margin-top:12px}}
@media(max-width:1100px){.case-layout{grid-template-columns:1fr;max-width:820px;gap:50px;width:calc(100% - 48px)}.project-sidebar{position:static;max-width:none}.sidebar-context{max-width:680px}.case-section-new{margin-top:80px}.copus-case>header,.copus-case>footer{width:calc(100% - 48px)}.case-contents{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.case-layout{width:calc(100% - 40px);margin-top:24px}.project-sidebar h1{font-size:64px}.case-contents{grid-template-columns:1fr 1fr}.case-story p{font-size:16px}.case-story .section-lead{font-size:21px}.case-section-new h2{font-size:36px}.experience-point h3{font-size:28px}.image-stage,.product-stage{padding:20px}.product-stage{padding-bottom:45px}.phone-mockup{right:10px;bottom:44px;border-width:3px;border-radius:12px}.stage-caption{font-size:9px}.mobile-pair{padding:28px 25px;gap:15px}.mobile-screen img{border-width:4px;border-radius:18px}.ledger-shot .image-stage{padding:28px}.case-next{flex-direction:column}.time-transfers>div{font-size:14px;gap:16px}.case-section-new{padding-top:30px;margin-top:75px}}
/* The same case-study shell for product, identity, research and illustration. */
.legacy-case .project-sidebar h1{font-size:clamp(40px,3.8vw,64px);overflow-wrap:break-word;max-width:none;line-height:1.05}.legacy-case .sidebar-tagline{font-size:23px;line-height:1.35}.legacy-case .sidebar-facts>div{grid-template-columns:74px 1fr}.legacy-case .case-contents{grid-template-columns:1fr;gap:10px;margin-top:24px}.legacy-case .project-sidebar{max-height:calc(100vh - 56px);overflow-y:auto;scrollbar-width:thin;padding-right:8px}.legacy-story .migrated-image{max-width:none;margin:40px 0}.legacy-story>.migrated-image:first-child{margin-top:0}.legacy-story .migrated-image a{background:#e8e2d8;padding:24px;border:1px solid #ddd5ca}.legacy-story .migrated-image img{border:0;box-shadow:0 10px 26px #29221b14}.legacy-story .case-section-new h2{font-size:clamp(30px,3vw,46px)}.legacy-story ul,.legacy-story ol{padding-left:24px;font-size:18px;color:var(--muted);margin:20px 0 32px}.legacy-story li+li{margin-top:10px}.legacy-story blockquote{border-left:2px solid var(--red);padding-left:24px;margin:32px 0}.legacy-story .project-next{max-width:none;margin-top:90px}.legacy-story>p{margin-top:24px}@media(max-width:1100px){.legacy-case .project-sidebar{max-height:none;overflow:visible;padding:0}.legacy-case .case-contents{grid-template-columns:1fr 1fr}}@media(max-width:600px){.legacy-case .project-sidebar h1{font-size:42px}.legacy-case .case-contents{grid-template-columns:1fr}.legacy-story .migrated-image a{padding:14px}.legacy-story ul,.legacy-story ol{font-size:16px}}
/* Imported case studies: original narrative left, unframed media right. */
.legacy-story{background:#fff}.legacy-story .migrated-image,.legacy-story .migrated-image.project-hero{margin:0;max-width:none;background:#fff}.legacy-story .migrated-image a{padding:0;border:0;background:#fff}.legacy-story .migrated-image img{border:0;box-shadow:none;border-radius:0;width:100%;height:auto;background:#fff}.legacy-story .migrated-image figcaption{padding:16px 20px;margin:0}.legacy-story .project-next{background:var(--paper);margin:0;padding-top:32px;padding-bottom:24px}.legacy-story>p{padding:24px;background:var(--paper);margin:0}.legacy-copy{border-bottom:1px solid var(--rule);padding-bottom:24px;margin-bottom:22px}.legacy-copy p{font-size:16px;line-height:1.6;margin:0 0 20px}.legacy-copy h2{font-size:20px;line-height:1.3;margin:28px 0 12px}.legacy-copy ul,.legacy-copy ol{padding-left:20px;font-size:16px;line-height:1.6;margin:16px 0 24px}.legacy-copy li p{margin-bottom:8px}.legacy-copy a{overflow-wrap:anywhere}.legacy-copy>p:last-child{margin-bottom:0}
/* White case studies, a compact left overview, and an uninterrupted page scroll. */
body.copus-case,html:has(body.copus-case){background:#fff}.legacy-case .project-sidebar,.project-sidebar{max-height:none;overflow:visible;padding-right:0}.legacy-case .sidebar-facts>div{grid-template-columns:64px 1fr}.legacy-overview{margin:24px 0 28px}.legacy-overview p{margin-bottom:20px}.legacy-story{background:#fff}.legacy-story .migrated-image,.legacy-story .migrated-image.project-hero{margin:0 0 40px}.legacy-story .project-prose{max-width:none;margin:32px 0 40px}.legacy-story .project-prose h2,.legacy-story .project-prose h3{margin-top:36px;margin-bottom:16px}.legacy-story .project-prose p{margin:0 0 24px}.legacy-story .project-next,.legacy-story>p{background:#fff}.legacy-story .project-next{margin-top:60px}.legacy-story .migrated-image a{border:0;padding:0;box-shadow:none}.legacy-story .migrated-image img{box-shadow:none;border:0}.sidebar-resource{margin-top:24px}.legacy-case .project-sidebar h1{font-size:clamp(38px,3.8vw,60px)}@media(max-width:1100px){.legacy-overview{max-width:720px}}@media(max-width:600px){.legacy-story .migrated-image,.legacy-story .migrated-image.project-hero{margin-bottom:24px}}
.legacy-story .editorial-photo{width:68%;margin-top:75px;margin-bottom:95px}.legacy-story .photo-left{margin-right:auto}.legacy-story .photo-right{margin-left:auto}.legacy-story .editorial-photo img{width:100%;height:auto}@media(max-width:600px){.legacy-story .editorial-photo{width:85%;margin-top:40px;margin-bottom:55px}}
/* Copus: white stages, simpler supporting type, and more chapter breathing room. */
.copus-case:not(.legacy-case) .product-stage,.copus-case:not(.legacy-case) .image-stage,.copus-case:not(.legacy-case) .mobile-pair{background:#fff}.copus-case:not(.legacy-case) .product-stage{padding-top:20px;padding-bottom:45px}.copus-case:not(.legacy-case) .case-section-new{margin-top:150px;padding-top:55px}.copus-case:not(.legacy-case) .case-story .detail-label,.copus-case:not(.legacy-case) .sidebar-context h2{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.02em}#creation>h3{color:#2945a5}#discovery>h3{color:#2945a5}#spaces>h3{color:#2945a5}.legacy-story .compact-feature{width:52%;margin:40px auto 65px}.legacy-story .compact-photo{width:68%;margin:50px auto 65px}.project-video{margin:40px 0 65px}.project-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}.project-video figcaption{margin-top:14px}@media(max-width:600px){.copus-case:not(.legacy-case) .case-section-new{margin-top:95px;padding-top:35px}.legacy-story .compact-feature{width:75%}.legacy-story .compact-photo{width:85%}}