@font-face {
  font-family: "Noto Serif";
  font-weight: 400;
  font-style: normal;
  src: url("./../fonts/noto-serif/regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif";
  font-weight: 600;
  font-style: normal;
  src: url("./../fonts/noto-serif/semibold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: url("./../fonts/roboto/regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: url("./../fonts/roboto/bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: italic;
  src: url("./../fonts/roboto/italic.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: italic;
  src: url("./../fonts/roboto/bold-italic.woff2") format("woff2");
  font-display: swap;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Roboto";
}

video, img, svg {
  display: block;
  width: 100%;
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto";
  margin-block: 0;
}

p {
  margin-block: 0;
}

a {
  text-decoration: none;
  outline: none;
}

button {
  padding: 0;
  border: none;
  background: none;
  font-family: "Roboto";
  outline: none;
}

ol, ul {
  margin-block: 0;
  padding-left: 0;
}

li {
  list-style: none;
}

input, textarea {
  padding: 0;
  border: 0;
  background: none;
  font-family: "Roboto";
  outline: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
}
table td, table th {
  padding: 0;
}

.heading {
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: 64px;
  line-height: 1.35;
  color: #5a524f;
}

.title {
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: 32px;
  line-height: 1.35;
  color: #5a524f;
}

.caption {
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: 24px;
  line-height: 1.35;
  color: #5a524f;
}

.text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #5a524f;
}

.link {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #6a806b;
  text-decoration: underline;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .link:hover {
    color: rgba(106, 128, 107, 0.75);
  }
}
.link:focus {
  color: rgba(106, 128, 107, 0.75);
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 48px;
}
@media (max-width: 1600px) {
  .grid {
    grid-gap: 40px;
  }
}
@media (max-width: 1280px) {
  .grid {
    grid-gap: 32px;
  }
}
@media (max-width: 960px) {
  .grid {
    grid-gap: 24px;
  }
}
@media (max-width: 640px) {
  .grid {
    grid-gap: 16px;
  }
}
.grid__item {
  grid-column: span 1;
}
.grid__item-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.grid__item .blank,
.grid__item .tile,
.grid__item .card {
  min-height: 100%;
}
.grid--3 .grid__item {
  grid-column: span 4;
}
.grid--4 .grid__item {
  grid-column: span 3;
}
.grid--hero .grid__item:nth-child(1) {
  grid-column: span 6;
}
.grid--hero .grid__item:nth-child(2) {
  grid-column: span 6;
}
.grid--hero .heading:not(:last-child) {
  margin-bottom: 24px;
}
.grid--hero .text:not(:last-child) {
  margin-bottom: 24px;
}
.grid--hero .grid__item-controls:last-child:not(:first-child) {
  margin-top: 48px;
}
.grid--sticky .grid__item {
  grid-column: span 4;
}
.grid--sticky .grid__item:nth-child(1) {
  position: sticky;
  top: 105px;
}
.grid--sticky .grid__item:nth-child(2n) {
  grid-column: 5/9;
}
.grid--sticky .grid__item:nth-child(2n+3) {
  grid-column: 9/13;
}
.grid--bordered {
  grid-gap: 1px;
  background-color: rgba(90, 82, 79, 0.25);
}
.grid--bordered .grid__item {
  grid-column: span 6;
  padding: 24px;
  background-color: #f4f4f4;
}
.grid--bordered .caption:not(:last-child) {
  margin-bottom: 24px;
}
.grid--bordered .text:not(:last-child),
.grid--bordered .tag:not(:last-child) {
  margin-bottom: 8px;
}
.grid--media .grid__item {
  grid-column: span 2;
}
.grid--media .grid__item:has(.blank) {
  grid-column: span 4;
}
.grid--media .blank {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid--callback {
  position: relative;
  z-index: 0;
  padding: 36px 48px;
  border-radius: 16px;
  background-color: #e6e6e6;
}
.grid--callback .grid__item {
  grid-column: span 6;
}
.grid--callback .tag:not(:last-child) {
  margin-bottom: 8px;
}
.grid--callback .title:not(:last-child) {
  margin-bottom: 16px;
}
.grid--callback .text:not(:last-child) {
  margin-bottom: 24px;
}
.grid--callback .form:last-child:not(:first-child) {
  margin-top: 48px;
}
.grid--callback .grid__image {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  width: calc(50% - 24px);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 0 16px 16px 0;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f4f4f4;
}

.section {
  padding-block: 64px;
}
.section__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 48px;
}
.section__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section__title::before, .section__title::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 96px;
  height: 1px;
  background-color: #ae9b8d;
}
.section__title-text {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: 48px;
  line-height: 1.35;
  color: #5a524f;
}
.section__title-text::before, .section__title-text::after {
  content: "";
  display: block;
  width: 5px;
  min-width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ae9b8d;
  pointer-events: none;
}
.section__title-text::before {
  margin-right: 24px;
}
.section__title-text::after {
  margin-left: 24px;
}

.container {
  width: 100%;
  max-width: 1728px;
  margin-inline: auto;
  padding-inline: 16px;
}

.header {
  position: sticky;
  top: 0;
  z-index: 1;
  padding-block: 16px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #f4f4f4;
}
.header__content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 48px;
}
@media (max-width: 1600px) {
  .header__content {
    grid-gap: 40px;
  }
}
@media (max-width: 1280px) {
  .header__content {
    grid-gap: 32px;
  }
}
@media (max-width: 960px) {
  .header__content {
    grid-gap: 24px;
  }
}
@media (max-width: 640px) {
  .header__content {
    grid-gap: 16px;
  }
}
.header__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logotype {
  grid-column: span 3;
}
@media (max-width: 1280px) {
  .header__logotype {
    grid-column: span 4;
  }
}
@media (max-width: 960px) {
  .header__logotype {
    grid-column: span 11;
  }
}
.header__navigation {
  grid-column: span 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1280px) {
  .header__navigation {
    display: none;
  }
}
.header__navigation-item {
  position: relative;
  z-index: 0;
}
@media (hover: hover) and (pointer: fine) {
  .header__navigation-item:hover .header__navigation-dropdown {
    visibility: visible;
    opacity: 1;
  }
}
.header__navigation-item:has(.button-link-accent:focus) .header__navigation-dropdown {
  visibility: visible;
  opacity: 1;
}
.header__navigation-dropdown {
  position: absolute;
  top: 100%;
  left: -25px;
  z-index: 0;
  padding: 8px 24px;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 0 0 24px 0 rgba(90, 82, 79, 0.1);
  box-shadow: 0 0 24px 0 rgba(90, 82, 79, 0.1);
  background-color: #f4f4f4;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.header__controls {
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 1280px) {
  .header__controls {
    grid-column: span 7;
  }
}
@media (max-width: 960px) {
  .header__controls {
    display: none;
  }
}
.header__menu-button {
  display: none;
}
@media (max-width: 1280px) {
  .header__menu-button {
    grid-column: span 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.footer {
  margin-top: auto;
  padding-block: 48px;
  background-color: #e6e6e6;
}
.footer__content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 48px;
}
@media (max-width: 1600px) {
  .footer__content {
    grid-gap: 40px;
  }
}
@media (max-width: 1280px) {
  .footer__content {
    grid-gap: 32px;
  }
}
@media (max-width: 960px) {
  .footer__content {
    grid-gap: 24px;
  }
}
@media (max-width: 640px) {
  .footer__content {
    grid-gap: 16px;
  }
}
.footer__brand {
  grid-column: span 3;
}
.footer__navigation {
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}
.footer__navigation .button-link-accent {
  min-height: unset;
}
.footer__info {
  grid-column: span 2;
}
.footer__social {
  grid-column: span 2;
}
.footer__copyright {
  grid-column: span 12;
}
.footer__copyright .text {
  text-align: center;
}

.menu {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(90, 82, 79, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
@media (max-width: 1280px) {
  .menu {
    display: block;
  }
}
.menu--visible {
  visibility: visible;
  opacity: 1;
}
.menu--visible .menu__container {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.menu__container {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
  max-width: 320px;
  height: 100%;
  margin-left: auto;
  background-color: #f4f4f4;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (max-width: 640px) {
  .menu__container {
    grid-gap: 16px;
  }
}
.menu__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px;
  border-bottom: 1px solid #e6e6e6;
}
.menu__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
  overflow-y: auto;
  padding: 16px;
}
.menu__navigation-item--dropdown-expanded > .button-link-accent > .button-icon {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.menu__navigation-item--dropdown-expanded > .menu__navigation-dropdown {
  grid-template-rows: 1fr;
}
.menu__navigation-dropdown {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.2s ease;
  transition: grid-template-rows 0.2s ease;
  transition: grid-template-rows 0.2s ease, -ms-grid-rows 0.2s ease;
}
.menu__navigation-dropdown-content {
  padding-inline: 16px;
  overflow: hidden;
}
.menu__navigation .button-link-accent {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.menu__navigation .button-link-accent .button-icon {
  width: 48px;
  height: 48px;
  padding: 12px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (max-width: 960px) {
  .menu__navigation .button-link-accent .button-icon {
    width: 36px;
    height: 36px;
    padding: 6px;
  }
}
.menu__controls {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 8px;
  padding: 16px;
  border-top: 1px solid #e6e6e6;
}
@media (max-width: 960px) {
  .menu__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menu__controls .button-outline-accent,
.menu__controls .button-accent {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.logotype {
  display: block;
  width: 230px;
  height: 32px;
}
@media (hover: hover) and (pointer: fine) {
  .logotype:hover .logotype__image {
    opacity: 0.75;
  }
}
.logotype:focus .logotype__image {
  opacity: 0.75;
}
.logotype__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.button-link-accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 48px;
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .button-link-accent {
    min-height: 36px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .button-link-accent:hover .button-title {
    color: rgba(106, 128, 107, 0.75);
  }
  .button-link-accent:hover .button-icon {
    fill: rgba(106, 128, 107, 0.75);
  }
}
.button-link-accent:focus .button-title {
  color: rgba(106, 128, 107, 0.75);
}
.button-link-accent:focus .button-icon {
  fill: rgba(106, 128, 107, 0.75);
}
.button-link-accent .button-title {
  color: #6a806b;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.button-link-accent .button-icon {
  fill: #6a806b;
  -webkit-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}

.button-outline-accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 48px;
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .button-outline-accent {
    min-height: 36px;
  }
}
.button-outline-accent {
  padding-inline: 16px;
  border: 1px solid #6a806b;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .button-outline-accent:hover {
    background-color: rgba(106, 128, 107, 0.1);
  }
}
.button-outline-accent:focus {
  background-color: rgba(106, 128, 107, 0.1);
}
@media (max-width: 960px) {
  .button-outline-accent {
    padding-inline: 12px;
  }
}
.button-outline-accent .button-title {
  color: #6a806b;
}
.button-outline-accent .button-icon {
  fill: #6a806b;
}

.button-accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 48px;
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .button-accent {
    min-height: 36px;
  }
}
.button-accent {
  padding-inline: 16px;
  border: 1px solid #6a806b;
  background-color: #6a806b;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media (max-width: 960px) {
  .button-accent {
    padding-inline: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .button-accent:hover {
    background-color: rgba(106, 128, 107, 0.9);
  }
}
.button-accent:focus {
  background-color: rgba(106, 128, 107, 0.9);
}
.button-accent .button-title {
  color: #f4f4f4;
}
.button-accent .button-icon {
  fill: #f4f4f4;
}

.button-outline-light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 48px;
  border-radius: 4px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .button-outline-light {
    min-height: 36px;
  }
}
.button-outline-light {
  padding-inline: 16px;
  border: 1px solid #f4f4f4;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .button-outline-light:hover {
    background-color: rgba(244, 244, 244, 0.1);
  }
}
.button-outline-light:focus {
  background-color: rgba(244, 244, 244, 0.1);
}
@media (max-width: 960px) {
  .button-outline-light {
    padding-inline: 12px;
  }
}
.button-outline-light .button-title {
  color: #f4f4f4;
}
.button-outline-light .button-icon {
  fill: #f4f4f4;
}

.button-title {
  font-family: "Noto Serif";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
}

.button-icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}
.form__item--wide {
  grid-column: span 2;
}
.form__input-text {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.1);
  box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.1);
  background-color: #f4f4f4;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #5a524f;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: -webkit-box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .form__input-text:hover {
    -webkit-box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.25);
    box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.25);
  }
}
.form__input-text:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.25);
  box-shadow: 0 0 0 1px rgba(106, 128, 107, 0.25);
}
.form__checkbox {
  display: grid;
  grid-template-columns: 16px 1fr;
  grid-column-gap: 8px;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .form__checkbox:hover::before {
    border-color: #5a524f;
  }
}
.form__checkbox::before {
  content: "";
  grid-column: -1/1;
  grid-row: -1/1;
  display: block;
  width: 16px;
  height: 16px;
  margin-block: 4px;
  border: 1px solid rgba(90, 82, 79, 0.75);
  background-color: #f4f4f4;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
.form__checkbox:has(.form__checkbox-input:checked) .form__checkbox-icon {
  visibility: visible;
  opacity: 1;
}
.form__checkbox-input {
  display: none;
}
.form__checkbox-icon {
  grid-column: -1/1;
  grid-row: -1/1;
  width: 16px;
  height: 16px;
  margin-block: 4px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.form__checkbox-text {
  grid-column: 2/3;
  grid-row: 1/2;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #5a524f;
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tag__title {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #ae9b8d;
  text-transform: uppercase;
}

.alive {
  position: relative;
  z-index: 0;
}
.alive__image {
  width: 66.6666666667%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 377px;
}
.alive__image--1 {
  margin-left: auto;
  margin-bottom: -128px;
}
.alive__tag {
  position: absolute;
  z-index: 0;
  -webkit-animation: alive_tag_animation 4s ease-in-out infinite alternate;
  animation: alive_tag_animation 4s ease-in-out infinite alternate;
}
.alive__tag--1 {
  top: 10%;
  left: 20%;
  -webkit-animation-duration: 3.7s;
  animation-duration: 3.7s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.alive__tag--2 {
  top: 20%;
  left: 0%;
  -webkit-animation-duration: 5.2s;
  animation-duration: 5.2s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.alive__tag--3 {
  top: 30%;
  left: 10%;
  -webkit-animation-duration: 4.1s;
  animation-duration: 4.1s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.alive__tag--4 {
  bottom: 20%;
  right: 10%;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.alive__tag--5 {
  bottom: 5%;
  right: 25%;
  -webkit-animation-duration: 3.9s;
  animation-duration: 3.9s;
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

@-webkit-keyframes alive_tag_animation {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(4%, -6%);
    transform: translate(4%, -6%);
  }
  50% {
    -webkit-transform: translate(-3.5%, 9%);
    transform: translate(-3.5%, 9%);
  }
  75% {
    -webkit-transform: translate(5%, 4%);
    transform: translate(5%, 4%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes alive_tag_animation {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(4%, -6%);
    transform: translate(4%, -6%);
  }
  50% {
    -webkit-transform: translate(-3.5%, 9%);
    transform: translate(-3.5%, 9%);
  }
  75% {
    -webkit-transform: translate(5%, 4%);
    transform: translate(5%, 4%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.blank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
}

.tile {
  padding: 32px 36px;
  border-radius: 8px;
  background-color: #e6e6e6;
}

.card {
  border-radius: 8px;
  background-color: #e6e6e6;
}
.card__media-image {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 8px 8px 0 0;
}
.card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  padding: 16px 24px;
}

.media:has(.button-outline-light) {
  position: relative;
  z-index: 0;
}
.media--video-playing .button-outline-light {
  visibility: hidden;
  opacity: 0;
}
.media__video {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 8px;
}
.media__video--9-16 {
  aspect-ratio: 9/16;
}
.media .button-outline-light {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}