@charset "UTF-8";
/* stylelint-disable hue-degree-notation */
/* stylelint-disable scss/no-global-function-names */
:root {
  --scale-2: 0.7rem; /* 0.7rem ÷ 1.5 */
  --scale-1: 1rem; /* 1rem ÷ 1.5   */
  --scale0: 1.125rem; /* body text  at 18px */
  --scale1: 1.3125rem; /* body text  at 21px */
  --scale2: 1.5rem; /* 1rem × 1.5   */
  --scale3: 2.25rem; /* 1.5rem × 1.5 */
}

body {
  font-family: Fraunces, serif;
  font-weight: 350;
  font-size: 1.125rem;
  color: var(--root-light);
  letter-spacing: 0.01em;
  line-height: 1.6;
}

p,
li {
  font-weight: 350;
}

.p {
  font-weight: 350;
}

p {
  margin-top: 0;
}
p:not(:first-of-type) {
  padding-top: 0.5rem;
}

a {
  color: currentcolor;
}
a:not(.decorated) {
  text-decoration: none;
}

b,
strong {
  font-weight: 600;
}

h1,
.h1,
h2,
.h2 {
  font-family: Fraunces, serif;
  font-variation-settings: "wgth" 500;
  margin-bottom: 18px;
  margin-top: 0;
}

h1,
.h1 {
  font-size: calc(1.307rem + 0.684vw);
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 1.82rem;
  }
}
h1.page,
.h1.page {
  letter-spacing: 0.01em; /*  TODO: Not optimal... */
}

h2,
.h2 {
  font-size: calc(1.25625rem + 0.075vw);
  line-height: 1.25;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 1.3125rem;
  }
}

h3 {
  line-height: 1.25;
}

li:not(.menu-bar-item) {
  padding-left: 0;
  list-style-position: outside;
  list-style-type: disc;
}

.block-type-markdown h2 {
  padding: 2rem 0 1rem;
}
.block-type-markdown ul > * + * {
  padding-top: 1rem;
}

.button {
  padding: 0.2em 0.5em;
  border: 1px solid var(--root-light);
  border-radius: 8px;
  transition: all 0.4s ease;
}
.button:hover {
  color: var(--root-dark);
  background-color: var(--root-light);
}

.textflow > * + *,
.prose > * + *,
.block-markdown > * + * {
  margin-block-start: var(--flow-space, 1em);
  text-wrap: pretty;
}
.textflow :is(h1, h2, h3, p, li, blockquote),
.prose :is(h1, h2, h3, p, li, blockquote),
.block-markdown :is(h1, h2, h3, p, li, blockquote) {
  line-height: 1.3;
  max-width: 65ch;
}
.textflow :is(h1, h2, h3, blockquote),
.prose :is(h1, h2, h3, blockquote),
.block-markdown :is(h1, h2, h3, blockquote) {
  --flow-space: 2em;
  text-wrap: balance;
  filter: brightness(0.8);
}
.textflow :is(h1, h2, h3) + *,
.prose :is(h1, h2, h3) + *,
.block-markdown :is(h1, h2, h3) + * {
  --flow-space: 0.5em;
}
.textflow ul > li + li,
.prose ul > li + li,
.block-markdown ul > li + li {
  margin-top: 0.2em;
}
.textflow blockquote,
.prose blockquote,
.block-markdown blockquote {
  font-size: var(--scale1);
  font-style: italic;
  max-width: 46ch;
  margin-left: 2em;
  text-wrap: pretty;
}
.textflow a,
.prose a,
.block-markdown a {
  text-decoration: underline;
  font-weight: bold;
}
.textflow figure:has(.floatright),
.prose figure:has(.floatright),
.block-markdown figure:has(.floatright) {
  float: right;
  max-width: 250px;
}
.textflow figure:has(.floatright)::after,
.prose figure:has(.floatright)::after,
.block-markdown figure:has(.floatright)::after {
  content: "";
  clear: both;
}

/* stylelint-disable selector-class-pattern */
:root {
  --scroll-padding: 128px;
}

.sections-select {
  display: none;
  padding-top: 64px;
  position: sticky;
  top: 0;
  margin-left: -5vw;
  margin-right: -5vw;
  z-index: 10;
  background-color: var(--theme-color, var(--root-dark));
}
.sections-select select {
  outline: 0;
  font: inherit;
  font-size: calc(1.2563rem + 0.075vw);
  padding: 8px 1em;
  border: 1px hsl(var(--root-light-hsl)) solid;
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
  background: var(--img) no-repeat right 0.8em center;
  background-color: var(--tab-color);
  cursor: pointer;
}

.sections-menu {
  padding-top: 64px;
  position: sticky;
  top: 0;
  margin-left: -5vw;
  margin-right: -5vw;
  z-index: 10;
  background-color: var(--theme-color, var(--root-dark));
}
.sections-menu ul {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 64px;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1em;
  font-size: 1em;
}
.sections-menu li {
  list-style-type: none;
  padding: 8px 1em;
  border: 1px hsl(var(--root-light-hsl)) solid;
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
  transition: all 500ms ease;
  color: var(--tab-color);
}
.sections-menu li[data-theme=selected], .sections-menu li:hover {
  background-color: var(--tab-color);
  color: hsl(var(--root-dark-hsl));
}
.sections-menu ul::after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  height: 0.4rem;
  width: var(--marker-width, 10ch);
  transform: translate3d(var(--marker-left, 0), 0, 0);
  background-color: hsl(var(--root-light-hsl));
  transition: transform 250ms, width 200ms, background-color 200ms;
  will-change: width;
}
.sections-menu a {
  display: block;
}

section:not(.pswp__scroll-wrap) {
  padding: 1em;
  padding: 1em 5vw;
  color: hsl(var(--root-dark-hsl));
  margin-left: -5vw;
  margin-right: -5vw;
  max-width: 85vw;
  background-color: var(--tab-color, hsl(var(--root-light-hsl)));
  scroll-margin-top: var(--scroll-padding);
}

@media screen and (max-width: 640px) {
  :root {
    --scroll-padding: 100px;
  }
  .sections-menu {
    display: none;
  }
  .sections-select {
    display: block;
  }
  section:not(.pswp__scroll-wrap) {
    max-width: 100vw;
  }
}
#playlist {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#playlist .theme {
  flex: 1 0 25ch;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid hsl(var(--root-dark-hsl));
  border-radius: 8px;
  color: hsl(var(--root-light-hsl));
  background-color: var(--theme-color);
}
#playlist .song {
  display: flex;
  gap: 0.5rem;
}
#playlist .song .song-title {
  padding: 0 0.5rem;
  border: 1px solid transparent;
  border-radius: 5px;
}
#playlist .song .song-title:hover {
  border: 1px solid hsl(var(--root-light-hsl));
}
#playlist .song.amplitude-playing .song-title {
  background-color: hsl(var(--root-light-hsl));
  color: hsl(var(--root-dark-hsl));
}
#playlist .song-play-pause {
  place-self: center;
  width: 1em;
  height: 1em;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 100ms;
  transition-delay: 200ms;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0, 0, 0,1)'%3E%3Cpath d='M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z'%3E%3C/path%3E%3C/svg%3E");
}
#playlist .song:has(.song-title:hover) .song-play-pause, #playlist:not(:has(.song-title:hover)) .song.amplitude-active-song-container .song-play-pause {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  #amplitude-player,
  #amplitude-player.open {
    bottom: 0;
    width: 80%;
    max-width: auto;
    transform: none;
  }
}
#amplitude-player {
  --play-button-timing: 0.2s;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(2rem);
  height: fit-content;
  width: max(420px, 33vw);
  z-index: 100;
  background-color: var(--root-dark);
  border: 2px solid var(--root-light);
  border-radius: 8px;
  color: var(--root-light);
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  display: grid;
  grid-template-columns: 3rem 1fr 1rem 1rem 1rem;
  grid-template-areas: ". . . . stop" "button meta . . ." "button meta . . ." "progress progress . volume volume";
}
#amplitude-player .amplitude-stop {
  grid-area: stop;
}
#amplitude-player .amplitude-play-pause {
  grid-area: button;
  place-self: center;
  display: grid;
}
#amplitude-player .amplitude-play-pause > div {
  grid-area: 1/1;
  width: 48px;
  height: 48px;
}
#amplitude-player .amplitude-play-pause .amplitude-paused-icon {
  opacity: 1;
  transition: opacity var(--play-button-timing) ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48' fill='rgba(255,255,255,1)'%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
}
#amplitude-player .amplitude-play-pause .amplitude-playing-icon {
  opacity: 0;
  transition: opacity var(--play-button-timing) ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48' fill='rgba(255,255,255,1)'%3E%3Cpath d='M6 5H8V19H6V5ZM16 5H18V19H16V5Z'%3E%3C/path%3E%3C/svg%3E");
}
#amplitude-player .amplitude-play-pause.amplitude-playing .amplitude-playing-icon {
  opacity: 1;
}
#amplitude-player .amplitude-play-pause.amplitude-playing .amplitude-paused-icon {
  opacity: 0;
}
#amplitude-player .amplitude-play-pause.amplitude-paused .amplitude-playing-icon {
  opacity: 0;
}
#amplitude-player .amplitude-play-pause.amplitude-paused .amplitude-paused-icon {
  opacity: 1;
}
#amplitude-player .amplitude-meta {
  grid-area: meta;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#amplitude-player .amplitude-meta > * {
  text-align: center;
}
#amplitude-player .amplitude-meta .amplitude-meta-title {
  font-size: var(--scale1);
}
#amplitude-player .amplitude-meta .amplitude-meta-album {
  font-size: var(--scale-1);
}
#amplitude-player .amplitude-progress {
  grid-area: progress;
  display: flex;
  padding-left: 0.5rem;
  gap: 0.25rem;
  place-items: center;
  font-size: var(--scale-2);
}
#amplitude-player .amplitude-progress .amplitude-song-slider {
  width: 100%;
}
#amplitude-player .amplitude-progress span {
  width: 5ch;
  flex: 0 0 5ch;
}
#amplitude-player .amplitude-volume {
  grid-area: volume;
  display: flex;
  flex-direction: column;
  font-size: var(--scale-2);
  align-items: center;
  padding: 4px;
  border: 1px solid var(--root-light);
  border-radius: 5px;
}
#amplitude-player .amplitude-volume > span:not(#volume-level) {
  width: 24px;
  height: 24px;
}
#amplitude-player .amplitude-volume .amplitude-volume-up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z'%3E%3C/path%3E%3C/svg%3E");
}
#amplitude-player .amplitude-volume .amplitude-volume-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M8.88889 16H5C4.44772 16 4 15.5523 4 15V9.00001C4 8.44772 4.44772 8.00001 5 8.00001H8.88889L14.1834 3.66815C14.3971 3.49329 14.7121 3.52479 14.887 3.73851C14.9601 3.82784 15 3.93971 15 4.05513V19.9449C15 20.221 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16ZM18.8631 16.5911L17.4411 15.169C18.3892 14.4376 19 13.2901 19 12C19 10.5697 18.2493 9.31469 17.1203 8.6076L18.5589 7.169C20.0396 8.2616 21 10.0187 21 12C21 13.8422 20.1698 15.4904 18.8631 16.5911Z'%3E%3C/path%3E%3C/svg%3E");
}
#amplitude-player.open {
  opacity: 1;
  transform: translateX(-50%);
  visibility: visible;
  pointer-events: visible;
}

:root {
  --formations-color: hsl(167, 90%, 95%);
  --spectacles-color: hsl(347, 90%, 95%);
  --enregistrements-color: hsl(96, 92%, 95%);
  --biographie-color: hsl(259, 90%, 92%);
}

[data-color^=formation] {
  --tab-color: var(--formations-color);
}

[data-color^=spectacle] {
  --tab-color: var(--spectacles-color);
}

[data-color=enregistrements] {
  --tab-color: var(--enregistrements-color);
}

[data-color=biographie] {
  --tab-color: var(--biographie-color);
}

.page-title-news {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.page-title-news .card {
  display: flex;
  gap: 1rem;
  border: 1px solid hsl(var(--root-light-hsl));
  border-radius: 8px;
  padding: 1em;
  color: hsl(var(--root-dark-hsl));
  background-color: var(--tab-color, hsl(var(--root-light-hsl)));
}
.page-title-news .card:first-child {
  margin-top: 3rem;
}
.page-title-news .card .content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-title-news .card p:first-child {
  font-variation-settings: "wght" 700;
}
.page-title-news .card img {
  flex: 0 2 10vw;
  width: min(120px, 10vw);
}

/* Correct pswp attached to header */
header > .pswp {
  --pswp-icon-color: hsl(var(--root-light-hsl)) !important;
  --pswp-icon-color-secondary: green !important;
  width: 100vw;
  height: 100vh;
}

.introduction,
.intro-photos {
  margin: 5vh 0;
}

.photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(12vw, 100px), 1fr));
  gap: 6vw;
  grid-auto-flow: row dense;
}
.photos > a:nth-of-type(2n + 3) {
  margin-top: 32px;
}
.photos > a:nth-of-type(5n + 2) {
  margin-top: -16px;
}
.photos > a[data-orientation=portrait] {
  grid-row-end: span 2;
  max-height: max-content;
}
.photos .contes-photo {
  position: relative;
  opacity: 0;
  overflow: hidden;
  /* stylelint-disable-next-line no-descending-specificity */
}
.photos .contes-photo img {
  transform: scale(1);
  transform-origin: bottom;
  transition: transform 0.6s ease;
  border-radius: 6px;
}
.photos .contes-photo figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: max-content;
  padding: 0.5rem;
  background-color: var(--tab-color);
  border: 2px solid hsl(var(--root-light-hsl));
  line-height: 1.2;
  font-size: var(--scale-1);
  opacity: 0;
  transform: translateY(100%);
  transition: all 500ms ease;
  transition-delay: 100ms;
}
.photos .contes-photo figcaption span {
  font-weight: 600;
}
.photos .contes-photo p {
  font-size: var(--scale-1);
  font-weight: 600;
  transition: all 0.6s ease;
  transition-delay: 100ms;
  text-align: center;
}
.photos .contes-photo:hover img {
  transform: scale(1.05);
}
.photos .contes-photo:hover figcaption {
  opacity: 1;
  transform: translateY(0);
}
.photos .contes-photo:hover p {
  opacity: 0;
  transform: translate(-20%, -100%);
}
.photos .contes-photo.entered {
  animation: move-in 1s;
  animation-fill-mode: forwards;
}
.photos .contes-photo:has(.lazyload, .lazyloading) figcaption, .photos .contes-photo:has(.lazyload, .lazyloading) p {
  opacity: 0;
}

@keyframes move-in {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.photos img.lazyloading {
  opacity: 1;
  transition: opacity 300ms;
  background: url("../../images/preloader.gif") no-repeat center;
  background-color: var(--galerie-caption-bg);
}

.tag-bar {
  margin-top: 2rem;
  margin-block-end: 1rem;
}
.tag-bar button {
  border-radius: 5rem;
  min-height: 2rem;
  padding: 0.5rem 1.5rem;
  border-style: solid;
  border-width: 1px;
  transition: border-color 0.3s ease-out;
  border-color: var(--iconcolor);
}
.tag-bar button.active {
  background-color: var(--iconcolor, hsl(var(--root-light-hsl)));
}
.tag-bar button.active.tag-all {
  color: hsl(var(--root-dark-hsl));
}
.tag-bar button:hover {
  border-color: hsl(var(--root-light-hsl));
}

/* Tab 1 */
#formations .documents {
  --documents-cols: 2;
  display: grid;
  grid-template-columns: repeat(var(--documents-cols), minmax(10px, 1fr));
  gap: 1em;
}
@media screen and (max-width: 640px) {
  #formations .documents {
    --documents-cols: 1;
  }
}
#formations .documents > a {
  display: block;
  position: relative;
  padding: 1rem 2rem;
  border: 1px solid hsl(var(--root-dark-hsl));
  border-radius: 8px;
  background-color: hsl(var(--root-light-hsl));
}
#formations .documents > a > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  transition: all 300ms ease;
  /* stylelint-disable-next-line no-descending-specificity */
}
#formations .documents > a > div:hover {
  transform: scale(1.05);
}
#formations .documents > a > div:hover div {
  transform: translateX(-10px);
}
#formations .documents > a > div h2 {
  font-weight: 400;
  max-width: 50ch;
  text-wrap: balance;
}
#formations .documents > a > div div {
  transition: all 300ms ease;
  place-self: end;
  flex: 0;
}

/* Tab 2 */
.card.spectacle,
.card.spectacle-atelier {
  background-color: var(--color-4);
}

/* Tab 3 */
#enregistrements {
  /* stylelint-disable-next-line selector-class-pattern */
}
#enregistrements .splide {
  padding: 3vw;
}
#enregistrements .splide__pagination__page.is-active {
  background: hsl(var(--root-dark-hsl));
}
#enregistrements lite-youtube {
  margin: 0 auto;
}

.video-selector {
  padding: 3vw 1rem;
  display: flex;
  flex-wrap: wrap;
  place-items: end;
  gap: 1rem;
  border: 1px solid hsl(var(--root-dark-hsl));
  border-radius: 8px;
  color: hsl(var(--root-light-hsl));
  background-color: hsl(var(--theme-color-hsl));
  max-width: 760px;
  margin: 0 auto;
}

.thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(6vw, 60px), 1fr));
  gap: 1rem;
}

.thumb {
  flex: 0 0 100px;
  opacity: 0.5;
}
.thumb.is-active, .thumb:hover {
  opacity: 1;
}
.thumb .desc {
  display: none;
}

.description-text {
  flex: 1 1 50vw;
}

/* Tab 3 */
#biographie {
  --flow-space: 2em;
}
#biographie .post-list-container {
  position: relative;
}
#biographie .triggers {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
}
#biographie .portraits {
  position: fixed;
  top: calc(128px + 5vh);
  right: calc(5rem + 3vw);
  width: 25vw;
  height: max-content;
  display: grid;
  place-items: center left;
  opacity: 0;
  pointer-events: none;
}
#biographie .portraits > * {
  display: block;
  grid-area: 1/1;
}
#biographie .portraits:has(.active) {
  pointer-events: all;
}
#biographie .contes-portrait {
  width: 18vw;
  overflow: hidden;
  opacity: 0;
  animation-name: slideout;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  border: 5px solid var(--biographie-color);
}
#biographie .contes-portrait > img {
  border-radius: 6px;
}
#biographie .contes-portrait.active {
  animation-name: slidein;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  z-index: 100;
}
@keyframes slidein {
  from {
    scale: 0;
    opacity: 0;
    translate: 0 100%;
  }
  to {
    scale: 1;
    opacity: 1;
    translate: 0;
  }
}
@keyframes slideout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#biographie .post-list {
  margin-top: 2em;
}
#biographie .post-list > * + * {
  margin-block-start: calc(2 * var(--flow-space, 1em));
}
#biographie .post {
  max-width: min(50ch, 80vw);
}
#biographie .month.hide,
#biographie .year.hide {
  display: none;
}
#biographie .post:not(.show) {
  display: none;
}
#biographie .year {
  margin-bottom: var(--flow-space, 1em);
}
#biographie .year > * + * {
  margin-block-start: var(--flow-space, 1em);
}
#biographie .month {
  margin-bottom: var(--flow-space, 1em);
}
#biographie .month > * + * {
  margin-block-start: calc(var(--flow-space, 1em) / 2);
}
#biographie :is(.h1, .h2) {
  --flow-space: 1.5em;
}
#biographie :is(.h1, .h2) + * {
  --flow-space: 0.5em;
}
#biographie .post > .icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  color: var(--iconcolor);
}
#biographie .post > .icon svg {
  width: 1em;
  height: 1em;
  transform: translateY(0.1em);
}
/*# sourceMappingURL=contes.css.map */