.site-size-wrapper-cutty {
  max-width: 1366px;
  margin: 0 auto; }

.site-size-wrapper-cutty {
  max-width: 1366px;
  margin: 0 auto; }

.ParagraphCocktail {
  flex-direction: column;
  position: relative;
  color: #000; }
  .ParagraphCocktail-Wrapper {
    align-items: center; }
    @media (min-width: 1180px) {
      .ParagraphCocktail-Wrapper {
        display: flex; } }
  .ParagraphCocktail-header {
    margin-bottom: 3rem;
    width: 100%;
    box-sizing: border-box; }
    @media (min-width: 1180px) {
      .ParagraphCocktail-header {
        padding: 5rem; } }
    @media (max-width: 1179px) {
      .ParagraphCocktail-header {
        padding: 5rem 5rem 0; } }
    @media (max-width: 767px) {
      .ParagraphCocktail-header {
        padding: 5rem 2rem 0; } }
  .ParagraphCocktail-surtitle {
    font-family: var(--secondary-font);
    font-weight: bold;
    letter-spacing: 0.07em;
    margin-bottom: 3rem;
    text-align: center; }
  .ParagraphCocktail-title {
    font-family: "Century Gothic";
    font-size: 4rem;
    background: none;
    color: #171407;
    padding: 0;
    margin-bottom: 3rem;
    text-align: left; }
  .ParagraphCocktail-titleWrapper {
    padding-right: 0; }
  .ParagraphCocktail-cocktails {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    transform: none; }
    @media (min-width: 1180px) {
      .ParagraphCocktail-cocktails {
        margin: 10rem 0; } }
    @media (max-width: 1179px) {
      .ParagraphCocktail-cocktails {
        padding: 2rem;
        margin-bottom: 10rem; } }
    .ParagraphCocktail-cocktails .swiper-wrapper {
      height: auto; }
    @media (max-width: 767px) {
      .ParagraphCocktail-cocktails .swiper-container::after, .ParagraphCocktail-cocktails .swiper-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 10rem;
        background: linear-gradient(to right, var(--body-bg-color), #FFFEF700);
        z-index: 100; } }
    .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
      width: 42rem;
      margin: 0;
      background: transparent;
      text-align: center;
      padding: 0; }
      @media (max-width: 767px) {
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph {
          width: calc(100% - 1.8rem);
          margin: 0 0.9rem 3rem; }
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph.swiper-slide:last-child {
            margin-right: 10rem; } }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph.swiper-slide {
        margin-bottom: 0; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-cocktail {
        margin-bottom: 1rem;
        overflow: hidden;
        position: relative; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-cocktail::before {
          content: '';
          position: absolute;
          background-color: var(--primary-color);
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          transition: opacity 0.15s ease-in-out 0s; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-cocktail img {
          display: block;
          transform: none;
          transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media {
        margin-bottom: 0;
        color: #000;
        position: relative;
        border: none;
        box-shadow: none;
        width: 100%;
        background: none; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media img {
          display: block;
          width: 100%;
          height: auto; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #fff url("../../../../../assets/build/img/papier.png") top center;
          transform: none;
          border: none;
          z-index: -1;
          transition: all .2s ease-out; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media::after {
          content: "";
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          background: none;
          border: solid 2px #000;
          opacity: 1 !important;
          transform: rotate(-3deg);
          top: -0.4rem;
          transition: all .2s ease-out; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-media .NodeCocktail-paragraph-cta {
          position: absolute;
          left: 50%;
          top: 50%;
          max-width: 100%;
          transform: translate3d(-50%, 30rem, 0) rotate3d(0, 0, 1, -10deg) scale3d(0.8, 0.8, 1);
          transition: transform 0.5s ease-in-out 0s, visibility 0s linear 0.5s;
          visibility: hidden;
          font-family: var(--secondary-font);
          font-size: 5rem;
          font-weight: bold;
          z-index: 3; }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        margin: 2rem; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-media, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-media {
          margin-bottom: 0;
          border: none;
          box-shadow: none; }
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-media::after, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-media::after {
            opacity: 0.25; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cta, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cta {
          transform: none;
          visibility: visible;
          transition-delay: 0s; }
        .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cocktail, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cocktail {
          transform: none; }
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cocktail:before, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cocktail:before {
            opacity: 0.23;
            z-index: 1; }
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:hover .NodeCocktail-paragraph-cocktail img, .ParagraphCocktail-cocktails .NodeCocktail-paragraph-contentWrapper:focus .NodeCocktail-paragraph-cocktail img {
            transform: scale(1.2); }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
        font-family: var(--secondary-font);
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        margin-top: 2rem; }
        @media (min-width: 768px) {
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
            font-size: 3rem; } }
        @media (max-width: 767px) {
          .ParagraphCocktail-cocktails .NodeCocktail-paragraph-title {
            font-size: 2rem; } }
      .ParagraphCocktail-cocktails .NodeCocktail-paragraph .NodeCocktail-paragraph-content {
        flex: 1;
        padding: 0; }
  .ParagraphCocktail .swiper-button-prev,
  .ParagraphCocktail .swiper-button-next {
    bottom: 0;
    top: 0;
    background: linear-gradient(90deg, transparent 0%, var(--header-bg-color) 70%);
    height: auto;
    opacity: 1; }
    @media (min-width: 768px) {
      .ParagraphCocktail .swiper-button-prev,
      .ParagraphCocktail .swiper-button-next {
        width: 6rem;
        padding-right: 5rem; } }
    @media (max-width: 767px) {
      .ParagraphCocktail .swiper-button-prev,
      .ParagraphCocktail .swiper-button-next {
        width: 2.5rem;
        padding-right: 1rem; } }
    .ParagraphCocktail .swiper-button-prev::after,
    .ParagraphCocktail .swiper-button-next::after {
      content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M509.7 261.7c3.125-3.125 3.125-8.188 0-11.31l-152-152C356.1 96.78 354.1 95.1 352 95.1s-4.094 .7813-5.656 2.344c-3.125 3.125-3.125 8.188 0 11.31l138.3 138.3H8c-4.406 0-8 3.578-8 8C0 260.4 3.594 263.1 8 263.1h476.7l-138.3 138.3c-3.125 3.125-3.125 8.188 0 11.31s8.188 3.125 11.31 0L509.7 261.7z'/></svg>");
      transition: inherit;
      width: 5.5rem;
      height: 5.5rem; }
    @media (max-width: 767px) {
      .ParagraphCocktail .swiper-button-prev,
      .ParagraphCocktail .swiper-button-next {
        background: none;
        z-index: 110; } }
  .ParagraphCocktail .swiper-button-prev {
    display: none;
    left: 0;
    background: linear-gradient(90deg, var(--header-bg-color) 0%, transparent 70%); }
    .ParagraphCocktail .swiper-button-prev::after {
      content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M2.344 250.3c-3.125 3.125-3.125 8.188 0 11.31l152 152C155.9 415.2 157.9 415.1 160 415.1s4.094-.7813 5.656-2.344c3.125-3.125 3.125-8.188 0-11.31L27.31 263.1H504C508.4 263.1 512 260.4 512 256s-3.594-8-8-8H27.31l138.3-138.3c3.125-3.125 3.125-8.188 0-11.31s-8.188-3.125-11.31 0L2.344 250.3z'/></svg>");
      transition: inherit;
      width: 5.5rem;
      height: 5.5rem; }
  .ParagraphCocktail .swiper-button-disabled {
    display: none; }
  .ParagraphCocktail .swiper-button-disabled::after {
    opacity: 0.3; }

a:hover .NodeCocktail-paragraph-title, a:focus .NodeCocktail-paragraph-title {
  text-decoration: none; }

.ParagraphCocktail {
  overflow: hidden; }
  .ParagraphCocktail .more-container {
    text-align: left;
    margin-left: 0; }
  .ParagraphCocktail-link.more-container a {
    padding: 1.2rem 3.2rem;
    display: inline-block;
    font-size: 1.8rem;
    background: #000;
    color: var(--header-bg-color);
    margin-top: 3rem; }
  .ParagraphCocktail-Wrapper {
    align-items: center; }

.cocktailBTWrapper:not(.swiper-slide-active) {
  opacity: 0.2; }
  .cocktailBTWrapper:not(.swiper-slide-active) .NodeCocktail-paragraph-title {
    opacity: 0; }
  .cocktailBTWrapper:not(.swiper-slide-active) .NodeCocktail-paragraph-title:before, .cocktailBTWrapper:not(.swiper-slide-active) .NodeCocktail-paragraph-title:after, .cocktailBTWrapper:not(.swiper-slide-active) .NodeCocktail-paragraph-media:before, .cocktailBTWrapper:not(.swiper-slide-active) .NodeCocktail-paragraph-media:after {
    opacity: 0 !important; }

.cocktailBTWrapper:hover img {
  transform: scale(1.08); }

.cocktailBTWrapper:hover .cocktailBT-media::after {
  opacity: 1;
  transform: rotate(4deg); }

.NodeEditorial .ParagraphCocktail-cocktails {
  margin: 10rem 0 0; }

.ParagraphCocktail-cocktails .swiper-pagination {
  bottom: 0; }
  @media (min-width: 1180px) {
    .ParagraphCocktail-cocktails .swiper-pagination {
      display: none; } }
  .ParagraphCocktail-cocktails .swiper-pagination-bullet {
    background: #EFE9D0;
    opacity: 1;
    width: 1rem;
    height: 1rem; }
    .ParagraphCocktail-cocktails .swiper-pagination-bullet-active {
      background: #171407; }

/*# sourceMappingURL=cocktail.css.map */