@property --fond { syntax: '<color>'; inherits: true; initial-value: #1f3b30; }
html {
  --plan: color-mix(in srgb, var(--fond) 89%, #f3ecdc);
  --filet: rgba(227, 176, 106, .42);
  transition: --fond 1.2s ease;
}

:is(.domaine__visuel, .nid__galerie, .carte, .table__photos, .commune, .nuit__video) { position: relative; isolation: isolate; }
.bain__colle { isolation: isolate; }
:is(.domaine__visuel, .nid__galerie, .carte, .table__photos, .commune, .nuit__video, .bain__colle)::before,
:is(.domaine__visuel, .nid__galerie, .carte, .table__photos, .commune, .nuit__video, .bain__colle)::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
:is(.domaine__visuel, .nid__galerie, .carte, .table__photos, .commune, .nuit__video, .bain__colle)::before { background: var(--plan); }

.chapitre { overflow-x: clip; }

.onglets__liste, .nid__choix { position: relative; z-index: 1; }

:is(.domaine__visuel, .table__photos, .commune, .nuit__video)::before,
:is(.domaine__visuel, .table__photos, .commune, .nuit__video)::after { border-radius: 999px 999px 0 0; }
:is(.domaine__visuel, .nid__galerie, .table__photos, .commune, .nuit__video)::after { border: 1px solid var(--filet); }
.domaine__visuel::before { top: -6%; right: 36%; bottom: 2%; left: -10%; }
.domaine__visuel::after { top: 1%; right: 30%; bottom: -4%; left: -4%; }
.nid__galerie::before { top: -10%; right: 10%; bottom: 22%; left: -3%; border-radius: 50% 50% 0 0 / 34% 34% 0 0; }
.nid__galerie::after { top: -5%; right: -4%; bottom: 28%; left: 16%; border-radius: 50% 50% 0 0 / 34% 34% 0 0; }
.table__photos::before { top: -7%; right: 42%; bottom: 12%; left: -11%; }
.table__photos::after { top: -1%; right: 36%; bottom: 6%; left: -5%; }
.commune::before { top: -18%; bottom: 14%; left: 30%; width: 24%; }
.commune::after { top: -10%; bottom: 6%; left: 36%; width: 22%; }
.nuit__video::before { top: -6%; left: 50%; width: min(540px, 112%); aspect-ratio: 9 / 13.4; translate: -40% 0; }
.nuit__video::after { top: 4%; left: 50%; width: min(480px, 100%); aspect-ratio: 9 / 14; translate: -60% 0; }

:is(.carte, .bain__colle)::after { border: 1px solid var(--filet); }
.carte::before { top: 2%; right: 6%; bottom: 2%; left: 8%; border-radius: 50% 50% 46% 54% / 56% 46% 54% 44%; }
.carte::after { top: -3%; right: 1%; bottom: 7%; left: 14%; border-radius: 54% 46% 50% 50% / 50% 54% 46% 50%; }
.bain__colle::before { left: 50%; top: 18%; width: min(58vw, 820px); height: 70%; translate: -50% 0; border-radius: 56% 44% 52% 48% / 50% 46% 54% 50%; }
.bain__colle::after { left: 50%; top: 12%; width: min(62vw, 880px); height: 72%; translate: -46% 0; border-radius: 52% 48% 56% 44% / 46% 52% 48% 54%; }

@media (max-width: 760px) {
  :is(.domaine__visuel, .nid__galerie, .carte, .table__photos, .commune, .nuit__video)::after,
  .bain__colle::before, .bain__colle::after { display: none; }

  .commune::before { width: auto; right: -4%; bottom: 40%; top: -3%; }
  .nid__galerie::before { top: -1%; }
}