* {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-family: "Instrument Sans", sans-serif;
  letter-spacing: 0.5px;
  text-decoration: none;
  outline: none;
  scroll-behavior: smooth;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  * {
    font-size: clamp(7px, 0.78125vw, 10px);
  }
}
@media screen and (max-width: 560px) {
  * {
    font-size: 9px;
  }
}

b, strong, i, em, u, s, mark, small, kbd, abbr {
  font-size: inherit;
  line-height: inherit;
}

html {
  background: var(--main-bg);
}

body {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3.2rem;
}
@media screen and (max-width: 560px) {
  body {
    gap: 35px;
  }
}

.js-g-block-scroll {
  overflow: hidden;
  touch-action: none;
}

.js-g-hidden {
  display: none !important;
}

._01JQIsXj {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
@media screen and (max-width: 1360px) {
  ._01JQIsXj {
    width: calc(100% - 4rem);
    margin: 0 2rem;
  }
}
@media screen and (max-width: 560px) {
  ._01JQIsXj {
    width: calc(100% - 24px);
    margin: 0 12px;
  }
}

._EgIiZJLu {
  margin-top: 0.8rem;
  overflow-x: auto;
}

._uFRQEol7 {
  display: inline-block;
  padding: 0.7rem 2rem;
  border: none;
  border-radius: 0.8rem;
  border: solid 1px var(--button-primary-stroke);
  background: var(--button-primary-bg);
  font-family: "Archivo Black";
  font-size: 1.6rem;
  line-height: 140%;
  color: var(--button-primary-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: filter 0.2s;
}
@media screen and (max-width: 560px) {
  ._uFRQEol7 {
    padding: 10px 20px;
  }
}
._uFRQEol7:not([disabled]):hover {
  filter: var(--hover);
  cursor: pointer;
}
._uFRQEol7:not([disabled]):active {
  filter: var(--active);
  cursor: pointer;
}

._uFRQEol7._zO2sJRbH {
  border: solid 1px var(--button-secondary-stroke);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}

._QAKUCPUW {
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 500;
  border: solid 1px transparent;
  border-radius: 0.8rem;
  color: var(--text-nav);
  transition: all 0.2s;
  cursor: pointer;
}
._QAKUCPUW:hover {
  filter: var(--hover);
  border-color: var(--text-nav);
}
._QAKUCPUW:active {
  color: var(--text-accent);
}

._QAKUCPUW._99ZHJKow {
  color: var(--text-accent);
}

.js-lang-dropdown {
  position: relative;
  cursor: pointer;
}
.js-lang-dropdown:hover .js-current ._yBXN6XdM {
  text-decoration: underline;
}
.js-lang-dropdown .js-current {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.8rem;
}
.js-lang-dropdown .js-current ._ZB2qN8Gj {
  flex-shrink: 0;
  display: block;
  width: 1.4rem;
  height: auto;
}
.js-lang-dropdown .js-current ._yBXN6XdM {
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-nav);
}
.js-lang-dropdown .js-current ._yrnhtdBs {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: auto;
  transition: transform 0.2s;
}
.js-lang-dropdown ._lj794bxS {
  position: absolute;
  left: 50%;
  min-width: 100%;
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border: solid 1px var(--stroke-main);
  border-radius: 2rem;
  background: var(--tabs-bg);
  transform: translate(-50%, 0);
}
.js-lang-dropdown ._lj794bxS ._2hBbaN1N {
  display: block;
  padding: 0.5rem;
  font-size: 1.8rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-main);
  white-space: nowrap;
}
.js-lang-dropdown ._lj794bxS ._2hBbaN1N:hover {
  text-decoration: underline;
}
.js-lang-dropdown ._lj794bxS ._2hBbaN1N._99ZHJKow {
  color: var(--text-accent);
}

.js-lang-dropdown.js-open ._lj794bxS {
  display: block;
}
.js-lang-dropdown.js-open ._yrnhtdBs {
  transform: rotate(180deg);
}

._VzyKvEYT {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
._VzyKvEYT ._2hBbaN1N {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-nav);
  text-transform: uppercase;
  opacity: 0.5;
}
._VzyKvEYT ._2hBbaN1N._99ZHJKow {
  text-decoration: underline;
  opacity: 1;
}

._0_H5yRrI {
  width: 100%;
  height: 1px;
  border: none;
  background: var(--stroke-main);
}

._TzGmNxAz {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

._m7k9yAja {
  position: fixed;
  left: 0;
  right: 0;
  background: var(--nav-bg);
  border-bottom: solid 1px var(--stroke-main);
  transition: background 0.4s, opacity 0.4s, transform 0.4s;
  z-index: 1000;
}
._m7k9yAja ._9BDKc8sH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  padding: 1rem 1.2rem;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH {
    width: 100%;
    padding: 15px 20px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
  }
}
._m7k9yAja ._9BDKc8sH ._OtzIoKgf {
  display: flex;
  width: auto;
  height: 4.5rem;
  margin-left: 1.8rem;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._OtzIoKgf {
    margin-left: 0;
  }
}
._m7k9yAja ._9BDKc8sH ._OtzIoKgf ._gG-BS8RN {
  display: block;
  width: auto;
  height: auto;
  max-height: 4.5rem;
}
._m7k9yAja ._9BDKc8sH ._rAjsuUJv {
  display: none;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._rAjsuUJv {
    display: block;
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: translate(0, -300%);
    transition: transform 0.4s, opacity 0.4s;
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p {
    display: block;
    margin: 80px 20px 20px;
    padding: 12px;
    border: solid 1px var(--stroke-main);
    border-radius: 2rem;
    background: var(--tabs-bg);
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._m2scXL3g {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 1280px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._m2scXL3g {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._m2scXL3g {
    flex-direction: column;
    gap: 0.5rem;
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._m2scXL3g ._QAKUCPUW {
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._m2scXL3g ._QAKUCPUW {
    font-size: 16px;
    color: var(--text-main);
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i .js-lang-dropdown {
    display: none;
  }
}
._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i ._VzyKvEYT {
  display: none;
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i ._VzyKvEYT {
    display: flex;
    margin: 2rem auto;
  }
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i ._VzyKvEYT ._2hBbaN1N {
    color: var(--text-main);
  }
}
@media screen and (max-width: 767px) {
  ._m7k9yAja ._9BDKc8sH ._lM6cU_mj ._tt3tR_6p ._oa5CqA-i ._uFRQEol7 {
    width: 100%;
  }
}
._m7k9yAja ._lM6cU_mj.js-show {
  opacity: 1;
  transform: none;
}
._m7k9yAja.js-hidden {
  opacity: 0;
  transform: translate(0, -100%);
  overflow: hidden;
}

._TYjCU9Ps {
  height: 6.6rem;
}
@media screen and (max-width: 767px) {
  ._TYjCU9Ps {
    height: 60px;
  }
}
@media screen and (max-width: 560px) {
  ._TYjCU9Ps {
    height: 70px;
  }
}

._RgVCtZPG {
  overflow: hidden;
}
._RgVCtZPG ._nYtGNUeg {
  padding: 2.4rem;
  border: solid 1px var(--stroke-main);
  border-radius: 2.4rem;
  background: var(--tabs-bg);
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg {
    padding: 16px;
  }
}
._RgVCtZPG ._nYtGNUeg h1, ._RgVCtZPG ._nYtGNUeg h2, ._RgVCtZPG ._nYtGNUeg h3, ._RgVCtZPG ._nYtGNUeg h4, ._RgVCtZPG ._nYtGNUeg h5, ._RgVCtZPG ._nYtGNUeg h6 {
  font-family: "Archivo Black";
  margin-top: 2.4rem;
  font-size: 2.4rem;
  line-height: 140%;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg h1, ._RgVCtZPG ._nYtGNUeg h2, ._RgVCtZPG ._nYtGNUeg h3, ._RgVCtZPG ._nYtGNUeg h4, ._RgVCtZPG ._nYtGNUeg h5, ._RgVCtZPG ._nYtGNUeg h6 {
    font-size: 4.27vw;
  }
}
._RgVCtZPG ._nYtGNUeg h1:first-child, ._RgVCtZPG ._nYtGNUeg h2:first-child, ._RgVCtZPG ._nYtGNUeg h3:first-child, ._RgVCtZPG ._nYtGNUeg h4:first-child, ._RgVCtZPG ._nYtGNUeg h5:first-child, ._RgVCtZPG ._nYtGNUeg h6:first-child {
  margin: 0;
}
._RgVCtZPG ._nYtGNUeg h1 {
  font-size: 2.8rem;
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg h1 {
    font-size: 4.8vw;
  }
}
._RgVCtZPG ._nYtGNUeg h2 {
  font-size: 2.4rem;
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg h2 {
    font-size: 4.4vw;
  }
}
._RgVCtZPG ._nYtGNUeg h3 {
  font-size: 2rem;
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg h3 {
    font-size: 4vw;
  }
}
._RgVCtZPG ._nYtGNUeg ol {
  padding-left: 2rem;
  list-style-position: inside;
}
._RgVCtZPG ._nYtGNUeg ul {
  padding-left: 2rem;
  list-style: square;
  list-style-position: inside;
}
._RgVCtZPG ._nYtGNUeg ul li::marker {
  margin-right: 1.5rem;
}
._RgVCtZPG ._nYtGNUeg p, ._RgVCtZPG ._nYtGNUeg li, ._RgVCtZPG ._nYtGNUeg a {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg p, ._RgVCtZPG ._nYtGNUeg li, ._RgVCtZPG ._nYtGNUeg a {
    margin-top: 2.05vw;
    font-size: 3.73vw;
  }
}
._RgVCtZPG ._nYtGNUeg a {
  color: var(--text-accent);
}
._RgVCtZPG ._nYtGNUeg a:hover {
  text-decoration: underline;
}
._RgVCtZPG ._nYtGNUeg a[x-apple-data-detectors] {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: inherit !important;
}
._RgVCtZPG ._nYtGNUeg table {
  table-layout: fixed;
  border: solid 1px var(--stroke-main);
  border-radius: 8px;
  border-collapse: collapse;
}
._RgVCtZPG ._nYtGNUeg table th, ._RgVCtZPG ._nYtGNUeg table td {
  padding: 0.5rem 1rem;
  border: solid 1px var(--stroke-main);
  font-size: 2rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  ._RgVCtZPG ._nYtGNUeg table th, ._RgVCtZPG ._nYtGNUeg table td {
    font-size: 4.62vw;
  }
}
._RgVCtZPG ._nYtGNUeg table th {
  color: var(--text-main);
}

._yRUTvvU1 {
  background: var(--nav-bg);
}
._yRUTvvU1 ._o8ztMjFK {
  padding: 3.2rem 0;
  text-align: center;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._o8ztMjFK {
    padding: 8.53vw 0;
  }
}
._yRUTvvU1 ._o8ztMjFK ._yBXN6XdM {
  font-family: "Archivo Black";
  font-size: 1.4rem;
  color: var(--text-secondary);
}
._yRUTvvU1 ._o8ztMjFK ._brewHRa1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 12rem);
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
  list-style: none;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._o8ztMjFK ._brewHRa1 {
    grid-template-columns: repeat(auto-fill, 28vw);
    gap: 4vw;
    margin-top: 5.33vw;
  }
}
._yRUTvvU1 ._o8ztMjFK ._brewHRa1 ._j21E4oaF {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 3/1;
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  background: #4a4560;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._o8ztMjFK ._brewHRa1 ._j21E4oaF {
    padding: 4px 8px;
    border-radius: 8px;
  }
}
._yRUTvvU1 ._o8ztMjFK ._brewHRa1 ._j21E4oaF img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
._yRUTvvU1 ._eSqBh7DU {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  list-style: none;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._eSqBh7DU {
    grid-template-columns: 1fr 1fr;
    gap: 5.33vw;
  }
}
._yRUTvvU1 ._eSqBh7DU ._j21E4oaF {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._eSqBh7DU ._j21E4oaF {
    justify-content: flex-start;
    gap: 2.67vw;
  }
}
._yRUTvvU1 ._eSqBh7DU ._j21E4oaF ._eyqXKKci {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: var(--text-accent);
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._eSqBh7DU ._j21E4oaF ._eyqXKKci {
    width: 5.33vw;
    height: 5.33vw;
  }
}
._yRUTvvU1 ._eSqBh7DU ._j21E4oaF ._yBXN6XdM {
  font-size: 1.4rem;
  color: var(--text-nav);
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._eSqBh7DU ._j21E4oaF ._yBXN6XdM {
    font-size: 14px;
  }
}
._yRUTvvU1 ._4ySOzQ7P {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 3rem 0;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._4ySOzQ7P {
    flex-direction: column;
  }
}
._yRUTvvU1 ._4ySOzQ7P ._OtzIoKgf {
  display: flex;
}
._yRUTvvU1 ._4ySOzQ7P ._OtzIoKgf ._gG-BS8RN {
  display: block;
  width: auto;
  max-height: 5rem;
}
._yRUTvvU1 ._V5LrogSw {
  padding: 3.2rem 0;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._V5LrogSw {
    padding: 8.53vw 0;
  }
}
._yRUTvvU1 ._V5LrogSw ._C-2GvFUz {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._V5LrogSw ._C-2GvFUz {
    gap: 5.33vw;
  }
}
._yRUTvvU1 ._V5LrogSw ._C-2GvFUz ._j21E4oaF {
  display: block;
  min-width: 8rem;
  height: 4.5rem;
  padding: 1rem;
  border-radius: 0.8rem;
  background: #1a1228;
  text-align: center;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._V5LrogSw ._C-2GvFUz ._j21E4oaF {
    min-width: 20vw;
    height: 12vw;
    padding: 2.67vw;
    border-radius: 2.13vw;
  }
}
._yRUTvvU1 ._V5LrogSw ._C-2GvFUz ._j21E4oaF img {
  display: block;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
._yRUTvvU1 ._V5LrogSw ._hziezfNa {
  margin-top: 3.2rem;
  font-size: 1.2rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
  text-align: center;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._V5LrogSw ._hziezfNa {
    margin-top: 40px;
    font-size: 12px;
  }
}
._yRUTvvU1 ._V5LrogSw ._HkkduB_M {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.2rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
  text-align: center;
}
@media screen and (max-width: 560px) {
  ._yRUTvvU1 ._V5LrogSw ._HkkduB_M {
    margin-top: 20px;
    font-size: 12px;
  }
}