@charset "UTF-8";
@font-face {
  font-family: "Rosie";
  src: url("../../font/RosieRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
  font-family: "Montserrat", system-ui, sans-serif;
  background-color: #f5f4eb;
}

.is-hidden {
  opacity: 0;
}

.grecaptcha-badge {
  display: none !important;
}

main {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

* {
  margin: 0;
  padding: 0;
}

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

input,
button,
textarea,
select {
  font: inherit;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition: none;
  }
}
body {
  margin: 0 auto;
  position: relative;
}

h1,
h2,
h3,
h4,
ul,
p {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

button {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

@keyframes site-preloader-outline {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.985);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes site-preloader-liquid {
  0%,
  100% {
    transform: rotate(-42deg) translate3d(-2px, 2px, 0) scale(1.1);
  }
  50% {
    transform: rotate(14deg) translate3d(2px, -1px, 0) scale(1.1);
  }
}
.site-preloader {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px;
  color: #a63c58;
  background-color: #0d0700;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    opacity 500ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 500ms ease;
}
@media screen and (min-width: 1024px) {
  .site-preloader {
    padding: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}
.site-preloader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 250ms ease,
    transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 1024px) {
  .site-preloader__content {
    gap: clamp(15.6444444444px, calc(1.5277777778vw), 29.3333333333px);
  }
}
.site-preloader__mark {
  display: block;
  width: 173px;
  height: auto;
  overflow: visible;
}
@media screen and (min-width: 1024px) {
  .site-preloader__mark {
    width: clamp(123.0222222222px, calc(12.0138888889vw), 230.6666666667px);
  }
}
.site-preloader__outline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
  transform-box: fill-box;
  transform-origin: center;
  animation: site-preloader-outline 2.8s ease-in-out infinite;
}
.site-preloader__liquid {
  transform-box: view-box;
  transform-origin: 86.5px 86.5px;
  will-change: transform;
  animation: site-preloader-liquid 1.8s ease-in-out infinite;
}
.site-preloader__wine {
  fill: currentColor;
  stroke: currentColor;
  transform: translateX(9px) scaleX(1.5);
  transform-box: fill-box;
  transform-origin: center;
}
@media screen and (min-width: 1024px) {
  .site-preloader__wine {
    --translateX: clamp(6.4px, calc(0.625vw), 12px);
    transform: translateX(var(--translateX)) scaleX(1.5);
  }
}
.site-preloader__progress {
  color: #f5f4eb;
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
@media screen and (min-width: 1024px) {
  .site-preloader__progress {
    font-size: clamp(35.5555555556px, calc(3.4722222222vw), 66.6666666667px);
  }
}
.site-preloader.is-leaving {
  pointer-events: none;
}
.site-preloader.is-leaving .site-preloader__content {
  opacity: 0;
  transform: scale(0.96);
}
.site-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.site-preloader.is-entering {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.site-preloader.is-entering .site-preloader__content {
  opacity: 1;
  transform: scale(1);
}
.site-preloader {
  /*
   * Під час виходу зі старої сторінки показуємо саме початковий кадр.
   * На новому документі клас відсутній, тому анімація запускається з 0%.
   */
}
.site-preloader.is-navigation-hold .site-preloader__outline {
  opacity: 0.55;
  transform: scale(0.985);
  animation: none;
}
.site-preloader.is-navigation-hold .site-preloader__liquid {
  transform: rotate(-42deg) translate3d(-2px, 2px, 0) scale(1.1);
  animation: none;
}

html.is-preloading,
html.is-page-leaving {
  overflow: hidden;
}
html.is-preloading body,
html.is-page-leaving body {
  overflow: hidden;
}

html.is-page-leaving {
  cursor: wait;
}
html.is-page-leaving body {
  pointer-events: none;
}
html.is-page-leaving .site-preloader {
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .site-preloader__outline,
  .site-preloader__liquid {
    animation: none;
  }
}
.header {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  --header-surface: transparent;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--header-surface);
}
.header.is-scrolled {
  --header-surface: #f5f4eb;
}
@media screen and (min-width: 1024px) {
  .header.is-scrolled .header__whatsapp {
    padding-inline: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
    max-width: clamp(256px, calc(25vw), 480px);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.header__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  max-width: 1920px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .header__container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-inline: 37px;
  }
}
@media screen and (min-width: 1024px) {
  .header__container {
    padding-block: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    padding-inline: clamp(
      26.3111111111px,
      calc(2.5694444444vw),
      49.3333333333px
    );
  }
}
.header .header__button:focus-visible,
.header .header__logo:focus-visible,
.header .header__whatsapp:focus-visible,
.header .language-switcher__toggle:focus-visible,
.header .language-switcher__list a:focus-visible {
  outline: 3px solid #b42047;
  outline-offset: 3px;
}
.header .header__button {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: 58px;
  height: 58px;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .header .header__button {
    width: clamp(41.2444444444px, calc(4.0277777778vw), 77.3333333333px);
    height: clamp(41.2444444444px, calc(4.0277777778vw), 77.3333333333px);
  }
}
.header .header__button > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.header .header__logo {
  width: 92px;
  height: 24px;
}
@media screen and (min-width: 768px) {
  .header .header__logo {
    justify-self: center;
    width: 131px;
    height: 34px;
  }
}
@media screen and (min-width: 1024px) {
  .header .header__logo {
    width: clamp(93.1555555556px, calc(9.0972222222vw), 174.6666666667px);
    height: clamp(24.1777777778px, calc(2.3611111111vw), 45.3333333333px);
  }
}
.header .header__logo > svg {
  width: 100%;
  height: 100%;
}
.header .header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  min-width: 52px;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .header .header__actions {
    gap: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header .header__actions {
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.header .header__actions .language-switcher {
  position: relative;
}
.header .header__actions .language-switcher__toggle {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 56px;
  padding: 5px 10px;
}
@media screen and (min-width: 1024px) {
  .header .header__actions .language-switcher__toggle {
    padding-block: clamp(3.5555555556px, calc(0.3472222222vw), 6.6666666667px);
    padding-inline: clamp(
      7.1111111111px,
      calc(0.6944444444vw),
      13.3333333333px
    );
  }
}
.header .header__actions .language-switcher__toggle > span:first-child {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  border-radius: 50%;
  background-color: #dddddc;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d0700;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) {
  .header .header__actions .language-switcher__toggle > span:first-child {
    font-size: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
    width: clamp(27.0222222222px, calc(2.6388888889vw), 50.6666666667px);
    height: clamp(27.0222222222px, calc(2.6388888889vw), 50.6666666667px);
  }
  .header .header__actions .language-switcher__toggle > span:first-child:hover {
    color: #fffef5;
    background-color: #0d0700;
  }
}
.header .header__actions .language-switcher__toggle svg {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  width: 24px;
  height: 24px;
  overflow: visible;
  fill: #231f20;
}
@media screen and (min-width: 1024px) {
  .header .header__actions .language-switcher__toggle svg {
    width: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    height: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}
.header
  .header__actions
  .language-switcher.is-open
  .language-switcher__toggle
  svg {
  transform: rotate(180deg);
}
.header .header__actions .language-switcher__list {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  min-width: 76px;
  margin: 0;
}
.header .header__actions .language-switcher__list[hidden] {
  display: none;
}
.header .header__actions .language-switcher__list > li {
  padding: 5px 10px;
}
@media screen and (min-width: 1024px) {
  .header .header__actions .language-switcher__list > li {
    padding-block: clamp(3.5555555556px, calc(0.3472222222vw), 6.6666666667px);
    padding-inline: clamp(
      7.1111111111px,
      calc(0.6944444444vw),
      13.3333333333px
    );
  }
}
.header .header__actions .language-switcher__list > li > a {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  border-radius: 50%;
  background: #dddddc;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d0700;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) {
  .header .header__actions .language-switcher__list > li > a {
    font-size: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
    width: clamp(27.0222222222px, calc(2.6388888889vw), 50.6666666667px);
    height: clamp(27.0222222222px, calc(2.6388888889vw), 50.6666666667px);
  }
  .header .header__actions .language-switcher__list > li > a:hover {
    color: #fffef5;
    background-color: #0d0700;
  }
}
.header .header__whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 20px;
  flex: 0 0 auto;
  overflow: hidden;
  color: #fff;
  background-color: #b42047;
}
@media screen and (min-width: 768px) {
  .header .header__whatsapp {
    padding-inline: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .header .header__whatsapp {
    transition:
      max-width 500ms ease,
      padding 500ms ease,
      gap 500ms ease,
      opacity 500ms ease,
      visibility 200ms ease,
      background-color 500ms ease;
    width: auto;
    padding-inline: 0;
    max-width: 0;
    opacity: 0;
    gap: 0;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    padding-block: clamp(
      16.3555555556px,
      calc(1.5972222222vw),
      30.6666666667px
    );
  }
  .header .header__whatsapp:hover {
    background-color: #a63c58;
  }
}
.header .header__whatsapp span {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header .header__whatsapp span {
    display: block;
    color: #fff;
    font-family: Montserrat;
    font-size: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
  }
}
.header .header__whatsapp svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .header .header__whatsapp svg {
    width: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    height: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}

@keyframes hero-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes hero-scroll-cue-pulse {
  0%,
  100% {
    opacity: 0.72;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.16);
  }
}
.hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: #f5f4eb;
  height: 100vh;
  max-height: 900px;
}
@media screen and (min-width: 768px) {
  .hero {
    max-height: 1024px;
  }
}
@media screen and (min-width: 1024px) {
  .hero {
    max-height: clamp(640px, calc(62.5vw), 1200px);
  }
}
.hero::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 12px;
  background-color: #f5f4eb;
  pointer-events: none;
}
.hero__media {
  position: absolute;
  z-index: 0;
  inset: -2px -2px 4px;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.hero__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(245, 244, 235, 0) 50%, #f5f4eb 90%);
}
.hero__container {
  --hero-inline-padding: 10px;
  z-index: 2;
  position: relative;
  isolation: isolate;
  min-height: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: var(--hero-inline-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media screen and (min-width: 768px) {
  .hero__container {
    --hero-inline-padding: 37px;
    padding-inline: var(--hero-inline-padding);
    gap: 140px;
    max-height: 1024px;
  }
}
@media screen and (min-width: 1024px) {
  .hero__container {
    --hero-inline-padding: clamp(
      108.0888888889px,
      calc(10.5555555556vw),
      202.6666666667px
    );
    gap: clamp(99.5555555556px, calc(9.7222222222vw), 186.6666666667px);
    max-height: clamp(640px, calc(62.5vw), 1200px);
  }
}
.hero__container > p {
  position: relative;
  z-index: 2;
  margin-top: 160px;
  color: #0d0700;
  text-align: center;
  font-family: Montserrat;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .hero__container > p {
    width: 75%;
    margin-top: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .hero__container > p {
    width: unset;
    margin-top: unset;
    font-size: clamp(14.9333333333px, calc(1.4583333333vw), 28px);
  }
}
.hero__video {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #f5f4eb;
}
.hero__title {
  position: relative;
  z-index: 2;
  align-self: stretch;
  width: calc(100% + var(--hero-inline-padding) + var(--hero-inline-padding));
  margin-top: 80px;
  margin-inline: calc(0px - var(--hero-inline-padding));
  color: #0d0700;
  font-family: Rosie, "Cormorant Garamond", serif;
  font-size: 136px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .hero__title {
    margin-top: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .hero__title {
    margin-top: clamp(71.1111111111px, calc(6.9444444444vw), 133.3333333333px);
    font-size: clamp(96.7111111111px, calc(9.4444444444vw), 181.3333333333px);
  }
}
.hero__title-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: hero-marquee 12s linear infinite;
  animation-play-state: paused;
}
@media screen and (min-width: 768px) {
  .hero__title-track {
    animation-duration: 22s;
  }
}
.hero__title-item {
  flex: 0 0 auto;
  padding-right: 0.35em;
}
.hero__scroll-cue {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-self: center;
}
.hero__scroll-cue > svg {
  width: 44px;
  height: 44px;
  transform-origin: center;
  animation: hero-scroll-cue-pulse 3.2s ease-in-out infinite;
}
@media screen and (min-width: 1024px) {
  .hero__scroll-cue > svg {
    width: clamp(31.2888888889px, calc(3.0555555556vw), 58.6666666667px);
    height: clamp(31.2888888889px, calc(3.0555555556vw), 58.6666666667px);
  }
}

html:not(.is-preloading):not(.requires-age-verification) .hero__title-track {
  animation-play-state: running;
}

@media (prefers-reduced-motion: reduce) {
  .hero__title-track,
  .hero__scroll-cue > svg {
    animation: none;
  }
  .hero__title-item:nth-child(2) {
    display: none;
  }
}
.portfolio {
  background: #4a1821;
}
.portfolio__container {
  max-width: 1920px;
  margin-inline: auto;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .portfolio__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: unset;
    min-height: 100vh;
    min-height: 100svh;
    padding-top: unset;
  }
}
.portfolio__container--head {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-inline: 10px;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head {
    padding-inline: 37px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head {
    padding: unset;
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    padding-block: clamp(
      56.8888888889px,
      calc(5.5555555556vw),
      106.6666666667px
    );
    padding-inline: clamp(
      88.1777777778px,
      calc(8.6111111111vw),
      165.3333333333px
    );
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.portfolio__container--head > h2 {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head > h2 {
    font-size: 62px;
    flex-direction: row;
    align-items: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > h2 {
    font-size: clamp(44.0888888889px, calc(4.3055555556vw), 82.6666666667px);
  }
}
.portfolio__container--head > h2 > i {
  margin-left: 100px;
  color: #ebe9d7;
  font-family: "Great Vibes";
  font-size: 67px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head > h2 > i {
    font-size: 101px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > h2 > i {
    font-size: clamp(71.8222222222px, calc(7.0138888889vw), 134.6666666667px);
    margin-left: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.portfolio__container--head > span {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  background: #5e2c35;
  color: #fff;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: -10px;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > span {
    padding-block: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    padding-inline: clamp(
      11.3777777778px,
      calc(1.1111111111vw),
      21.3333333333px
    );
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
    border-radius: clamp(
      71.1111111111px,
      calc(6.9444444444vw),
      133.3333333333px
    );
    font-size: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
    margin-top: clamp(-13.3333333333px, calc(-0.6944444444vw), -7.1111111111px);
  }
}
.portfolio__container--head > div {
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 380px;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head > div {
    height: 600px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > div {
    display: none;
  }
}
.portfolio__container--head > ul.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.tags {
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.portfolio__container--head > ul.tags > li {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #5e2c35;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.tags > li {
    border-radius: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    padding-block: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    padding-inline: clamp(
      11.3777777778px,
      calc(1.1111111111vw),
      21.3333333333px
    );
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.portfolio__container--head > ul.tags > li > svg {
  width: 8px;
  height: 8px;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.tags > li > svg {
    width: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    height: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.portfolio__container--head > ul.tags > li > span {
  color: #f5f4eb;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 154%;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.tags > li > span {
    font-size: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
  }
}
.portfolio__container--head > ul.descriptions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head > ul.descriptions {
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.descriptions {
    gap: clamp(28.4444444444px, calc(2.7777777778vw), 53.3333333333px);
    margin-top: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.portfolio__container--head > ul.descriptions > li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 20px;
  border-radius: 30px;
}
@media screen and (min-width: 768px) {
  .portfolio__container--head > ul.descriptions > li {
    padding: 40px;
    border-radius: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.descriptions > li {
    border-radius: clamp(
      35.5555555556px,
      calc(3.4722222222vw),
      66.6666666667px
    );
    padding: clamp(28.4444444444px, calc(2.7777777778vw), 53.3333333333px);
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.portfolio__container--head > ul.descriptions > li::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    180deg,
    rgb(140, 84, 105) 0%,
    rgba(140, 84, 105, 0.5) 50%,
    rgba(140, 84, 105, 0) 80%
  );
  pointer-events: none;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.descriptions > li::before {
    padding: clamp(0.7111111111px, calc(0.0694444444vw), 1.3333333333px);
  }
}
.portfolio__container--head > ul.descriptions > li > span {
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.descriptions > li > span {
    font-size: clamp(21.3333333333px, calc(2.0833333333vw), 40px);
  }
}
.portfolio__container--head > ul.descriptions > li > p {
  color: #f5f4eb;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .portfolio__container--head > ul.descriptions > li > p {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.portfolio__container--body {
  display: none;
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 496px;
}
@media screen and (min-width: 768px) {
  .portfolio__container--body {
    height: 871px;
  }
}
@media screen and (min-width: 1024px) {
  .portfolio__container--body {
    display: flex;
    height: 100vh;
    height: 100svh;
  }
}

.services {
  background-color: #f5f4eb;
}
.services__container {
  max-width: 1920px;
  margin-inline: auto;
  padding: 60px 10px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .services__container {
    padding: 90px 37px;
  }
}
@media screen and (min-width: 1024px) {
  .services__container {
    padding-block: clamp(64px, calc(6.25vw), 120px);
    padding-inline: clamp(
      108.0888888889px,
      calc(10.5555555556vw),
      202.6666666667px
    );
    gap: clamp(56.8888888889px, calc(5.5555555556vw), 106.6666666667px);
  }
}
.services__container > h2 {
  color: #0d0700;
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-wrap: balance;
}
@media screen and (min-width: 768px) {
  .services__container > h2 {
    font-size: 62px;
  }
}
@media screen and (min-width: 1024px) {
  .services__container > h2 {
    font-size: clamp(44.0888888889px, calc(4.3055555556vw), 82.6666666667px);
    margin-inline: clamp(
      49.7777777778px,
      calc(4.8611111111vw),
      93.3333333333px
    );
  }
}
.services__container > ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (min-width: 1024px) {
  .services__container > ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(35.5555555556px, calc(3.4722222222vw), 66.6666666667px);
  }
}
.services__container > ul > li {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li {
    --gap: clamp(17.7777777778px, calc(1.7361111111vw), 33.3333333333px);
    flex: 0 0 calc(50% - var(--gap));
  }
}
.services__container > ul > li > div.image {
  width: 100%;
  height: 304px;
  background-image: var(--bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.image {
    height: clamp(216.1777777778px, calc(21.1111111111vw), 405.3333333333px);
  }
}
.services__container > ul > li > h3 {
  color: #0d0700;
  font-family: "Cormorant Garamond";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 154%;
  margin-block: 15px 20px;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > h3 {
    font-size: clamp(19.9111111111px, calc(1.9444444444vw), 37.3333333333px);
    margin-top: clamp(10.6666666667px, calc(1.0416666667vw), 20px);
    margin-bottom: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
  }
}
.services__container > ul > li > p {
  color: #0d0700;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > p {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.services__container > ul > li > div.list {
  margin-top: 20px;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list {
    margin-top: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.services__container > ul > li > div.list > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid #95948c;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > button {
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
    padding-block: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    padding-inline: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    border-width: clamp(0.7111111111px, calc(0.0694444444vw), 1.3333333333px);
  }
}
.services__container > ul > li > div.list > button > span {
  color: #0d0700;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > button > span {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.services__container > ul > li > div.list > button > svg {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  width: 24px;
  height: 24px;
  fill: #b42047;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > button > svg {
    width: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    height: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}
.services__container > ul > li > div.list > button:focus-visible {
  outline: 3px solid #b42047;
  outline-offset: 3px;
}
.services__container > ul > li > div.list.is-open > button > svg {
  transform: rotate(180deg);
}
.services__container > ul > li > div.list > .list__panel {
  overflow: hidden;
}
.services__container > ul > li > div.list > .list__panel[hidden] {
  display: none;
}
.services__container > ul > li > div.list > .list__panel > ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block: 20px;
  border-bottom: 1px solid #95948c;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > .list__panel > ul {
    gap: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    padding-block: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    border-width: clamp(0.7111111111px, calc(0.0694444444vw), 1.3333333333px);
  }
}
.services__container > ul > li > div.list > .list__panel > ul > li {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > .list__panel > ul > li {
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.services__container > ul > li > div.list > .list__panel > ul > li > svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > .list__panel > ul > li > svg {
    width: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    height: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}
.services__container > ul > li > div.list > .list__panel > ul > li > span {
  color: #0d0700;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .services__container > ul > li > div.list > .list__panel > ul > li > span {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}

.team {
  background: #4a1821;
}
.team__container {
  max-width: 1920px;
  margin-inline: auto;
  padding: 60px 10px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .team__container {
    padding: 90px 37px;
    gap: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container {
    gap: clamp(28.4444444444px, calc(2.7777777778vw), 53.3333333333px);
    padding-block: clamp(64px, calc(6.25vw), 120px);
    padding-inline: clamp(
      108.0888888889px,
      calc(10.5555555556vw),
      202.6666666667px
    );
  }
}
.team__container > h2 {
  color: #f5f4eb;
  font-family: "Cormorant Garamond";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .team__container > h2 {
    font-size: 62px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > h2 {
    font-size: clamp(44.0888888889px, calc(4.3055555556vw), 82.6666666667px);
    display: flex;
    align-items: baseline;
    gap: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.team__container > h2 > i {
  color: #ebe9d7;
  font-family: "Great Vibes";
  font-size: 67px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media screen and (min-width: 768px) {
  .team__container > h2 > i {
    font-size: 101px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > h2 > i {
    font-size: clamp(71.8222222222px, calc(7.0138888889vw), 134.6666666667px);
  }
}
.team__container > div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .team__container > div {
    gap: clamp(71.8222222222px, calc(7.0138888889vw), 134.6666666667px);
  }
}
.team__container > div > ul {
  touch-action: pan-y;
}
.team__container > div > ul > li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (min-width: 768px) {
  .team__container > div > ul > li {
    gap: 110px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li {
    flex-direction: row;
    align-items: center;
    gap: clamp(35.5555555556px, calc(3.4722222222vw), 66.6666666667px);
  }
}
.team__container > div > ul > li[hidden] {
  display: none;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div {
    --gap: clamp(17.7777777778px, calc(1.7361111111vw), 33.3333333333px);
    flex: 0 0 calc(50% - var(--gap));
  }
}
.team__container > div > ul > li > div.left > div.image {
  background-image: var(--bg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 368px;
}
@media screen and (min-width: 768px) {
  .team__container > div > ul > li > div.left > div.image {
    height: 736px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.left > div.image {
    width: clamp(386.1333333333px, calc(37.7083333333vw), 724px);
    height: clamp(487.8222222222px, calc(47.6388888889vw), 914.6666666667px);
  }
}
.team__container > div > ul > li > div.left > svg {
  position: absolute;
  top: 221px;
  left: -28px;
  width: 188px;
  height: 188px;
  fill: transparent;
  stroke: #a63c58;
}
@media screen and (min-width: 768px) {
  .team__container > div > ul > li > div.left > svg {
    top: 444px;
    left: -67px;
    width: 345px;
    height: 345px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.left > svg {
    top: clamp(179.9111111111px, calc(17.5694444444vw), 337.3333333333px);
    left: clamp(-114.6666666667px, calc(-5.9722222222vw), -61.1555555556px);
    width: clamp(245.3333333333px, calc(23.9583333333vw), 460px);
    height: clamp(245.3333333333px, calc(23.9583333333vw), 460px);
  }
}
.team__container > div > ul > li > div.right {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right {
    justify-content: center;
    margin-bottom: clamp(
      28.4444444444px,
      calc(2.7777777778vw),
      53.3333333333px
    );
  }
}
.team__container > div > ul > li > div.right > h3 {
  color: #fff;
  font-family: "Cormorant Garamond";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .team__container > div > ul > li > div.right > h3 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > h3 {
    font-size: clamp(21.3333333333px, calc(2.0833333333vw), 40px);
    margin-bottom: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.team__container > div > ul > li > div.right > div.tag {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  background: #5e2c35;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > div.tag {
    padding-block: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    padding-inline: clamp(
      11.3777777778px,
      calc(1.1111111111vw),
      21.3333333333px
    );
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
    border-radius: clamp(
      71.1111111111px,
      calc(6.9444444444vw),
      133.3333333333px
    );
  }
}
.team__container > div > ul > li > div.right > div.tag > svg {
  fill: transparent;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > div.tag > svg {
    width: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
    height: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.team__container > div > ul > li > div.right > div.tag > span {
  color: #fff;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > div.tag > span {
    font-size: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
  }
}
.team__container > div > ul > li > div.right > ul {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > ul {
    margin-top: clamp(28.4444444444px, calc(2.7777777778vw), 53.3333333333px);
    gap: clamp(2.8444444444px, calc(0.2777777778vw), 5.3333333333px);
  }
}
.team__container > div > ul > li > div.right > ul > li {
  border-bottom: 1px solid #724049;
  padding-block: 20px;
  padding-inline: 12px;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > ul > li {
    padding-block: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    padding-inline: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
    border-width: clamp(0.7111111111px, calc(0.0694444444vw), 1.3333333333px);
  }
}
.team__container > div > ul > li > div.right > ul > li > button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > ul > li > button {
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.team__container > div > ul > li > div.right > ul > li > button > span {
  color: #fff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > ul > li > button > span {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.team__container > div > ul > li > div.right > ul > li > button > svg {
  width: 24px;
  height: 24px;
  fill: #fff;
  flex: 0 0 auto;
  transition: transform 250ms ease;
}
@media screen and (min-width: 1024px) {
  .team__container > div > ul > li > div.right > ul > li > button > svg {
    width: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    height: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
  }
}
.team__container > div > ul > li > div.right > ul > li > button:focus-visible {
  outline: 3px solid #f5f4eb;
  outline-offset: 4px;
}
.team__container > div > ul > li > div.right > ul > li.is-open > button > svg {
  transform: rotate(180deg);
}
.team__container
  > div
  > ul
  > li
  > div.right
  > ul
  > li
  > .team__accordion-panel {
  overflow: hidden;
}
.team__container
  > div
  > ul
  > li
  > div.right
  > ul
  > li
  > .team__accordion-panel[hidden] {
  display: none;
}
.team__container
  > div
  > ul
  > li
  > div.right
  > ul
  > li
  > .team__accordion-panel
  > p {
  color: #fff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 168%;
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .team__container
    > div
    > ul
    > li
    > div.right
    > ul
    > li
    > .team__accordion-panel
    > p {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
    padding-top: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.team__container > div > div {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .team__container > div > div {
    gap: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.team__container > div > div[hidden] {
  display: none;
}
.team__container > div > div > span {
  color: #fff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 168%;
}
@media screen and (min-width: 1024px) {
  .team__container > div > div > span {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.team__container > div > div > div {
  display: flex;
  gap: 4px;
}
@media screen and (min-width: 1024px) {
  .team__container > div > div > div {
    gap: clamp(2.8444444444px, calc(0.2777777778vw), 5.3333333333px);
  }
}
.team__container > div > div > div > button {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  padding-inline: 20px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b42047;
}
.team__container > div > div > div > button:disabled {
  opacity: 0.45;
  cursor: default;
}
.team__container > div > div > div > button:focus-visible {
  outline: 3px solid #f5f4eb;
  outline-offset: 3px;
}
@media screen and (min-width: 1024px) {
  .team__container > div > div > div > button {
    padding-inline: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    height: clamp(56.8888888889px, calc(5.5555555556vw), 106.6666666667px);
  }
  .team__container > div > div > div > button:hover {
    background-color: #a63c58;
  }
}
.team__container > div > div > div > button:last-child > svg {
  rotate: 180deg;
}
.team__container > div > div > div > button > svg {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  width: 17px;
  height: 15px;
  fill: transparent;
  stroke: #ffffff;
}
@media screen and (min-width: 1024px) {
  .team__container > div > div > div > button > svg {
    width: clamp(12.0888888889px, calc(1.1805555556vw), 22.6666666667px);
    height: clamp(10.6666666667px, calc(1.0416666667vw), 20px);
  }
}

@keyframes site-menu-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
html.has-menu-open {
  overflow: hidden;
}
html.has-menu-open body {
  overflow: hidden;
}

.site-menu-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  width: 100%;
  height: 100dvh;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 300ms ease;
}
.site-menu-modal[hidden] {
  display: none;
}
.site-menu-modal.is-open {
  visibility: visible;
  pointer-events: auto;
}
.site-menu-modal.is-open .site-menu-modal__panel {
  transform: translateX(0);
}
.site-menu-modal__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 100svh;
  height: 100%;
  overflow: hidden;
  background: #4a1821;
  transform: translateX(-100%);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  isolation: isolate;
}
.site-menu-modal__close {
  position: absolute;
  z-index: 5;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 12px;
  color: #ebe9d7;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__close {
    top: 18px;
    right: 18px;
    width: 68px;
    height: 68px;
    padding: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__close {
    top: clamp(12.8px, calc(1.25vw), 24px);
    right: clamp(12.8px, calc(1.25vw), 24px);
    width: clamp(48.3555555556px, calc(4.7222222222vw), 90.6666666667px);
    height: clamp(48.3555555556px, calc(4.7222222222vw), 90.6666666667px);
    padding: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.site-menu-modal__close:focus-visible {
  outline: 3px solid #b3ad7d;
  outline-offset: 2px;
}
.site-menu-modal__close svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.site-menu-modal__navigation {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 68px 20px 82px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__navigation {
    padding: 84px 37px 92px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation {
    padding-top: clamp(59.7333333333px, calc(5.8333333333vw), 112px);
    padding-inline: clamp(
      108.0888888889px,
      calc(10.5555555556vw),
      202.6666666667px
    );
    padding-bottom: clamp(
      65.4222222222px,
      calc(6.3888888889vw),
      122.6666666667px
    );
  }
}
.site-menu-modal__navigation > nav.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: -moz-min-content;
  min-height: min-content;
}
.site-menu-modal__navigation > nav.menu > ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__navigation > nav.menu > ul {
    gap: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.menu > ul {
    gap: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
  }
}
.site-menu-modal__navigation > nav.menu > ul > li {
  display: flex;
  justify-content: center;
}
.site-menu-modal__navigation > nav.menu > ul > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  color: #f5f4eb;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.menu > ul > li > a {
    min-height: clamp(31.2888888889px, calc(3.0555555556vw), 58.6666666667px);
  }
}
.site-menu-modal__navigation > nav.menu > ul > li > a:focus-visible {
  outline: 3px solid #b3ad7d;
  outline-offset: 7px;
}
.site-menu-modal__navigation > nav.menu > ul > li > a > svg {
  display: none;
}
.site-menu-modal__navigation > nav.menu > ul > li > a > span {
  color: currentColor;
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  transition: color 280ms ease;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__navigation > nav.menu > ul > li > a > span {
    font-size: 54px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.menu > ul > li > a > span {
    font-size: clamp(44.0888888889px, calc(4.3055555556vw), 82.6666666667px);
  }
}
.site-menu-modal__navigation > nav.social-network {
  position: relative;
  z-index: 2;
  margin-top: 28px;
}
.site-menu-modal__navigation > nav.social-network > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 8px;
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.social-network > ul {
    -moz-column-gap: clamp(
      5.6888888889px,
      calc(0.5555555556vw),
      10.6666666667px
    );
    column-gap: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.site-menu-modal__navigation > nav.social-network > ul > li > a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px;
  color: #f5f4eb;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.social-network > ul > li > a {
    gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
    padding: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}
.site-menu-modal__navigation > nav.social-network > ul > li > a:focus-visible {
  outline: 2px solid #b3ad7d;
  outline-offset: 2px;
}
.site-menu-modal__navigation > nav.social-network > ul > li > a > svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.social-network > ul > li > a > svg {
    width: clamp(12.8px, calc(1.25vw), 24px);
    height: clamp(12.8px, calc(1.25vw), 24px);
  }
}
.site-menu-modal__navigation > nav.social-network > ul > li > a > span {
  color: currentColor;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.54;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__navigation > nav.social-network > ul > li > a > span {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__navigation > nav.social-network > ul > li > a > span {
    font-size: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
  }
}
.site-menu-modal__marquee {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -0.14em;
  left: 0;
  overflow: hidden;
  color: #f5f4eb;
  opacity: 0.05;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.site-menu-modal__marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
  animation: site-menu-marquee 22s linear infinite;
}
.site-menu-modal__marquee-item {
  flex: none;
  padding-right: 0.3em;
  font-family: Rosie, "Cormorant Garamond", serif;
  font-size: 92px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .site-menu-modal__marquee-item {
    font-size: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .site-menu-modal__marquee-item {
    font-size: clamp(145.0666666667px, calc(14.1666666667vw), 272px);
  }
}
.site-menu-modal__previews {
  display: none;
}

@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  .site-menu-modal__navigation > nav.menu > ul > li > a > svg {
    position: absolute;
    top: 50%;
    --gap: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
    right: calc(100% + var(--gap));
    display: block;
    fill: #b3ad7d;
    opacity: 0;
    transform: translateY(-50%) scale(0.2) rotate(-35deg);
    transform-origin: center;
    transition:
      opacity 220ms ease,
      transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
    width: clamp(48.3555555556px, calc(4.7222222222vw), 90.6666666667px);
    height: clamp(48.3555555556px, calc(4.7222222222vw), 90.6666666667px);
  }
  .site-menu-modal__navigation > nav.menu > ul > li > a:hover,
  .site-menu-modal__navigation > nav.menu > ul > li > a:focus-visible {
    color: #b3ad7d;
  }
  .site-menu-modal__navigation > nav.menu > ul > li > a:hover > svg,
  .site-menu-modal__navigation > nav.menu > ul > li > a:focus-visible > svg {
    opacity: 1;
    transform: translateY(-50%) scale(1) rotate(0deg);
  }
  .site-menu-modal__previews {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    overflow: hidden;
    pointer-events: none;
  }
  .site-menu-modal__previews > img {
    position: absolute;
    top: var(--menu-preview-y, 0);
    left: var(--menu-preview-x, 0);
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(0.84)
      rotate(var(--menu-preview-rotate, 0deg));
    transform-origin: center;
    transition:
      opacity 240ms ease,
      transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
    width: clamp(164.2666666667px, calc(16.0416666667vw), 308px);
    height: clamp(164.2666666667px, calc(16.0416666667vw), 308px);
  }
  .site-menu-modal__previews > img.is-active {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
      rotate(var(--menu-preview-rotate, 0deg));
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-menu-modal,
  .site-menu-modal__panel,
  .site-menu-modal__navigation > nav.menu > ul > li > a > span,
  .site-menu-modal__navigation > nav.menu > ul > li > a > svg,
  .site-menu-modal__previews > img {
    transition-duration: 0.01ms;
  }
  .site-menu-modal__marquee-track {
    animation: none;
    transform: none;
  }
  .site-menu-modal__marquee-item:nth-child(2) {
    display: none;
  }
}
:root {
  --alcohol-consumption-height: 28px;
}
@media screen and (min-width: 1024px) {
  :root {
    --alcohol-consumption-height: clamp(
      19.9111111111px,
      calc(1.9444444444vw),
      37.3333333333px
    );
  }
}

@keyframes alcohol-consumption-marquee {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
html.requires-age-verification {
  overflow: hidden;
}
html.requires-age-verification body {
  overflow: hidden;
}
html.requires-age-verification::before {
  position: fixed;
  z-index: 19990;
  inset: 0;
  content: "";
  background: #4a1821;
}
html.requires-age-verification .modal-age:not([hidden]) {
  display: grid;
}

.modal-age {
  position: fixed;
  z-index: 20000;
  inset: 0;
  display: none;
  place-items: center;
  width: 100%;
  min-height: 100svh;
  height: 100dvh;
  padding: 24px 16px;
  overflow-y: auto;
  background: #4a1821;
  color: #f5f4eb;
}
@media screen and (min-width: 1024px) {
  .modal-age {
    padding-block: clamp(17.0666666667px, calc(1.6666666667vw), 32px);
    padding-inline: clamp(
      18.4888888889px,
      calc(1.8055555556vw),
      34.6666666667px
    );
  }
}
.modal-age[hidden] {
  display: none !important;
}
.modal-age__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  min-height: 320px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .modal-age__container {
    gap: clamp(21.3333333333px, calc(2.0833333333vw), 40px);
    min-height: clamp(
      227.5555555556px,
      calc(22.2222222222vw),
      426.6666666667px
    );
  }
}
.modal-age__question {
  font-family: "Cormorant Garamond", serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.08;
}
@media screen and (min-width: 768px) {
  .modal-age__question {
    font-size: 62px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-age__question {
    font-size: clamp(44.0888888889px, calc(4.3055555556vw), 82.6666666667px);
  }
}
.modal-age__status {
  color: #ebe9d7;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.54;
}
@media screen and (min-width: 1024px) {
  .modal-age__status {
    font-size: clamp(11.3777777778px, calc(1.1111111111vw), 21.3333333333px);
  }
}
.modal-age__status:focus {
  outline: none;
}
.modal-age__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .modal-age__actions {
    gap: clamp(8.5333333333px, calc(0.8333333333vw), 16px);
  }
}
.modal-age__button {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding-inline: 20px;
  border: 2px solid #b42047;
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
}
@media screen and (min-width: 1024px) {
  .modal-age__button {
    border-width: clamp(1.4222222222px, calc(0.1388888889vw), 2.6666666667px);
    padding-inline: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    min-height: clamp(56.8888888889px, calc(5.5555555556vw), 106.6666666667px);
    font-size: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
  }
}
.modal-age__button--accept {
  background: #c51d49;
}
.modal-age__button--decline {
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .modal-age__button:hover {
    border-color: #a63c58;
    background: #a63c58;
  }
}
.modal-age.is-denied .modal-age__status {
  animation: age-status-in 220ms ease both;
}

@keyframes age-status-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.modal-cookies {
  position: fixed;
  z-index: 9500;
  bottom: var(--alcohol-consumption-height);
  left: 0;
  max-width: 444px;
  margin-inline: auto;
  border: 1px solid #b2ad7d;
  background: rgba(235, 233, 215, 0.9);
  backdrop-filter: blur(12px);
  color: #0d0700;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(18px);
  transition:
    opacity 250ms ease,
    visibility 250ms ease,
    transform 250ms ease;
}
@media screen and (min-width: 1024px) {
  .modal-cookies {
    border-width: clamp(0.7111111111px, calc(0.0694444444vw), 1.3333333333px);
    max-width: clamp(341.3333333333px, calc(33.3333333333vw), 640px);
    --traslateY: clamp(12.8px, calc(1.25vw), 24px);
    transform: translateY(var(--traslateY));
  }
}
.modal-cookies[hidden] {
  display: none;
}
.modal-cookies.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.modal-cookies__container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .modal-cookies__container {
    gap: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
    padding: clamp(14.2222222222px, calc(1.3888888889vw), 26.6666666667px);
  }
}
.modal-cookies__message {
  color: #0d0700;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .modal-cookies__message {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-cookies__message {
    font-size: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
    gap: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.modal-cookies__message a {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
@media screen and (min-width: 1024px) {
  .modal-cookies__message a {
    text-decoration-thickness: clamp(
      0.7111111111px,
      calc(0.0694444444vw),
      1.3333333333px
    );
    text-underline-offset: clamp(
      0.7111111111px,
      calc(0.0694444444vw),
      1.3333333333px
    );
  }
}
.modal-cookies__message a:focus-visible {
  outline: 3px solid #c51d49;
  outline-offset: 3px;
}
.modal-cookies button {
  transition: all 0.5s cubic-bezier(0.33, 1, 0.69, 1);
  padding: 8px 16px;
  color: #fff;
  border-radius: 20px;
  background: #b42047;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) {
  .modal-cookies button {
    font-size: clamp(9.9555555556px, calc(0.9722222222vw), 18.6666666667px);
    border-radius: clamp(
      14.2222222222px,
      calc(1.3888888889vw),
      26.6666666667px
    );
    padding-inline: clamp(
      11.3777777778px,
      calc(1.1111111111vw),
      21.3333333333px
    );
    padding-block: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.modal-cookies button:focus-visible {
  outline: 3px solid #0d0700;
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .modal-cookies button:hover {
    background: #9f173a;
  }
}

.alcohol-consumption {
  position: fixed;
  z-index: 9000;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--alcohol-consumption-height);
  overflow: hidden;
  background: #0d0700;
  color: #f5f4eb;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.alcohol-consumption__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  will-change: transform;
  animation: alcohol-consumption-marquee 32s linear infinite;
}
.alcohol-consumption__group {
  display: flex;
  flex: none;
  align-items: center;
  height: 100%;
}
.alcohol-consumption__item {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 8px;
  padding-right: 8px;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .alcohol-consumption__item {
    gap: clamp(15.6444444444px, calc(1.5277777778vw), 29.3333333333px);
    padding-right: clamp(
      15.6444444444px,
      calc(1.5277777778vw),
      29.3333333333px
    );
  }
}
.alcohol-consumption__item svg {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  fill: #b2ad7d;
}
@media screen and (min-width: 1024px) {
  .alcohol-consumption__item svg {
    width: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
    height: clamp(5.6888888889px, calc(0.5555555556vw), 10.6666666667px);
  }
}
.alcohol-consumption__item span {
  color: #f5f4eb;
  font-family: Montserrat;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 1024px) {
  .alcohol-consumption__item span {
    font-size: clamp(7.1111111111px, calc(0.6944444444vw), 13.3333333333px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .alcohol-consumption__track {
    animation: none;
    transform: none;
  }
  .alcohol-consumption__group:nth-child(2) {
    display: none;
  }
  .modal-age.is-denied .modal-age__status {
    animation: none;
  }
} /*# sourceMappingURL=index.css.map */