/* &==-===-=== general ===-===-==& */
.single-post-content{
  color: var(--color-text, inherit);
  background: var(--color-bg, transparent);

  --bg-blend: exclusion;
  overflow: hidden;
}
.single-post-content:has(.container){ --cointainer-width: min(1310px, 100%); }
.single-post-content:has(.container-fluid){ --cointainer-width: min(1740px, 100%); }
.single-post-content{ --side-space: calc((100vw - var(--cointainer-width)) / 2); }
@media(max-width: 1200px){ .single-post-content{ --cointainer-width: 1170px; } }
@media(max-width: 992px){ .single-post-content{ --cointainer-width: 960px; } }
@media(max-width: 768px){ .single-post-content{ --cointainer-width: 720px; } }
@media(max-width: 576px){ .single-post-content{ --cointainer-width: 540px; } }

/* &==-===-=== hero ===-===-==& */
.fc-hero{
  position: relative;

  /* background-image: var(--bg-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; */
}
.fc-hero__inner{
  margin: 0 auto;
  min-height: calc(100vh - var(--header-height) - var(--products-menu-height));
  max-width: var(--content-width, 100%);
  width: fit-content;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  padding: 32px 0;
  position: relative;
  z-index: 2;
}
.fc-hero__pretitle{
  font-family: "Michroma", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 100%;
  margin: 0 0 16px;
}
.fc-hero__title{
  font-family: "Michroma", sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 128%;
  margin: 0 0 16px;

  color: var(--color-text);
}
.fc-hero__btn{
  margin: 0 auto;
  width: fit-content;
}

.fc-hero__img{
  position: absolute;
  inset: var(--bg-pos, 0);
  
  z-index: 0;
  user-select: none;
  pointer-events: none;

  mix-blend-mode: var(--bg-blend);
}
.fc-hero__img img{
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: auto;
}

/* &==-===-=== floating-content ===-===-==& */
.floating-content--block{
  position: relative;
  padding: var(--content-margin, 64px);
  margin: calc(var(--force-top-offset, 0) * -1) 0 var(--force-top-offset, 0);
}
.floating-content--block[style*="--bg-img:"]::after{
  content: '';
  position: absolute;
  inset: var(--bg-img-pos, 0);

  height: auto;
  width: var(--bg-img-stretch);
  aspect-ratio: var(--bg-img-width, 100vw) / var(--bg-img-height, 100vh);
  margin: 0 auto;

  background-image: var(--bg-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: var(--bg-img-transform, none);

  mix-blend-mode: var(--bg-blend);
  opacity: var(--bg-img-opacity, 1);

  user-select: none;
  pointer-events: none;
  z-index: 1;
}
.floating-content--block [class*="__text"] > *:first-child{ margin-top: 0 !important; }
.floating-content--block [class*="__text"] > *:last-child{ margin-bottom: 0 !important; }
.floating-content--block [class*="__text"] :where(h1,h2,h3){
  font-family: "Michroma", sans-serif;
  color: var(--color-text);
  font-weight: 400;
}
.floating-content--block [class*="__text"] ul{ line-height: 200%; }


.floating-content--block__inner{
  position: relative;
  z-index: 2;

  max-width: var(--content-width, 100%);
  margin-left: calc((100% - var(--content-width, 100%)) / 100% * var(--content-position));
}
.floating-content--block__inner > *:last-child{ margin-bottom: 0 !important; }

.floating-content--text__title{
  font-family: "Michroma", sans-serif;
  color: var(--color-text);
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
  margin: 0 0 64px;
  max-width: 953px;

  position: relative;
  z-index: 2;
}
.floating-content--text__title:has(+ .floating-content--text__subtitle){ margin-bottom: 10px; }
.floating-content--text__subtitle{
  font-size: 18px;
  font-weight: 300;
  line-height: 138%;
  color: var(--color-accent);
  margin: 0 0 60px;
}
.floating-content--text__text{
  font-size: 18px;
  font-weight: 300;
  font-family: var(--ff-1);
}

.floating-content--img img{
  border-radius: 12px;
}

.floating-content--split__inner{
  --gap: 32px;
  
  display: grid;

  gap: var(--gap);
  grid-template-columns: var(--main-content-width) calc(100% - var(--main-content-width));

  max-width: calc(var(--content-width, 100%) - var(--gap));
  margin-left: calc((100% - var(--content-width, 100%)) / 100% * var(--content-position));

  position: relative;
}
.floating-content--split__content{
  width: 100%;
  order: var(--content-order, 0);
}
.floating-content--split__content + *{ flex-grow: 1; }
.floating-content--split__content > *:last-child,
.floating-content--split__content-2 > *:last-child{ margin: 0 !important; }
.floating-content--split__title{
  font-family: "Michroma", sans-serif;
  color: var(--color-text);
  font-size: 45px;
  font-weight: 400;
  margin: 0 0 10px;

  order: 1;
}
.floating-content--split__subtitle{
  font-size: 18px;
  font-weight: 300;
  line-height: 138%;
  color: var(--color-accent, inherit);

  order: 2;
}
.floating-content--split__text{
  font-size: 18px;
  order: 4;
}
.floating-content--split__img{
  position: relative;
}
.floating-content--split__img img{
  max-width: var(--img-width, 100%);
  object-fit: contain;
  
  position: var(--img-position, static);
  mix-blend-mode: var(--img-mix-blend-mode);
  transform: var(--img-transform, none);

  inset: var(--img-inset, 0 0 auto);
}

@media(max-width: 968px){
  .floating-content--split__inner{ grid-template-columns: 1fr 1fr; }
}
@media(max-width: 768px){
  .floating-content--split__inner{
    display: flex;
    flex-direction: column;

    --gap: 10px;
  }
  .floating-content--split__inner:has(.floating-content--split__img) .floating-content--split__content{ display: contents; }
  .floating-content--split__inner:has(.floating-content--split__img) .floating-content--split__img{ order: 3; }
  .floating-content--split__inner:has(.floating-content--split__img) .floating-content--split__img img{
    width: 100%;
    inset: unset;
    position: static;

    display: var(--img-mobile-display, block);
  }
}