/* Project navigation is expressed inside the image, never by a box around unpadded copy. */
@layer cinema-behavior {
 /* Keep existing card dimensions; fill their image masks consistently. Logos are excluded. */
 .ow-cinema a[href^="/realisations/"].ow-media-card:not(.ow-media-card--logo) .ow-media-card__image picture { display:block!important; width:100%!important; height:100%!important; }
 .ow-cinema a[href^="/realisations/"].ow-media-card:not(.ow-media-card--logo) .ow-media-card__image img { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center top!important; }
 .ow-cinema a.ow-managed-case__image { overflow:hidden; }
 .ow-cinema a.ow-managed-case__image img { object-fit:cover!important; transition:scale .45s ease!important; }
 .ow-cinema a.ow-managed-case__image:focus-visible {outline:3px solid #007ea8!important;outline-offset:5px!important;}
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) { .ow-cinema a.ow-managed-case__image:hover img {scale:1.035;} }
 @media(prefers-reduced-motion:reduce) { .ow-cinema a.ow-managed-case__image img {transition:none!important;scale:1!important;} }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a), .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):is(:hover,:focus-visible) {
  padding:0!important; background:transparent!important; border:0!important;
  border-radius:20px!important; box-shadow:none!important; text-decoration:none!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__body,.ow-portfolio-card__body,.ow-portfolio-explorer-card__body,.ow-related-project-card__body,.local-project-body) { padding:24px!important; background:transparent!important; }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__body,.ow-portfolio-card__body,.ow-portfolio-explorer-card__body,.ow-related-project-card__body,.local-project-body) h3, .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):is(:hover,:focus-visible) h3 {
  color:var(--cin-ink)!important; margin:0!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__body,.ow-portfolio-card__body,.ow-portfolio-explorer-card__body,.ow-related-project-card__body,.local-project-body) p { margin:12px 0 0!important; }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__body,.ow-portfolio-card__body,.ow-portfolio-explorer-card__body,.ow-related-project-card__body,.local-project-body)>:is(span,.ow-media-card__meta) { display:block; margin-bottom:10px!important; }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media) {
  display:block!important; position:relative!important; isolation:isolate;
  width:100%!important; margin:0!important; padding:0!important;
  overflow:hidden!important; border-radius:20px!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media) img {
  display:block!important; border-radius:0!important; scale:1; transform:none!important;
  transition:scale .5s cubic-bezier(.2,.7,.2,1)!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::before {
  content:''!important; position:absolute!important; inset:0!important; z-index:1!important;
  background:linear-gradient(180deg,transparent 45%,#031a3570)!important;
  opacity:0!important; pointer-events:none;
  transition:opacity .3s ease!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::after {
  content:''!important; position:absolute!important; inset:auto 20px 20px auto!important;
  z-index:2!important; width:44px!important; height:44px!important; border-radius:50%!important;
  border:1px solid #ffffffa6!important;
  background:#101820a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M7 7h10v10'/%3E%3C/svg%3E") center/22px no-repeat!important;
  opacity:0!important; translate:0 8px; pointer-events:none;
  transition:opacity .3s ease,translate .3s ease!important;
 }
 .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):focus-visible :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::before, .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):focus-visible :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::after { opacity:1!important; translate:none; }
 @media (hover:hover) and (pointer:fine) {
  .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):hover :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::before, .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):hover :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::after { opacity:1!important; translate:none; }
 }
 @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):hover :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media) img { scale:1.045!important; }
 }
 @media (hover:none) {
  .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::after { opacity:1!important; translate:none!important; }
 }
 @media (prefers-reduced-motion:reduce) {
  .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media) img, .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a):hover :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media) img { scale:1!important; transition:none!important; }
  .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::before, .ow-cinema a[href^="/realisations/"]:is(.ow-media-card,.ow-portfolio-card,.ow-portfolio-explorer-card,.ow-related-project-card,.local-projects>a) :is(.ow-media-card__image,.ow-portfolio-card__visual,.ow-portfolio-explorer-card__image,.ow-related-project-card>figure,.local-project-media)::after { transition:none!important; translate:none!important; }
 }
}