/* The services wheel sits on the same light green surface as the contact panel. */
#elifix-film-v3 #ef-services {
  color: #2d3c2f;
  background: radial-gradient(ellipse at 90% 0, rgba(151,176,125,.38), transparent 62%),
              linear-gradient(125deg, #eef0e5, #dde6d1);
}
#elifix-film-v3 #ef-services::before,
#elifix-film-v3 #ef-services .ef-services-film-poster,
#elifix-film-v3 #ef-services .ef-services-film-video { display: none; }
#elifix-film-v3 #ef-services .ef-eyebrow,
#elifix-film-v3 #ef-services .ef-wheel-intro { color: #486a42; }
#elifix-film-v3 #ef-services .ef-services-heading > p,
#elifix-film-v3 #ef-services .ef-services-contact p { color: #475a49; }
#elifix-film-v3 #ef-services .ef-services-contact { border-color: rgba(50,77,54,.3); }

/* The chosen film belongs only to its description card. */
#elifix-film-v3 #ef-services .ef-service-wheel-detail {
  isolation: isolate;
  overflow: hidden;
  min-height: 370px;
  color: #fff;
  background: #284232;
  border-color: rgba(255,255,255,.7);
  box-shadow: 0 22px 42px rgba(30,60,35,.16);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#elifix-film-v3 #ef-services .ef-service-wheel-detail::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(13,32,20,.54), rgba(13,32,20,.84) 58%, rgba(13,32,20,.94));
}
#elifix-film-v3 #ef-services .ef-service-wheel-detail > .ef-wheel-selected-poster,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > .ef-wheel-selected-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
#elifix-film-v3 #ef-services .ef-service-wheel-detail > .ef-wheel-selected-poster { z-index: 0; }
#elifix-film-v3 #ef-services .ef-service-wheel-detail > .ef-wheel-selected-video { z-index: 1; }
#elifix-film-v3 #ef-services .ef-service-wheel-detail > button,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > span,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > h3,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > p { z-index: 3; }
#elifix-film-v3 #ef-services .ef-service-wheel-detail > span,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > h3,
#elifix-film-v3 #ef-services .ef-service-wheel-detail > p { position: relative; }
#elifix-film-v3 #ef-services .ef-wheel-detail-close {
  color: #fff;
  background: rgba(15,35,21,.62);
  border-color: rgba(255,255,255,.62);
}
#elifix-film-v3 #ef-services .ef-wheel-detail-close:hover { background: rgba(15,35,21,.85); }
#elifix-film-v3 #ef-services .ef-wheel-detail-counter { color: #e3f2dc; }
#elifix-film-v3 #ef-services .ef-wheel-detail-icon { color: #eff8e9; background: rgba(229,244,220,.19); }
#elifix-film-v3 #ef-services .ef-service-wheel-detail h3 { color: #fff; }
#elifix-film-v3 #ef-services .ef-service-wheel-detail > p:not(.ef-wheel-detail-footer) { color: #f1f8ed; }

#elifix-film-v3 .ef-proofline { font-size: clamp(16px, 1.2vw, 18px); font-weight: 700; }
@media (max-width: 850px) { #elifix-film-v3 .ef-proofline { font-size: 16px; } }

/* The contact page follows the same three steps as the homepage. */
#elifix-film-v3 .ef-page[data-page="contact"] .ef-journey-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 27px;
}
#elifix-film-v3 .ef-page[data-page="contact"] .ef-journey-list li:last-child {
  grid-column: auto;
  max-width: none;
}
@media (max-width: 900px) {
  #elifix-film-v3 .ef-page[data-page="contact"] .ef-journey-list { grid-template-columns: 1fr; }
}