/* MEA review: blue accents, with the production story kept lilac and pink. */
:root{--lime:#83a4ff;--violet:#83a4ff}
:root[data-theme="light"]{--lime:#2450bd;--violet:#2450bd}
.mea-hero-checklist li:before,.mea-rich-kicker{color:#83a4ff}
:root[data-theme="light"] .mea-hero-checklist li:before,:root[data-theme="light"] .mea-rich-kicker{color:#2450bd}
html body .mea-project-open,html body .mea-rich-open,html body .case-action,html body .lightbox button,html body .mea-reference-action{background:#2f5bd3;color:#fff}
html body .mea-project-open:hover,html body .mea-rich-open:hover,html body .case-action:hover,html body .mea-reference-action:hover{background:#2449ac;color:#fff}
html body .mea-project-open:active,html body .mea-rich-open:active{background:#1e3d91;color:#fff}
html body .mea-project-open:focus-visible,html body .mea-rich-open:focus-visible,html body img.zoomable:focus-visible,html body .photo-enlarge-press:focus-visible{outline:3px solid #83a4ff;outline-offset:4px}
html body>.topbar .theme-switch button[aria-pressed=true]{background:#2f5bd3;color:#fff}
html body>.topbar .nav-contact:hover{color:#83a4ff}
html body .mea-rich-viewer-close:focus-visible{outline-color:#83a4ff}
.mea-frame-strip:hover .mea-frame-track,.mea-frame-strip:focus-within .mea-frame-track{animation-play-state:paused}
/* Opaque surfaces retain the approved lilac/pink production palette. */
html body section#video-process{background:#7778ff}
html body #video-process .mea-production-step{background:#faf9ff;color:#23232a}
html body #video-process .mea-production-step mark{background:#f0b4ef;color:#23232a}

html body .case-return-top .case-return-top-link{background:#2f5bd3;color:#fff}
html body .case-return-top .case-return-top-link:hover{background:#2449ac;color:#fff}
html body .mea-rich-thumb:focus-visible,html body .mea-project-close:focus-visible,html body .topbar .header-menu-direct:focus-visible,html body .topbar .header-menu-trigger:focus-visible,html body .topbar .nav-presentation:focus-visible{outline-color:#83a4ff}

/* Natural phrase wrapping on wide and narrow layouts. */
.mea-reference-title,.project-section-head h2,.mea-production-step h3,.mea-rich-card h3{white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.mea-reference-copy p,.mea-hero-checklist li,.mea-production-step p,.mea-description-card p,.mea-summary-copy p,.mea-rich-description{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:pretty}
/* Keep related groups in flow instead of pulling frames over the previous section. */
html body section.mea-video-frames{margin-top:0}

/* Match project actions to the approved blue rich-content actions. */
html body .mea-project-tile .mea-project-open:hover{background:#2449ac;color:#fff}
html body .mea-project-tile .mea-project-open:active{background:#1e3d91;color:#fff}

.mea-hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:100%}
.mea-hero-links .mea-reference-action{min-height:44px;box-sizing:border-box;justify-content:center}
.mea-hero-links .mea-reference-action:focus-visible{outline:3px solid #5483ee;outline-offset:4px}
#product-gallery,#mea-brand-visuals,#video{scroll-margin-top:100px}