.jdc-page{background:var(--ink)}.case-intro{padding:2rem 0 0;background:radial-gradient(ellipse at 90% 0,#15354a80,transparent 65%),#080f17}.case-back{font-size:.8rem;color:var(--muted);border-bottom:1px solid #6c879a70;padding-bottom:.25rem}.case-title-row{display:flex;justify-content:space-between;gap:3rem;align-items:center;padding:3rem 0 2.5rem}.case-client{color:var(--accent);font-size:.95rem;font-weight:700;margin-bottom:1.15rem}.jdc-page h1{font-size:clamp(2.7rem,4.5vw,4.6rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 1.35rem;max-width:18ch;font-weight:800}.jdc-page h1 em{color:var(--accent);font-style:normal}.case-deck{font-size:1.12rem;line-height:1.8;color:#bfcdd6;max-width:650px;margin:0}.case-client-logo{width:170px;max-height:100px;object-fit:contain;opacity:.85;flex:none;margin-left:3rem}.case-facts{list-style:none;padding:1.35rem 0;margin:0;display:grid;grid-template-columns:.6fr .6fr 1.5fr;gap:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-facts li{display:flex;align-items:center;gap:1rem}.case-facts strong{color:var(--white);font-size:2.4rem;line-height:1.2;font-weight:700}.case-facts span{color:var(--muted);font-size:.85rem}.case-facts li:last-child{flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem}.case-facts .fact-word{font-size:1rem}.case-film-section{padding:3.5rem 0;background:#09141e}.case-film-grid{display:grid;grid-template-columns:1fr minmax(260px,350px);gap:clamp(3rem,9vw,9rem);align-items:center;max-width:1050px}.case-label{font-size:.85rem;font-weight:600;color:var(--accent);margin:0 0 1.25rem}.jdc-page h2{font-size:clamp(1.8rem,2.6vw,2.7rem);letter-spacing:-.04em;line-height:1.3;font-weight:800;margin:0 0 1.2rem}.case-film-context>p:not(.case-label){color:#bdcbd4;line-height:1.85;font-size:1.05rem;max-width:450px}.case-film-context .case-film-caption{font-size:.85rem!important;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.6rem;color:#8fa8b8!important}.case-film{margin:0;min-width:0}.case-film video{width:100%;height:auto;aspect-ratio:9/16;display:block;background:#492c37;border:1px solid #7da6bc45;box-shadow:0 16px 45px #0005}.case-film figcaption{color:#91a9b9;font-size:.72rem;text-align:center;margin-top:.8rem}.case-story{padding:4rem 0;background:linear-gradient(135deg,#102331,#0a1722);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-story-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.case-story p:not(.case-label){font-size:1.03rem;line-height:1.9;color:#bacbd6;max-width:580px;margin-bottom:.85rem}.case-story p:last-child{margin-bottom:0}.case-feedback{padding:4rem 0;background:#09141e}.case-feedback-inner{max-width:920px}.case-feedback blockquote{margin:0;padding:0 1.6rem 0 0;border-right:3px solid var(--accent)}.case-feedback blockquote p{font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:600;line-height:1.7;margin:0}.case-attribution{color:#b3c5d0;font-size:.85rem;margin:1.4rem 1.8rem 0 0}.case-review-note{font-size:.72rem;color:#7e95a5;margin:.5rem 1.8rem 0 0}.case-contact{padding:3.5rem 0}.case-contact h2{font-size:clamp(1.9rem,3vw,3rem)}.case-contact .contact-grid>div:first-child>p:last-child{font-size:1rem;max-width:580px;color:#bfced8}.case-contact .contact-action{justify-content:center}.jdc-project-link{display:block;width:fit-content;margin:1.8rem auto 0;padding:.8rem 1.2rem;border:1px solid #f07852b3;background:#08131be8;font-size:.95rem;font-weight:700;color:var(--white);text-shadow:none}.jdc-project-link:hover{background:var(--accent);color:var(--ink)}
@media(max-width:760px){.case-title-row{padding:2rem 0;gap:1rem}.case-client-logo{width:100px;margin-left:0}.jdc-page h1{font-size:clamp(2.2rem,6.2vw,3rem)}.case-facts{gap:1rem}.case-facts li{gap:.55rem}.case-facts strong{font-size:2rem}.case-facts span{font-size:.75rem}.case-facts .fact-word{font-size:.9rem}.case-film-grid{gap:2.5rem;grid-template-columns:1fr 270px}.case-story-grid{gap:2.5rem}.jdc-page h2{font-size:1.8rem}.case-contact .contact-grid{display:block}.case-contact .contact-actions{margin-top:1.6rem}}
@media(max-width:520px){.jdc-page .shell{width:calc(100% - 2.5rem)}.jdc-page .header-inner{gap:1rem}.jdc-page .main-nav{font-size:.72rem}.case-intro{padding-top:1.4rem}.case-title-row{position:relative;display:block;padding:1.8rem 0}.case-client-logo{position:absolute;left:0;top:1.6rem;width:74px;height:36px;opacity:.7}.case-client{font-size:.85rem;margin-bottom:1.6rem}.jdc-page h1{font-size:2.45rem;line-height:1.14;letter-spacing:-.055em}.case-deck{font-size:1rem;line-height:1.75}.desktop-break{display:none}.case-facts{grid-template-columns:1fr 1fr;gap:.8rem;padding:1.1rem 0}.case-facts li:last-child{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:.6rem}.case-facts strong{font-size:1.8rem}.case-facts .fact-word{font-size:.88rem}.case-film-section{padding:2rem 0}.case-film-grid{grid-template-columns:1fr;gap:1.4rem}.case-film-context h2{font-size:1.7rem;margin-bottom:.8rem}.case-film-context h2 br{display:none}.case-label{margin-bottom:.8rem;font-size:.8rem}.case-film-context>p:not(.case-label){font-size:.96rem;line-height:1.75;margin-bottom:0}.case-film-context .case-film-caption{border-top:0;padding-top:0;margin-top:.8rem}.case-film{width:100%;max-width:340px;margin:auto}.case-film video{box-shadow:none}.case-story{padding:2.5rem 0}.case-story-grid{grid-template-columns:1fr;gap:2rem}.case-story h2{font-size:1.7rem}.case-story p:not(.case-label){font-size:.96rem;line-height:1.85}.case-feedback{padding:2.5rem 0}.case-feedback blockquote{padding-right:1rem}.case-feedback blockquote p{font-size:1.2rem}.case-attribution,.case-review-note{margin-right:1.2rem}.case-contact{padding:2.5rem 0}.case-contact h2{font-size:1.9rem}.case-contact .contact-actions{width:100%}.jdc-project-link{font-size:.85rem;line-height:1.5;padding:.75rem}}
@media(min-width:521px) and (max-width:760px){.case-film-grid{grid-template-columns:1fr;gap:1.5rem}.case-film{width:320px;max-width:100%;margin:auto}.case-film-context{max-width:560px}.case-film-context h2 br{display:none}.case-story-grid{grid-template-columns:1fr;gap:2rem}}

/* Approved question-led opening, followed by need, solution and example. */
.case-client-subtitle{margin:1.5rem 0 0;color:var(--muted);font-size:1rem;font-weight:500}.case-intro .case-title-row{padding-bottom:2.7rem}.case-story .case-facts{grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 0 0;margin-top:1.5rem;border-bottom:0}.case-story .case-facts li:last-child{grid-column:1/-1;gap:.3rem}.case-story .case-facts strong{font-size:2rem}.case-story .case-facts .fact-word{font-size:.9rem}.case-story .case-facts span{font-size:.8rem}.case-story{padding-top:3rem;padding-bottom:3rem}
@media(max-width:520px){.case-client-subtitle{margin-top:1.2rem;font-size:.9rem}.case-intro .case-title-row{padding-top:1.8rem;padding-bottom:1.8rem}.case-title-row h1{max-width:100%;padding-top:2rem}.case-title-row .case-client-logo{top:1rem;width:65px}.case-story{padding:2rem 0}.case-story .case-facts{padding-top:1rem}.case-story .case-facts li:last-child{flex-direction:column;align-items:flex-start}}