/* Triple D's artifact-led case. All rules are scoped to the custom case. */
.client-case{width:min(1180px,calc(100% - 64px));margin-inline:auto;--client-blue:#3478b2;--client-green:#007c32;--client-soft:#f1f6f0;--client-ink:#202d28;color:var(--client-ink)}
.client-case .client-back{padding:1.5rem 0 2rem}.client-case .client-masthead{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,4vw,4rem);background:var(--client-soft)}
.client-case .client-title{max-width:36rem}.client-case .client-project-logo{width:76px;height:88px;object-fit:contain;margin-bottom:1.8rem}.client-case .client-masthead h1{margin:.8rem 0 1.2rem;}.client-case .client-deck{font-family:var(--font-display,'Jost',sans-serif);font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.2;font-weight:600}.client-case .client-title>.button{margin-top:1rem}.client-case .client-opening-photo{margin:0}.client-case .client-opening-photo img{width:100%;height:auto;display:block}.client-case figcaption,.client-case .client-caption{font-size:var(--caption-size);line-height:1.55;color:#526158;margin-top:.8rem}
.client-case .client-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;border-bottom:1px solid #d8e0db;padding:2.2rem 0;margin:0}.client-case .client-facts dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#526158}.client-case .client-facts dd{margin:.5rem 0 0;font-weight:600;line-height:1.5}.client-case .client-section{padding:clamp(3.5rem,7vw,6rem) 0}.client-case .client-opening{max-width:100%}.client-case h2{max-width:32ch;margin:.8rem 0 1.5rem}.client-case h3{margin:.6rem 0}.client-case p{line-height:1.75;max-width:var(--reading-measure)}.client-case .client-lead{font-size:1.3rem;line-height:1.55;max-width:58ch}.client-case .client-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:3rem}.client-case .client-needs>div{border-top:3px solid var(--client-green);padding-top:1.2rem}.client-case .client-needs span{font:600 .9rem var(--font-display,'Jost',sans-serif);color:var(--client-green)}
.client-case .client-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:end;margin-bottom:2rem}.client-case .client-section-heading h2{margin-bottom:0}.client-case .client-section-heading>p{margin:0}.client-case .client-film-section{padding:2rem 0 4rem}.client-case .project-film{width:100%;display:block;background:#f2ede2;max-height:680px;object-fit:contain;aspect-ratio:16/9}.client-case .client-process{border-block:1px solid #d8e0db}.client-case .client-art{margin:0;min-width:0}.client-case .client-art .image-button{display:block;width:100%;background:transparent;border:0;padding:0;cursor:zoom-in}.client-case .client-art img{display:block;width:100%;height:auto}.client-case .client-flow{background:#f2f6f9;padding:1.2rem;margin-bottom:3rem}.client-case .client-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center}.client-case .client-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.client-case .client-screen .image-button{background:#edf2f5;border:1px solid #d6e0e8;overflow:hidden}.client-case .client-screen img{width:100%;height:650px;object-fit:cover;object-position:top}.client-case .client-design-notes{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.client-case .client-detail{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;border-top:1px solid #d8e0db}.client-case .client-detail .client-screen img{height:720px}.client-case .client-conclusion{border-top:4px solid var(--client-blue)}.client-case .client-outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.client-case .client-evidence-note{font-size:.9rem;border-left:3px solid var(--client-green);padding:1rem 1.4rem;background:var(--client-soft);max-width:var(--reading-measure);margin-top:2rem}.client-case .next-project{margin-top:0}
@media(max-width:760px){.client-case{width:calc(100% - 40px)}.client-case .client-masthead{grid-template-columns:1fr;padding:1.5rem;gap:2rem}.client-case .client-project-logo{width:56px;height:65px;margin-bottom:1rem}.client-case .client-facts{grid-template-columns:1fr 1fr;gap:1.5rem}.client-case .client-needs,.client-case .client-section-heading,.client-case .client-split,.client-case .client-screen-grid,.client-case .client-design-notes,.client-case .client-detail,.client-case .client-outcome-grid{grid-template-columns:1fr;gap:1.5rem}.client-case .client-needs{margin-top:2rem}.client-case .client-section-heading h2{margin-bottom:0}.client-case .client-screen img{height:560px}.client-case .client-detail .client-screen img{height:600px}.client-case .client-flow{padding:.5rem}.client-case .client-back{padding-top:.8rem}}
@media print{.client-case .client-screen img,.client-case .client-detail .client-screen img{height:auto;object-fit:contain}.client-case .client-masthead{background:#fff}.client-case .client-section{padding:1.5rem 0}.client-case .client-screen-grid{grid-template-columns:1fr 1fr}}

/* User refinement: original naval film leads; section explanations stay with their headings. */
.client-case .client-opening-film{margin:0;min-width:0}.client-case .client-opening-film .project-film{height:auto;width:100%;aspect-ratio:16/9;object-fit:contain}.client-case .client-section-heading{display:block;max-width:var(--reading-measure)}.client-case .client-section-heading>p{margin:1.2rem 0 0;max-width:var(--reading-measure)}.client-case .client-section-heading h2{max-width:32ch}.client-case .client-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.client-case .client-need-icon{width:42px;height:42px;object-fit:contain;display:block;margin-bottom:1.1rem}.client-case .client-split{display:block}.client-case .client-split>div{max-width:var(--reading-measure);margin-bottom:2rem}.client-case .client-split .client-art{max-width:1040px}.client-case .client-detail{display:block}.client-case .client-detail>div{max-width:var(--reading-measure);margin-bottom:2rem}.client-case .client-detail>.client-art{max-width:960px}.client-case .client-flow{background:transparent;padding:0}.client-case .client-flow .image-button{background:transparent}.client-case .client-flow img{background:transparent}
@media(max-width:760px){.client-case .client-product-grid{grid-template-columns:1fr;gap:1.5rem}.client-case .client-opening-film{width:100%}.client-case .client-need-icon{width:36px;height:36px}}

/* Brand-name exception requested by Joshua; other headings inherit the site scale. */
.client-case .triple-wordmark{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:var(--heading-2);line-height:1.15;letter-spacing:0}