/* Scoped to the CECOP case; shared portfolio chrome stays unchanged. */
.cecop-cover{margin-top:40px;background:#fff;border-radius:24px;overflow:hidden}.cecop-cover img{width:100%;max-height:650px;object-fit:contain;display:block}.cecop-cover figcaption,.cecop-media figcaption{font-size:13px;line-height:1.6;color:var(--text-secondary,#6b7f82);padding:16px 4px}.cecop-cover figcaption{padding:16px 24px}.cecop-media{margin:28px 0;min-width:0}.cecop-media a{display:block;border:1px solid var(--border,#d8d8d0);border-radius:20px;overflow:hidden;background:white}.cecop-media img{width:100%;height:auto;display:block}.cecop-screen img{height:480px;object-fit:cover;object-position:top}.cecop-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cecop-decisions{border:1px solid var(--border,#d8d8d0);border-radius:20px;padding:28px;margin:24px 0}.cecop-decisions h3{font-size:20px;font-weight:500;margin:24px 0 8px}.cecop-decisions h3:first-child{margin-top:0}.cecop-sitemap{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:28px 0}.cecop-sitemap li{padding:12px 18px;border:1px solid var(--border,#d8d8d0);border-radius:12px;font-size:14px}.cecop-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cecop-note{font-size:13px!important;opacity:.8}.case-block-content>p+.cecop-compare{margin-top:20px}@media(max-width:767px){.cecop-compare,.cecop-mobile-grid{grid-template-columns:1fr}.cecop-screen img{height:400px}.cecop-decisions{padding:20px}}
/* Portrait viewports preserve intrinsic image detail and expose long captures by scrolling. */
.cecop-mobile-grid{justify-items:center;align-items:start}
.cecop-mobile-grid .cecop-media{width:100%;max-width:none}
.cecop-phone-viewport{width:100%;aspect-ratio:3/5;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid var(--line);border-radius:24px;background:#f9f7ff;scrollbar-width:thin}
.cecop-phone-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.cecop-mobile-grid .cecop-phone-viewport img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
.cecop-mobile-grid .cecop-open-image{display:inline-block;border:0;border-radius:0;background:none;color:var(--accent);font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}

/* Three mobile captures follow the content grid, keeping their portrait viewports. */
.cecop-mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-items:start}
.cecop-mobile-grid .cecop-media{margin:28px 0;width:100%;max-width:none}
@media(max-width:767px){.cecop-mobile-grid{grid-template-columns:1fr;justify-items:center}}

/* Ambient project cover uses the shared hero fade. */
body[data-page="cecop"] .case-hero-bleed .case-hero-art img{object-position:65% center}
@media(max-width:760px){body[data-page="cecop"] .case-hero-bleed .case-hero-art img{object-position:72% top}}