html {
font-family: 'Montserrat';
font-weight: 400;
font-size: 14px;
line-height: 1.6;
text-align: left;
color: #223642;
}
body {
background: #FFFFFF;
}
.section {
display: flex;
flex-direction: column;
width: 100%;
}
.section__content {
display: flex;
flex-direction: column;
}
.text-block {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
.text {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: rgba(34, 54, 66, .7);
}
.link-text {
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-decoration: underline !important;
text-underline-position: under;
color: #A58A64;
}
.gallery {
display: flex;
flex-direction: column;
width: 100%;
}
.gallery__header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 16px;
width: 100%;
}
.image-gradient-overlay::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 33%;
background: linear-gradient(180deg, rgba(27, 45, 59, 0) 0%, rgba(27, 45, 59, 0.8) 100%);
z-index: 1;
pointer-events: none;
}
.image-gradient-overlay-brown::after {
background: linear-gradient(180deg, rgba(126, 85, 63, 0) 0%, rgba(126, 85, 63, 0.8) 100%);
}
.badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 12px;
width: fit-content;
border-radius: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
line-height: 1.219;
color: #FFFFFF;
}
.badge--brown {
background-color: #BB8466;
font-size: 14px;
}
.badge--gold {
background-color: #A58A64;
font-size: 12px;
}
.image-overlay-text {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.219;
color: #FFFFFF;
position: relative;
z-index: 2;
}
.page-container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
/* Header */
.header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
gap: 15px;
padding: 24px 0;
border-radius: 69px;
backdrop-filter: blur(6px);
}
.header__nav {
display: flex;
flex-direction: row;
align-items: center;
gap: 56px;
}
.header__menu {
display: flex;
flex-direction: row;
gap: 32px;
}
.header__menu-item {
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #1B2D3B;
text-decoration: none;
white-space: nowrap;
}
.header__button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 17px 32px;
height: 52px;
background-color: #A58A64;
border: none;
border-radius: 40px;
font-family: 'Golos Text', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #FFFFFF;
cursor: pointer;
}
/* Main Content */
.main-content {
display: flex;
flex-direction: column;
gap: 48px;
margin: 24px auto 0;
}
/* Hero Section */
.hero-section {
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
}
.hero-section__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
width: 100%;
}
.hero-section__header {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 100%;
}
.hero-section__badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
background-color: rgba(165, 138, 100, 0.2);
border-radius: 47px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #A58A64;
text-align: center;
}
.h1 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.219;
text-align: center;
color: #223642;
}
.hero-section__author {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.hero-section__author-label,
.hero-section__author-name {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
}
.hero-section__gallery {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
width: 100%;
}
.hero-section__gallery-item {
flex: 0 0 auto;
width: 195px;
height: 360px;
border-radius: 24px;
overflow: hidden;
position: relative;
}
.whith-text {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 16px 21px;
gap: 10px;
}
.hero-section__gallery-item--first img {
filter: grayscale(100%);
}
.hero-section__gallery-item--large {
width: 100%;
flex: 1;
}
.hero-section__gallery-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.hero-section__gallery-item.image-gradient-overlay::after {
z-index: 1;
}
.hero-section__gallery-overlay {
position: relative;
z-index: 2;
padding: 0;
}
.hero-section__info {
display: flex;
flex-direction: row;
align-items: center;
gap: 80px;
width: 100%;
}
.hero-section__info-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.hero-section__info-item a {
line-height: normal;
}
.hero-section__info-label {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
text-align: right;
color: #223642;
opacity: 0.7;
white-space: pre-line;
}
.hero-section__info-value {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
white-space: pre-line;
}
.hero-section__info-value-group {
display: flex;
gap: 16px;
align-items: center;
}
.hero-section__info-separator {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
color: #223642;
opacity: 0.7;
}
/* History Section */
.history-section__image-block {
/* display: flex;
flex-direction: row;
gap: 47px;
width: 100%; */
display: block;
}
.history-section__image-block.reverse {
flex-direction: row-reverse;
}
.history-section__image-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding-bottom: 16px;
background-color: #F6F4F0;
border-radius: 32px;
height: fit-content;
}
.history-section__image {
width: 100%;
height: 290px;
border-radius: 24px;
object-fit: cover;
}
.history-section__image-caption {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 22px;
}
.history-section__image-title {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.219;
color: #223642;
}
.history-section__image-author {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
color: #223642;
opacity: 0.7;
}
.history-section__text-block {
display: block;
padding: 16px 0 0;
width: 100%;
}
.wrapper-section-text {
display: block;
}
.wrapper-section-text p {
margin-bottom: 16px;
}
.wrapper-section-text p:last-child {
margin-bottom: 0;
}
.history-section__subtitle {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.219;
color: #223642;
margin-bottom: 8px;
}
.history-section__text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #223642;
}
.section__heading-block {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
}
.section__heading {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
}
.section__divider {
width: 70px;
height: 1px;
background-color: #223642;
}
/* Factory Section */
.factory-section {
gap: 36px;
}
.factory-section__content {
gap: 36px;
}
.factory-section__image-block {
display: block;
width: 100%;
}
.factory-section__image {
max-width: 415px;
width: 100%;
height: 456px;
border-radius: 24px;
object-fit: cover;
}
.factory-section__text-block {
display: block;
padding: 16px 0 0;
}
.factory-section__text p:not(:last-child) {
margin-bottom: 32px;
}
.factory-section__heading-block {
display: block;
width: 100%;
}
.factory-section__heading-block .factory-section__heading {
margin-bottom: 16px;
}
.factory-section__heading {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.219;
color: #223642;
}
.factory-section__text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #223642;
}
.factory-section__caption {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 100%;
margin-top: 16px;
}
.factory-section__divider {
width: 70px;
height: 1px;
background-color: #223642;
}
.factory-section__caption-text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.8;
color: #223642;
}
.factory-section__paragraph {
display: flex;
flex-direction: column;
gap: 32px;
width: 100%;
}
.factory-section__paragraph-text {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #223642;
opacity: 0.7;
}
/* Club Section */
.club-section {
gap: 24px;
}
.club-section__gallery {
gap: 24px;
}
.wrapper-btn-slider {
display: flex;
flex-direction: row;
align-items: center;
padding: 4px;
gap: 4px;
background: #F6F4F0;
border-radius: 49px;
}
.wrapper-btn-slider span {
display: block;
width: 43px;
height: 43px;
background-color: #FFFFFF;
border-radius: 100%;
cursor: pointer;
position: relative;
}
.wrapper-btn-slider .btn-prev::before {
content: '';
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.0901%204.07992L8.57009%2010.5999C7.80009%2011.3699%207.80009%2012.6299%208.57009%2013.3999L15.0901%2019.9199%22%20stroke%3D%22%23A58A64%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wrapper-btn-slider .btn-next::before {
content: '';
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.90991%2019.9201L15.4299%2013.4001C16.1999%2012.6301%2016.1999%2011.3701%2015.4299%2010.6001L8.90991%204.08008%22%20stroke%3D%22%23A58A64%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.club-section__cards {
width: 100%;
}
.club-section__card {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
padding: 16px;
width: 360px;
min-height: 360px;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.club-section__card.flex-end,
.wrapper-btn-page.flex-end {
justify-content: flex-end;
}
.club-section__card-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.club-section__card {
position: relative;
}
.club-section__card.image-gradient-overlay-brown::after {
z-index: 1;
}
.club-section__card-badge,
.club-section__card-text {
position: relative;
z-index: 2;
}
.club-section__card:nth-child(5) {
background-color: #C4C4C4;
}
/* Club Section 2 */
.club-section-2 {
gap: 24px;
}
.club-section-2__gallery {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.club-section-2__exhibits {
width: 100%;
}
.club-section-2__exhibit {
display: flex;
flex-direction: column;
gap: 16px;
padding: 8px 8px 24px;
width: 288px;
background-color: rgba(165, 138, 100, 0.1);
border-radius: 32px;
}
.club-section-2__exhibit-image-wrapper {
width: 100%;
height: 285px;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.club-section-2__exhibit-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.club-section-2__exhibit-image-wrapper.image-gradient-overlay::after {
z-index: 1;
}
.club-section-2__exhibit:nth-child(6) .club-section-2__exhibit-image-wrapper {
background-color: #C4C4C4;
}
.club-section-2__exhibit-badges {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
position: absolute;
left: 12px;
bottom: 12px;
z-index: 2;
}
.club-section-2__exhibit-caption {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 12px;
}
.club-section-2__exhibit-title {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.219;
color: #223642;
}
.club-section-2__exhibit-author {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
color: #223642;
opacity: 0.7;
}
/* Gallery Section */
.gallery-section {
gap: 24px;
}
.gallery-section__content {
gap: 24px;
}
.gallery-section-wrapper {
width: 100%;
}
.gallery-section__item {
width: auto;
height: 360px;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.gallery-section__item-image {
position: relative;
width: auto;
height: 360px;
z-index: 0;
}
.gallery-section__item.image-gradient-overlay::after {
z-index: 1;
}
.gallery-section__item-text {
position: absolute;
bottom: 16px;
left: 24px;
right: 24px;
z-index: 2;
}
/* Sources Section */
.sources-section {
gap: 32px;
}
.sources-section__content {
gap: 8px;
}
.sources-section__heading {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.219;
color: #223642;
}
.sources-section__text {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.6;
color: #223642;
}
/* Recommendations Section */
.recommendations-section {
gap: 0;
align-items: center;
align-self: stretch;
}
.recommendations-section__content {
gap: 24px;
align-items: center;
align-self: stretch;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.recommendations-section__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 24px;
width: 100%;
}
.recommendations-section__item {
width: 100%;
height: 255px;
border-radius: 24px;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 10px;
position: relative;
overflow: hidden;
grid-column: span 2;
}
.recommendations-section__item-image {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.recommendations-section__item.image-gradient-overlay::after {
z-index: 1;
}
.recommendations-section__item--large {
grid-column: span 6;
}
.recommendations-section__item .recommendations-image {
width: 100%;
}
.recommendations-section__item--medium {
grid-column: span 3;
}
.recommendations-section__item-text {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #FFFFFF;
}
/* Author Hero Section */
.author-hero-section {
gap: 0;
align-items: center;
align-self: stretch;
}
.author-hero-section__content {
gap: 56px;
align-items: center;
align-self: stretch;
}
.author-hero-section__header {
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
gap: 16px;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.author-hero-section__badge {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
background-color: rgba(165, 138, 100, 0.2);
border-radius: 47px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #A58A64;
}
.author-hero-section__title {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 1.219;
text-align: center;
color: #223642;
}
.author-hero-section__meta {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 16px;
max-width: 732px;
width: 100%;
}
.author-hero-section__button {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 24px;
height: 38px;
border: 1px solid #A58A64;
border-radius: 40px;
background: transparent;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.219;
color: #223642;
cursor: pointer;
}
.author-hero-section__dates {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
}
.author-hero-section__info-block {
display: flex;
flex-direction: column;
gap: 48px;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.author-hero-section__image-wrapper {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
gap: 40px;
}
.author-hero-section__portrait-wrapper {
width: 264px;
height: 420px;
border-radius: 24px;
position: relative;
overflow: hidden;
flex: 0 0 auto;
}
.author-hero-section__portrait {
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
}
.author-hero-section__biography {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
color: #223642;
opacity: 0.7;
flex: 1;
}
.author-hero-section__timeline {
position: relative;
width: 100%;
max-width: 1200px;
height: 150px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
.author-hero-section__timeline-line {
position: absolute;
left: 0;
right: 0;
top: 9px;
height: 4px;
background-color: #D9D9D9;
border-radius: 19px;
}
.author-hero-section__timeline-dot {
position: absolute;
width: 22px;
height: 22px;
background-color: #A58A64;
border-radius: 50%;
top: 0;
z-index: 2;
}
.author-hero-section__timeline-dot--first {
left: 0 !important;
transform: translateX(-50%) !important;
}
.author-hero-section__timeline-dot--last {
right: 0 !important;
left: auto !important;
transform: translateX(50%) !important;
}
.author-hero-section__timeline-item {
display: flex;
flex-direction: column;
position: absolute;
top: 30px;
max-width: 240px;
width: max-content;
min-width: 0;
box-sizing: border-box;
}
.author-hero-section__timeline-item--first {
left: 0 !important;
transform: none !important;
}
.author-hero-section__timeline-item--last {
right: 0 !important;
left: auto !important;
transform: none !important;
align-items: flex-end;
}
.author-hero-section__timeline-item:not(.author-hero-section__timeline-item--first):not(.author-hero-section__timeline-item--last) {
transform: translateX(-50%);
}
.author-hero-section__timeline-year {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
width: 100%;
max-width: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.author-hero-section__timeline-item--last .author-hero-section__timeline-year {
text-align: right;
}
.author-hero-section__timeline-label {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
color: #223642;
opacity: 0.7;
width: 100%;
max-width: 240px;
margin-top: 8px;
word-wrap: break-word;
}
.author-hero-section__timeline-item--last .author-hero-section__timeline-label {
text-align: right;
}
/* Author Projects Section */
.author-projects-section__content {
gap: 0;
align-items: center;
align-self: stretch;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.author-projects-section__project-block {
display: block;
width: 100%;
}
.author-projects-section__image-card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 0 16px;
max-width: 588px;
width: 100%;
background-color: #F6F4F0;
border-radius: 32px;
margin-right: 47px;
margin-bottom: 30px;
float: left;
}
.author-projects-section__image {
width: 100%;
border-radius: 24px;
object-fit: cover;
}
.author-projects-section__image-card .author-projects-section__image {
height: 519px;
}
.author-projects-section__image-card--small .author-projects-section__image {
height: 334px;
}
.author-projects-section__image-caption {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 22px;
}
.author-projects-section__image-title {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.219;
color: #223642;
}
.author-projects-section__image-source {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.219;
color: #223642;
opacity: 0.7;
}
.author-projects-section__text-block {
display: block;
width: 100%;
}
.author-projects-section__text-block .author-projects-section__heading {
margin-bottom: 8px;
}
.author-projects-section__heading {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.219;
color: #223642;
}
.author-projects-section__items-group .author-projects-section__project-block:first-child {
margin-bottom: -180px;
}
/* Quote Section */
.author-quote-section {
gap: 0;
align-items: center;
align-self: stretch;
}
.author-quote-section__content {
gap: 0;
align-items: center;
align-self: stretch;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.author-quote-section__quote-block {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
border-radius: 24px;
background-color: #F6F4F0;
}
.author-quote-section__quote-content {
width: 100%;
padding: 54px 24px;
background-color: #EDE8E0;
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
}
.author-quote-section__quote-content::after {
content: '';
display: block;
width: 61px;
height: 42px;
position: absolute;
top: -15px;
left: 24px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2261%22%20height%3D%2242%22%20viewBox%3D%220%200%2061%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.7703%205.76521e-07C12.6766%204.09871e-07%2014.138%200.810723%2015.1547%202.43218C16.1714%204.05618%2016.2349%205.72727%2015.3453%207.44545L11.4375%2015.2727L19.0625%2015.2727C21.1594%2015.2727%2022.9538%2016.0211%2024.4457%2017.5178C25.9402%2019.012%2026.6875%2020.8091%2026.6875%2022.9091L26.6875%2034.3636C26.6875%2036.4636%2025.9403%2038.2607%2024.4458%2039.7549C22.9538%2041.2516%2021.1594%2042%2019.0625%2042L7.625%2042C5.52813%2042%203.73244%2041.2516%202.23794%2039.7549C0.745983%2038.2607%203.33069e-06%2036.4636%203.14711e-06%2034.3636L1.63668e-06%2017.0864C1.58661e-06%2016.5136%200.0482918%2015.9244%200.144876%2015.3185C0.23892%2014.7153%200.444795%2014.1591%200.762506%2013.65L6.19531%202.86364C6.6401%201.97273%207.27552%201.27273%208.10156%200.763638C8.9276%200.254548%209.81719%206.59846e-07%2010.7703%205.76521e-07ZM45.0828%20-2.42317e-06C46.9891%20-2.58982e-06%2048.4505%200.81072%2049.4672%202.43218C50.4839%204.05618%2050.5474%205.72727%2049.6578%207.44545L45.75%2015.2727L53.375%2015.2727C55.4719%2015.2727%2057.2663%2016.0211%2058.7582%2017.5178C60.2527%2019.012%2061%2020.8091%2061%2022.9091L61%2034.3636C61%2036.4636%2060.2528%2038.2607%2058.7583%2039.7549C57.2663%2041.2516%2055.4719%2042%2053.375%2042L41.9375%2042C39.8406%2042%2038.0449%2041.2516%2036.5504%2039.7549C35.0585%2038.2607%2034.3125%2036.4636%2034.3125%2034.3636L34.3125%2017.0864C34.3125%2016.5136%2034.3595%2015.9244%2034.4536%2015.3185C34.5501%2014.7153%2034.7573%2014.1591%2035.075%2013.65L40.5078%202.86363C40.9526%201.97272%2041.588%201.27273%2042.4141%200.763635C43.2401%200.254545%2044.1297%20-2.33985e-06%2045.0828%20-2.42317e-06Z%22%20fill%3D%22%23BB8466%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.author-quote-section__quote-content::before {
content: '';
display: block;
width: 61px;
height: 42px;
position: absolute;
bottom: -15px;
right: 24px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2261%22%20height%3D%2242%22%20viewBox%3D%220%200%2061%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M50.2297%2042C48.3234%2042%2046.862%2041.1893%2045.8453%2039.5678C44.8286%2037.9438%2044.7651%2036.2727%2045.6547%2034.5545L49.5625%2026.7273L41.9375%2026.7273C39.8406%2026.7273%2038.0462%2025.9789%2036.5543%2024.4822C35.0598%2022.988%2034.3125%2021.1909%2034.3125%2019.0909L34.3125%207.63636C34.3125%205.53636%2035.0598%203.73927%2036.5542%202.24508C38.0462%200.748357%2039.8406%20-6.84986e-06%2041.9375%20-7.21037e-06L53.375%20-9.17684e-06C55.4719%20-9.53736e-06%2057.2676%200.748353%2058.7621%202.24508C60.254%203.73926%2061%205.53635%2061%207.63635L61%2024.9136C61%2025.4864%2060.9517%2026.0756%2060.8551%2026.6814C60.7611%2027.2847%2060.5552%2027.8409%2060.2375%2028.35L54.8047%2039.1364C54.3599%2040.0273%2053.7245%2040.7273%2052.8984%2041.2364C52.0724%2041.7454%2051.1828%2042%2050.2297%2042ZM15.9172%2042C14.0109%2042%2012.5495%2041.1893%2011.5328%2039.5678C10.5162%2037.9438%2010.4526%2036.2727%2011.3422%2034.5545L15.25%2026.7273L7.625%2026.7273C5.52813%2026.7273%203.73371%2025.9789%202.24175%2024.4822C0.747253%2022.988%203.76902e-06%2021.1909%203.39551e-06%2019.0909L1.3582e-06%207.63636C9.84698e-07%205.53636%200.74725%203.73927%202.24175%202.24509C3.73371%200.748362%205.52812%20-9.50459e-07%207.625%20-1.31098e-06L19.0625%20-3.27744e-06C21.1594%20-3.63796e-06%2022.9551%200.748359%2024.4496%202.24509C25.9415%203.73927%2026.6875%205.53636%2026.6875%207.63636L26.6875%2024.9136C26.6875%2025.4864%2026.6405%2026.0756%2026.5464%2026.6815C26.4499%2027.2847%2026.2427%2027.8409%2025.925%2028.35L20.4922%2039.1364C20.0474%2040.0273%2019.412%2040.7273%2018.5859%2041.2364C17.7599%2041.7455%2016.8703%2042%2015.9172%2042Z%22%20fill%3D%22%23BB8466%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.author-quote-section__quote {
font-family: 'Golos', sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
color: #252525;
}
.author-quote-section__quote-source {
width: 100%;
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.author-quote-section__quote-text {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.219;
color: #252525;
}
.author-projects-section__large-image {
max-width: 415px;
width: 100%;
height: 584px;
border-radius: 24px;
object-fit: cover;
float: left;
margin: 0 40px 10px 0;
}
.author-projects-section__club-item:first-child {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 47px;
margin-bottom: -30px;
}
.author-projects-section__club-item:last-child {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 47px;
margin-top: -100px;
}
.author-projects-section__club-item:last-child .author-projects-section__text-block {
padding: 74px 0 0;
}
.images-group-wrapper {
display: flex;
flex-direction: row;
gap: 47px;
float: right;
margin-left: 47px;
margin-bottom: 15px;
max-width: calc(50% - 47px);
width: 100%;
}
.history-section__image-block.reverse .images-group-wrapper {
float: left;
margin-right: 47px;
margin-left: 0;
}
.author-projects-section__image-card--small:last-child {
max-width: 269px;
}
/* Author Doctor Section */
/* Recommendations Section - Authors Grid */
.recommendations-section__authors-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
width: 100%;
}
.recommendations-section__author-card {
width: 100%;
height: 347px;
border-radius: 24px;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 10px;
position: relative;
overflow: hidden;
}
.recommendations-content {
position: absolute;
bottom: 0;
z-index: 2;
left: 0;
padding: 0 24px 24px;
}
.recommendations-section__author-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.recommendations-section__author-card.image-gradient-overlay::after {
z-index: 1;
}
.maps-img {
display: block;
border-radius: 24px;
}
.hero-section__subtitle {
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
}
.maps-section {
position: relative;
}
.mark-maps {
width: fit-content;
height: fit-content;
position: absolute;
display: flex;
align-items: center;
}
.mark-maps.index-1 {
bottom: 27px;
right: 359px;
}
.mark-maps.index-2 {
bottom: 104px;
left: 343px;
}
.mark-maps.index-3 {
top: 78px;
right: 247px;
}
.desc-mark {
display: none;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
border-radius: 18px;
padding: 20px 20px 20px 40px;
background: #fff;
z-index: 1;
position: absolute;
left: 24px;
width: 155px;
box-shadow: 0px 36px 14px rgba(0, 0, 0, 0.03), 0px 20px 12px rgba(0, 0, 0, 0.06), 0px 9px 9px rgba(0, 0, 0, 0.12), 0px 2px 5px rgba(0, 0, 0, 0.15);
}
.desc-mark.show {
display: block;
}
.index-mark {
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: #2F322D;
border-radius: 100%;
background-color: #FFFFFF;
border: 2px solid #A58A64;
box-shadow: 0px 36px 14px rgba(0, 0, 0, 0.03), 0px 20px 12px rgba(0, 0, 0, 0.09), 0px 9px 9px rgba(0, 0, 0, 0.15), 0px 2px 5px rgba(0, 0, 0, 0.18);
height: 48px;
aspect-ratio: 1 / 1;
cursor: pointer;
z-index: 2;
}
.styles-section {
gap: 60px;
align-items: center;
}
.styles-section__content {
gap: 60px;
margin: 0 auto;
align-items: center;
width: 100%;
}
.styles-section__header {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
}
.styles-section__title {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 48px;
line-height: 1.219;
text-align: center;
color: #223642;
}
.styles-section__subtitle {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.219;
text-transform: uppercase;
color: #223642;
}
.wrapper-dk-grid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 8px;
row-gap: 12px;
}
.styles-section__card-title {
font-weight: 700;
font-size: 32px;
line-height: 39px;
color: #FFFFFF;
}
.item-dk {
position: relative;
border-radius: 24px;
overflow: hidden;
}
.item-content-dk {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 3;
padding: 12px 12px 28px;
}
.item-content-dk .styles-section__card-title {
padding: 0 16px;
}
.styles-section__card-image {
display: block;
width: 100%;
height: 360px;
object-fit: cover;
}
.item-tags-dk {
display: flex;
justify-content: space-between;
gap: 15px;
}
.badge--gray {
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(3px);
font-weight: 600;
font-size: 14px;
line-height: 100%;
color: #FFFFFF;
padding: 12px 18px;
}
.link-btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 17px 32px;
height: 52px;
border-radius: 40px;
width: fit-content;
}
.link-btn.yellow {
background-color: rgba(165, 138, 100, 0.2);
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #A58A64;
}
.icon-point-maps {
display: block;
width: 18px;
height: 18px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.48138%2016.6961L8.48475%2016.6995L8.487%2016.7017C8.63463%2016.8136%208.81477%2016.8742%209%2016.8742C9.18523%2016.8742%209.36537%2016.8136%209.513%2016.7017L9.51525%2016.6995L9.51863%2016.6961L9.53212%2016.686C9.60453%2016.6301%209.6758%2016.5727%209.74588%2016.5139C10.5846%2015.8068%2011.3553%2015.0226%2012.0476%2014.1716C13.2862%2012.6394%2014.625%2010.4119%2014.625%207.875C14.625%206.38316%2014.0324%204.95242%2012.9775%203.89752C11.9226%202.84263%2010.4918%202.25%209%202.25C7.50816%202.25%206.07742%202.84263%205.02252%203.89752C3.96763%204.95242%203.375%206.38316%203.375%207.875C3.375%2010.4119%204.71375%2012.6394%205.9535%2014.1716C6.64586%2015.0226%207.41648%2015.8068%208.25525%2016.5139L8.46788%2016.686L8.48138%2016.6961ZM9%209.5625C9.22161%209.5625%209.44104%209.51885%209.64578%209.43405C9.85052%209.34924%2010.0365%209.22494%2010.1932%209.06824C10.3499%208.91154%2010.4742%208.72552%2010.559%208.52078C10.6439%208.31604%2010.6875%208.09661%2010.6875%207.875C10.6875%207.65339%2010.6439%207.43396%2010.559%207.22922C10.4742%207.02448%2010.3499%206.83846%2010.1932%206.68176C10.0365%206.52506%209.85052%206.40076%209.64578%206.31595C9.44104%206.23115%209.22161%206.1875%209%206.1875C8.55245%206.1875%208.12322%206.36529%207.80676%206.68176C7.49029%206.99822%207.3125%207.42745%207.3125%207.875C7.3125%208.32255%207.49029%208.75178%207.80676%209.06824C8.12322%209.38471%208.55245%209.5625%209%209.5625Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat;
}
.badge.adress {
gap: 4px;
}
.specialists-section__block {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 50px;
}
.specialists-section__block .specialists-section__text {
max-width: 600px;
width: 100%;
}
.specialists-section__text {
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #3A3A3A;
}
.icon-pdf {
display: block;
width: 34px;
height: 34px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.0384%2030.1038H22.9611C24.2761%2030.1038%2025.5373%2029.5814%2026.4672%2028.6516C27.397%2027.7217%2027.9194%2026.4605%2027.9194%2025.1455V17.3113C27.9199%2015.9965%2027.3981%2014.7353%2026.4687%2013.8051L18.0127%205.34759C17.5522%204.88718%2017.0056%204.52197%2016.404%204.27282C15.8024%204.02367%2015.1576%203.89546%2014.5064%203.89551H11.0384C9.72338%203.89551%208.46221%204.4179%207.53234%205.34777C6.60247%206.27764%206.08008%207.53881%206.08008%208.85384V25.1455C6.08008%2026.4605%206.60247%2027.7217%207.53234%2028.6516C8.46221%2029.5814%209.72338%2030.1038%2011.0384%2030.1038Z%22%20stroke%3D%22%23A58A64%22%20stroke-width%3D%222.125%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.7853%2010.1159C14.4467%2010.2264%2014.23%2010.4502%2014.1676%2010.6981C14.0401%2011.1968%2014.1676%2011.7323%2014.526%2012.4024C14.7045%2012.7339%2014.9227%2013.0696%2015.1635%2013.4294L15.2939%2013.6235L15.4993%2013.9281L15.5262%2013.8318L15.648%2013.3983C15.7878%2012.9232%2015.8964%2012.4416%2015.9739%2011.9533C16.1%2011.0438%2015.9583%2010.5111%2015.5361%2010.1683C15.4228%2010.0762%2015.1423%209.9997%2014.7853%2010.1159ZM14.8632%2015.9979L14.4807%2015.485L14.4354%2015.417C14.2724%2015.1479%2014.0911%2014.8787%2013.8942%2014.5883L13.7525%2014.3772C13.4919%2013.9982%2013.2498%2013.6067%2013.0272%2013.2042C12.588%2012.3854%2012.2367%2011.3824%2012.52%2010.2759C12.7609%209.33528%2013.5089%208.74453%2014.2583%208.49945C14.9907%208.26145%2015.9215%208.2912%2016.61%208.84936C17.732%209.7617%2017.8113%2011.0778%2017.6569%2012.1884C17.5708%2012.7505%2017.4473%2013.3061%2017.2871%2013.8516L17.1511%2014.3333C17.0453%2014.6941%2016.9471%2015.0572%2016.8565%2015.4227L16.7615%2015.6975L18.7335%2018.3382C19.6544%2018.2277%2020.6659%2018.1611%2021.6094%2018.2291C22.6988%2018.3056%2023.869%2018.5719%2024.6665%2019.3284C24.9232%2019.5947%2025.1089%2019.9211%2025.2066%2020.2778C25.3044%2020.6345%2025.3111%2021.0099%2025.2261%2021.3699C25.0604%2022.0499%2024.583%2022.6165%2023.9242%2022.9608C22.5288%2023.6904%2021.2297%2023.1095%2020.2649%2022.3714C19.5099%2021.7949%2018.7845%2020.9902%2018.174%2020.313L18.0266%2020.1515C17.5025%2020.2323%2017.0066%2020.3229%2016.6043%2020.3994C16.1722%2020.4802%2015.6353%2020.5808%2015.0516%2020.7111L14.8377%2021.3387C14.7196%2021.6107%2014.6073%2021.8846%2014.5005%2022.1604L14.3277%2022.5896C14.1533%2023.0316%2013.9512%2023.4622%2013.7228%2023.8788C13.2553%2024.6976%2012.5087%2025.5674%2011.2564%2025.6369C9.57903%2025.7304%208.44287%2024.2414%208.7687%2022.6505L8.7772%2022.6123C9.06053%2021.4917%2010.0437%2020.7564%2010.9943%2020.2705C11.84%2019.837%2012.8274%2019.5169%2013.744%2019.2774L14.8632%2015.9979ZM16.0957%2017.6483L15.6891%2018.8425L16.2855%2018.7292L16.2912%2018.7278L16.8295%2018.6286L16.0957%2017.6483ZM20.119%2019.9206C20.5072%2020.3314%2020.8939%2020.7139%2021.2963%2021.0214C22.0754%2021.6164%2022.628%2021.7198%2023.1365%2021.4534C23.4199%2021.3047%2023.5389%2021.112%2023.5743%2020.9689C23.5915%2020.8922%2023.5901%2020.8125%2023.5704%2020.7364C23.5507%2020.6603%2023.5132%2020.5899%2023.461%2020.5312C23.0969%2020.2082%2022.4381%2019.9929%2021.4889%2019.9249C21.0328%2019.8958%2020.5753%2019.8944%2020.119%2019.9206ZM13.0286%2021.2622C12.5781%2021.4166%2012.1503%2021.588%2011.7678%2021.7835C10.9362%2022.2085%2010.5353%2022.6392%2010.4305%2023.0118C10.32%2023.5997%2010.7025%2023.9652%2011.1615%2023.9397C11.544%2023.9184%2011.8783%2023.679%2012.2466%2023.0344C12.4393%2022.6831%2012.6083%2022.3209%2012.7538%2021.9479L12.9054%2021.571L13.0286%2021.2622Z%22%20fill%3D%22%23A58A64%22%2F%3E%0A%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat;
}
.specialists-section__icon {
display: block;
padding: 23px;
background: #FFFFFF;
border: 1.26607px solid rgba(165, 138, 100, 0.2);
border-radius: 100%;
width: 80px;
height: 80px;
}
.virtual-tour-section__bg-image {
width: 100%;
height: 352px;
object-fit: cover;
}
.virtual-tour-section {
position: relative;
}
.virtual-tour-section__background {
position: relative;
}
.virtual-tour-section__background::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: linear-gradient(0deg, rgba(18, 16, 14, 0.8), rgba(18, 16, 14, 0.8));
}
.virtual-tour-section__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.virtual-tour-section__content .styles-section__title,
.virtual-tour-section__content .styles-section__subtitle {
color: #FFFFFF;
}
.link-btn.mirror {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(3px);
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 12px 24px;
}
.support-section__grid {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.support-section__items {
max-width: 628px;
width: 100%;
}
.h4 {
font-weight: 400;
font-size: 36px;
line-height: 120%;
color: #000000;
}
.icon-government {
display: block;
width: 29px;
height: 39px;
background-size: cover;
background-repeat: no-repeat;
}
.icon-grant {
display: block;
width: 34px;
height: 34px;
background-size: cover;
background-repeat: no-repeat;
}
.support-section__icon {
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
border: 1.26607px solid rgba(165, 138, 100, 0.2);
border-radius: 100%;
width: 80px;
height: 80px;
}
.support-section__icon img {
display: block;
width: 29px;
}
.support-section__item {
display: flex;
flex-direction: column;
gap: 24px;
}
.support-section__logo-image {
display: block;
width: 407.47px;
height: 647.22px;
border-radius: 4065.92px;
z-index: 2;
position: relative;
object-fit: cover;
}
.support-section__logo {
position: relative;
}
.support-section__logo::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border: 2.03296px solid #A58A64;
border-radius: 4065.92px;
top: 0;
right: -15px;
z-index: 1;
}
.support-section__item-header {
display: flex;
flex-direction: column;
gap: 24px;
}
.support-section__items {
display: flex;
flex-direction: column;
gap: 63px;
}
.icon-mail {
display: block;
width: 34px;
height: 34px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M28.333%205.66602H5.66634C4.10801%205.66602%202.83301%206.94102%202.83301%208.49935V25.4993C2.83301%2027.0577%204.10801%2028.3327%205.66634%2028.3327H28.333C29.8913%2028.3327%2031.1663%2027.0577%2031.1663%2025.4993V8.49935C31.1663%206.94102%2029.8913%205.66602%2028.333%205.66602ZM27.7663%2011.6868L18.5013%2017.481C17.5805%2018.0618%2016.4188%2018.0618%2015.498%2017.481L6.23301%2011.6868C6.09096%2011.6071%205.96656%2011.4994%205.86735%2011.3702C5.76814%2011.2409%205.69618%2011.093%205.65582%2010.9351C5.61547%2010.7773%205.60755%2010.6129%205.63256%2010.452C5.65757%2010.291%205.71498%2010.1368%205.80132%209.99861C5.88766%209.86047%206.00113%209.74128%206.13487%209.64826C6.26861%209.55524%206.41983%209.49032%206.57938%209.45744C6.73893%209.42455%206.90349%209.42439%207.06311%209.45694C7.22273%209.4895%207.37408%209.5541%207.50801%209.64685L16.9997%2015.5827L26.4913%209.64685C26.6253%209.5541%2026.7766%209.4895%2026.9362%209.45694C27.0959%209.42439%2027.2604%209.42455%2027.42%209.45744C27.5795%209.49032%2027.7307%209.55524%2027.8645%209.64826C27.9982%209.74128%2028.1117%209.86047%2028.198%209.99861C28.2844%2010.1368%2028.3418%2010.291%2028.3668%2010.452C28.3918%2010.6129%2028.3839%2010.7773%2028.3435%2010.9351C28.3032%2011.093%2028.2312%2011.2409%2028.132%2011.3702C28.0328%2011.4994%2027.9084%2011.6071%2027.7663%2011.6868Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-size: cover;
background-repeat: no-repeat;
}
.style-row {
display: flex;
gap: 8px;
}
.item-style {
width: fit-content;
border-radius: 24px 24px 0 0;
overflow: hidden;
cursor: pointer;
position: relative;
}
.item-style.image-gradient-overlay::after {
border-radius: 24px;
}
.item-style.active {
background-color: #EDE8E0;
}
.item-style img {
display: block;
width: 195px;
height: 360px;
object-fit: cover;
border-radius: 24px;
}
.item-style.active img {
width: auto;
width: 590px;
height: 360px;
}
.item-style-tags {
position: absolute;
width: 100%;
height: 100%;
padding: 30px;
display: none;
justify-content: space-between;
align-items: flex-end;
z-index: 2;
}
.item-style.active .item-style-tags {
display: flex;
}
.btn-arrow-prev {
display: block;
width: 44px;
height: 44px;
border: 2px solid #BB8466;
border-radius: 100%;
cursor: pointer;
position: relative;
}
.btn-arrow-prev::after {
content: '';
display: block;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.33359%2011.2584L7.97526%2012.9001L10.6503%2015.5751C11.2169%2016.1334%2012.1836%2015.7334%2012.1836%2014.9334L12.1836%209.74173L12.1836%205.06673C12.1836%204.26673%2011.2169%203.86673%2010.6503%204.4334L6.33359%208.75006C5.64193%209.4334%205.64193%2010.5667%206.33359%2011.2584Z%22%20fill%3D%22%23BB8466%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn-arrow-next {
display: block;
width: 44px;
height: 44px;
border: 2px solid #BB8466;
border-radius: 100%;
cursor: pointer;
position: relative;
}
.btn-arrow-next::after {
content: '';
display: block;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6664%208.74161L12.0247%207.09994L9.34974%204.42494C8.78307%203.86661%207.81641%204.26661%207.81641%205.06661V10.2583V14.9333C7.81641%2015.7333%208.78307%2016.1333%209.34974%2015.5666L13.6664%2011.2499C14.3581%2010.5666%2014.3581%209.43327%2013.6664%208.74161Z%22%20fill%3D%22%23BB8466%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wrapper-item-style-desc {
width: 590px;
padding-top: 35px;
background-color: #EDE8E0;
position: relative;
transition: transform 0.3s ease;
}
.item-style-desc {
display: none;
flex-direction: column;
gap: 16px;
width: 100%;
padding: 24px;
background-color: #EDE8E0;
}
.item-style-desc.active {
display: flex;
}
.item-style-desc.pos-1 {
border-radius: 0 24px 24px;
}
.item-style-desc.pos-2 {
border-radius: 24px;
}
.item-style-desc.pos-3 {
border-radius: 24px;
}
.item-style-desc.pos-4 {
border-radius: 24px 0 24px;
}
.item-style-nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px 12px;
position: relative;
}
.pos-1 .item-style-nav::after,
.pos-1 .item-style-nav::before {
display: none;
}
.pos-2 .item-style-nav::after,
.pos-2 .item-style-nav::before {
display: none;
}
.item-style-nav-rounding {
display: none;
position: absolute;
bottom: 0;
z-index: 1;
}
.item-style-nav-rounding--left {
left: -20px;
}
.item-style-nav-rounding--right {
right: -20px;
}
.item-style-nav-rounding__big {
width: 72px;
height: 46px;
background-color: #fff;
border-radius: 24px;
position: absolute;
bottom: 0;
z-index: 1;
}
.item-style-nav-rounding--left .item-style-nav-rounding__big {
left: -52px;
}
.item-style-nav-rounding--right .item-style-nav-rounding__big {
right: -52px;
}
.item-style-nav-rounding__small {
width: 20px;
height: 28px;
background-color: #EDE8E0;
position: absolute;
bottom: 0;
z-index: 0;
}
.item-style-nav-rounding--left .item-style-nav-rounding__small {
left: 0;
}
.item-style-nav-rounding--right .item-style-nav-rounding__small {
right: 0;
}
.pos-2 .item-style-nav-rounding--left,
.pos-3 .item-style-nav-rounding--left {
display: block;
}
.pos-1 .item-style-nav-rounding--right,
.pos-2 .item-style-nav-rounding--right,
.pos-3 .item-style-nav-rounding--right {
display: block;
}
.pos-4 .item-style-nav-rounding--right {
display: none;
}
.pos-3 .item-style-nav::after,
.pos-3 .item-style-nav::before {
display: none;
}
.pos-4 .item-style-nav::after,
.pos-4 .item-style-nav::before {
display: none;
}
.pos-4 .item-style-nav-rounding--left {
display: block;
}
.pos-1 .wrapper-item-style-desc::before,
.pos-1 .wrapper-item-style-desc::after {
display: none;
}
.wrapper-item-style-desc {
transition: transform 0.3s ease;
}
/* Footer */
.footer {
width: 100%;
background-color: #0B1316;
margin-top: 56px;
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 10px;
}
.footer__content {
display: flex;
flex-direction: column;
gap: 74px;
padding: 24px 0;
height: 100%;
position: relative;
}
.footer-left {
display: flex;
flex-direction: column;
gap: 52px;
}
.footer__menu {
display: flex;
flex-direction: row;
gap: 32px;
}
.footer__menu-item {
font-weight: 500;
font-size: 16px;
line-height: 1.219;
color: #FFFFFF;
text-decoration: none;
}
.footer__divider {
width: 1197px;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 10px;
}
.footer__bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 25px;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.footer__copyright {
font-weight: 500;
font-size: 16px;
line-height: 1.219;
color: #FFFFFF;
}
.footer__privacy {
font-weight: 500;
font-size: 16px;
line-height: 1.219;
color: #FFFFFF;
text-decoration: none;
}
.footer__contact {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
}
.footer__contact-icon {
width: 34px;
height: 34px;
flex-shrink: 0;
}
.footer__contact-info {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer__contact-email {
font-weight: 600;
font-size: 24px;
line-height: 1.219;
color: #FFFFFF;
}
.footer__contact-text {
font-weight: 500;
font-size: 16px;
line-height: 1.219;
color: #FFFFFF;
}
.start-section {
width: 100%;
height: calc(100vh - 125px);
position: relative;
}
.start-img {
width: 100%;
height: calc(100vh - 125px);
object-fit: cover;
}
.wrapper-start-content {
position: absolute;
bottom: 80px;
left: 0;
z-index: 3;
width: 100%;
}
.start-content {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
.wrapper-start-content .h1 {
color: #FFFFFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.tag-white {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
border: 1px solid #FFFFFF;
border-radius: 45px;
width: fit-content;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #FFFFFF;
}
@keyframes bounce-vertical {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.btn-page-start {
position: absolute;
left: 50%;
bottom: 28px;
transform: translateX(-50%);
z-index: 3;
transition: transform 0.3s ease;
}
.btn-page-start:hover {
transform: translateX(-50%) scale(1.15);
}
.icon-page-start {
display: block;
width: 58px;
height: 58px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2258%22%20height%3D%2258%22%20viewBox%3D%220%200%2058%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_107_476)%22%3E%0A%3Cpath%20d%3D%22M43.5%2023.3897L40.0925%2020.916L29%2028.9511L17.9075%2020.916L14.5%2023.3897L29%2033.916L43.5%2023.3897Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M43.5%2035.3897L40.0925%2032.916L29%2040.9511L17.9075%2032.916L14.5%2035.3897L29%2045.916L43.5%2035.3897Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_107_476%22%3E%0A%3Crect%20width%3D%2258%22%20height%3D%2258%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
animation: bounce-vertical 2s ease-in-out infinite;
transition: transform 0.3s ease;
}
.btn-page-start:hover .icon-page-start {
animation-play-state: paused;
}
.wrapper-gallery-exhibits,
.wrapper-gallery-styles,
.wrapper-dk-styles {
gap: 24px;
}
.gallery-exhibits,
.gallery-styles,
.dk-styles {
width: 100%;
}
.grid-block-other {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 347px;
gap: 24px;
}
.grid-block-other .item-block-other:first-child {
grid-column-end: span 2;
}
.item-block-other {
width: 100%;
height: 100%;
border-radius: 24px;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 10px;
position: relative;
overflow: hidden;
}
.item-block-other img {
width: 100%;
height: 347px;
object-fit: cover;
}
.section-other-block {
gap: 24px;
}
.section-start-styles {
position: relative;
}
.section-start-styles img {
width: 100%;
height: 442px;
object-fit: cover;
filter: brightness(80%);
}
.section-start-styles .wrapper-start-content {
bottom: 40px;
}
.wrapper-btn-page {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 4;
}
.wrapper-btn-page .prev-page .icon {
display: block;
width: 58px;
height: 58px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2258%22%20height%3D%2258%22%20viewBox%3D%220%200%2058%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M33.5263%2043.5L36%2040.0925L27.9649%2029L36%2017.9075L33.5263%2014.5L23%2029L33.5263%2043.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.wrapper-btn-page .next-page .icon {
display: block;
width: 58px;
height: 58px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2258%22%20height%3D%2258%22%20viewBox%3D%220%200%2058%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M24.4737%2014.5L22%2017.9075L30.0351%2029L22%2040.0925L24.4737%2043.5L35%2029L24.4737%2014.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.wrapper-btn-page a span {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
.wrapper-btn-page a {
display: flex;
align-items: center;
}
.block-grid-images {
display: grid;
grid-template-columns: auto 360px;
gap: 16px;
position: relative;
}
.item-grid-image {
position: relative;
border-radius: 24px;
overflow: hidden;
width: fit-content;
}
.item-grid-image img {
width: 100%;
height: 360px;
object-fit: cover;
}
.block-grid-images .item-grid-image:nth-child(2n+1) {
width: 100%;
}
.block-grid-images .item-grid-image:nth-child(2n) img {
width: auto;
aspect-ratio: 1 / 1;
}
.item-grid-image-content {
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
padding: 16px;
}
.section-list-houses {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.item-houses {
display: block;
position: relative;
}
.item-houses img {
width: 100%;
height: 100%;
object-fit: cover;
}
.item-houses.mini {
width: calc(33.333% - 16px);
flex: 0 0 calc(33.333% - 16px);
}
.item-houses.large {
width: 100%;
flex: 0 0 100%;
}
.item-houses.middle {
width: calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
}
.item-house-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 24px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item-house-content.flex-end,
.item-content-dk.flex-end {
justify-content: flex-end;
}
.house-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #FFFFFF;
}
.item-house-content .badge--gold {
padding: 12px 24px;
}
.item-house-content .badge--gray {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.image-wrapper {
position: relative;
border-radius: 24px;
overflow: hidden;
height: 347px;
}
.mobile-burger-btn {
display: none;
}
.wrapper-mobile-nav {
display: none;
}
.mobile-article-nav {
display: none;
}
.dk-image {
position: relative;
border-radius: 24px;
overflow: hidden;
}
.specialists-section__block .mobile.link-btn {
display: none;
}
.recommendations-image {
position: relative;
overflow: hidden;
border-radius: 24px;
}
.recommendations-author-img {
position: relative;
overflow: hidden;
border-radius: 24px;
width: 100%;
}
.text-m {
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #3A3A3A;
}
.item-style-block {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 8px 24px;
gap: 16px;
background: rgba(165, 138, 100, 0.1);
border-radius: 24px;
}
.item-style-content {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0px 12px;
gap: 18px;
}
.item-style-block .image-wrapper {
height: 218px;
width: 100%;
}
.section-list-houses.architects .item-style-block .image-wrapper {
height: auto;
width: 100%;
aspect-ratio: 1 / 1;
}
.item-style-block img {
width: 100%;
height: 100%;
object-fit: cover;
}
.item-style-block.mini {
width: calc(33.333% - 16px);
flex: 0 0 calc(33.333% - 16px);
}
.item-style-block.middle {
width: calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
}
.style-title {
font-weight: 500;
font-size: 18px;
line-height: 22px;
font-feature-settings: 'case' on;
color: #223642;
}
.btn-style {
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-decoration-line: underline;
color: #A58A64;
text-underline-position: from-font;
}
.wrapper-tags-style {
width: 100%;
display: flex;
gap: 4px;
padding: 0 12px 12px;
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
}
.section-model-view {
gap: 16px;
}
.wrapper-model iframe {
width: 100%;
height: 681px;
}
.modal-menu-burger {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
background: white;
z-index: 999;
padding: 24px;
}
.close-menu-btn {
display: block;
width: 48px;
height: 48px;
background-color: #A58A64;
border-radius: 100%;
position: relative;
margin-left: auto;
margin-bottom: 24px;
}
.close-menu-btn::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.91611%204.99997L9.80997%201.10605C10.0633%200.852764%2010.0633%200.443223%209.80997%200.189966C9.55668%20-0.0633218%209.14714%20-0.0633218%208.89388%200.189966L4.99994%204.08385L1.10614%200.189966C0.852734%20-0.0633218%200.443344%20-0.0633218%200.190057%200.189966C-0.0633522%200.443253%20-0.0633522%200.852764%200.190057%201.10605L4.08382%204.99997L0.190087%208.89385C-0.0633218%209.14714%20-0.0633218%209.55668%200.190087%209.80994C0.250168%209.87019%200.321562%209.91797%200.400168%209.95055C0.478774%209.98312%200.563042%209.99984%200.64813%209.99975C0.813951%209.99975%200.979833%209.93628%201.10617%209.80994L4.99994%205.91605L8.89388%209.80994C8.95397%209.87018%209.02536%209.91796%209.10397%209.95053C9.18257%209.98311%209.26684%209.99983%209.35192%209.99975C9.51774%209.99975%209.68363%209.93628%209.80997%209.80994C10.0633%209.55665%2010.0633%209.14714%209.80997%208.89385L5.91611%204.99997Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.modal-menu-burger.active {
display: block;
}
.modal-menu {
display: flex;
flex-direction: column;
gap: 24px;
}
body.lock {
overflow: hidden;
}
.list-files {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 56px;
}
.item-file {
display: flex;
gap: 125px;
flex-direction: column;
padding: 28px;
border: 2px solid #E7E7E7;
border-radius: 24px;
}
.btn-gold {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
gap: 10px;
background: #A58A64;
border-radius: 40px;
width: fit-content;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
}
.icon-arrow-down {
display: block;
flex: 0 0 auto;
width: 12px;
height: 7px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.09043%205.85L8.73209%204.20833L11.4071%201.53333C11.9654%200.966667%2011.5654%20-4.43962e-09%2010.7654%20-3.94087e-08L5.57376%20-2.66344e-07L0.898759%20-4.70694e-07C0.0987587%20-5.05664e-07%20-0.301242%200.966666%200.265425%201.53333L4.58209%205.85C5.26543%206.54167%206.39876%206.54167%207.09043%205.85Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
}
.item-file .styles-section__card-title {
color: #223642;
}
@media screen and (max-width: 768px) {
.list-files {
grid-template-columns: 1fr;
margin-top: 36px;
}
.styles-section__card-title {
font-size: 18px;
line-height: 100%;
}
.item-file {
gap: 64px;
padding: 18px;
border-radius: 12px;
}
.page-container {
max-width: 100%;
margin: 0;
padding: 0 16px;
}
.header__menu,
.custom-logo-link {
display: none;
}
.footer-left .custom-logo-link {
display: block;
}
.footer-top {
flex-direction: column;
align-items: center;
gap: 50px;
}
.footer-left {
align-items: center;
gap: 42px;
}
.footer__menu {
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.footer__contact {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer__content {
gap: 53px;
}
.footer__bottom {
flex-direction: column;
gap: 40px;
}
.footer__menu-item {
width: calc(33.333% - 32px);
}
.footer__contact-text {
font-size: 14px;
line-height: 100%;
}
.section-list-houses {
flex-direction: column;
}
.item-houses {
width: 100% !important;
flex: none !important;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.07);
border-radius: 12px;
}
.h1 {
font-size: 24px;
line-height: 120%;
}
.hero-section__subtitle {
font-size: 14px;
line-height: 120%;
}
.hero-section__badge {
font-size: 13px;
line-height: 100%;
padding: 12px;
}
.house-title {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #3E3232;
}
.item-house-content {
position: relative;
flex-direction: column-reverse;
gap: 18px;
padding: 16px 6px;
}
.image-wrapper {
width: 100%;
border-radius: 12px;
height: 254px;
}
.item-house-content .item-tags-dk {
gap: 8px;
justify-content: center;
}
.item-house-content .item-tags-dk .badge {
background-color: #A58A64;
width: 100%;
white-space: nowrap;
}
.house-title,
.styles-section__card-title,
.recommendations-section__item-text {
display: flex;
align-items: center;
width: calc(100% - 38px);
position: relative;
min-height: 38px;
}
.house-title::after,
.item-dk .styles-section__card-title::after,
.recommendations-section__item-text::after {
content: '';
position: absolute;
width: 38px;
height: 38px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.91602%2019.0003H30.0827M30.0827%2019.0003L18.9993%207.91699M30.0827%2019.0003L18.9993%2030.0837%22%20stroke%3D%22%23A58A64%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
top: 0;
right: -38px;
}
.header__button {
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
background-color: #1B2D3B;
}
.mobile-burger-btn {
display: block;
width: 48px;
height: 48px;
background-color: #A58A64;
border-radius: 100%;
position: relative;
}
.mobile-burger-btn::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.25%203.75C1.25%203.08594%201.79688%202.5%202.5%202.5H17.5C18.1641%202.5%2018.75%203.08594%2018.75%203.75C18.75%204.45312%2018.1641%205%2017.5%205H2.5C1.79688%205%201.25%204.45312%201.25%203.75ZM1.25%2010C1.25%209.33594%201.79688%208.75%202.5%208.75H17.5C18.1641%208.75%2018.75%209.33594%2018.75%2010C18.75%2010.7031%2018.1641%2011.25%2017.5%2011.25H2.5C1.79688%2011.25%201.25%2010.7031%201.25%2010ZM17.5%2017.5H2.5C1.79688%2017.5%201.25%2016.9531%201.25%2016.25C1.25%2015.5859%201.79688%2015%202.5%2015H17.5C18.1641%2015%2018.75%2015.5859%2018.75%2016.25C18.75%2016.9531%2018.1641%2017.5%2017.5%2017.5Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
z-index: 2;
}
.header {
padding: 45px 0 0;
}
.header__nav {
justify-content: space-between;
width: 100%;
}
.main-content {
margin: 32px 0 0;
gap: 36px;
}
body {
position: relative;
}
.wrapper-mobile-nav {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 888;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 15px 30px;
gap: 36px;
background: #FFFFFF;
box-shadow: 0px -3px 9px -1px rgba(0, 0, 0, 0.05);
border-radius: 16px 16px 0px 0px;
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
opacity: 0;
pointer-events: none;
}
.wrapper-mobile-nav.show {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.wrapper-mobile-nav a {
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: rgba(62, 50, 50, 0.75);
}
.wrapper-mobile-nav .home-link {
padding: 10px 24px 10px 16px;
background: #F5F5F5;
border-radius: 12px;
}
.icon-home {
display: block;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15.8477%207.75C15.8477%208.24219%2015.4375%208.625%2014.9727%208.625H14.0977L14.125%2013C14.125%2013.082%2014.125%2013.1641%2014.125%2013.2188V13.6562C14.125%2014.2852%2013.6328%2014.75%2013.0312%2014.75H12.5938C12.5391%2014.75%2012.5117%2014.75%2012.4844%2014.75C12.457%2014.75%2012.4023%2014.75%2012.375%2014.75H10.8438C10.2148%2014.75%209.75%2014.2852%209.75%2013.6562V11.25C9.75%2010.7852%209.33984%2010.375%208.875%2010.375H7.125C6.63281%2010.375%206.25%2010.7852%206.25%2011.25V13.6562C6.25%2014.2852%205.75781%2014.75%205.15625%2014.75H3.625C3.57031%2014.75%203.54297%2014.75%203.48828%2014.75C3.46094%2014.75%203.43359%2014.75%203.40625%2014.75H2.96875C2.33984%2014.75%201.875%2014.2852%201.875%2013.6562V10.5938C1.875%2010.5938%201.875%2010.5664%201.875%2010.5391V8.625H1C0.507812%208.625%200.125%208.24219%200.125%207.75C0.125%207.50391%200.207031%207.28516%200.398438%207.09375L7.39844%200.996094C7.58984%200.804688%207.80859%200.75%208%200.75C8.19141%200.75%208.41016%200.832031%208.57422%200.96875L15.5469%207.09375C15.7656%207.28516%2015.875%207.50391%2015.8477%207.75Z%22%20fill%3D%22%233E3232%22%20fill-opacity%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
}
.icon-pageup {
display: block;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.6875%2011.7188C7.3125%2012.125%206.65625%2012.125%206.28125%2011.7188C5.875%2011.3438%205.875%2010.6875%206.28125%2010.3125L11.2812%205.3125C11.6562%204.90625%2012.3125%204.90625%2012.6875%205.3125L17.6875%2010.3125C18.0938%2010.6875%2018.0938%2011.3438%2017.6875%2011.7188C17.5%2011.9062%2017.25%2012%2017%2012C16.7188%2012%2016.4688%2011.9062%2016.2812%2011.7188L12%207.4375L7.6875%2011.7188ZM12.6875%2011.3125L17.6875%2016.3125C18.0938%2016.6875%2018.0938%2017.3438%2017.6875%2017.7188C17.5%2017.9062%2017.25%2018%2017%2018C16.7188%2018%2016.4688%2017.9062%2016.2812%2017.7188L12%2013.4375L7.6875%2017.7188C7.3125%2018.125%206.65625%2018.125%206.28125%2017.7188C5.875%2017.3438%205.875%2016.6875%206.28125%2016.3125L11.2812%2011.3125C11.6562%2010.9062%2012.3125%2010.9062%2012.6875%2011.3125Z%22%20fill%3D%22%233E3232%22%20fill-opacity%3D%220.75%22%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: cover;
}
.hero-section__content {
gap: 28px;
}
.text-block .section__divider {
display: none;
}
.section__heading-block {
justify-content: center;
}
.section__heading,
.styles-section__title {
font-weight: 600;
font-size: 24px;
line-height: 29px;
text-align: center;
text-transform: capitalize;
color: #3E3232;
}
.factory-section__text p:not(:last-child) {
margin-bottom: 15px;
}
.text-block {
gap: 15px;
}
.maps-img {
height: 508px;
object-fit: cover;
}
.mark-maps.index-1 {
bottom: 43px;
right: 25px;
}
.mark-maps.index-2 {
left: 31px;
bottom: 49px;
}
.mark-maps.index-3 {
top: 102px;
right: 11px;
}
.mark-maps.index-3 .desc-mark,
.mark-maps.index-1 .desc-mark {
left: unset;
right: 24px;
padding: 20px 40px 20px 20px;
}
.styles-section__subtitle {
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: capitalize;
color: rgba(62, 50, 50, 0.75);
}
.styles-section__header {
gap: 15px;
}
.styles-section__content {
gap: 15px;
}
.wrapper-dk-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.item-dk .item-tags-dk {
display: none;
}
.item-content-dk {
position: relative;
height: fit-content;
padding: 16px 6px;
}
.item-content-dk .styles-section__card-title {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #3E3232;
}
.item-dk {
display: flex;
flex-direction: column-reverse;
background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.07);
border-radius: 12px;
padding: 10px;
}
.dk-image {
border-radius: 12px;
}
.specialists-section__block .mobile.link-btn {
display: flex;
width: 100%;
}
.specialists-block > .link-btn {
display: none;
}
.specialists-section__block {
flex-direction: column-reverse;
gap: 24px;
}
.wrapper-btns-specialists {
display: flex;
align-items: center;
gap: 20px;
flex-direction: row-reverse;
width: 100%;
}
.virtual-tour-section__content {
white-space: nowrap;
}
.support-section__grid {
flex-direction: column-reverse;
gap: 15px;
}
.support-section__logo::after {
content: unset;
}
.support-section__logo-image {
width: 100%;
height: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 12px;
}
.support-section__item-header {
align-items: center;
gap: 8px;
}
.h4 {
font-weight: 700;
font-size: 18px;
line-height: 120%;
text-align: center;
color: #223642;
}
.support-section__item {
gap: 8px;
}
.support-section__items {
gap: 15px;
}
.support-section__icon {
width: 60px;
height: 60px;
}
.support-section__icon img {
width: 21px;
}
.footer {
margin-top: 36px;
}
.style-row {
flex-direction: column;
gap: 0;
}
.item-style {
width: 100% !important;
display: none;
border-radius: 24px;
}
.item-style.active {
display: block;
}
.item-style img {
width: 100% !important;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.item-style.active img {
width: 100% !important;
}
.wrapper-item-style-desc {
transform: translateX(0) !important;
}
.item-style-desc {
border-radius: 0 0 24px 24px !important;
}
.item-style-desc.pos-1,
.item-style-desc.pos-2,
.item-style-desc.pos-3,
.item-style-desc.pos-4 {
border-radius: 0 0 24px 24px !important;
}
.item-style-nav-rounding {
display: none !important;
}
.wrapper-item-style-desc {
width: 100%;
}
.item-style-tags .badge {
display: none;
}
.hero-section__gallery {
flex-wrap: wrap;
}
.hero-section__info {
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.factory-section__image-block {
display: flex;
flex-direction: column-reverse;
gap: 15px;
}
.author-projects-section__large-image {
float: unset;
margin: 0;
}
.hero-section__info-item {
flex-direction: column;
}
.hero-section__info-value {
font-weight: 700;
font-size: 15px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
}
.history-section__subtitle,
.factory-section__heading {
text-align: center;
}
.wrapper-btn-slider {
display: none;
}
.section__divider {
display: none;
}
.gallery-section__item-image {
height: 261px;
}
.gallery-section__item {
height: 261px;
border-radius: 12px;
}
.recommendations-section__grid {
grid-template-columns: 1fr;
}
.recommendations-section__item--large,
.recommendations-section__item--medium {
grid-column: unset;
}
.recommendations-image {
border-radius: 12px;
}
.recommendations-section__item-text {
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #3E3232;
bottom: unset;
left: unset;
}
.recommendations-section__item {
flex-direction: column;
padding: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.07);
border-radius: 12px;
grid-column: unset;
}
.recommendations-content {
padding: 16px 6px;
position: static;
width: 100%;
}
.recommendations-section__item-image {
height: 295px;
object-fit: cover;
}
.mobile-article-nav {
display: block;
width: 100%;
}
.mobile-article-nav__container {
width: 100%;
padding: 20px 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 15px;
gap: 10px;
background: #F5F5F5;
border-radius: 12px;
}
.mobile-article-nav__list {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.mobile-article-nav__item {
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: rgba(62, 50, 50, 0.75);
}
.mobile-article-nav-header {
display: flex;
align-items: center;
gap: 6px;
}
.mobile-article-nav-header p {
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-transform: capitalize;
color: #3E3232;
}
.icon-line-vert {
display: block;
width: 4px;
height: 10px;
border-radius: 12px;
background-color: #A58A64;
flex: 0 0 auto;
}
.hero-section__author-label {
display: none;
}
.hero-section__author-name {
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: capitalize;
color: rgba(62, 50, 50, 0.75);
}
.author-hero-section__title {
font-weight: 700;
font-size: 24px;
line-height: 120%;
text-align: center;
text-transform: capitalize;
color: #223642;
}
.author-hero-section__badge,
.author-hero-section__button {
font-size: 13px;
line-height: 100%;
padding: 12px;
}
.author-hero-section__dates {
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: capitalize;
color: rgba(62, 50, 50, 0.75);
}
.author-hero-section__meta {
flex-direction: column;
}
.author-hero-section__image-wrapper {
flex-direction: column;
gap: 15px;
}
.author-hero-section__portrait-wrapper {
width: 356px;
height: 332px;
border-radius: 12px;
}
.author-hero-section__content {
gap: 28px;
}
.author-hero-section__timeline {
height: auto;
min-height: auto;
padding: 0 0 20px;
position: relative;
display: flex;
flex-direction: column;
gap: 30px;
}
.author-hero-section__timeline-line {
position: absolute;
left: 50% !important;
top: 0 !important;
bottom: 0 !important;
width: 4px !important;
height: 100% !important;
transform: translateX(-50%) !important;
right: auto !important;
z-index: 1;
}
.author-hero-section__timeline-dot {
position: absolute;
z-index: 3;
left: 50% !important;
transform: translateX(-50%) !important;
top: 0;
}
.author-hero-section__timeline-dot--first,
.author-hero-section__timeline-dot--last {
left: 50% !important;
transform: translateX(-50%) !important;
right: auto !important;
}
.author-hero-section__timeline-item {
position: relative !important;
width: calc(50% - 30px) !important;
max-width: 200px !important;
left: auto !important;
right: auto !important;
transform: none !important;
padding: 0 !important;
margin-top: 30px;
margin-bottom: 0;
z-index: 2;
}
.author-hero-section__timeline-item:first-of-type {
margin-top: 0;
}
.author-hero-section__timeline-item--first {
align-self: flex-end;
margin-right: calc(50% + 15px);
align-items: flex-end;
padding: 0 !important;
}
.author-hero-section__timeline-item--last {
align-self: flex-start;
margin-left: calc(50% + 15px);
align-items: flex-start;
padding: 0 !important;
margin-bottom: 0;
}
.author-hero-section__timeline-item:not(.author-hero-section__timeline-item--first):not(.author-hero-section__timeline-item--last) {
align-self: flex-start;
margin-left: calc(50% + 15px);
align-items: flex-start;
padding: 0 !important;
}
.author-hero-section__timeline-item--first .author-hero-section__timeline-year,
.author-hero-section__timeline-item--first .author-hero-section__timeline-label {
text-align: right;
}
.author-hero-section__timeline-item--last .author-hero-section__timeline-year,
.author-hero-section__timeline-item--last .author-hero-section__timeline-label,
.author-hero-section__timeline-item:not(.author-hero-section__timeline-item--first):not(.author-hero-section__timeline-item--last) .author-hero-section__timeline-year,
.author-hero-section__timeline-item:not(.author-hero-section__timeline-item--first):not(.author-hero-section__timeline-item--last) .author-hero-section__timeline-label {
text-align: left;
}
.author-projects-section__project-block {
display: flex;
flex-direction: column;
gap: 15px;
}
.author-projects-section__image-card {
margin: 0;
float: unset;
max-width: 100%;
}
.author-quote-section__quote {
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
.author-quote-section__quote-text {
font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.images-group-wrapper {
margin-left: 0;
max-width: 100%;
float: unset;
}
.history-section__image-block .images-group-wrapper {
float: unset;
flex-direction: column;
gap: 15px;
}
.recommendations-section__authors-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.recommendations-author-img {
border-radius: 12px;
width: 100%;
}
.recommendations-section__author-image {
position: static;
width: 100%;
height: 295px;
object-fit: cover;
}
.recommendations-section__author-name {
position: relative;
bottom: 0;
left: 0;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #3E3232;
}
.recommendations-section__author-card {
height: 100%;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.07);
border-radius: 12px;
}
.btn-page-start {
display: none;
}
.start-section,
.start-img {
height: 537px;
}
.start-content {
flex-direction: column-reverse;
align-items: center;
}
.start-content .tag-white {
background-color: #EDE8E0;
padding: 12px;
border: unset;
width: fit-content;
border-radius: 36px;
font-weight: 500;
font-size: 13px;
line-height: 15px;
text-transform: capitalize;
color: #A58A64;
}
.wrapper-start-content {
bottom: 112px;
padding: 0 16px;
}
.text-m {
font-weight: 400;
font-size: 14px;
line-height: 180%;
color: #3E3232;
}
.start-section .mobile-article-nav {
position: absolute;
z-index: 3;
bottom: -140px;
padding: 0 16px;
}
.history-section__image-block,
.history-section__image-block.reverse {
display: flex;
flex-direction: column-reverse;
gap: 15px;
}
.history-section__text-block {
padding: 0;
}
.grid-block-other {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
gap: 15px;
}
.grid-block-other .item-block-other:first-child {
grid-column-end: unset;
}
.item-block-other {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.07);
border-radius: 12px;
}
.item-block-other img {
height: 295px;
}
.block-grid-images {
grid-template-columns: 1fr;
}
.block-grid-images .item-grid-image:nth-child(2n) img {
width: 100%;
aspect-ratio: unset;
}
.item-style-block {
width: 100% !important;
}
.item-style-content {
width: 100%;
}
.btn-style {
font-weight: 500;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;
text-decoration-line: unset;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 24px;
background: #A58A64;
backdrop-filter: blur(3px);
border-radius: 40px;
width: 100%;
}
.modal-menu-burger .custom-logo-link {
display: block;
width: fit-content;
}
.modal-menu .header__menu-item {
font-size: 24px;
line-height: 100%;
}
.author-hero-section__info-block {
gap: 0;
}
.author-hero-section__info-block .mobile-article-nav {
margin-bottom: 36px;
}
}