.nav-island-marker{left:45.36%;top:49.49%}
.capital-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}.capital-gallery figure{margin:0}.capital-gallery figure a{padding:16px}.capital-gallery img{height:auto;width:100%}
.capital-video video{display:block;width:100%;height:auto;background:var(--paper)}
details{margin:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0}summary{font:14px/1.6 'Fragment Mono SC',monospace;color:var(--orange);cursor:pointer}summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
@media(max-width:650px){.capital-gallery{grid-template-columns:1fr}}

/* Contain privacy blur inside each case-study picture. */
.private-image{overflow:hidden;background:#e9e9cb;padding:0}
.private-image img{filter:blur(9px);transform:scale(1.04);display:block;width:100%;height:auto}

/* Compact image sizes for the Capital One case study. */
main figure{width:100%;max-width:480px;margin:28px auto}
.capital-gallery{max-width:640px;margin:28px auto;gap:20px}
.capital-gallery figure{max-width:300px;justify-self:center}
@media(max-width:650px){main figure{max-width:360px}.capital-gallery figure{max-width:300px}}

/* Match the patterned picture frames used in the other case studies. */
main figure:has(.private-image){background:none}
.private-image{padding:24px;background-color:#e9e9cb;background-image:repeating-radial-gradient(ellipse at 90% 10%,transparent 0 30px,#44513a12 31px 32px,transparent 33px 60px)}
.private-image img{transform:none;clip-path:inset(0)}
.capital-gallery .private-image{padding:16px}
@media(max-width:650px){.private-image{padding:16px}}

/* Pair each image with the related explanation. */
.text-image-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;margin:30px 0}
.text-image-row>figure{margin:0;max-width:100%}
.text-image-row .intro-grid{display:block;margin:24px 0 0}
.text-image-row .intro-grid h3{margin-bottom:12px}
.text-image-row .private-image{padding:18px}
@media(max-width:950px){.text-image-row{grid-template-columns:1fr}.text-image-row>figure{max-width:400px;justify-self:center}}

main figure.wide-case-image{max-width:none;width:100%;margin:30px 0}.wide-case-image .private-image{padding:24px}@media(max-width:650px){.wide-case-image .private-image{padding:16px}}

/* Privacy blur is baked into the published image files. */
.private-image img{filter:none}