/* Native Elementor headings over the original 1536×1024 cover artwork.
   The two soft masks on each panel mute only the old headline and strapline.
   All fine artwork, labels, callouts and icons remain part of the image. */
.paroi-site .paroi-home-panel {
  position: relative;
  display: block;
  isolation: isolate;
  container-type: inline-size;
  width: 100%;
  max-width: none;
  min-height: 0;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  padding: 0 !important;
  gap: 0 !important;
  background: #1b3342;
}
.paroi-site .paroi-home-panel-image,
.paroi-site .paroi-home-panel-image :is(.elementor-widget-container, a, picture) {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 0;
}
.paroi-site .paroi-home-panel-image { z-index: 0; }
.paroi-site .paroi-home-panel-image img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: fill;
}
.paroi-site .paroi-home-panel::before,
.paroi-site .paroi-home-panel::after {
  content: '';
  position: absolute;
  z-index: 1;
  pointer-events: none;
  mask-image: radial-gradient(ellipse at center, #000 58%, transparent 92%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 58%, transparent 92%);
}
.paroi-site .paroi-home-title,
.paroi-site .paroi-home-subtitle {
  position: absolute;
  z-index: 2;
  width: auto;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 3px rgb(0 0 0 / .18);
}
.paroi-site .paroi-home-title .elementor-heading-title,
.paroi-site .paroi-home-title .elementor-heading-title a {
  display: block;
  color: var(--paroi-color-on-image, #fff) !important;
  font-family: var(--paroi-font-display, Georgia, 'Times New Roman', serif) !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap;
  text-decoration: none;
}
.paroi-site .paroi-home-subtitle .elementor-heading-title,
.paroi-site .paroi-home-subtitle .elementor-heading-title a {
  color: var(--paroi-color-on-image, #fff) !important;
  font-family: var(--paroi-font-body, system-ui, sans-serif) !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap;
  text-decoration: none;
}
.paroi-site :is(.paroi-home-title, .paroi-home-subtitle) .elementor-heading-title a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 5px;
}

/* The title positions are expressed against the native 1536×1024 canvas. */
.paroi-site .paroi-home-panel-histoire::before {
  left: 22%; top: 59.5%; width: 56%; height: 21%;
  background-image: linear-gradient(180deg, #68635d 0%, #3b3937 18%, #252526 43%, #1d1f20 72%, #35312e 100%), url('/wp-content/uploads/paroi-pedagogie/historique-cover.jpeg');
  background-size: 100% 100%, 100cqw 66.6667cqw;
  background-position: 0 0, -22cqw -39.6667cqw;
  background-blend-mode: darken;
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent), linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent), linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-composite: source-in;
  filter: blur(.7cqw);
}
.paroi-site .paroi-home-panel-histoire::after {
  left: 35%; top: 80.7%; width: 30%; height: 6.5%;
  background-image: linear-gradient(180deg, #30302f, #1b1d1e 75%, #272523), url('/wp-content/uploads/paroi-pedagogie/historique-cover.jpeg');
  background-size: 100% 100%, 100cqw 66.6667cqw;
  background-position: 0 0, -35cqw -53.8cqw;
  background-blend-mode: darken;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(180deg, transparent, #000 10%, #000 90%, transparent);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent), linear-gradient(180deg, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-composite: source-in;
  filter: blur(.5cqw);
}
.paroi-site .paroi-home-panel-histoire .paroi-home-title {
  left: 30.7%; top: 62.5%; width: 40%;
  color: #fff; font-size: 5.2cqw; line-height: .94;
  letter-spacing: -.035em; text-align: center;
}
.paroi-site .paroi-home-panel-histoire .paroi-home-subtitle {
  left: 39%; top: 82.6%; width: 23%;
  color: #fff; font-size: .82cqw; line-height: 1.3;
  letter-spacing: .47em; text-align: center;
}

.paroi-site .paroi-home-panel-anatomie::before {
  left: 3%; top: 14%; width: 37%; height: 15%;
  background: linear-gradient(90deg, #1c3442, #213a48 75%, #263f4a);
  mask-image: none; -webkit-mask-image: none; filter: blur(.85cqw);
}
.paroi-site .paroi-home-panel-anatomie::after {
  left: 3%; top: 28%; width: 30%; height: 8%;
  background: linear-gradient(90deg, #1a3443, #1b3441);
  mask-image: none; -webkit-mask-image: none; filter: blur(.78cqw);
}
.paroi-site .paroi-home-panel-anatomie .paroi-home-title {
  left: 4.1%; top: 14.7%; width: 36%;
  font-size: 9.3cqw; line-height: 1; letter-spacing: -.045em;
}
.paroi-site .paroi-home-panel-anatomie .paroi-home-subtitle {
  left: 4.2%; top: 30.5%; width: 31%;
  font-size: 1.14cqw; line-height: 1.83; letter-spacing: .48em;
}

.paroi-site .paroi-home-panel-techniques::before {
  left: 3%; top: 15.5%; width: 40.5%; height: 26%;
  background: linear-gradient(100deg, #193145 0%, #1f384b 55%, #263d4e 100%);
  mask-image: none; -webkit-mask-image: none; filter: blur(.85cqw);
}
.paroi-site .paroi-home-panel-techniques::after {
  left: 3%; top: 39%; width: 31%; height: 9%;
  background: linear-gradient(90deg, #193246, #1b3344);
  mask-image: none; -webkit-mask-image: none; filter: blur(.78cqw);
}
.paroi-site .paroi-home-panel-techniques .paroi-home-title {
  left: 4.1%; top: 17%; width: 40%;
  font-size: 5.3cqw; line-height: .87; letter-spacing: -.035em;
}
.paroi-site .paroi-home-panel-techniques .paroi-home-subtitle {
  left: 4.2%; top: 40.6%; width: 28%;
  font-size: 1cqw; line-height: 1.83; letter-spacing: .47em;
}

.paroi-site .paroi-home-panel-consentement::before {
  left: 3%; top: 17.5%; width: 41%; height: 10.8%;
  background: linear-gradient(90deg, #221813 0%, #3d2e27 58%, #a69b90 100%);
  mask-image: none; -webkit-mask-image: none; filter: blur(.98cqw);
}
.paroi-site .paroi-home-panel-consentement::after {
  left: 3%; top: 26.5%; width: 21%; height: 10.8%;
  background: linear-gradient(90deg, #241914 0%, #57453b 100%);
  mask-image: none; -webkit-mask-image: none; filter: blur(.91cqw);
}
.paroi-site .paroi-home-panel-consentement .paroi-home-title {
  left: 4.2%; top: 16.8%; width: 39%;
  font-size: 6.65cqw; line-height: .92; letter-spacing: -.035em;
}
.paroi-site .paroi-home-panel-consentement .paroi-home-subtitle {
  left: 4.2%; top: 38.6%; width: 24%;
  font-size: 1cqw; line-height: 1.91; letter-spacing: .38em;
  isolation: isolate;
}
.paroi-site .paroi-home-panel-consentement .paroi-home-subtitle::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -1cqw;
  top: -.6cqw;
  width: 22cqw;
  height: calc(100% + 1.2cqw);
  pointer-events: none;
  background: linear-gradient(90deg, #382920, #6d584a);
  filter: blur(.91cqw);
}

@media (max-width: 767px) {
  .paroi-site .paroi-home-panel-histoire .paroi-home-title { font-size: 5.7cqw; }
  .paroi-site .paroi-home-panel-histoire .paroi-home-subtitle { font-size: 1.2cqw; letter-spacing: .25em; }
  .paroi-site .paroi-home-panel-anatomie .paroi-home-title { font-size: 9.55cqw; }
  .paroi-site .paroi-home-panel-anatomie .paroi-home-subtitle { font-size: 1.55cqw; letter-spacing: .29em; }
  .paroi-site .paroi-home-panel-techniques .paroi-home-title { width: 43%; font-size: 5.3cqw; }
  .paroi-site .paroi-home-panel-techniques .paroi-home-subtitle { font-size: 1.42cqw; letter-spacing: .26em; }
  .paroi-site .paroi-home-panel-consentement .paroi-home-title { font-size: 6.85cqw; }
  .paroi-site .paroi-home-panel-consentement .paroi-home-subtitle { font-size: 1.38cqw; letter-spacing: .22em; }
}