@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f7f5fb;color:#302052;font-family:'Red Hat Display',sans-serif}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#100c19;color:#e9e0f3}header img{width:110px;height:44px;object-fit:contain}header nav{display:flex;gap:25px;font-size:13px}.case-heading{padding:70px 6% 60px}.client-name{font-size:18px;color:#9c429f;margin:0 0 32px}h1{font-size:clamp(48px,7.4vw,120px);line-height:.98;font-weight:500;letter-spacing:-.06em;margin:0;max-width:1250px}.case-summary{display:flex;justify-content:space-between;gap:10%;margin-top:40px;align-items:end}.case-summary p:first-child{font-size:22px;line-height:1.6;max-width:700px;margin:0}.disciplines{font-size:13px;color:#9877ab;max-width:200px;line-height:1.8}.case-content{padding:0 6% 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.case-content article{border-top:1px solid #cdbfda;padding-top:22px}.case-content h2{font-weight:500;font-size:23px;letter-spacing:-.03em}.case-content p{font-size:16px;line-height:1.7;color:#786b85}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:35px 6% 60px;background:#eae5f2}.case-piece{margin:0;display:flex;flex-direction:column;justify-content:center;min-width:0;transform:translateY(30px);opacity:.45;transition:transform .9s,opacity .9s}.case-piece.visible,.case-content article.visible{transform:none;opacity:1}.case-piece img{width:100%;height:auto;max-height:850px;object-fit:contain;display:block}.case-piece figcaption{font-size:12px;color:#9d8da8;margin-top:14px}.case-film{grid-column:1/-1;margin:0}.case-film video{width:100%;display:block;background:#100c19;max-height:85vh}.case-credit{padding:30px 6%;font-size:12px;color:#95839f;line-height:1.6}.case-more{display:flex;justify-content:space-between;gap:30px;background:#100c19;color:#e9d7ef;padding:55px 6%;font-size:clamp(20px,2.7vw,38px);letter-spacing:-.04em}.case-more a{border-bottom:1px solid #a67baf55;padding-bottom:8px}a:hover{color:#b44cb7}@media(max-width:700px){header{padding:16px 7%}header img{width:90px}header nav{gap:18px}.case-heading{padding:42px 7%}h1{font-size:49px}.case-summary{display:block;margin-top:25px}.case-summary p:first-child{font-size:17px}.disciplines{margin-top:20px}.case-content{display:block;padding:0 7% 25px}.case-content article{margin-top:25px}.case-content p{font-size:15px}.case-gallery{grid-template-columns:1fr;padding:25px 7%;gap:35px}.case-more{flex-direction:column;padding:35px 7%}.case-more a{width:fit-content}}@media(prefers-reduced-motion:reduce){.case-piece{transform:none;opacity:1;transition:none}}
.neuro-compare{display:grid;grid-template-columns:.65fr 1.35fr;gap:5%;padding:65px 6%;background:#100c19;color:#f1e5f6;align-items:center}.neuro-compare h2{font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.1}.neuro-compare p{font-size:16px;line-height:1.7;color:#af9abb}.neuro-compare figure{margin:0}.neuro-compare img{width:100%;display:block}.neuro-compare figcaption{font-size:11px;color:#a38bad;margin-top:16px}.neuro-compare nav{display:flex;gap:25px;margin-top:30px}.neuro-compare button{font:inherit;font-size:17px;background:none;color:#9d86ae;border:0;padding:9px 0;cursor:pointer}.neuro-compare button[aria-pressed=true]{color:#e3a8e2;border-bottom:1px solid #e3a8e2}@media(max-width:700px){.neuro-compare{grid-template-columns:1fr;padding:35px 7%;gap:25px}.neuro-compare h2{margin-top:0}}
/* Give complete work the first visual turn, followed by the project's story. */
.case-editorial{display:flex;flex-direction:column}
.case-editorial .case-heading{order:0;padding-bottom:45px}
.case-editorial .case-gallery{order:1;background:#eae5f2;padding-top:0;padding-bottom:65px}
.case-editorial .case-content{order:2;padding-top:65px;gap:4%;grid-template-columns:repeat(3,minmax(0,1fr))}
.case-editorial .case-credit{order:3}.case-editorial .case-more{order:4}
.case-editorial .case-gallery>:first-child{grid-column:1/-1}
.case-editorial .case-gallery>:first-child img{max-height:78vh;min-height:280px}
.case-editorial .case-piece{opacity:1;transform:none}
@media(max-width:700px){.case-editorial .case-content{padding-top:25px}.case-editorial .case-gallery{padding-bottom:35px}.case-editorial .case-gallery>:first-child img{min-height:0;max-height:75vh}}
.cap-film-story{padding:65px 6%}.cap-film-story h2{font-size:clamp(30px,4vw,55px);font-weight:500;letter-spacing:-.045em;max-width:850px}.cap-film-story>p{font-size:18px;line-height:1.7;max-width:780px;color:#7e6a8d}.cap-film-story>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.cap-film-story figure{margin:0}.cap-film-story img{width:100%;display:block}.cap-film-story figcaption{font-size:12px;margin-top:13px;color:#806c91}@media(max-width:700px){.cap-film-story>div{grid-template-columns:1fr}}
.case-editorial>.case-lead{order:1;margin:0;padding:0 6% 28px;background:#eae5f2}.case-editorial>.case-lead img{width:100%;height:auto;max-height:78vh;object-fit:contain;display:block}.case-editorial>.case-lead video{width:100%;max-height:82vh;display:block}.case-editorial>.case-lead figcaption{font-size:12px;color:#816c8e;padding-top:15px}.case-editorial>.case-content{order:2}.case-editorial>.case-gallery{order:3}.case-editorial>.case-gallery>:first-child{grid-column:auto}.case-editorial>.case-gallery>.case-film{grid-column:1/-1}.case-editorial>.case-credit{order:4}.case-editorial>.case-more{order:5}
.deep-case>.deep-scope{color:#796183;padding:22px 0;margin:20px 6% 40px;border-color:#cdbbd6}.deep-case>.deep-work{padding:0 6%}.deep-case .deep-timing{color:#796183}.deep-case .deep-work figcaption,.deep-case .deep-hero figcaption{color:#80698e}.deep-case>.deep-hero figcaption{padding-left:6%;padding-right:6%}.deep-case .deep-work p{line-height:1.7}.deep-case .deep-web{max-height:78vh;overflow:auto;scrollbar-width:thin}.deep-case .deep-web img{max-height:none!important;width:100%;height:auto}

.case-digital-story{order:2;padding:64px 6%;background:#eae5f2}.case-digital-story h2{font-size:clamp(32px,4.5vw,72px);line-height:1.05;letter-spacing:-.045em;font-weight:500;max-width:1100px}.case-digital-story>p{max-width:850px;font-size:19px;line-height:1.65}.case-digital-story .digital-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:35px 0}.case-digital-story figure{margin:28px 0}.case-digital-story img{width:100%;height:auto;display:block;object-fit:contain}.case-digital-story figcaption{margin-top:12px;font-size:13px;color:#786483}.case-digital-story a{display:inline-block;border-bottom:1px solid #9b5db4;padding:10px 0;margin-right:24px}.case-digital-story video{display:block;width:100%;max-height:80vh;background:#100c19}@media(max-width:700px){.case-digital-story{padding:35px 6%}.case-digital-story .digital-pair{grid-template-columns:1fr}.case-digital-story>p{font-size:16px}}

/* ADOCCH follows each chapter with the actual platform view. */
.adocch-case .case-editorial{display:block}
.adocch-case .case-content:has(>article:only-child){display:block;padding:56px 6% 36px}
.adocch-case .case-content>article:only-child{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:28px}
.adocch-case .case-content>article:only-child h2{font-size:clamp(28px,3vw,48px);line-height:1.1;margin:0}
.adocch-case .case-content>article:only-child p{font-size:18px;margin:0}
.adocch-case .case-gallery:has(>figure:only-child){grid-template-columns:1fr}
.adocch-case .case-gallery>figure:only-child img{max-height:82vh}
@media(max-width:700px){.adocch-case .case-content>article:only-child{display:block}.adocch-case .case-content>article:only-child h2{margin-bottom:22px}.adocch-case .case-content>article:only-child p{font-size:16px}}