/* NEWSLETTER CTA */
.fufu-newsletter-cta {
  padding: 7.5rem var(--space-page-x);
  background: var(--c-black-01);
}

.fufu-newsletter-cta__inner {
  max-width: 660px;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
  align-items: center;
}

.fufu-newsletter-cta__subheading {
  max-width: 400px;
}

.fufu-newsletter-cta__heading,
.fufu-newsletter-cta__subheading {
  color: var(--c-turquoise-03);
}

.fufu-newsletter-cta__heading b {
  font-weight: 500;
  color: var(--c-additional-burnt-coral) !important;
}

/* VIDEO CTA */
.fufu-video-cta {
  position: relative;
  width: 100%;
}

.fufu-video-cta__scene {
  position: relative;
  height: 100vh;
}

@media (max-width: 1024px) {
  .fufu-video-cta__scene {
    max-height: 768px;
    height: 100vh;
  }
}

.fufu-video-cta__media,
.fufu-video-cta__overlay,
.fufu-video-cta__content {
  position: absolute;
  inset: 0;
}

.fufu-video-cta__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fufu-video-cta__overlay {
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

.fufu-video-cta__content {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fufu-video-cta__content-inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--space-page-x);
  text-align: center;
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--c-black-01);
}

h2.fufu-video-cta__heading.t-head-2 {
  width: 100%;
  max-width: 580px;
}

.fufu-video-cta__text.t-body-16-regular {
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  h2.fufu-video-cta__heading.t-head-2 {
    font-size: var(--font-size-32);
    line-height: var(--line-height-120);
  }

  .fufu-video-cta__text.t-body-16-regular {
    font-size: var(--font-size-15);
    line-height: var(--line-height-135);
  }
}

/* DISCOVERY */
.fufu-style-discovery {
  width: 100%;
}

.fufu-style-discovery__inner {
  margin: 0 auto;
  padding: 4rem var(--space-page-x);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.fufu-style-discovery__grid {
  display: flex;
  gap: 1rem;
  height: 35rem;
}

.fufu-style-discovery__item {
  flex: 0 0 auto;
  transition: flex-basis 600ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-style-discovery__item--left {
  flex-basis: calc(50% - 0.5rem);
}

.fufu-style-discovery__item--right {
  flex-basis: calc(50% - 0.5rem);
}

.fufu-style-discovery__media,
.fufu-style-discovery__video,
.fufu-style-discovery__overlay,
.fufu-style-discovery__content {
  position: absolute;
  inset: 0;
}

.fufu-style-discovery__item::before {
  content: "";
  display: block;
  padding-top: 82%;
}

.fufu-style-discovery__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fufu-style-discovery__content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

/* STYLOWANIE ODKRYWANIE */
/* BASE */
.fufu-style-discovery__item {
  position: relative;
  overflow: hidden;
}

.fufu-style-discovery__content {
  color: var(--c-turquoise-03);
  background: var(--c-beige-02);
  transition:
    background 600ms cubic-bezier(0.69, 0, 0.47, 1),
    color 600ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-style-discovery__kicker,
.fufu-style-discovery__title {
  transform: translateY(0);
  transition:
    transform 600ms cubic-bezier(0.69, 0, 0.47, 1),
    color 600ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-style-discovery__video,
.fufu-style-discovery__overlay {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.69, 0, 0.47, 1);
}

.fufu-style-discovery__item .fufu-button-style-discovery {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
  transition:
    opacity 450ms cubic-bezier(0.69, 0, 0.47, 1),
    transform 450ms cubic-bezier(0.69, 0, 0.47, 1),
    visibility 450ms cubic-bezier(0.69, 0, 0.47, 1);
}

/* ACTIVE / HOVERED */
.fufu-style-discovery__item.is-active .fufu-style-discovery__content,
.fufu-style-discovery__item.is-hovered .fufu-style-discovery__content,
.fufu-style-discovery__item--right-is-hovered .fufu-style-discovery__content {
  color: var(--c-black-01);
  background: transparent;
}

.fufu-style-discovery__item.is-active .fufu-style-discovery__kicker,
.fufu-style-discovery__item.is-active .fufu-style-discovery__title,
.fufu-style-discovery__item.is-hovered .fufu-style-discovery__kicker,
.fufu-style-discovery__item.is-hovered .fufu-style-discovery__title,
.fufu-style-discovery__item--right-is-hovered .fufu-style-discovery__kicker,
.fufu-style-discovery__item--right-is-hovered .fufu-style-discovery__title {
  transform: translateY(-0.5rem);
}

.fufu-style-discovery__item.is-active .fufu-style-discovery__video,
.fufu-style-discovery__item.is-active .fufu-style-discovery__overlay,
.fufu-style-discovery__item.is-hovered .fufu-style-discovery__video,
.fufu-style-discovery__item.is-hovered .fufu-style-discovery__overlay,
.fufu-style-discovery__item--right-is-hovered .fufu-style-discovery__video,
.fufu-style-discovery__item--right-is-hovered .fufu-style-discovery__overlay {
  opacity: 1;
}

.fufu-style-discovery__item.is-active .fufu-button-style-discovery,
.fufu-style-discovery__item.is-hovered .fufu-button-style-discovery,
.fufu-style-discovery__item--right-is-hovered .fufu-button-style-discovery {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ACTIVE WYŁĄCZONY, GDY DRUGI BOX JEST HOVERED */
.fufu-style-discovery__item.is-active.is-inactive .fufu-style-discovery__content {
  color: var(--c-turquoise-03);
  background: var(--c-beige-02);
}

.fufu-style-discovery__item.is-active.is-inactive .fufu-style-discovery__kicker,
.fufu-style-discovery__item.is-active.is-inactive .fufu-style-discovery__title {
  transform: translateY(0);
}

.fufu-style-discovery__item.is-active.is-inactive .fufu-style-discovery__video,
.fufu-style-discovery__item.is-active.is-inactive .fufu-style-discovery__overlay {
  opacity: 0;
}

.fufu-style-discovery__item.is-active.is-inactive .fufu-button-style-discovery {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.75rem);
}
/* KONIEC STYLOWANIE ODKRYWANIE */

@media (hover: hover) {
  .fufu-style-discovery__grid:hover .fufu-style-discovery__item {
    flex-basis: 47.5%;
  }

  .fufu-style-discovery__grid .fufu-style-discovery__item:hover {
    flex-basis: 52.5%;
  }
}

.fufu-style-discovery__heading {
  color: var(--c-turquoise-03);
}

.fufu-style-discovery__kicker {
  text-transform: uppercase;
  margin-top: 1rem;
}

/* DISCOVERY MOBILE*/
@media (max-width: 1024px) {
  .fufu-style-discovery__inner {
    padding: 0;
    gap: 0;
  }

  .fufu-style-discovery__grid {
    flex-direction: column;
    gap: 0;
    height: auto;
  }

  .fufu-style-discovery__heading {
    display: none;
  }

  .fufu-style-discovery__item {
    flex: auto;
    aspect-ratio: 1;
  }

  .fufu-style-discovery__kicker {
    font-size: var(--font-size-13);
  }
  .fufu-style-discovery__title {
    font-size: var(--font-size-32);
    line-height: var(--line-height-135);
    margin-bottom: 0.5rem;
  }

  .fufu-style-discovery__item.is-active .fufu-style-discovery__kicker,
  .fufu-style-discovery__item.is-active .fufu-style-discovery__title {
    transform: translateY(0);
  }

  a.fufu-button-outline.fufu-button-outline-white.fufu-button-style-discovery.fufu-button-style-discovery--right.fufu-button-text-animated {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    color: var(--c-turquoise-03);
    border-color: var(--c-turquoise-03);
  }
}

/* COLLECTION DISCOVERY */
.fufu-collections-discovery__inner {
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 4rem var(--space-page-x);
}

.fufu-collections-discovery__sidebar {
  padding-top: 4.5rem;
  position: sticky;
  top: 1.5rem;
  min-width: 360px;
}

.fufu-collections-discovery__gallery {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  justify-content: flex-end;
}

.fufu-collections-discovery__main {
  padding-top: 4.5rem;
}

.fufu-collections-discovery__side {
  padding-top: 4.5rem;
  position: sticky;
  top: 1.5rem;
  align-self: flex-start;
}

.fufu-collections-discovery__main-image {
  width: 545px;
  height: 727px;
  object-fit: cover;
  display: block;
}

.fufu-collections-discovery__side-image {
  width: 336px;
  height: 448px;
  object-fit: cover;
  display: block;
}

.fufu-collections-discovery__intro,
.fufu-collections-discovery__mobile-heading {
  color: var(--c-turquoise-03);
}

.fufu-collections-discovery__nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  padding-top: 2.5rem;
  padding-bottom: 7.5rem;
}

button.fufu-collections-discovery__nav-item {
  font-size: 2rem;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-regular);
  background: transparent;
  border: 0;
  color: var(--c-black-04);
  padding: 0;
  line-height: 1.6;
  appearance: none;
  -webkit-appearance: none;
}

button.fufu-collections-discovery__nav-item:hover {
  color: var(--c-black-04);
  background: transparent;
}

.fufu-collections-discovery__nav-label {
  position: relative;
  display: inline-block;
}

.fufu-collections-discovery__nav-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--c-turquoise-03);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 600ms cubic-bezier(0.2, 0, 0.2, 1);
  pointer-events: none;
}

button.fufu-collections-discovery__nav-item.is-active {
  color: var(--c-turquoise-03);
}

button.fufu-collections-discovery__nav-item.is-active .fufu-collections-discovery__nav-label::after {
  transform: scaleX(1);
}

/* COLLECTION DISCOVERY MOBILE */
.fufu-collections-discovery__inner--mobile {
  display: none;
}

@media (max-width: 1024px) {
  .fufu-collections-discovery__inner--desktop {
    display: none;
  }

  .fufu-collections-discovery__inner--mobile {
    display: block;
    padding: 4.5rem var(--space-page-x);
    overflow-x: hidden;
  }

  .fufu-collections-discovery__mobile-heading {
    margin-bottom: 1.5rem;
  }

  .fufu-collections-discovery__mobile-slider {
    display: flex;
    gap: 1rem;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
    margin-top: 3rem;
    margin-right: -1.25rem;
  }

  .fufu-collections-discovery__mobile-slider::-webkit-scrollbar {
    display: none;
  }

  .fufu-collections-discovery__mobile-card {
    flex: 0 0 78vw;
    max-width: 24rem;
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
  }

  .fufu-collections-discovery__mobile-card:last-child {
    margin-right: 1.25rem;
  }

  .fufu-collections-discovery__mobile-card-media {
    position: relative;
    overflow: hidden;
  }

  .fufu-collections-discovery__mobile-card-media::before {
    content: "";
    display: block;
    padding-top: 153%;
  }

  .fufu-collections-discovery__mobile-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .fufu-collections-discovery__mobile-card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .fufu-collections-discovery__mobile-card-content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.75rem;
  }

  .fufu-collections-discovery__mobile-card-title,
  .fufu-collections-discovery__mobile-card-link {
    color: var(--c-black-01);
    margin: 0;
  }

  .fufu-collections-discovery__mobile-card-link {
    align-self: flex-start;
    text-decoration: underline;
  }
}

/* BLOG POSTS */
.fufu-blog-posts__inner {
  margin: 0 auto;
  padding: 4rem var(--space-page-x);
}

.fufu-blog-posts__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.625rem;
  margin-bottom: 2.625rem;
  flex-direction: column;
}

.fufu-blog-posts__top-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 2.5rem;
  align-items: flex-end;
}

.fufu-blog-posts__heading {
  color: var(--c-turquoise-03);
  max-width: 435px;
}

.fufu-blog-posts__arrows {
  display: flex;
  gap: 0;
}

.fufu-blog-posts__arrow {
  width: 3.75rem;
  height: 3.75rem;
}

.fufu-blog-posts__viewport {
  overflow: hidden;
}

.fufu-blog-posts__track {
  display: flex;
  gap: 1rem;
  transition: transform 600ms cubic-bezier(0.69, 0, 0.47, 1);
  will-change: transform;
}

.fufu-blog-posts__card {
  flex: 0 0 calc((100% - 2rem) / 3);
  min-width: 0;
}

.fufu-blog-posts__card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.fufu-blog-posts__card-media {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.fufu-blog-posts__card-media::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.fufu-blog-posts__card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fufu-blog-posts__card-label {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 2;
  color: var(--c-turquoise-03);
  padding: 0.35rem 0.5rem;
  background-color: var(--c-black-01);
}

.fufu-blog-posts__card-title {
  margin: 0 0 1rem;
  color: var(--c-turquoise-03);
}

.fufu-blog-posts__card-date {
  margin: 0;
  color: var(--c-turquoise-additional-06);
}

@media (max-width: 1024px) {
  .fufu-blog-posts__top {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .fufu-blog-posts__arrows {
    display: none;
  }

  .fufu-blog-posts__viewport {
    overflow: visible;
  }

  .fufu-blog-posts__track {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    transform: none !important;
  }

  .fufu-blog-posts__top-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1.5rem;
    align-items: flex-start;
    flex-direction: column;
  }

  .fufu-blog-posts__card {
    flex: none;
  }

  .fufu-blog-posts__card:nth-child(n + 4) {
    display: none;
  }
}