:root {
  --font-primary: "Posterama Text", "Helvetica Neue", sans-serif;
  --body-bg: #ffffff;
  --body-color: #a4bd71;
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

/* ==========================================================================
   Utilites
   ========================================================================== */
@font-face {
  font-family: "Posterama Text";
  src: url("../fonts/PosteramaTextW07-Regular.woff2") format("woff2"), url("../fonts/PosteramaTextW07-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Posterama Text";
  src: url("../fonts/PosteramaTextW07-Bold.woff2") format("woff2"), url("../fonts/PosteramaTextW07-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Posterama Text";
  src: url("../fonts/PosteramaTextW07-SemiBold.woff2") format("woff2"), url("../fonts/PosteramaTextW07-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
 ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none;
}

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -0.2rem;
  /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none;
}

/* Defaults
 ========================================================================== */
html,
body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

picture {
  display: block;
}

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

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

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

input::-ms-clear {
  display: none;
}

button,
input,
textarea,
select {
  border: none;
  background: none;
  padding: 0;
  font-family: inherit;
}

::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

button {
  cursor: pointer;
}

svg {
  max-width: 100%;
}

mark {
  background: none;
}

a,
button {
  -webkit-transition: color 0.1s, background 0.1s, border-color 0.1s;
  transition: color 0.1s, background 0.1s, border-color 0.1s;
}

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

section {
  overflow: hidden;
}

* {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
*/
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  html {
    font-size: 1.3020833333vw;
  }
}

body {
  background: var(--body-bg);
  color: var(--body-color);
  font: 500 1.6rem/1.375 var(--font-primary);
}

.wrapper {
  position: relative;
  min-height: 100%;
  min-width: 32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.is-nav-open .nav__toggle svg:nth-child(1) {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.is-nav-open .nav__toggle svg:nth-child(2) {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 1;
}
.is-nav-open .nav__overlay {
  opacity: 1;
  visibility: visible;
}
.is-nav-open .nav__offcanvas {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.nav__toggle {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 700;
  color: #f1844d;
  width: 4.8rem;
  height: 4.8rem;
}
.nav__toggle svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: unset;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.nav__toggle svg:nth-child(1) {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.nav__toggle svg:nth-child(2) {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.nav__offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  width: 37.5rem;
  height: 100%;
  max-width: 95%;
  background: #9fca77;
  color: #fff;
  overflow: hidden auto;
  padding: 4rem 2rem;
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 600;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.nav__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
}

.nav__link {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 1rem 2rem;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.nav__link:hover {
  color: #426225;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.nav__overlay {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hero {
  background: #bacb94 url("data:image/svg+xml,%3Csvg width='753' height='223' viewBox='0 0 753 223' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M812.901 222.295L888.528 21.9621L35.3228 -300.131L9.94193 -232.898L3.24241 -215.151C2.53898 -213.288 0.517375 -209.988 0.938306 -207.985C1.65324 -204.58 7.63485 -200.439 10.0387 -198.038C18.8097 -189.283 28.259 -181.427 37.8624 -173.618C78.6032 -140.489 125.446 -114.921 175.704 -99.7811C258.892 -74.7207 345.783 -63.8789 430.342 -44.0603C507.901 -25.8821 581.721 2.55507 650.721 42.5036C687.21 63.6286 723.589 87.535 753.359 117.665C771.659 136.185 787.293 159.766 797.913 183.493C801.57 191.663 804.673 200.242 807.747 208.652C809.352 213.036 810.435 218.334 812.901 222.295Z' fill='%23F7E5DB'/%3E%3C/svg%3E%0A") right top no-repeat;
  background-size: auto 22.3rem;
  color: #fff;
  overflow: hidden;
  padding: 1rem 3rem 4.2rem;
  position: relative;
  display: grid;
  grid-template-columns: 16.2rem 1fr;
  grid-template-areas: "title title" "text image" "create image" ". image";
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero {
    background-size: contain;
    padding: 1rem 1rem 3rem;
  }
}

.hero__title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 2rem;
  font-size: 8rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.0117em;
  grid-area: title;
  position: relative;
}
.hero__title:before {
  content: "";
  display: block;
  width: 3.4rem;
  height: 1.7rem;
  position: absolute;
  left: 2.225em;
  bottom: 100%;
  margin: 0 0 -0.125em;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='17' viewBox='0 0 34 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4005_2)'%3E%3Cpath d='M33.4355 7.62735C33.3083 4.27883 29.7248 2.91669 27.3856 4.36958L27.3678 4.27289C27.3517 4.19656 27.3339 4.12022 27.3144 4.04559C27.2838 3.92854 27.2474 3.81489 27.2075 3.70124C27.7766 3.48665 28.3339 2.97776 28.7037 2.2687C29.0989 1.50536 29.1769 0.691978 28.97 0.0872424C28.9442 0.00746779 28.8911 -0.0208041 28.8105 0.00242678C28.1973 0.183932 27.579 0.715726 27.1829 1.47991C26.9543 1.91266 26.8291 2.37349 26.8072 2.86241C26.786 2.82848 26.7665 2.79371 26.7436 2.75978C26.5649 2.48707 26.3511 2.24534 26.1024 2.03461C26.0387 1.98287 25.976 1.92944 25.9107 1.8794L25.7046 1.74369C25.6698 1.72249 25.6359 1.69789 25.5994 1.67838L25.4883 1.62071L25.2661 1.51045L25.2389 1.49773C25.1218 1.44977 25.0061 1.4529 24.8917 1.50712C24.7774 1.56133 24.7017 1.64896 24.6647 1.76998C24.6347 1.87893 24.6449 1.98397 24.6953 2.0851C24.7457 2.18624 24.8234 2.25762 24.9285 2.29923L24.9531 2.30941L25.1227 2.37981L25.2076 2.41458C25.2355 2.42646 25.2618 2.44342 25.2924 2.45784L25.4561 2.5469C25.507 2.58167 25.557 2.61899 25.6087 2.65376C25.8159 2.80387 25.9971 2.98057 26.1524 3.18386C26.3138 3.39204 26.4498 3.61567 26.5604 3.85475C26.6146 3.97604 26.6664 4.09987 26.7088 4.22624C26.719 4.25339 26.7266 4.28053 26.7351 4.31106C24.3959 2.95655 20.9125 4.32718 20.7853 7.62735C20.7639 8.20603 20.8035 8.78052 20.904 9.3508C21.4256 12.3058 23.3586 16.0512 26.1151 15.5619C26.4238 15.5088 26.7144 15.405 26.987 15.2506C27.0687 15.2057 27.1504 15.2057 27.2321 15.2506C27.5047 15.4049 27.7953 15.5086 28.104 15.5619C30.8605 16.0487 32.7943 12.3058 33.3151 9.3508C33.416 8.78055 33.4556 8.20606 33.4338 7.62735L33.4355 7.62735Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_4005_2)'%3E%3Cpath d='M13.2608 7.62735C13.1336 4.27883 9.55015 2.91669 7.21093 4.36958L7.19312 4.27289C7.17701 4.19656 7.1592 4.12022 7.13969 4.04559C7.10916 3.92854 7.07268 3.81489 7.03282 3.70124C7.60193 3.48665 8.15917 2.97776 8.52897 2.2687C8.92421 1.50536 9.00224 0.691978 8.79529 0.0872424C8.76953 0.00746779 8.71638 -0.0208041 8.63584 0.00242678C8.02262 0.183932 7.40431 0.715726 7.00823 1.47991C6.77965 1.91266 6.6544 2.37349 6.63249 2.86241C6.61129 2.82848 6.59178 2.79371 6.56888 2.75978C6.39019 2.48707 6.17646 2.24534 5.92767 2.03461C5.86406 1.98287 5.8013 1.92944 5.73599 1.8794L5.52989 1.74369C5.49511 1.72249 5.46119 1.69789 5.42472 1.67838L5.31361 1.62071L5.09139 1.51045L5.06425 1.49773C4.94714 1.44977 4.83141 1.4529 4.71706 1.50712C4.60271 1.56133 4.52704 1.64896 4.49005 1.76998C4.46003 1.87893 4.47022 1.98397 4.52062 2.0851C4.57103 2.18624 4.64877 2.25762 4.75383 2.29923L4.77842 2.30941L4.94805 2.37981L5.03287 2.41458C5.06086 2.42646 5.08715 2.44342 5.11768 2.45784L5.28138 2.5469C5.33227 2.58167 5.38231 2.61899 5.43405 2.65376C5.6412 2.80387 5.82242 2.98057 5.97772 3.18386C6.13911 3.39204 6.2751 3.61567 6.38568 3.85475C6.43996 3.97604 6.4917 4.09987 6.53411 4.22624C6.54428 4.25339 6.55192 4.28053 6.5604 4.31106C4.22118 2.95655 0.737806 4.32718 0.610583 7.62735C0.589252 8.20603 0.628833 8.78052 0.729325 9.3508C1.25094 12.3058 3.18389 16.0512 5.9404 15.5619C6.24912 15.5088 6.53975 15.405 6.8123 15.2506C6.89401 15.2057 6.97571 15.2057 7.05742 15.2506C7.33002 15.4049 7.62065 15.5086 7.92932 15.5619C10.6858 16.0487 12.6196 12.3058 13.1404 9.3508C13.2413 8.78055 13.2809 8.20606 13.2591 7.62735L13.2608 7.62735Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4005_2'%3E%3Crect width='12.8' height='16.5' fill='white' transform='translate(20.7)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_4005_2'%3E%3Crect width='12.7' height='16.5' fill='white' transform='translate(0.599976)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}
.hero__title small {
  display: block;
  font-size: 2.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.0723em;
  position: relative;
  top: -0.4rem;
  left: 0.7rem;
}
@media (max-width: 767px) {
  .hero__title {
    font-size: clamp(0px, 13.2vw, 10.15rem);
  }
  .hero__title:before {
    width: clamp(0px, 4.42vw, 3.4rem);
  }
  .hero__title small {
    font-size: clamp(0px, 4.55vw, 3.5rem);
    top: -0.08em;
    left: 0.2em;
  }
}

.hero__text {
  display: block;
  margin: 0 0 1rem;
  position: relative;
  left: 0.7rem;
  font-size: 1.32rem;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.0332em;
  white-space: nowrap;
  grid-area: text;
}
.hero__text u {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.hero__text p {
  margin: 0;
}

.hero__create {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  grid-area: create;
}

.hero__create-text {
  display: block;
  margin: 0 0 4rem;
  font-size: 1.32rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.0352em;
  text-transform: uppercase;
}
.hero__create-text strong {
  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;
  gap: 0.4rem;
  margin: 1.5rem 0 0;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0313em;
  position: relative;
}
.hero__create-text strong:before, .hero__create-text strong:after {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  color: #165c38;
}
.hero__create-text strong:before {
  content: "((";
}
.hero__create-text strong:after {
  content: "))";
}

.hero__create-image {
  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;
}
.hero__create-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hero__create-image {
    max-width: 35svw;
    margin: 0 auto;
  }
}

.hero__image {
  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;
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  aspect-ratio: 1/1;
  grid-area: image;
  max-width: 51.7rem;
  margin: -7.5% 0 -20% 1rem;
}
.hero__image:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.5rem;
  left: 3%;
  z-index: -1;
  aspect-ratio: 490/603;
  width: 94%;
  height: auto;
  background: url("data:image/svg+xml,%3Csvg width='489' height='603' viewBox='0 0 489 603' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M488.341 294.413C483.432 165.206 345.16 112.646 254.898 168.708L254.211 164.977C253.589 162.032 252.902 159.086 252.149 156.206C250.971 151.69 249.564 147.304 248.026 142.919C269.986 134.639 291.487 115.003 305.756 87.643C321.007 58.1886 324.018 26.8033 316.033 3.46887C315.934 3.16231 315.806 2.86803 315.651 2.58605C315.495 2.30407 315.314 2.03958 315.107 1.7926C314.9 1.54561 314.671 1.32067 314.421 1.11779C314.171 0.914912 313.904 0.737827 313.619 0.586544C313.335 0.435259 313.039 0.312564 312.73 0.218458C312.422 0.124353 312.108 0.0605741 311.788 0.0271224C311.467 -0.00632956 311.147 -0.00883714 310.826 0.0195975C310.505 0.0480324 310.19 0.106885 309.88 0.19616C286.218 7.19976 262.36 27.7197 247.077 57.2068C242.721 65.4534 239.32 74.0767 236.874 83.0766C234.428 92.0765 232.996 101.235 232.579 110.552C231.76 109.243 231.008 107.901 230.124 106.592C223.229 96.069 214.982 86.7418 205.382 78.6103C202.928 76.614 200.506 74.5521 197.986 72.6212L190.033 67.3849C188.692 66.5667 187.383 65.6176 185.975 64.8649L181.688 62.6395L173.113 58.385L172.066 57.8941C171.534 57.676 170.991 57.4862 170.439 57.3246C169.887 57.1629 169.328 57.0304 168.762 56.9269C168.196 56.8235 167.626 56.7496 167.053 56.7054C166.479 56.6612 165.905 56.6469 165.33 56.6625C164.754 56.678 164.182 56.7233 163.611 56.7985C163.041 56.8736 162.476 56.9781 161.916 57.112C161.357 57.2459 160.806 57.4085 160.263 57.5997C159.72 57.791 159.189 58.0098 158.669 58.2563C158.149 58.5028 157.644 58.7756 157.152 59.0747C156.661 59.3738 156.186 59.6976 155.728 60.0461C155.271 60.3945 154.832 60.7658 154.413 61.1599C153.994 61.554 153.596 61.9688 153.22 62.4042C152.844 62.8396 152.492 63.2934 152.163 63.7655C151.834 64.2376 151.53 64.7255 151.252 65.2292C150.974 65.7329 150.723 66.2496 150.499 66.7794C150.274 67.3092 150.078 67.8492 149.91 68.3995C149.633 69.4059 149.449 70.4292 149.359 71.4693C149.27 72.5094 149.275 73.549 149.376 74.5881C149.477 75.6272 149.671 76.6485 149.959 77.652C150.247 78.6554 150.624 79.6243 151.09 80.5587C151.555 81.4931 152.102 82.3773 152.73 83.2114C153.358 84.0456 154.056 84.8157 154.825 85.5218C155.594 86.2278 156.421 86.8582 157.305 87.4127C158.19 87.9672 159.118 88.4367 160.088 88.8212L161.037 89.2139L167.583 91.9302L170.855 93.272C171.935 93.7302 172.95 94.3848 174.128 94.9411L180.444 98.3775C182.408 99.7193 184.339 101.159 186.335 102.501C194.328 108.293 201.321 115.111 207.313 122.956C213.541 130.988 218.788 139.617 223.055 148.843C225.15 153.523 227.146 158.301 228.782 163.177C229.175 164.224 229.47 165.272 229.797 166.45C139.535 114.185 5.12524 167.072 0.216175 294.413C-0.606895 316.742 0.920369 338.909 4.79797 360.914C24.9251 474.936 99.5102 619.458 205.873 600.575C217.786 598.526 229 594.523 239.517 588.564C240.241 588.166 241.004 587.864 241.805 587.658C242.605 587.453 243.419 587.35 244.246 587.35C245.073 587.35 245.886 587.453 246.687 587.658C247.488 587.864 248.25 588.166 248.975 588.564C259.493 594.517 270.708 598.521 282.618 600.575C388.981 619.36 463.599 474.936 483.694 360.914C487.588 338.91 489.115 316.743 488.275 294.413L488.341 294.413Z' fill='%23EAFFBF'/%3E%3C/svg%3E%0A") 50% 0 no-repeat;
  background-size: 100% auto;
  opacity: 0.22;
}
.hero__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .hero__image {
    min-width: 65svw;
    margin: -7.5% 0 -24% 0;
  }
}

.geo {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 5fr 7fr;
  grid-template-areas: "title title" "aside image" "aside blockquote" ". .";
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  color: #64861f;
  padding: 0 0 3.8rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .geo {
    display: block;
  }
}

.geo__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1.5px solid #b2ce79;
  height: 5.8rem;
  padding: 0 2.4rem 0 2rem;
  margin: 0;
  font-size: 2.78rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0508em;
  color: #b2ce79;
  grid-area: title;
}
.geo__lead mark {
  color: inherit;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .geo__lead {
    font-size: clamp(0px, 4vw, 2.78rem);
  }
}

.geo__aside {
  grid-area: aside;
  width: 19.2rem;
  margin: 0 2.5rem;
}
@media (max-width: 767px) {
  .geo__aside {
    margin: 0 auto;
  }
}

.geo__world {
  padding: 4.5rem 0 0;
  margin: 0 0 9rem;
  text-align: center;
}
@media (max-width: 767px) {
  .geo__world {
    padding: 4rem 0;
    margin: 0 0 4rem;
  }
}

.geo__world-title {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 0.94rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.0156em;
}

.geo__world-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #b2ce79;
  border-bottom: 1px solid #b2ce79;
  font-size: 5.77rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.geo__world-list small {
  font-size: 0.94rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.0156em;
  display: block;
  position: relative;
}
.geo__world-list > li {
  min-width: 0;
  border-right: 1px solid #b2ce79;
  padding: 0.5rem 0;
}
.geo__world-list > li:first-child {
  padding-right: 1rem;
}
.geo__world-list > li:last-child {
  padding-left: 1rem;
  border-right: none;
}

.geo__brands {
  margin: 0 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}
.geo__brands:before {
  content: "";
  display: block;
  position: absolute;
  top: -16rem;
  right: -10rem;
  width: 38.8rem;
  height: 48.8rem;
  background: url(../images/geo/decor.svg) 50% 50% no-repeat;
  background-size: contain;
  z-index: -1;
}

.geo__brands-single-image {
  display: block;
  margin: 0 auto;
  width: 7.2rem;
}
.geo__brands-single-image img {
  display: block;
  width: 100%;
  height: auto;
}

.geo__brands-single-caption {
  display: block;
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.0156em;
  text-transform: uppercase;
}

.geo__brands-dual {
  position: relative;
  top: -0.2rem;
  left: -0.5rem;
}

.geo__brands-dual-image {
  display: block;
  margin: 0 auto;
  width: 16.4rem;
}
.geo__brands-dual-image img {
  display: block;
  width: 100%;
  height: auto;
}

.geo__brands-dual-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.geo__brands-dual-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.8rem;
  line-height: 1.3;
  font-weight: 400;
}
.geo__brands-dual-list:last-child {
  position: relative;
  left: 10%;
}

.geo__image {
  position: relative;
  padding: 0;
  margin: 0 -2rem -7rem -14rem;
  max-width: 59.8rem;
}
.geo__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .geo__image {
    padding: 2rem 0;
    margin: 0 auto;
  }
}

.geo__blockquote {
  position: relative;
  top: 0;
  left: 1rem;
  margin: 0;
  grid-area: blockquote;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0.0195em;
  font-style: normal;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.8rem;
}
.geo__blockquote:before, .geo__blockquote:after {
  display: block;
  font-size: 4.7rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.0625em;
  color: #e4c1ae;
  position: relative;
  top: -1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.geo__blockquote:before {
  content: "((";
}
.geo__blockquote:after {
  content: "))";
}
@media (max-width: 767px) {
  .geo__blockquote {
    gap: 1rem;
    left: 0;
    margin: 0 1rem;
  }
  .geo__blockquote br {
    display: none;
  }
}

.assortment {
  background: #b9cb94;
  color: #fff;
  padding: 1rem 3.5rem 14rem;
  position: relative;
  z-index: 1;
}
.assortment:before, .assortment:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.assortment:before {
  background: url(../images/assortment/decor-01.svg) center bottom no-repeat;
  background-size: 100% auto;
}
.assortment:after {
  background: url(../images/assortment/decor-02.svg) right 1rem top 4rem no-repeat;
  background-size: 40.3rem 49.6rem;
}
@media (max-width: 767px) {
  .assortment {
    padding: 1rem 1rem 4rem;
  }
}

.assortment__title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 1.2rem;
  font-size: 8.29rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.0137em;
  position: relative;
}
.assortment__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 33%;
  width: 2.4rem;
  height: 3rem;
  margin: -1.5rem 0 0 0;
  -webkit-transform: translate(-60%, 0);
          transform: translate(-60%, 0);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0857 13.923C22.8536 7.81496 16.317 5.33027 12.05 7.98051L12.0175 7.80413C11.9881 7.66489 11.9556 7.52565 11.92 7.3895C11.8643 7.176 11.7978 6.96868 11.7251 6.76137C12.7632 6.36994 13.7797 5.44167 14.4542 4.14827C15.1752 2.75585 15.3175 1.27215 14.94 0.169048C14.893 0.0235309 14.7961 -0.0280402 14.6492 0.0143355C13.5306 0.345421 12.4027 1.31547 11.6802 2.70944C11.2633 3.49881 11.0348 4.33942 10.9948 5.23126C10.9562 5.16937 10.9206 5.10594 10.8788 5.04405C10.5529 4.54659 10.163 4.10566 9.70918 3.72126C9.59314 3.62688 9.47865 3.52941 9.35952 3.43813L8.98357 3.19059C8.92014 3.15191 8.85826 3.10705 8.79173 3.07146L8.58905 2.96626L8.18371 2.76513L8.1342 2.74193C8.03213 2.70013 7.92598 2.68072 7.81573 2.6837C7.70548 2.68668 7.60053 2.7118 7.50087 2.75905C7.40122 2.8063 7.31535 2.87166 7.24327 2.95514C7.17118 3.03861 7.11903 3.13308 7.08679 3.23855C7.03203 3.43728 7.05062 3.62888 7.14256 3.81337C7.23451 3.99785 7.37631 4.12805 7.56795 4.20396L7.61281 4.22253L7.92224 4.35094L8.07695 4.41437C8.12801 4.43603 8.17597 4.46698 8.23167 4.49328L8.53026 4.65572C8.62309 4.71916 8.71437 4.78723 8.80875 4.85066C9.18662 5.12447 9.51719 5.44679 9.80046 5.81762C10.0949 6.19736 10.3429 6.60529 10.5446 7.0414C10.6436 7.26264 10.738 7.48852 10.8154 7.71904C10.8339 7.76855 10.8479 7.81806 10.8633 7.87375C6.59635 5.40299 0.242289 7.90315 0.0102194 13.923C-0.0286902 14.9786 0.0435092 16.0265 0.226817 17.0668C1.1783 22.457 4.70421 29.2891 9.73238 28.3964C10.2955 28.2996 10.8257 28.1103 11.3228 27.8286C11.4719 27.7467 11.6209 27.7467 11.77 27.8286C12.2672 28.11 12.7974 28.2993 13.3604 28.3964C18.3886 29.2845 21.916 22.457 22.866 17.0668C23.05 16.0266 23.1222 14.9787 23.0826 13.923L23.0857 13.923Z' fill='%23F4D1BE'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
@media (max-width: 767px) {
  .assortment__title {
    font-size: clamp(0px, 11vw, 8.29rem);
  }
  .assortment__title:before {
    width: clamp(0px, 3.125vw, 2.4rem);
  }
}

.assortment__text {
  display: block;
  margin: 0 0 1.5rem;
  font-size: 1.29rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.0039em;
  max-width: 40rem;
}
.assortment__text u {
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1.5px solid #f4d1be;
  padding: 0 2rem 0 0;
}

.assortment__list {
  margin: 0;
  padding: 0 4.5rem 0 2rem;
  list-style: none;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 10rem 9.5rem 1fr 1fr 1fr;
  gap: 3rem 2.5rem;
}
.assortment__list > li {
  min-width: 0;
  position: relative;
}
@media (min-width: 768px) {
  .assortment__list > li:first-child {
    grid-column: span 2;
    grid-row: span 2;
    top: -1rem;
  }
  .assortment__list > li:first-child .assortment__card-title {
    font-size: 2.09rem;
    height: 30%;
  }
  .assortment__list > li:first-child .assortment__card-btn {
    font-size: 1.29rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.0078em;
  }
}
@media (max-width: 767px) {
  .assortment__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 5vw;
    margin: 0 0 15vw;
    gap: 15vw 2.5rem;
  }
  .assortment__list > li:first-child {
    grid-column: span 2;
    margin: 0 0 10vw;
  }
  .assortment__list > li:first-child .assortment__card-title {
    font-size: clamp(0px, 6vw, 4.4rem);
  }
  .assortment__list > li:first-child .assortment__card-btn {
    font-size: clamp(0px, 3.4vw, 2.4rem);
  }
}

.assortment__card {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  display: block;
  color: #899d62;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.assortment__card:hover .assortment__card-btn {
  background: #899d62;
  color: #fff;
}

.assortment__card-image {
  position: absolute;
  inset: -20%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.assortment__card-image img {
  display: block;
  width: 100%;
  height: auto;
}

.assortment__card-desc {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  bottom: -10%;
  width: 80%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.assortment__card-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;
  margin: 0;
  font-size: 1.01rem;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0.0625em;
  text-align: center;
  height: 25%;
}
@media (max-width: 767px) {
  .assortment__card-title {
    font-size: clamp(0px, 3vw, 2.2rem);
  }
}

.assortment__card-btn {
  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;
  border-radius: 10rem;
  font-size: 0.64rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.0078em;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  height: auto;
  aspect-ratio: 90/22;
  background: #fff;
  color: #899d62;
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .assortment__card-btn {
    font-size: clamp(0px, 1.7vw, 1.29rem);
  }
}

.assortment__natural {
  position: absolute;
  left: 3.5rem;
  bottom: 2rem;
  margin: 0;
  padding: 0 0 0.5rem;
  width: 19.2rem;
  height: 7.8rem;
  background-image: url("data:image/svg+xml,%3Csvg width='191' height='77' viewBox='0 0 191 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95.4099 1.73891C43.8567 1.73891 1.91618 18.1802 1.91618 38.3899C1.91618 58.598 43.8567 75.0393 95.4099 75.0393C146.963 75.0393 188.904 58.598 188.904 38.3899C188.904 18.1802 146.963 1.73891 95.4099 1.73891ZM95.4099 76.339C70.1828 76.339 46.4562 72.4428 28.6006 65.3687C10.5547 58.2188 0.616455 48.6374 0.616455 38.3899C0.616455 28.1408 10.5547 18.5609 28.6006 11.411C46.4562 4.33538 70.1828 0.440674 95.4099 0.440674C120.637 0.440674 144.364 4.33538 162.219 11.411C180.265 18.5609 190.203 28.1408 190.203 38.3899C190.203 48.6374 180.265 58.2188 162.219 65.3687C144.364 72.4428 120.637 76.339 95.4099 76.339Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.19rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.0313em;
}
.assortment__natural small {
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.0078em;
  padding: 0.5rem 0 0 0;
}
@media (max-width: 767px) {
  .assortment__natural {
    position: relative;
    bottom: 0;
    left: 0;
    margin: 0 auto 2rem;
  }
}

.assortment__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  position: absolute;
  right: 4.2rem;
  bottom: 1.5rem;
}
.assortment__badges > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6.3rem;
          flex: 0 0 6.3rem;
}
@media (max-width: 767px) {
  .assortment__badges {
    position: relative;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .assortment__badges > li {
    max-width: 33.33%;
  }
}

.assortment__badges-image {
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 1/1;
  margin: 0 auto 0.5rem;
}
.assortment__badges-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.assortment__badges-caption {
  display: block;
  margin: 0;
  font-size: 0.79rem;
  line-height: 1;
  font-weight: 400;
  text-align: center;
}

.gift {
  position: relative;
  z-index: 5;
  padding: 0 0 6rem;
  background: #fff5ef;
}
@media (max-width: 767px) {
  .gift {
    padding: 0;
  }
}

.gift__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1.5px solid #b2ce79;
  height: 5.8rem;
  padding: 0 2.4rem 0 2rem;
  margin: 0 0 4rem;
  font-size: 2.78rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0508em;
  color: #889e5e;
  position: relative;
  z-index: 1;
}
.gift__lead mark {
  color: inherit;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .gift__lead {
    font-size: clamp(0px, 4vw, 2.78rem);
  }
}

.gift__desc {
  position: relative;
  margin: 0 2rem;
  text-align: center;
  max-width: 39.4rem;
}
.gift__desc:before {
  content: "";
  display: block;
  position: absolute;
  top: -9rem;
  left: 50%;
  width: 50rem;
  height: 61.5rem;
  background: url(../images/gift/decor.svg) 50% 0 no-repeat;
  background-size: contain;
  margin: 0 0 0 -25rem;
  opacity: 0.79;
  z-index: -1;
}
@media (max-width: 767px) {
  .gift__desc {
    max-width: none;
    margin: 0 2rem 2rem;
  }
}

.gift__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  gap: 1.5rem;
  color: #e4c1ae;
  margin: 0 0 2rem;
  font-size: 1.77rem;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.0391em;
}
.gift__title:before, .gift__title:after {
  display: block;
  font-size: 3.99rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.0625em;
  color: #899f62;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.gift__title:before {
  content: "((";
  left: -0.5rem;
}
.gift__title:after {
  content: "))";
  left: -0.5rem;
}

.gift__text {
  display: block;
  margin: 0 0 3.5rem;
  font-size: 1.32rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.0254em;
  color: #e4c1ae;
}

.gift__list {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  font-size: 0.89rem;
  line-height: 1.45;
  font-weight: 600;
  letter-spacing: 0.0566em;
}
.gift__list > li {
  background: #889e5e;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  border-radius: 10rem;
  padding: 1.5rem 3rem 2rem;
  -webkit-box-shadow: 0 1.5rem 2.5rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 1.5rem 2.5rem rgba(0, 0, 0, 0.25);
}
.gift__list > li:nth-child(odd) {
  background-image: url(../images/gift/bg-gift-list-01.webp);
}
.gift__list > li:nth-child(even) {
  background-image: url(../images/gift/bg-gift-list-02.webp);
}
.gift__list p {
  margin: 0 0 1.5rem;
}
.gift__list p:last-child {
  margin-bottom: 0;
}

.gift__caption {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  padding: 0 1.5rem 0 0;
  font-size: 1.32rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.041em;
  color: #e4c1ae;
}
.gift__caption:after {
  content: "";
  display: block;
  width: 10rem;
  height: 7rem;
  background-image: url("data:image/svg+xml,%3Csvg width='99' height='69' viewBox='0 0 99 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67822 63.8853H92.9958' stroke='%23889E5E' stroke-width='2.25' stroke-linecap='round'/%3E%3Cpath d='M1.80322 63.8853C1.80322 62.0213 3.31426 60.5103 5.17822 60.5103C7.04218 60.5103 8.55322 62.0213 8.55322 63.8853C8.55322 65.7492 7.04218 67.2603 5.17822 67.2603C3.31426 67.2603 1.80322 65.7492 1.80322 63.8853Z' fill='%23889E5E'/%3E%3Cpath d='M1.80322 63.8853C1.80322 62.0213 3.31426 60.5103 5.17822 60.5103C7.04218 60.5103 8.55322 62.0213 8.55322 63.8853C8.55322 65.7492 7.04218 67.2603 5.17822 67.2603C3.31426 67.2603 1.80322 65.7492 1.80322 63.8853Z' stroke='%23889E5E' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M93.5436 63.3259L93.5436 9.63675' stroke='%23889E5E' stroke-width='2.23807' stroke-linecap='round'/%3E%3Cpath d='M93.5436 1.80349C95.3977 1.80349 96.9007 3.30652 96.9007 5.1606C96.9007 7.01467 95.3977 8.5177 93.5436 8.5177C91.6895 8.5177 90.1865 7.01467 90.1865 5.1606C90.1865 3.30652 91.6895 1.80349 93.5436 1.80349Z' fill='%23889E5E'/%3E%3Cpath d='M93.5436 1.80349C95.3977 1.80349 96.9007 3.30652 96.9007 5.1606C96.9007 7.01467 95.3977 8.5177 93.5436 8.5177C91.6895 8.5177 90.1865 7.01467 90.1865 5.1606C90.1865 3.30652 91.6895 1.80349 93.5436 1.80349Z' stroke='%23889E5E' stroke-width='2.23807' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  left: 100%;
  bottom: 0.2rem;
  margin: 0 0 0 -1rem;
  z-index: 100;
  pointer-events: none;
}
@media (max-width: 767px) {
  .gift__caption {
    padding: 0;
  }
  .gift__caption:after {
    display: none;
  }
}

.gift__image {
  position: absolute;
  top: 2rem;
  bottom: -6rem;
  left: 37.4rem;
  right: 0;
  z-index: 2;
}
.gift__image img {
  display: block;
  max-width: none;
  width: auto;
  height: 100%;
}
@media (max-width: 767px) {
  .gift__image {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    overflow: hidden;
    max-width: 60vw;
    margin: 0 auto;
  }
}

.package {
  background: #c8d6ab;
  color: #fff;
  padding: 1rem 3.5rem 0.5rem;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
@media (max-width: 767px) {
  .package {
    padding: 1rem;
  }
}

.package__title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 1.2rem;
  font-size: 8.29rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.041em;
  position: relative;
}
.package__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 57%;
  width: 2.4rem;
  height: 3.1rem;
  margin: -1.5rem 0 0 0;
  -webkit-transform: translate(-60%, 0);
          transform: translate(-60%, 0);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0857 13.923C22.8536 7.81496 16.317 5.33027 12.05 7.98051L12.0175 7.80413C11.9881 7.66489 11.9556 7.52565 11.92 7.3895C11.8643 7.176 11.7978 6.96868 11.7251 6.76137C12.7632 6.36994 13.7797 5.44167 14.4542 4.14827C15.1752 2.75585 15.3175 1.27215 14.94 0.169048C14.893 0.0235309 14.7961 -0.0280402 14.6492 0.0143355C13.5306 0.345421 12.4027 1.31547 11.6802 2.70944C11.2633 3.49881 11.0348 4.33942 10.9948 5.23126C10.9562 5.16937 10.9206 5.10594 10.8788 5.04405C10.5529 4.54659 10.163 4.10566 9.70918 3.72126C9.59314 3.62688 9.47865 3.52941 9.35952 3.43813L8.98357 3.19059C8.92014 3.15191 8.85826 3.10705 8.79173 3.07146L8.58905 2.96626L8.18371 2.76513L8.1342 2.74193C8.03213 2.70013 7.92598 2.68072 7.81573 2.6837C7.70548 2.68668 7.60053 2.7118 7.50087 2.75905C7.40122 2.8063 7.31535 2.87166 7.24327 2.95514C7.17118 3.03861 7.11903 3.13308 7.08679 3.23855C7.03203 3.43728 7.05062 3.62888 7.14256 3.81337C7.23451 3.99785 7.37631 4.12805 7.56795 4.20396L7.61281 4.22253L7.92224 4.35094L8.07695 4.41437C8.12801 4.43603 8.17597 4.46698 8.23167 4.49328L8.53026 4.65572C8.62309 4.71916 8.71437 4.78723 8.80875 4.85066C9.18662 5.12447 9.51719 5.44679 9.80046 5.81762C10.0949 6.19736 10.3429 6.60529 10.5446 7.0414C10.6436 7.26264 10.738 7.48852 10.8154 7.71904C10.8339 7.76855 10.8479 7.81806 10.8633 7.87375C6.59635 5.40299 0.242289 7.90315 0.0102194 13.923C-0.0286902 14.9786 0.0435092 16.0265 0.226817 17.0668C1.1783 22.457 4.70421 29.2891 9.73238 28.3964C10.2955 28.2996 10.8257 28.1103 11.3228 27.8286C11.4719 27.7467 11.6209 27.7467 11.77 27.8286C12.2672 28.11 12.7974 28.2993 13.3604 28.3964C18.3886 29.2845 21.916 22.457 22.866 17.0668C23.05 16.0266 23.1222 14.9787 23.0826 13.923L23.0857 13.923Z' fill='%23E3F0C9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
@media (max-width: 767px) {
  .package__title {
    font-size: clamp(0px, 11vw, 8.29rem);
  }
  .package__title:before {
    width: clamp(0px, 3.125vw, 2.4rem);
  }
}

.package__text {
  display: block;
  margin: 0 0 -0.5rem;
  font-size: 1.73rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.0117em;
  max-width: 49rem;
}

.package__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 41rem;
}
.package__list:before {
  content: "";
  display: block;
  position: absolute;
  top: -13rem;
  left: 50%;
  width: 49rem;
  height: 59rem;
  background: url(../images/package/decor.svg) 50% 50% no-repeat;
  background-size: contain;
  margin: 0 0 0 -24.5rem;
  opacity: 0.43;
  z-index: -1;
}
.package__list > li {
  min-width: 0;
  position: relative;
}
.package__list > li:nth-child(2) ~ li {
  top: -3rem;
}
.package__list > li:nth-child(2) ~ li .package__card-btn {
  bottom: 10%;
}
@media (max-width: 767px) {
  .package__list {
    max-width: none;
    margin: 0 0 -2rem;
  }
}

.package__card {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  display: block;
  color: #8a9f63;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a.package__card:hover .package__card-btn {
  background: #899d62;
  color: #fff;
}

.package__card-image {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.package__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.package__card-btn {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 15%;
  z-index: 2;
  width: 70%;
  aspect-ratio: 142/36;
  background: #fff;
  color: #8a9f63;
  border-radius: 10rem;
  font-size: 1.64rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.0156em;
  text-align: center;
  text-transform: uppercase;
  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-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.25);
          box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 767px) {
  .package__card-btn {
    font-size: clamp(0px, 2.1vw, 1.64rem);
  }
}

.package__image {
  display: block;
  position: absolute;
  top: 14rem;
  left: 45rem;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.package__image img {
  display: block;
  width: auto;
  height: 100%;
  max-width: none;
}
.package__image:after {
  content: "";
  display: block;
  position: absolute;
  top: -9rem;
  right: 9rem;
  width: 17rem;
  height: 13.2rem;
  background: url(../images/package/arrow.webp) 50% 50% no-repeat;
  background-size: contain;
  z-index: 3;
}
@media (max-width: 767px) {
  .package__image {
    position: relative;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    margin: 0 -1rem -1rem 12rem;
    float: right;
  }
  .package__image img {
    width: 31.7rem;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right bottom;
       object-position: right bottom;
    max-width: 100%;
  }
  .package__image:after {
    top: 2rem;
    right: 100%;
    margin: 0 -3rem 0 0;
    background-image: url(../images/package/arrow-m.webp);
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.thematic {
  background: #f7e5db url(../images/thematic/bg.svg) left bottom no-repeat;
  background-size: 100% auto;
  position: relative;
  z-index: 5;
  padding: 0 0 8.5rem;
}
@media (max-width: 767px) {
  .thematic {
    padding: 0;
    background-color: #fff5ef;
  }
}

.thematic__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1.5px solid #889e5e;
  height: 5.8rem;
  padding: 0 2.4rem 0 2rem;
  margin: 0 0 2rem;
  font-size: 2.78rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0508em;
  color: #889e5e;
  position: relative;
  z-index: 2;
}
.thematic__lead mark {
  color: inherit;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .thematic__lead {
    font-size: clamp(0px, 4vw, 2.78rem);
  }
}

.thematic__card {
  max-width: 37rem;
  text-align: center;
  color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .thematic__card {
    max-width: none;
    padding: 0 2rem;
    margin: 0 0 2rem;
    color: #e4c1ae;
  }
}

.thematic__card-image {
  max-width: 23rem;
  margin: 0 auto -2.5rem;
  position: relative;
}
.thematic__card-image:before {
  content: "";
  display: block;
  width: 38.8rem;
  height: 47.2rem;
  position: absolute;
  top: -7.5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: url(../images/thematic/decor.svg) center top no-repeat;
  background-size: contain;
  z-index: -1;
  max-width: 95vw;
}
.thematic__card-image img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: -1em;
}
@media (max-width: 767px) {
  .thematic__card-image {
    margin: 0 auto 4rem;
    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;
    height: 37.2rem;
  }
}

.thematic__card-desc {
  padding: 0 0.5rem;
}

.thematic__card-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  gap: 0.5rem;
  margin: 0 0 2rem;
  font-size: 1.35rem;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.0293em;
}
.thematic__card-title:before, .thematic__card-title:after {
  display: block;
  font-size: 3.27rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.0313em;
  color: #f7e5db;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.thematic__card-title:before {
  content: "((";
}
.thematic__card-title:after {
  content: "))";
}
@media (max-width: 767px) {
  .thematic__card-title:before, .thematic__card-title:after {
    color: #889e5e;
  }
}

.thematic__card-text {
  display: block;
  margin: 0;
  font-size: 1.52rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.0098em;
}

.thematic__image {
  position: absolute;
  top: 1rem;
  left: 37rem;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.thematic__image img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}
@media (max-width: 767px) {
  .thematic__image {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    overflow: hidden;
    max-width: 60vw;
    margin: 0 auto;
  }
}

.ctm {
  background: #f7e5db url(../images/ctm/bg-back.webp) center top no-repeat;
  background-size: cover;
  position: relative;
  z-index: 5;
  padding: 0 0 5.5rem;
}
.ctm:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url(../images/ctm/bg-front.webp) center top no-repeat;
  background-size: cover;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 767px) {
  .ctm:after {
    display: none;
  }
}

.ctm__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1.5px solid #798b55;
  height: 5.8rem;
  padding: 0 2.4rem 0 2rem;
  margin: 0 0 2rem;
  font-size: 2.78rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0508em;
  color: #798b55;
  position: relative;
  z-index: 2;
}
.ctm__lead mark {
  color: inherit;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .ctm__lead {
    font-size: clamp(0px, 4vw, 2.78rem);
  }
}

.ctm__desc {
  text-align: center;
  padding: 0 2rem;
  color: #798b55;
}

.ctm__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  gap: 0.5rem;
  margin: 0 0 1rem;
  font-size: 2.22rem;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.0234em;
}
.ctm__title:before, .ctm__title:after {
  display: block;
  font-size: 5.11rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.0469em;
  color: #e4c1ae;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ctm__title:before {
  content: "((";
}
.ctm__title:after {
  content: "))";
}
@media (max-width: 767px) {
  .ctm__title {
    font-size: clamp(0px, 2.9vw, 2.22rem);
  }
}

.ctm__text {
  position: relative;
  max-width: 31.2rem;
  min-height: 38.4rem;
  position: relative;
  padding: 11.5rem 3.5rem 2rem;
  font-size: 1.79rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.0352em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ctm__text p {
  margin: 0 0 3rem;
}
.ctm__text p:last-child {
  margin-bottom: 0;
}
.ctm__text:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 31.2rem;
  height: 38.4rem;
  background: url(../images/ctm/decor.svg) center top no-repeat;
  background-size: contain;
  margin: 0 0 0 -15.6rem;
  opacity: 0.79;
  z-index: -1;
}
@media (max-width: 767px) {
  .ctm__text {
    font-size: clamp(0px, 4.8vw, 1.79rem);
  }
}

.contacts {
  background: #f4d1bd;
  color: #fff;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "lead lead" "image aside";
  overflow: hidden;
}
.contacts:before {
  content: "";
  display: block;
  background: url(../images/contacts/decor.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 52.3rem;
  height: 42.4rem;
  position: absolute;
  top: -6rem;
  right: -14rem;
  opacity: 0.26;
  z-index: -1;
}
@media (max-width: 767px) {
  .contacts {
    display: block;
  }
}

.contacts__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1.5px solid #fff;
  height: 5.8rem;
  padding: 0 2.4rem 0 2rem;
  margin: 0 0 3rem;
  font-size: 2.78rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.0508em;
  color: #fff;
  position: relative;
  z-index: 2;
  grid-area: lead;
}
.contacts__lead mark {
  color: inherit;
  margin: 0 0 0 auto;
}
@media (max-width: 767px) {
  .contacts__lead {
    font-size: clamp(0px, 4vw, 2.78rem);
  }
}

.contacts__image {
  grid-area: image;
  display: block;
  margin: -1rem -2rem -2rem -1rem;
}
.contacts__image img {
  display: block;
  width: 100%;
  height: auto;
}

.contacts__aside {
  grid-area: aside;
  padding: 0 1.5rem 0 3rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .contacts__aside {
    padding: 0 1.5rem;
  }
}

.contacts__blockquote {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  gap: 0.5rem;
  margin: 0 0 1rem -7rem;
  font-size: 1.22rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.0039em;
  text-align: center;
}
.contacts__blockquote:before, .contacts__blockquote:after {
  display: block;
  font-size: 6.2rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.0625em;
  color: #f7e5db;
  position: relative;
  top: -0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.contacts__blockquote:before {
  content: "((";
}
.contacts__blockquote:after {
  content: "))";
}
@media (max-width: 767px) {
  .contacts__blockquote {
    margin: 0 0 1rem;
  }
}

.contacts__certificates {
  margin: 0 0 2rem -1.5rem;
  padding: 0 2rem 0 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
}
@media (max-width: 767px) {
  .contacts__certificates {
    margin: 0 0 2rem;
    padding: 0;
  }
}

.contacts__certificates-image {
  display: block;
  width: 12rem;
}
.contacts__certificates-image img {
  display: block;
  width: 100%;
  height: auto;
}

.contacts__title {
  display: block;
  margin: 0 0 1.5rem;
  font-size: 3.02rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.0078em;
}

.contacts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.contacts__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.92rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.0137em;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contacts__list a {
  color: #fff;
  text-decoration: none;
}
.contacts__list a:hover {
  color: #165c38;
}
@media (max-width: 767px) {
  .contacts__list br {
    display: none;
  }
}

.contacts__qr {
  width: 14.2rem;
  height: 14.2rem;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  position: relative;
  top: -1.75em;
}
.contacts__qr img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}


.contact-button {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1000;
  background-color: #165c38;
  color: white;
  border: none;
  padding: 16px 26px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 1.3rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
}
.contact-button:hover {
  background-color: #2e905f;
}

.contact-modal {
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  color: #8a9f63;
}

.contact-modal-content {
  position: relative;
  background-color: #fff5ef;
  margin: 10% auto;
  padding: 1.5rem 2.5rem;
  border-radius: 12px;
  max-width: 30%;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  overflow: hidden;
  z-index: 1;
}
.contact-modal-content::before {
  content: "";
  position: absolute;
  top: -2rem;
  right: -4rem;
  width: 85%;
  height: 85%;
  background: url(/images/contacts/decor.svg) no-repeat top right;
  background-size: contain;
  pointer-events: none;
  z-index: -1;
  opacity: .7;
}
.contact-modal-content p{
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem 0.5rem;
}
.contact-modal-content a{
  color: #ec966a;
}
.contact-modal-content a:hover{
  color: #d76429;
}

.contact-modal-content h2{
  margin:0 0 1.5rem 0;
  font-weight: 600;
}
.contact-close {
  float: right;
  font-size: 2.5rem;
  font-weight: bold;
  cursor: pointer;
  color: #bfd499;
}
.contact-close:hover {
  color: #8a9f63;
  transition: .3s;
}

.icon {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 2px;
}

/* SVG Icons */
.icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg height='64px' width='64px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 502.707 502.707' xml:space='preserve' fill='%23000000' transform='matrix(-1, 0, 0, 1, 0, 0)'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath style='fill:%23ef8354;' d='M70.971,225.97h-40c0-107.523,87.477-195,195-195v40C140.503,70.97,70.971,140.503,70.971,225.97z'%3E%3C/path%3E%3Cpath style='fill:%23ef8354;' d='M140.971,225.97h-40c0-68.925,56.075-125,125-125v40C179.102,140.97,140.971,179.101,140.971,225.97 z'%3E%3C/path%3E%3Cpath style='fill:%23c3d69e;' d='M331.074,182.624l-44.169-44.169L425.361,0l14.118,12.988c5.997,5.517,58.712,55.2,62.858,100.185 c3.448,37.418-17.99,83.13-36.582,114.89c-25.499,43.561-61.822,89.43-105.041,132.649L256.85,256.848L331.074,182.624z'%3E%3C/path%3E%3Cpath style='fill:%23bacb95;' d='M138.458,286.903l44.168,44.169l74.224-74.224l103.864,103.864 c-86.254,86.253-180.157,141.989-239.229,141.995c-2.835,0-5.627-0.125-8.31-0.372c-44.985-4.148-94.669-56.862-100.186-62.858 L0.002,425.358L138.458,286.903z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-email {
  background-image: url("data:image/svg+xml,%3Csvg height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 435 435' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpolygon style='fill:%23c3d69f;' points='256.2,217.405 256.38,217.405 435,380.27 435,54.73 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23e0f0c1;' points='435,54.73 0,54.73 217.5,252.5 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23bacb95;' points='256.2,217.405 217.5,252.5 178.71,217.405 0,380.27 435,380.27 256.38,217.405 '%3E%3C/polygon%3E%3Cpolygon style='fill:%23c3d69f;' points='0,54.73 0,380.27 178.71,217.405 '%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.social-button--whatsapp {
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%237bc892' d='M0,512l51.9-148.3C32,327.6,21.5,286.8,21.5,245.3c0-65.5,25.5-127.1,71.8-173.4 C139.7,25.5,201.2,0,266.7,0s127.1,25.5,173.4,71.8S512,179.8,512,245.3c0,65.5-25.5,127.1-71.8,173.4 c-46.3,46.3-107.9,71.8-173.4,71.8c-41.5,0-82.3-10.5-118.4-30.4L0,512z'/%3E%3Cpath fill='%23FFFFFF' d='M211,301c58.6,58.6,125.2,87.2,148.7,63.7l28.3-28.3c5.9-5.9,5.9-15.4,0-21.2l-35.4-35.4 c-5.9-5.9-15.4-5.9-21.2,0l-21.2,21.2c-43.5-20.6-78.5-55.6-99.1-99.1l21.2-21.2c5.9-5.9,5.9-15.4,0-21.2l-35.4-35.4 c-5.9-5.9-15.4-5.9-21.2,0l-28.3,28.3C123.9,175.8,152.4,242.3,211,301z'/%3E%3C/svg%3E") center no-repeat;
}
.social-button--vkontakte {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.962 511.962'%3E%3Cpath fill='%23589cd8' d='M250.5,400.8h30.6c0,0,9.2-1,14-6.1c4.4-4.7,4.2-13.4,4.2-13.4s-0.6-41.1,18.5-47.1 c18.8-6,42.9,39.7,68.5,57.2c19.3,13.3,34,10.4,34,10.4l68.4-1c0,0,35.8-2.2,18.8-30.3c-1.4-2.3-9.9-20.8-50.8-58.8 c-42.9-39.8-37.1-33.3,14.5-102.2c31.5-41.9,44-67.5,40.1-78.5c-3.7-10.4-26.9-7.7-26.9-7.7l-76.9,0.4c0,0-5.7-0.8-10,1.8 c-4.1,2.5-6.8,8.3-6.8,8.3s-12.2,32.4-28.4,60c-34.3,58.2-48,61.3-53.6,57.7c-13-8.4-9.8-33.9-9.8-51.9 c0-56.4,8.5-79.9-16.7-86c-8.4-2-14.5-3.4-35.9-3.6c-27.5-0.3-50.7,0.1-63.9,6.5c-8.8,4.3-15.5,13.9-11.4,14.4 c5.1,0.7,16.6,3.1,22.7,11.4c7.9,10.7,7.6,34.8,7.6,34.8s4.5,66.4-10.6,74.7c-10.4,5.7-24.6-5.9-55.2-58.7 c-15.6-27-27.5-57-27.5-57s-2.3-5.6-6.3-8.5c-4.9-3.6-11.8-4.8-11.8-4.8l-73.2,0.4c0,0-11,0.3-15,5.1c-3.6,4.3-0.3,13-0.3,13 s57.3,134,122.1,201.5C183,404.9,250.5,400.8,250.5,400.8L250.5,400.8z'/%3E%3C/svg%3E") center no-repeat;
}

.contact-modal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.contact-modal.show {
  opacity: 1;
  pointer-events: auto;
}

.contact-modal-content {
  transform: translateY(-20px);
  transition: transform 0.4s ease;
}

.contact-modal.show .contact-modal-content {
  transform: translateY(0);
}

@media (max-width: 767px) {
  .contact-modal-content {
    margin: 40% auto;
    max-width: 80%;
  }
  .contact-modal-content p {
    font-size: 2rem;
  }
  .contact-modal-content h2 {
    font-size: 3rem;
  }
  .contacts__list {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .contact-button {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .contact-modal-content {
    margin: 40% auto;
    max-width: 80%;
  }
  .contact-modal-content p {
    font-size: 1.5rem;
  }
  .contact-modal-content h2 {
    font-size: 2rem; 
  }
}


.footer {
  background-color: #a6b686;
  font-size: 0.9rem;
  font-weight: 600;
  color: #edf0e7;
  padding: 3rem 7rem 4rem;
}

.footer__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.footer__block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer__block img{
  width: 40%;
  height: auto;
  opacity: 0.9;
  margin-top: 1rem;
}

.footer__title {
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.footer__text {
  margin: 0;
  line-height: 1.5;
}
.footer__text span{
    margin: 0 0.5rem -5px 0;
    width: 1rem;
    height: 1rem;
}
.footer__text a{
  color: #edf0e7;
}

/* Мобильная адаптация */
.footer__block {
  order: 0;
}
/* Меняем порядок блоков на мобилке */
@media (max-width: 768px) {
  .footer__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .footer__block {
    width: calc(50% - 1rem); 
  }

  .footer__block:first-child {
    order: 3;
  }

  .footer__block:nth-child(1) {
    width: 100%;
    text-align: center;
    order: 2; /* или оставьте 2, чтобы он был до логотипа */
  }

  .footer {
    font-size: 1.4rem;
    padding: 4rem 3rem 2rem;
  }

  .footer__block img{
    width: 25%;
  }
  .footer__text span {
    margin: 0 0.75rem -2px 0;
    width: 1.2rem;
    height: 1.2rem;
  }
}

@media (max-width: 480px) {
  .footer__block {
    width: 100%;
  }

  .footer__block {
    width: auto;
    margin: 0 auto;
    text-align: center;
    flex: 1 0 auto;
  }
  .footer .footer__contact-buttons {
    justify-content: center;
  }
  .contact-modal .footer__contact-buttons {
    justify-content: flex-start;
    margin: 0 0 2rem;
  }
}

.contact-modal .footer__contact-buttons {
  justify-content: flex-start;
  margin: 0 0 1.5rem 0.5rem;
}

.footer__contact-buttons {
  display: flex;
  gap: 0.8rem;
  margin: 0 0 0.5rem;
}

.contact-btn {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333; /* базовый фон, заменим ниже */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.contact-btn:hover {
  transform: scale(1.1);
}

/* --- WhatsApp --- */
.contact-btn--whatsapp {
  background-color: #2ac670;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24'%3E%3Ctitle%3Ewhatsapp_line%3C/title%3E%3Cg id='whatsapp_line' fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23FFFFFFFF' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.958 9.958 0 0 1-4.863-1.26l-.305-.178-3.032.892a1.01 1.01 0 0 1-1.28-1.145l.026-.109.892-3.032A9.958 9.958 0 0 1 2 12C2 6.477 6.477 2 12 2m0 2a8 8 0 0 0-6.759 12.282c.198.312.283.696.216 1.077l-.039.163-.441 1.501 1.501-.441c.433-.128.883-.05 1.24.177A8 8 0 1 0 12 4M9.102 7.184a.695.695 0 0 1 .684.075c.504.368.904.862 1.248 1.344l.327.474.153.225a.712.712 0 0 1-.046.864l-.075.076-.924.686a.227.227 0 0 0-.067.291c.21.38.581.947 1.007 1.373.427.426 1.02.822 1.426 1.055.088.05.194.034.266-.031l.038-.045.601-.915a.711.711 0 0 1 .973-.158l.543.379c.54.385 1.059.799 1.47 1.324a.696.696 0 0 1 .089.703c-.396.924-1.399 1.711-2.441 1.673l-.159-.01-.191-.018a4.966 4.966 0 0 1-.108-.014l-.238-.04c-.924-.174-2.405-.698-3.94-2.232-1.534-1.535-2.058-3.016-2.232-3.94l-.04-.238-.025-.208-.013-.175a3.76 3.76 0 0 1-.004-.075c-.038-1.044.753-2.047 1.678-2.443'/%3E%3C/g%3E%3C/svg%3E");
}

.contact-btn--whatsapp:hover { background-color: #2fb76c; }

/* --- Email (конверт) --- */
.contact-btn--email {
  background-color: #fdad15;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px' viewBox='0 0 24 24'%3E%3Ctitle%3Email_line%3C/title%3E%3Cg id='mail_line' fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23FFFFFFFF' d='M20 4a2 2 0 0 1 1.995 1.85L22 6v12a2 2 0 0 1-1.85 1.995L20 20H4a2 2 0 0 1-1.995-1.85L2 18V6a2 2 0 0 1 1.85-1.995L4 4zm0 3.414-6.94 6.94a1.5 1.5 0 0 1-2.12 0L4 7.414V18h16zM18.586 6H5.414L12 12.586z'/%3E%3C/g%3E%3C/svg%3E");
}
.contact-btn--email:hover { background-color: #e39e1c; }

/* --- VK --- */
.contact-btn--vk {
  background-color: #4a76a8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 22 22'%3E%3Cpath fill='%23FFFFFF' d='M20.9 7.6c.1-.3 0-.6-.5-.6h-2c-.4 0-.6.2-.7.4c0 0-1 2.4-2.4 4c-.5.5-.7.7-1 .7s-.2-.2-.2-.6V7.4c0-.5-.1-.6-.5-.6H10c-.3 0-.4.2-.4.3c0 .5.8.6.8 1.9v2.8c0 .6-.1.7-.3.7c-.6 0-2.1-2.4-3-5.2c-.2-.5-.3-.7-.7-.7H4.6c-.4 0-.5.2-.5.4c0 .5.6 3 3 6.3c1.6 2.2 3.9 3.4 6 3.4c1.2 0 1.3-.3 1.3-.7v-1.7c0-.5.1-.6.5-.6c.3 0 .9.2 2 1.2c1.3 1.2 1.5 1.8 2.2 1.8h2c.4 0 .6-.2.5-.6c-.1-.5-.7-1.1-1.5-2c-.4-.5-1.1-1.1-1.3-1.4c-.3-.4-.2-.6 0-1c.1 0 2.3-3.2 2.5-4.3Z'/%3E%3C/svg%3E");
}
.contact-btn--vk:hover { background-color: #3b5f88; }

/* Крупнее на мобильных */
@media (max-width: 767px){
  .contact-btn{ width: 4rem; height: 4rem; background-size: 58% 58%; }
}