@charset "UTF-8";

@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Lato/Lato-Light.eot");
  src: url("../fonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Light.woff") format("woff"), url("../fonts/Lato/Lato-Light.ttf") format("truetype"), url("../fonts/Lato/Lato-Light.svg#Lato") format("svg");
}

@font-face {
  font-family: "Lato";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Lato/Lato-Semibold.eot");
  src: url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato/Lato-Semibold.svg#Lato") format("svg");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/CormorantGaramond/CormorantGaramond-Regular.eot");
  src: url("../fonts/CormorantGaramond/CormorantGaramond-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CormorantGaramond/CormorantGaramond-Regular.woff") format("woff"), url("../fonts/CormorantGaramond/CormorantGaramond-Regular.ttf") format("truetype"), url("../fonts/CormorantGaramond/CormorantGaramond-Regular.svg#Cormorant Garamond") format("svg");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/CormorantGaramond/CormorantGaramond-Italic.eot");
  src: url("../fonts/CormorantGaramond/CormorantGaramond-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/CormorantGaramond/CormorantGaramond-Italic.woff") format("woff"), url("../fonts/CormorantGaramond/CormorantGaramond-Italic.ttf") format("truetype"), url("../fonts/CormorantGaramond/CormorantGaramond-Italic.svg#Cormorant Garamond") format("svg");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  background: transparent;
  border: none;
  padding: 0;
  margin: none;
}

:root {
  --container-width: 126rem;
  --transition: .4s ease;
  --tr: .4s ease;
  --tr-long: .6s ease;
  --trd: .4s ease .4s;
  --trd-long: .6s ease .6s;
  --default-font-family: "Lato";
  --heading-font-family: "Cormorant Garamond";
  --sp: 12rem;
  --sp-half: 6rem;
  --primary: #B6A280;
  --secondary: #122D33;
  --white: #FFFFFF;
  --photo: #393939;
  --bej-20: #FAF8F4;
  --black-10: rgb(18, 45, 51, 10%);
  --gray: #D9D9D9;
  --fz-default: 1.6rem;
  --h1: 9rem;
  --h2: 8rem;
  --h3: 5.2rem;
  --h4: 3.6rem;
  --h5: 2rem;
  --h6: 2.8rem;
  --m: 2rem;
  --s: 1.6rem;
  --xs: 1.4rem;
  --xxs: 1.2rem;
}

html {
  font-size: 10px;
  scroll-padding-top: 10rem;
}

body {
  font: 400 var(--s) var(--default-font-family), Helvetica, Arial, sans-serif;
  min-width: 360px;
  color: var(--secondary);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  transition: background-color var(--tr);
}

body._lock {
  overflow: hidden;
  height: 100vh;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  outline: none;
}

.hidden {
  display: none;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  overflow: hidden;
  min-height: 100vh;
  width: 100lvw;
  display: flex;
  flex-flow: column;
}

.wrapper__inner._active {
  transition: var(--tr);
  transform: translateY(10rem);
}

[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 1rem;
  width: 100%;
}

[class*=__container] [class*=__container] {
  padding: 0;
}

._wpe {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
}

._wpe > * {
  margin: 2rem 0;
}

._wpe > *:first-child {
  margin-top: 0;
}

._wpe > *:last-child {
  margin-bottom: 0;
}

.letter {
  position: relative;
  width: 48rem;
}

.letter:before {
  background: #000000;
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 104.16%;
  border-radius: 50%;
  filter: blur(5rem);
  opacity: 0.2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.letter:after {
  content: "";
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
}

.letter_a:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22480%22%20height%3D%22414%22%20viewBox%3D%220%200%20480%20414%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M127.562%20245.649H316.932L321.534%20263.991H117.699L127.562%20245.649ZM476.712%20406.139C478.904%20406.139%20480%20407.449%20480%20410.07C480%20412.69%20478.904%20414%20476.712%20414C467.945%20414%20454.356%20413.563%20435.945%20412.69C416.658%20411.816%20402.849%20411.38%20394.521%20411.38C383.562%20411.38%20370.192%20411.816%20354.411%20412.69C339.507%20413.563%20327.671%20414%20318.904%20414C317.151%20414%20316.274%20412.69%20316.274%20410.07C316.274%20407.449%20317.151%20406.139%20318.904%20406.139C330.301%20406.139%20338.411%20405.047%20343.233%20402.864C348.493%20400.244%20351.123%20395.877%20351.123%20389.763C351.123%20382.339%20346.74%20369.892%20337.973%20352.424L204.493%2089.7437L236.712%2033.4082L105.863%20320.981C100.164%20333.646%2097.3151%20345.437%2097.3151%20356.354C97.3151%20372.076%20102.795%20384.304%20113.753%20393.038C125.151%20401.772%20140.274%20406.139%20159.123%20406.139C161.315%20406.139%20162.411%20407.449%20162.411%20410.07C162.411%20412.69%20161.315%20414%20159.123%20414C151.233%20414%20139.836%20413.563%20124.932%20412.69C108.274%20411.816%2093.8082%20411.38%2081.5342%20411.38C69.6986%20411.38%2055.4521%20411.816%2038.7945%20412.69C23.8904%20413.563%2011.8356%20414%202.63014%20414C0.876711%20414%200%20412.69%200%20410.07C0%20407.449%200.876711%20406.139%202.63014%20406.139C14.9041%20406.139%2025.2055%20403.737%2033.5342%20398.934C41.863%20393.693%2050.1918%20384.74%2058.5205%20372.076C66.8493%20358.975%2076.7123%20339.759%2088.1096%20314.43L230.795%201.9652C231.671%200.655068%20233.644%200%20236.712%200C240.219%200%20242.192%200.655068%20242.63%201.9652L407.014%20324.256C422.356%20355.263%20435.069%20376.661%20445.151%20388.453C455.233%20400.244%20465.753%20406.139%20476.712%20406.139Z%22%20fill%3D%22%23122D33%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.letter_q:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22461%22%20height%3D%22549%22%20viewBox%3D%220%200%20461%20549%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M290.358%20409.29C307.438%20446.459%20329.554%20476.849%20356.707%20500.462C383.859%20524.075%20409.698%20535.882%20434.223%20535.882C441.668%20535.882%20449.332%20535.444%20457.215%20534.57C458.529%20534.133%20459.405%20535.007%20459.843%20537.194C460.719%20539.38%20460.719%20540.692%20459.843%20541.129C441.887%20546.376%20424.151%20549%20406.633%20549C371.597%20549%20335.466%20537.194%20298.241%20513.581C261.016%20490.405%20229.484%20457.828%20203.645%20415.849L290.358%20409.29ZM208.243%20425.032C167.514%20425.032%20131.165%20415.631%2099.1947%20396.828C67.6626%20377.588%2043.1377%20351.789%2025.6198%20319.43C8.53995%20286.634%200%20250.996%200%20212.516C0%20167.477%2011.3866%20128.996%2034.1598%2097.0753C56.933%2064.7168%2086.0563%2040.448%20121.53%2024.2688C157.441%208.08961%20194.01%200%20231.235%200C272.84%200%20309.409%209.83871%20340.941%2029.5161C372.473%2048.7563%20396.56%2074.3369%20413.202%20106.258C430.282%20138.179%20438.822%20172.068%20438.822%20207.925C438.822%20247.717%20428.311%20284.229%20407.29%20317.462C386.268%20350.695%20358.021%20376.932%20322.547%20396.172C287.511%20415.412%20249.41%20425.032%20208.243%20425.032ZM229.922%20408.634C254.446%20408.634%20276.344%20401.638%20295.613%20387.645C315.321%20373.215%20330.649%20352.444%20341.598%20325.333C352.546%20297.785%20358.021%20264.989%20358.021%20226.946C358.021%20186.717%20351.889%20150.86%20339.627%20119.376C327.365%2087.4552%20309.628%2062.5305%20286.417%2044.6022C263.205%2026.6738%20236.053%2017.7097%20204.959%2017.7097C165.105%2017.7097%20134.449%2032.7957%20112.99%2062.9678C91.5306%2092.7025%2080.8009%20134.462%2080.8009%20188.247C80.8009%20230.663%2087.1512%20268.706%2099.8516%20302.376C112.99%20335.609%20130.727%20361.627%20153.062%20380.43C175.835%20399.233%20201.455%20408.634%20229.922%20408.634Z%22%20fill%3D%22%23122D33%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.letter_d:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22413%22%20height%3D%22414%22%20viewBox%3D%220%200%20413%20414%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M195.74%20414C181.728%20414%20165.088%20413.344%20145.82%20412.032C138.814%20411.594%20130.056%20411.157%20119.546%20410.719C109.475%20410.282%2098.0891%20410.063%2085.3901%20410.063L36.7834%20410.719C28.0254%20411.157%2016.2022%20411.376%201.31369%20411.376C0.437896%20411.376%200%20410.063%200%20407.439C0%20404.815%200.437896%20403.502%201.31369%20403.502C15.3264%20403.502%2025.617%20402.409%2032.1855%20400.222C38.7539%20398.035%2043.1329%20393.88%2045.3224%20387.756C47.9498%20381.195%2049.2635%20371.353%2049.2635%20358.231V54.4564C49.2635%2041.3344%2047.9498%2031.7116%2045.3224%2025.588C43.1329%2019.4643%2038.7539%2015.309%2032.1855%2013.122C26.0549%2010.4976%2016.2022%209.18542%202.62738%209.18542C1.31369%209.18542%200.656846%207.87322%200.656846%205.24882C0.656846%202.62442%201.31369%201.31222%202.62738%201.31222L37.4402%201.96832C57.5835%202.84311%2073.5668%203.2805%2085.3901%203.2805C103.344%203.2805%20121.736%202.62441%20140.565%201.31222C163.336%200.437408%20178.662%200%20186.544%200C230.772%200%20269.964%208.74802%20304.12%2026.2441C338.714%2043.7401%20365.426%2067.5784%20384.256%2097.7591C403.085%20127.94%20412.5%20161.838%20412.5%20199.455C412.5%20241.883%20402.647%20279.499%20382.942%20312.304C363.674%20344.672%20337.4%20369.823%20304.12%20387.756C271.278%20405.252%20235.151%20414%20195.74%20414ZM189.172%20398.91C217.197%20398.91%20241.939%20391.911%20263.396%20377.914C284.853%20363.48%20301.493%20342.266%20313.316%20314.273C325.577%20286.279%20331.708%20252.818%20331.708%20213.889C331.708%20176.71%20326.015%20143.03%20314.63%20112.849C303.244%2082.2314%20287.042%2058.1743%20266.023%2040.6783C245.004%2023.1823%20220.701%2014.4342%20193.113%2014.4342C165.963%2014.4342%20147.353%2017.0586%20137.281%2022.3074C127.209%2027.5563%20122.174%2038.71%20122.174%2055.7686V351.014C122.174%20368.51%20126.771%20380.976%20135.967%20388.412C145.163%20395.41%20162.898%20398.91%20189.172%20398.91Z%22%20fill%3D%22%23122D33%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.parallax {
  overflow: hidden;
  position: relative;
}

.parallax__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  opacity: 0;
}

.parallax__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130%;
  background: top center/cover no-repeat;
}

._word {
  transition: 1s ease 0s;
}

.breadcrumbs {
  text-align: center;
  padding-top: 10rem;
  color: var(--secondary);
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  font-weight: 600;
}

.breadcrumbs .breadcrumb_last {
  font-weight: 300;
}

h1,
._h1 {
  font: 400 var(--h1)/1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

h2,
._h2 {
  font: 400 var(--h2)/0.9 var(--heading-font-family);
  letter-spacing: -0.03em;
}

h3,
._h3 {
  font: 400 var(--h3)/1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

h4,
._h4 {
  font: 400 var(--h4)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

h5,
._h5 {
  font: 400 var(--h5)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

h6,
._h6 {
  font: 400 var(--h6)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

a {
  color: var(--secondary);
  text-decoration: none;
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._primary {
  color: var(--primary);
}

._secondary {
  color: var(--secondary);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

._e strong {
  font-weight: 700;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}

.preloader:before,
.preloader:after {
  background: var(--white);
  content: "";
  display: block;
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0);
  transition: 1s ease 0s;
}

.preloader:after {
  top: auto;
  bottom: 0;
}

.preloader__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.preloader__value {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  color: var(--primary);
}

.preloader__scale {
  width: 100%;
}

.preloader__scale div {
  background: var(--primary);
  width: 0%;
  transition: var(--tr);
  height: 0.1rem;
}

.preloader._hidden {
  pointer-events: none;
}

.preloader._hidden:before {
  transform: translateY(-110%);
}

.preloader._hidden:after {
  transform: translateY(110%);
}

.preloader._hidden .preloader__status {
  opacity: 0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100lvw;
  z-index: 9999;
  transition: transform var(--tr), opacity var(--tr);
}

.header._hidden {
  transform: translateY(-200%);
  opacity: 0;
  pointer-events: none;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
}

.header__logo {
  aspect-ratio: 88/52;
  width: 8.8rem;
  background: center/contain no-repeat;
}

.header__burger-wrap {
  width: 10.6rem;
}

.header__burger-wrap .burger {
  flex: 0 0 auto;
  background: transparent;
  aspect-ratio: 1/1;
  width: 4.4rem;
  position: relative;
  cursor: pointer;
  z-index: 5;
}

.header__burger-wrap .burger:before,
.header__burger-wrap .burger:after {
  background: var(--white);
  content: "";
  display: block;
  height: 0.3rem;
  width: 100%;
  position: absolute;
  top: calc(35% - 0.15rem);
  left: 0;
  width: 100%;
  transition: top var(--trd), transform var(--tr);
}

.header__burger-wrap .burger:after {
  top: calc(65% - 0.15rem);
}

.header__burger-wrap .burger._active:before,
.header__burger-wrap .burger._active:after {
  top: calc(50% - 0.3rem / 2);
  transform: rotate(15deg);
  transition: top var(--tr), transform var(--trd);
}

.header__burger-wrap .burger._active:after {
  transform: rotate(-15deg);
}

.header .burger-menu {
  background: var(--secondary);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100lvw;
  transform: translateY(-100%);
  transition: var(--tr);
  overflow: hidden;
}

.header .burger-menu._active {
  transform: translateY(0);
}

.header .burger-menu .letter {
  width: 48rem;
  position: absolute;
  left: 21.77%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.header .burger-menu__container {
  height: 100%;
  display: flex;
  overflow-y: auto;
  position: relative;
  z-index: 2;
  /* Скроллбар */
}

.header .burger-menu__container::-webkit-scrollbar {
  background: transparent;
  /* Панель прокрутки */
  width: 0.6rem;
}

.header .burger-menu__container::-webkit-scrollbar-button {
  /* Кнопки навігації */
  height: 0;
  width: 0;
}

.header .burger-menu__container::-webkit-scrollbar-thumb {
  background: rgba(182, 162, 128, 0.5764705882);
  /* Повзунок */
}

.header .burger-menu__container::-webkit-scrollbar-corner {
  /* Правий нижній куток прокрутки коли активіні і X і Y осі*/
  height: 0;
  width: 0;
}

.header .burger-menu__main {
  flex: 1 1 auto;
  display: flex;
  gap: 2rem;
  flex-direction: column;
  padding: 11.7rem 0 4rem;
}

.header .burger-menu__menu {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  counter-reset: menuItems;
}

.header .burger-menu__menu .menu-item {
  counter-increment: menuItems;
}

.header .burger-menu__menu .menu-item a,
.header .burger-menu__menu .menu-item a:visited {
  font: 400 var(--h3)/1 var(--heading-font-family);
  letter-spacing: -0.03em;
  display: block;
  color: var(--white);
  padding: 1rem 0;
  transition: opacity var(--tr);
}

.header .burger-menu__menu .menu-item a:before,
.header .burger-menu__menu .menu-item a:visited:before {
  font: 300 2rem/1.4 Lato;
  content: counter(menuItems, decimal-leading-zero);
  margin-right: 4rem;
}

.header .burger-menu__menu:has(.menu-item a:hover) .menu-item a:not(:hover) {
  opacity: 0.5;
}

.header .burger-menu__images {
  flex: 0 0 65.3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.header .burger-menu__images img {
  width: 29.6rem;
}

.header .burger-menu__images img:first-child {
  align-self: end;
}

.archive .header,
.single-object .header {
  color: var(--secondary);
  background: var(--white);
}

.archive .header__logo,
.single-object .header__logo {
  filter: invert(1);
}

.archive .header__btn,
.single-object .header__btn {
  color: var(--secondary);
  border-color: var(--secondary);
}

.archive .header__burger::before,
.archive .header__burger::after,
.single-object .header__burger::before,
.single-object .header__burger::after {
  background: var(--secondary);
}

.archive .header .burger-menu,
.single-object .header .burger-menu {
  background: var(--white);
}

.archive .header .burger-menu__menu .menu-item a,
.single-object .header .burger-menu__menu .menu-item a {
  color: var(--secondary);
}

.archive .footer {
  margin-top: auto;
}

.archive .footer__image {
  -webkit-mask-image: none;
  mask-image: none;
}

.archive .footer__image-lay_1 {
  position: relative;
}

.archive .footer__image-lay_1:before {
  content: "";
  position: absolute;
  height: 60%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.footer {
  background: var(--secondary);
  position: relative;
  color: var(--white);
  margin-top: -0.1rem;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 300;
}

.footer a,
.footer a:visited {
  color: inherit;
}

.footer__image {
  aspect-ratio: 1500/750;
  -webkit-mask-image: linear-gradient(0deg, black calc(100% - 20rem), transparent 100%);
  mask-image: linear-gradient(0deg, black calc(100% - 20rem), transparent 100%);
}

.footer__image-lay {
  position: absolute;
  height: 101%;
  width: 100%;
  top: -1%;
  left: 0%;
  background: center/contain no-repeat;
}

.footer__bottom {
  padding: 3rem 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  backdrop-filter: blur(2rem);
}

.footer__container {
  display: flex;
  justify-content: space-between;
}

.footer__menu {
  display: flex;
  gap: 4rem;
}

.footer .developed {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.footer .developed span {
  color: inherit;
}

.footer .developed img {
  aspect-ratio: 62/24;
  width: 6.2rem;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.catalogue {
  padding-bottom: 120px;
}

.catalogue__objects {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 16px;
}

.catalogue__pagination {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.catalogue__pagination .page-numbers {
  background: var(--white, #FFF);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}

.catalogue__pagination .page-numbers.current {
  background: var(--bej-20, #FAF8F4);
  opacity: 1;
  font-weight: 600;
}

.catalogue__pagination .page-numbers.prev {
  background: url(../img/pagination-prev.svg) 50% no-repeat;
}

.catalogue__pagination .page-numbers.next {
  background: url(../img/pagination-next.svg) 50% no-repeat;
}

.filters {
  margin: 30px 0 40px;
  display: flex;
  gap: 16px;
  position: relative;
}

.filters__button {
  padding: 10px;
  width: 30rem;
  border-bottom: 2px solid var(--bej-20, #FAF8F4);
  background: var(--white, #FFF);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filters__button._active {
  border-color: var(--secondary);
}

.filters__button:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99854 3.99994V15.9999M3.99854 9.99994H15.9985' stroke='%23122D33' stroke-linecap='square'/%3E%3C/svg%3E") 50%/contain no-repeat;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.filters__menu {
  position: absolute;
  bottom: 0;
  background: var(--bej-20, #FAF8F4);
  padding: 20px 0;
  left: 0;
  transform: translateY(80%);
  width: 50%;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease;
}

.filters__menu._active {
  opacity: 1;
  z-index: 10;
  transform: translateY(100%);
}

.filters__menu:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 200vw;
  background: var(--bej-20, );
  z-index: -1;
}

.filters__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: none;
}

.filters__list._active {
  display: grid;
}

.filters__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  transition: all 0.3s ease;
}

.filters__item:hover {
  color: var(--primary);
}

.filters__item input[type=checkbox] {
  display: none;
}

.filters__item input[type=checkbox]:checked + .filters__checkmark + span {
  color: var(--white);
}

.filters__item input[type=checkbox]:checked ~ span {
  font-weight: 700;
}

.filters__item input[type=checkbox]:checked + .filters__checkmark {
  background: var(--secondary);
  border-color: var(--secondary);
}

.filters__item input[type=checkbox]:checked + .filters__checkmark::after {
  opacity: 1;
}

.filters__checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid var(--secondary);
  margin-right: 5px;
  position: relative;
  transition: all 0.3s ease;
}

.filters__checkmark::after {
  content: "";
  width: 12px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M0.707031 4.1421L4.90095 8.24604L12.707 0.707031' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E") 50%/contain no-repeat;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.catalogue__objects {
  min-height: 200px;
  position: relative;
}

.catalogue__objects.loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

.catalogue__objects.loading::after {
  content: "Loading...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  font-size: 18px;
  color: var(--secondary);
}

.object-preview__header {
  display: block;
  position: relative;
  aspect-ratio: 300/380;
  padding: 5px;
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.object-preview__image {
  background: 50%/cover no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.object-preview__title {
  font: 400 var(--h5)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

.object-preview__title:hover {
  text-decoration: underline;
}

.object-preview__info {
  margin-top: 10px;
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.object-preview__location {
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--white, #FFF);
  margin-top: auto;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  z-index: 2;
}

.object-preview__tags {
  display: flex;
  flex-flow: wrap;
  gap: 2px;
  z-index: 2;
}

.object-preview__tag {
  padding: 0 5px;
  background: var(--light-gray, #F5F5F5);
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
}

.object-preview__tag--sell {
  color: var(--white);
  background: var(--primary);
  text-transform: capitalize;
}

.object-preview__tag--buy {
  color: var(--white);
  background: var(--secondary);
  text-transform: capitalize;
}

.object-preview__price {
  font: 400 var(--h4)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
  font-feature-settings: "case" on;
}

.object-preview__price b {
  font-weight: 700;
}

.object-preview__button:after {
  display: none;
}

.object-hero {
  padding: var(--sp-half) 0;
}

.object-hero__container {
  display: flex;
  flex-flow: column;
  gap: 40px;
}

.object-hero__header {
  width: 100%;
  aspect-ratio: 1240/334;
  padding: 10px;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.object-hero__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 50%/cover no-repeat;
  z-index: 0;
}

.object-hero__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.object-hero__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.object-hero__tags {
  display: flex;
  gap: 10px;
  z-index: 1;
}

.object-hero__tag {
  display: inline-flex;
  padding: 5px 10px;
  background: var(--white);
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 300;
  font-weight: 600;
  height: 32px;
}

.object-hero__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.object-hero__location {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 4px;
}

.object-hero__location:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 10.4999C11.1046 10.4999 12 9.60451 12 8.49994C12 7.39537 11.1046 6.49994 10 6.49994C8.89543 6.49994 8 7.39537 8 8.49994C8 9.60451 8.89543 10.4999 10 10.4999Z' stroke='%23B6A280' stroke-linecap='square'/%3E%3Cpath d='M10 2.49994C9.22268 2.48671 8.45041 2.62723 7.72758 2.91343C7.00475 3.19963 6.34561 3.62587 5.78804 4.16764C5.23047 4.70941 4.78547 5.35603 4.47862 6.07034C4.17177 6.78465 4.00911 7.55256 4 8.32994C4 10.4999 5 11.6299 6.19 13.2199C7.38 14.8099 8.83 16.2199 9.99 17.4999C11.16 16.1899 12.61 14.7399 13.8 13.2199C14.99 11.6999 16 10.4999 16 8.32994C15.9106 6.78373 15.2448 5.32721 14.134 4.2479C13.0232 3.16859 11.5481 2.5449 10 2.49994Z' stroke='%23B6A280' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50%/contain;
}

.object-hero__info {
  display: flex;
  gap: 6rem;
  margin-bottom: 26px;
  flex-shrink: 0;
}

.object-hero .item__text {
  margin-bottom: 5px;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 300;
}

.object-hero .item__value b {
  font: 700 var(--h4)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
  letter-spacing: -1.08px;
  font-feature-settings: "case" on;
}

.object-hero .item__value span {
  font: 400 var(--h5)/1.1 var(--heading-font-family);
  letter-spacing: -0.03em;
}

.object-hero__buttons {
  display: flex;
  gap: 20px;
}

.object-hero .btn_regular:after {
  display: none;
}

.success {
  padding: var(--sp) 0;
  background: var(--secondary, #122D33);
  min-height: 100vh;
  color: var(--white);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.success__content {
  position: relative;
  z-index: 1;
}

.success__image {
  position: absolute;
  top: 0;
  aspect-ratio: 296/500;
  width: 29.6rem;
  opacity: 0.5;
  z-index: -1;
}

.success__image--1 {
  background: url(../img/success__image-1.webp) 50%/cover no-repeat;
  left: 0;
  transform: translateY(-10%);
}

.success__image--2 {
  background: url(../img/success__image-2.webp) 50%/cover no-repeat;
  right: 0;
  transform: translateY(10%);
}

.success__title {
  max-width: 90rem;
  margin: 0 auto;
}

.success__subtitle {
  margin: 4rem 0 6rem;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
}

.success__button {
  margin: 0 auto;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
  border-radius: 4px;
}

.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -50px;
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video video,
#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.error-404 {
  padding: var(--sp) 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  background: var(--secondary);
  color: var(--white);
}

.error-404__error {
  font: normal 400 40rem/70% "Cormorant Garamond";
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: "case" on, "liga" off, "calt" off;
  /* 280px */
  letter-spacing: -12px;
  position: relative;
  color: rgba(255, 255, 255, 0.05);
}

.error-404__error:before {
  content: "";
  opacity: 0.2;
  background: #000;
  border-radius: 50%;
  aspect-ratio: 1/1;
  filter: blur(50px);
  width: 50rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.error-404__button {
  margin: 0 auto;
  margin-top: 6rem;
}

.form {
  max-width: 400px;
  position: relative;
}

.form__inputs {
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.form .input {
  background: #fff;
  width: 100%;
  height: 60px;
  border: 2px solid #dcdcdc;
  border-radius: 3px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 60px;
  display: block;
}

.form .input__wrap {
  display: block;
  text-align: left;
}

.form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat;
  z-index: 10;
}

.form.loading:before {
  display: block;
}

.form .intl-tel-input {
  width: 100%;
}

.form .country-list .country-name {
  color: #333;
}

.btn {
  font: 600 1.6rem/0.8 var(--default-font-family);
  text-align: center;
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 2rem;
  text-transform: uppercase;
  cursor: pointer;
}

.btn_transparent {
  background: transparent;
  padding: 1.5rem 2rem;
  color: var(--white);
  border: 0.1rem solid var(--white);
  transition: background-color var(--tr), color var(--tr);
}

.btn_transparent:hover {
  background: var(--white);
  color: var(--secondary);
}

.btn--bordered {
  border: 1px solid var(--secondary);
  color: var(--secondary);
  transition: background-color var(--tr), color var(--tr);
  text-transform: uppercase;
  font-weight: 600;
  align-items: center;
}

.btn--bordered:hover {
  background: var(--secondary);
  color: var(--white);
}

.btn--regular,
.btn_regular {
  background: var(--primary);
  color: var(--white);
  gap: 1rem;
  align-items: center;
  transition: background-color var(--tr), color var(--tr);
}

.btn--regular:after,
.btn_regular:after {
  content: "";
  aspect-ratio: 75/10;
  width: 7.5rem;
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2277%22%20height%3D%2214%22%20viewBox%3D%220%200%2077%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M74.7486%207.05051H1M71.2235%202L75.8492%206.64647C76.0503%206.84849%2076.0503%207.15152%2075.8492%207.35354L71.2235%2012%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn--regular:hover,
.btn_regular:hover {
  background: var(--secondary);
}

.btn--regular._dark,
.btn_regular._dark {
  color: var(--secondary);
}

.btn--regular._dark:after,
.btn_regular._dark:after {
  background: center/contain no-repeat url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2277%22%20height%3D%2214%22%20viewBox%3D%220%200%2077%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M74.7486%207.05051H1M71.2235%202L75.8492%206.64647C76.0503%206.84849%2076.0503%207.15152%2075.8492%207.35354L71.2235%2012%22%20stroke%3D%22%23122D33%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22square%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}

.btn--regular._dark:hover,
.btn_regular._dark:hover {
  background: var(--white);
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 1260px) {
  html {
    font-size: 0.6666666667vw;
  }
}

@media (max-width: 1260px) {
  :root {
    --container-width: 760px;
    --sp: 80px;
    --h1: 80px;
    --h2: 72px;
    --h3: 48px;
    --h4: 36px;
    --h5: 28px;
    --h6: 24px;
  }

  html {
    scroll-padding-top: 80px;
  }

  .breadcrumbs {
    padding-top: 80px;
  }

  .header .burger-menu__container {
    flex-direction: column;
  }

  .header .burger-menu__images {
    display: none;
  }

  .footer__container {
    flex-wrap: wrap;
    gap: 20px 40px;
  }

  .footer .developed {
    margin-left: auto;
  }

  .catalogue__objects {
    grid-template-columns: repeat(2, 1fr);
  }

  .object-preview__info {
    gap: 8px;
  }

  .object-hero__container {
    gap: 20px;
  }

  .object-hero__row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }

  .error-404__error {
    font-size: 200px;
  }
}

@media (max-width: 760px) {
  :root {
    --container-width: 480px;
    --sp: 75px;
    --h1: 60px;
    --h2: 48px;
    --h3: 36px;
    --h4: 32px;
    --h5: 24px;
    --h6: 20px;
  }

  html {
    scroll-padding-top: 50px;
  }

  [class*=__container] {
    flex-direction: column;
    padding: 0 10px;
  }

  ._wpe {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 300;
  }

  ._wpe > * {
    margin: 1em 0;
  }

  ._wpe > *:is(h1, h2, h3, h4, h5, h6) {
    margin: 0.5em 0;
  }

  .header._hidden {
    transform: initial;
    opacity: 1;
    pointer-events: initial;
    background-color: var(--secondary);
  }

  .header__container {
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .header__logo {
    width: 60px;
  }

  .header__burger-wrap {
    width: 87px;
  }

  .header__burger-wrap .burger {
    width: 32px;
  }

  .header .btn {
    padding: 10px 14px;
    width: -moz-fit-content;
    width: fit-content;
  }

  .header .burger-menu__main .btn {
    width: 100%;
  }

  .header .burger-menu__menu .menu-item a,
  .header .burger-menu__menu .menu-item a:visited {
    font-family: var(--heading-font-family);
    font-weight: 400;
    font-size: var(--h5);
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .header .burger-menu__menu .menu-item a:before,
  .header .burger-menu__menu .menu-item a:visited:before {
    margin-right: 20px;
  }

  .archive .header._hidden,
  .single-object .header._hidden {
    transform: initial;
    opacity: 1;
    pointer-events: initial;
    background-color: var(--white);
  }

  .footer__image {
    position: relative;
  }

  .footer__bottom {
    position: static;
    padding: 20px 0;
  }

  .footer__container {
    gap: 20px;
    flex-direction: column;
    align-content: center;
    text-align: center;
  }

  .footer__menu {
    flex-direction: column;
    gap: 5px;
  }

  .footer .developed {
    margin: 0;
    justify-content: center;
  }

  .catalogue__objects {
    grid-template-columns: 1fr;
  }

  .filters {
    flex-direction: column;
  }

  .filters__button {
    width: 100%;
  }

  .filters__list {
    grid-template-columns: 1fr;
  }

  .filters__item {
    padding: 5px 0;
  }

  .object-hero__header {
    aspect-ratio: 5/3;
  }

  .object-hero__col {
    width: 100%;
  }

  .object-hero__info {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
  }

  .object-hero__buttons {
    flex-direction: column;
    gap: 10px;
  }

  .success__image {
    display: none;
  }

  .btn {
    font-size: var(--xs);
    width: 100%;
  }
}