@font-face { font-family: "Cormorant Local"; src: url("/fonts/cormorant-garamond-300.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Cormorant Local"; src: url("/fonts/cormorant-garamond-400.woff2") format("woff2"); font-weight: 400 500; font-display: swap; }
@font-face { font-family: "Urbanist Local"; src: url("/fonts/urbanist-latin.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
:root {
--serif: "Cormorant Garamond", "Cormorant Local", Georgia, serif;
--sans: Urbanist, "Urbanist Local", "Helvetica Neue", Arial, sans-serif;
--accent: #444F69;
--txt: #444F69;
--link: rgba(68, 79, 105, .6);
--beige: #EBE7E0;
--grey-text: #6d7690;
--line: #C0C0C0;
--h1: 56px; --h2: 36px; --h3: 26px; --h4: 21px; --h5: 17px;
--section: 96px;
--body-pad: 12px;
}
@media (max-width: 768px) { :root { --section: 64px; --body-pad: 0px; } }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }
body { margin: 0; padding: 12px 12px 0; background: #fff; color: var(--txt); font-family: var(--sans); font-size: 16px; line-height: 1.6; letter-spacing: 1px; overflow-x: hidden; word-wrap: break-word; font-feature-settings: "kern", "liga", "clig", "calt"; }
@media (max-width: 767px) { body { padding: 0; } }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
picture { display: contents; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
ul { margin: 0; padding: 0; list-style: none; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .serif { font-family: var(--serif); font-weight: 400; margin: 0 0 1.666rem; color: inherit; }
h1, .h1 { font-size: var(--h1); line-height: 1.25; text-transform: uppercase; }
h2, .h2 { font-size: var(--h2); line-height: 1.3; text-transform: uppercase; }
h3, .h3 { font-size: var(--h3); line-height: 1.3; text-transform: uppercase; }
h4, .h4 { font-size: var(--h4); line-height: 1.5; }
h5, .h5 { font-family: var(--sans); font-size: var(--h5); font-weight: 700; line-height: 1.4; text-transform: uppercase; margin: 0 0 1.666rem; }
@media (max-width: 560px) {
h1, .h1 { font-size: 40px; letter-spacing: .75px; line-height: 1.6; }
h2, .h2 { font-size: 32px; letter-spacing: .75px; line-height: 1.4; }
h3, .h3 { font-size: 21px; letter-spacing: .5px; line-height: 1.6; }
h4, .h4 { font-size: 18px; letter-spacing: .75px; line-height: 1.6; }
h5, .h5 { font-size: 16px; letter-spacing: .75px; line-height: 1.5; }
}
.feature { font-size: 14px; font-weight: 700; line-height: 1.7; text-transform: uppercase; }
.skip { position: absolute; left: -999px; top: 0; }
.skip:focus { left: 8px; z-index: 2000; background: #fff; padding: 8px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.of-record { font-style: inherit; }
mark.todo { background: #fde2e2; color: #8a1c1c; font: 12px/1 var(--sans); padding: 3px 6px; letter-spacing: .5px; text-transform: uppercase; }
.na { color: #9aa1b3; }
.container { width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 50px; padding-right: 50px; }
@media (max-width: 767px) { .container { padding-left: 25px; padding-right: 25px; } }
.section-pad { padding-top: var(--section); padding-bottom: var(--section); }
.section-pad--top0 { padding-top: 0; }
.section-pad--bottom0 { padding-bottom: 0; }
.section-pad--half-bottom { padding-bottom: calc(var(--section) / 2); }
.title-group { max-width: 860px; margin: 0 auto 32px; text-align: center; }
.title-group h1, .title-group h2, .title-group h3 { margin: 8px 0 24px; }
.title-group .subtitle { margin-bottom: 24px; }
@media (max-width: 767px) { .title-group { margin-bottom: 16px; } .title-group h2 { margin-bottom: 16px; } }
.subtitle { font-size: 16px; line-height: 1.6; }
.bg-beige { background: var(--beige); }
.bg-white { background: #fff; }
.band--beige { background: var(--beige); }
.text-center { text-align: center; }
section { overflow: hidden; position: relative; }
.btn { display: inline-block; font-family: var(--sans); font-size: 14px; font-weight: 400; letter-spacing: 1.5px; line-height: 1; text-transform: uppercase; text-align: center; padding: 20px 46px; border: 1px solid var(--accent); background: transparent; color: var(--accent); cursor: pointer; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .2s; }
.btn--fill { background: var(--accent); border-color: var(--accent); color: #fff; }
.btn--fill:hover { background: rgba(68, 79, 105, .8); border-color: rgba(68, 79, 105, .8); color: #fff; }
.btn--white { background: #fff; border-color: #fff; color: var(--accent); }
.btn--white:hover { background: rgba(255, 255, 255, .8); border-color: rgba(255, 255, 255, .8); }
.btn--outline:hover { background: var(--accent); color: #fff; }
.btn--outline-light { border-color: #fff; color: #fff; }
.btn--outline-light:hover { background: #fff; color: var(--accent); }
.btn--bold { font-weight: 700; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .55; cursor: default; }
@media (max-width: 560px) { .fitem__img, .fitem__img img { height: 120px; } }
@media (max-width: 500px) { .btn--block-sm { width: 100%; } }
.arrow { width: 48px; height: 48px; border: 2px solid var(--accent); background: transparent; color: var(--accent); position: relative; cursor: pointer; padding: 0; font-size: 0; transition: background-color .3s; }
.arrow::before { content: ""; display: block; width: 11px; height: 11px; border-bottom: 2px solid; border-left: 2px solid; position: absolute; left: 50%; top: 50%; transform: translate(calc(-50% + 2px), -50%) rotate(45deg) skew(4deg, 4deg); }
.arrow--next::before { transform: translate(calc(-50% - 2px), -50%) rotate(-135deg) skew(4deg, 4deg); }
.arrow:hover { background: #999; color: #000; }
.arrow--fill { background: var(--accent); border-color: var(--accent); color: #fff; }
.arrow--fill:hover { background: rgba(68, 79, 105, .55); border-color: rgba(68, 79, 105, .6); color: #fff; }
.arrow[disabled] { opacity: .4; pointer-events: none; }
@media (max-width: 768px) { .arrow { width: 36px; height: 36px; } .arrow::before { width: 9px; height: 9px; } }
.textlink { font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1; position: relative; background: none; border: 0; padding: 0; cursor: pointer; color: var(--accent); transition: color .2s; }
.textlink::after { content: ""; position: absolute; left: 0; bottom: -4px; height: 1px; width: 0; background: currentColor; transition: width .3s; }
.textlink:hover::after, .textlink.is-active::after { width: 100%; }
.input { display: block; width: 100%; min-width: 0; background: none; border: 0; border-bottom: 1px solid #999; border-radius: 0; box-shadow: none; padding: 0; font: 400 16px/25px var(--sans); letter-spacing: 1px; color: inherit; transition: border-color .3s; }
.input:focus { outline: none; border-color: #5e5e5e; }
.input::placeholder { color: #999; opacity: 1; }
textarea.input { border: 1px solid #999; padding: 8px; min-height: 96px; margin-top: 10px; resize: vertical; }
.input-group { position: relative; width: 100%; margin-bottom: 24px; }
.input-group .label { display: block; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; line-height: 26px; }
.input-group .label .req::after { content: " *"; }
.disclaimer { font-size: 12px; line-height: 1.3; margin: 16px 0; text-align: justify; display: flex; align-items: flex-start; gap: .7em; }
.disclaimer input { margin: 3px 0 0; appearance: auto; }
.disclaimer a { text-decoration: underline; }
select.input { appearance: none; -webkit-appearance: none; padding: 5px 20px 5px 0; line-height: 1.2; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23444F69' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right center; cursor: pointer; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.header { position: absolute; top: var(--body-pad); left: var(--body-pad); right: var(--body-pad); z-index: 102; color: #fff; display: flex; align-items: center; justify-content: center; padding: 30px 30px 10px; transition: background-color .3s, color .3s, padding .4s, box-shadow .3s; }
.header__side { flex: 1 1 50%; display: flex; align-items: center; }
.header__side--right { justify-content: flex-end; }
.header__logo { flex-shrink: 0; display: flex; align-items: center; gap: 18px; max-height: 52px; line-height: 1; }
.header__wordmark { font-family: var(--serif); font-size: 20px; letter-spacing: 2.5px; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; gap: 2px; white-space: nowrap; }
.header__divider { width: 1px; height: 40px; background: currentColor; opacity: .8; }
.header__brokerage { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; line-height: 1.35; text-align: center; white-space: nowrap; }
.header__brokerage img { max-height: 40px; width: auto; display: block; }
.hamburger { border: 0; background: none; cursor: pointer; width: 37px; height: 58px; display: flex; align-items: center; justify-content: flex-end; padding: 0; color: inherit; z-index: 915; }
.hamburger span, .hamburger span::before, .hamburger span::after { display: block; width: 26px; height: 2px; background: currentColor; }
.hamburger span { position: relative; }
.hamburger span::before, .hamburger span::after { content: ""; position: absolute; left: 0; }
.hamburger span::before { top: -9px; }
.hamburger span::after { bottom: -9px; }
.header.is-scrolled { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, .98); color: var(--accent); padding-top: 15px; box-shadow: 0 1px 0 rgba(0, 0, 0, .06); }
.header.is-scrolled .hamburger { color: var(--accent); }
.header--solid { position: relative; top: 0; left: 0; right: 0; background: #fff; color: var(--accent); }
@media (max-width: 767px) {
.header { padding: 10px 20px; }
.header__wordmark { font-size: 12px; letter-spacing: 1.5px; }
.header__divider { height: 26px; }
.header__brokerage { font-size: 7px; letter-spacing: 1.5px; }
.header__logo { gap: 10px; }
.header.is-scrolled { padding-top: 10px; }
}
.sidemenu { position: fixed; inset: 0; z-index: 1000; visibility: hidden; pointer-events: none; }
.sidemenu__backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, .35); opacity: 0; transition: opacity .3s; }
.sidemenu__panel { position: absolute; top: 0; right: 0; width: 400px; max-width: 100vw; height: 100vh; background: #fff; color: var(--accent); font-family: var(--serif); font-size: 21px; line-height: 1.333; letter-spacing: .5px; display: flex; flex-direction: column; padding: 40px 40px 100px; text-align: center; overflow-y: auto; transform: translateX(100%); transition: transform .3s ease-in; }
.sidemenu.is-open { visibility: visible; pointer-events: auto; }
.sidemenu.is-open .sidemenu__panel { transform: none; }
.sidemenu.is-open .sidemenu__backdrop { opacity: 1; }
.sidemenu__close { position: absolute; right: 30px; top: 30px; width: 38px; height: 38px; border: 0; background: none; cursor: pointer; }
.sidemenu__close::before, .sidemenu__close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 2px; background: currentColor; transform: translate(-50%, -50%) rotate(45deg); }
.sidemenu__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.sidemenu__nav { margin: auto 0; }
.sidemenu__item { padding: 4px 0; border-bottom: 1px solid #e6e6e6; }
.sidemenu__link { display: inline-block; padding: 10px; text-transform: uppercase; transition: color .25s; background: none; border: 0; cursor: pointer; font: inherit; }
.sidemenu__link:hover { color: var(--link); }
.sidemenu__link--parent::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 25px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg) translateX(-100%); transition: transform .3s; }
.sidemenu__item.is-open .sidemenu__link--parent::after { transform: rotate(225deg) translate(50%, 50%); }
.sidemenu__item.is-open .sidemenu__link--parent { color: #7a7a7a; }
.sidemenu__sub { max-height: 0; overflow: hidden; opacity: 0; transition: all .3s; font-size: 17px; }
.sidemenu__item.is-open .sidemenu__sub { max-height: 100vh; opacity: 1; padding: 4px 0 10px; }
.sidemenu__sub li { margin-bottom: 10px; }
.sidemenu__sub a { text-transform: uppercase; opacity: .7; }
.sidemenu__sub a:hover { opacity: 1; }
@media (max-width: 767px) {
.sidemenu__panel { width: 270px; font-size: 18px; padding-left: 20px; padding-right: 20px; }
.sidemenu__close { right: 10px; top: 10px; }
.sidemenu__sub { font-size: 14px; letter-spacing: .3px; }
}
body.is-locked { overflow: hidden; }
.intro { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 600px; color: #fff; text-align: center; background: #444F69; }
.intro__bg { position: absolute; inset: 0; }
.intro__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.intro::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.intro .container { position: relative; z-index: 1; max-width: 900px; }
.intro h1 { margin: 0 0 24px; }
.intro h1:last-child { margin-bottom: 0; }
.intro__sub { font-size: 21px; line-height: 1.57; white-space: pre-line; }
.intro--short { height: 360px; }
.intro--half { height: 50vh; }
@media (max-width: 768px) { .intro__sub { font-size: 18px; } }
@media (max-width: 360px) { .intro h1 { font-size: 32px; } }
.hero { position: relative; color: #fff; display: flex; flex-direction: column; min-height: 100vh; padding-top: 170px; padding-bottom: 30px; overflow: visible; z-index: 1; }
.hero__media { position: absolute; inset: 0; overflow: hidden; background: #000; z-index: -1; }
.hero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .3); z-index: -1; }
.hero__center { flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1; }
.hero__title { margin: 0 0 15px; }
.hero__desc { letter-spacing: .1em; margin-bottom: 15px; }
.hero__spacer { flex: 1 0 0%; max-height: 140px; }
.search-form { margin-top: 30px; padding-top: 32px; display: flex; width: 100%; justify-content: center; align-items: stretch; }
.search-wrap { margin: 5px; width: 100%; max-width: 444px; position: relative; letter-spacing: normal; }
.search-tabs { position: absolute; left: 0; bottom: 100%; display: flex; }
.search-tab { padding: 4px 20px; background: var(--accent); color: #fff; cursor: pointer; text-transform: uppercase; font-size: 16px; border: 0; font-weight: 400; }
.search-tab:not(.is-active) { opacity: .6; }
.search-input-wrap { width: 100%; height: 43px; display: flex; align-items: center; padding: 0 16px; background: #fff; }
.search-input-wrap svg { width: 20px; height: 20px; color: #c0c0c0; margin-right: 10px; flex: 0 0 auto; }
.search-input-wrap input { flex: 1 1 auto; width: 50px; border: 0; outline: 0; background: transparent; font: 16px var(--sans); color: #000; padding: 0; }
.search-btn { margin: 5px; height: 44px; padding: 0 50px; border: 1px solid #fff; background: #fff; color: var(--accent); font: 400 14px var(--sans); letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.search-btn:hover { background: rgba(255, 255, 255, .8); }
@media (max-width: 767px) { .hero { padding-top: 150px; } .hero__title { line-height: 1.6; letter-spacing: .75px; } }
@media (max-width: 560px) { .search-form { flex-wrap: wrap; } .search-btn { width: 100%; max-width: 444px; margin: 5px auto; } }
.boxed-text .title-group { max-width: 860px; }
.boxed-text__desc { text-align: center; margin: 0 auto 50px; max-width: 1300px; font-size: 16px; line-height: 1.6; }
.boxed-text__desc:last-child { margin-bottom: 0; }
@media (max-width: 768px) { .boxed-text__desc { margin-bottom: 30px; } }
.gallery { padding: 80px 0 30px; }
.gallery__row { display: flex; flex-wrap: wrap; margin: 0 -7px; }
.gallery__col { width: 100%; padding: 0 7px; margin-bottom: 20px; display: flex; }
@media (min-width: 768px) { .gallery__col { flex-basis: 33.333%; max-width: 33.333%; } }
.gallery-card { position: relative; flex-grow: 1; display: flex; align-items: flex-end; padding: 20px 15px; overflow: hidden; cursor: pointer; }
.gallery-card::after { content: ""; width: 0; padding-top: 121.5%; }
.gallery-card::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 76.6%, #000); opacity: .6; z-index: 1; transition: background-color .3s; }
.gallery-card:hover::before { background-color: #000; }
.gallery-card__preview { position: absolute; inset: 0; overflow: hidden; }
.gallery-card__preview img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s ease-out; }
.gallery-card:hover .gallery-card__preview img { transform: scale(1.05); }
.gallery-card__title { position: relative; width: 100%; margin: 0; color: #fff; text-align: center; z-index: 1; letter-spacing: 0; transition: transform .3s; }
.gallery-card:hover .gallery-card__title { transform: translateY(-51px); }
@media (max-width: 767px) { .gallery { padding: 30px 0 10px; } .gallery__row { margin: 0; } .gallery__col { padding: 0; } .gallery .container { padding-left: 20px; padding-right: 20px; } }
.split { display: flex; align-items: center; }
.split--reverse { flex-direction: row-reverse; }
.split__img { flex: 50%; z-index: 1; }
.split__img > div { width: 100%; height: 100%; position: relative; padding-bottom: 79%; min-height: 350px; }
.split__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.split__text { flex: 50%; display: flex; align-items: center; padding-left: 50px; padding-right: 90px; }
.split--reverse .split__text { padding-right: 120px; padding-left: 0; }
.split__text h2 { margin-bottom: 24px; }
.split__text p { margin-bottom: 1em; }
.split__text p:last-child { margin-bottom: 0; }
.split__text .subtitle, .split p { font-size: 16px; line-height: 1.6; }
@media (max-width: 992px) {
.split, .split--reverse { flex-direction: column; }
.split__text, .split--reverse .split__text { padding: 0; margin-top: 29px; text-align: center; }
.split__text h2 { margin-bottom: 8px; }
}
.split--tall .split__img > div { padding-bottom: 133%; }
.split--portrait .split__img > div { padding-bottom: 0; aspect-ratio: 3 / 4; min-height: 0; }
.split--portrait .split__img img { object-position: top; }
.split--portrait .split__text { padding-left: 120px; padding-right: 0; }
.split--portrait.split--reverse .split__text { padding-left: 0; padding-right: 120px; }
@media (max-width: 992px) { .split--portrait .split__text, .split--portrait.split--reverse .split__text { padding: 0; } }
@media (max-width: 768px) { .split__img, .split--portrait .split__img { flex: 0 0 auto; width: 100%; } .split__img > div { min-height: 0; width: 100%; } .split--portrait .split__img > div { aspect-ratio: auto; } .split--portrait .split__img img { position: static; height: auto; display: block; } }
.testimonials { padding: 80px 0 var(--section); text-align: center; --slidePads: 285px; }
.testimonials__title { margin: 0 0 20px; }
.tslider { position: relative; margin-top: 50px; }
.tslider__strip { position: absolute; left: 0; right: 0; top: 20px; bottom: 20px; background: #f3f3f3; }
.tslider__track { position: relative; display: flex; overflow: hidden; }
.tslider__item { flex: 0 0 100%; padding: 3px; display: flex; justify-content: center; transition: transform .3s ease; }
.tcard { width: calc(100% - var(--slidePads) * 2); padding: 50px 20px; background: var(--beige); box-shadow: 0 2px 4px rgba(0, 0, 0, .15); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.tcard__top { flex: 1 0 auto; max-width: 540px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; }
.tcard__pic { width: 104px; height: 104px; border-radius: 50%; background: var(--accent); color: #fff; margin: 0 auto 25px; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 60px; line-height: 1; }
.tcard__author { margin: 0 0 20px; text-transform: uppercase; }
.tcard__text { margin: 0; font-size: 16px; line-height: 1.6; }
.tcard .btn { margin-top: 50px; }
.tslider__side { position: absolute; top: 20px; bottom: 20px; width: var(--slidePads); overflow: hidden; display: flex; align-items: center; color: #b3b3b3; padding: 0 20px; font-size: 16px; line-height: 1.6; pointer-events: none; }
.tslider__side--prev { left: 0; text-align: right; }
.tslider__side--next { right: 0; text-align: left; }
.tslider__side p { margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.tslider__arrows { display: flex; justify-content: center; gap: 26px; margin-top: 30px; }
@media (max-width: 1340px) { .testimonials { --slidePads: 160px; } }
@media (max-width: 991px) { .testimonials { --slidePads: 0px; } .tslider__side, .tslider__strip { display: none; } }
@media (max-width: 768px) { .testimonials { padding: 50px 0 0; background: #fff; } .testimonials__body { max-width: none; background: var(--beige); padding: 30px 25px var(--section); } .tslider { margin-top: 0; } .tcard { padding: 30px 20px; box-shadow: none; } .tslider__item { padding: 0; } }
.fprops { padding: 81px 0; }
.fprops__title { text-align: center; padding: 0 16px; margin: 0 0 37px; }
.fcar { position: relative; overflow: hidden; }
.fcar__track { display: flex; transition: transform .4s ease; will-change: transform; }
.fcar__slide { flex: 0 0 65%; padding: 0 40px; }
.fitem { position: relative; display: block; height: 560px; }
.fitem__img, .fitem__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fitem__status { position: absolute; top: 16px; right: 16px; background: rgba(0, 0, 0, .3); color: #fff; padding: 5px 10px; line-height: 1; font-size: 16px; }
.fitem__info { position: absolute; left: 0; bottom: 0; width: 564px; max-width: 100%; padding: 20px 24px; background: #fff; color: #000; display: flex; align-items: center; justify-content: space-between; transition: width .3s, opacity .3s; }
.fitem:not(.is-active) .fitem__info { opacity: 0; }
.fitem:hover .fitem__info { width: 580px; }
.fitem__name { margin: 0 0 5px; font-size: 29px; line-height: 1.1; color: #000; }
.fitem__features { opacity: .85; }
.fitem__price { margin: 16px 0 0; }
.fitem__attr { font-size: 12px; line-height: 1.4; margin-top: 12px; opacity: .85; }
.fitem__more { font-size: 0; width: 12px; height: 12px; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); flex: 0 0 auto; margin-left: 16px; }
.fprops__action { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 480px); margin: 0 auto; padding-top: 46px; }
.fprops__arrows { display: flex; gap: 5px; }
@media (max-width: 1439px) { .fprops__action { width: calc(100% - 430px); } }
@media (max-width: 1199px) { .fprops__action { width: calc(100% - 280px); } }
@media (max-width: 1024px) { .fprops__action { width: calc(100% - 160px); } .fitem__info { max-width: calc(100% - 100px); } }
@media (max-width: 768px) {
.fcar__slide { flex-basis: 78%; padding: 0 12px; }
.fitem { height: auto; }
.fitem__img, .fitem__img img { position: static; height: 220px; display: block; object-fit: cover; }
.fitem__info { position: static; width: 100%; max-width: none; min-height: 0; align-items: flex-start; padding: 20px 24px 0; }
.fitem:not(.is-active) .fitem__info { opacity: 1; }
.fitem__more { display: none; }
.fprops__action { width: 100%; flex-direction: column; gap: 32px; padding: 32px 20px 0; }
.fprops__arrows { gap: 10px; }
}
.solds { padding: 140px 0; background: var(--beige); }
.solds__head { display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; text-align: center; }
.solds__head h2 { margin: 0 0 24px; }
.solds__nav { display: flex; align-items: center; gap: 22px; }
.solds__nav .sep { width: 1px; height: 12px; background: var(--accent); }
.scar { overflow: hidden; margin: 0 -40px; }
.scar__track { display: flex; transition: transform .4s ease; }
.scar__slide { flex: 0 0 50%; padding: 0 40px; }
.scard { display: block; background: #fff; text-align: center; position: relative; height: 100%; color: var(--accent); }
.scard__img { position: relative; width: 100%; height: 315px; background: gray; }
.scard__img img, .scard__img picture img { width: 100%; height: 100%; object-fit: cover; }
.scard__label { position: absolute; top: 0; right: 0; background: var(--link); color: #fff; padding: 4px 35px; z-index: 2; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.7; }
.scard__text { background: var(--beige); padding: 35px; }
.scard__text h4 { margin: 0 0 7px; text-transform: uppercase; }
.scard__text p { margin: 0 0 7px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.7; }
.scard__text .price { margin: 0; font-family: var(--sans); font-size: 17px; font-weight: 400; text-transform: none; line-height: 1.4; }
.solds--white { background: #fff; }
.solds--white .scard__text { background: #fff; }
.solds__btn { text-align: center; margin-top: 80px; }
.solds__btn .btn { min-width: 250px; }
@media (max-width: 991px) { .solds { padding: 100px 0; } .scar { margin: 0 -12px; } .scar__slide { padding: 0 12px; } }
@media (max-width: 768px) { .solds { padding: 40px 0; } .solds__head { margin-bottom: 40px; } .scar__slide { flex-basis: 100%; } .scard__img { height: 200px; } .scard__text { padding: 13px; } .scard__text p { margin-bottom: 3px; } .solds__btn { margin-top: 40px; } .solds__btn .btn { width: 100%; } }
.ngrid { text-align: center; }
.ngrid__items { display: flex; flex-wrap: wrap; justify-content: center; }
.ngrid__items--grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.ngrid__item { width: 33.3333%; overflow: hidden; }
.ngrid__items--grid .ngrid__item { width: 100%; }
.tile { display: block; position: relative; padding-bottom: 70%; width: 100%; }
.tile__img { position: absolute; inset: 0; background: #eee center/cover no-repeat; transition: transform .4s ease-in-out; }
.tile__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tile__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .3); }
.tile__content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; max-width: 600px; color: #fff; }
.tile__content h3 { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tile__content .btnwrap { max-height: 0; opacity: 0; overflow: hidden; transition: all .4s linear; }
.tile__content .btnwrap .btn { margin-top: 1.666rem; }
@media (min-width: 1025px) { .ngrid__item:hover .tile__img { transform: scale(1.1); } .ngrid__item:hover .btnwrap { max-height: 90px; opacity: 1; } }
@media (max-width: 1024px) { .tile__content { width: calc(100% - 40px); } .tile__content .btnwrap { display: none; } }
@media (max-width: 768px) { .ngrid__item { width: 100%; } .ngrid__items--grid { grid-template-columns: 1fr; } }
.ngrid__btn { padding-top: 60px; }
@media (max-width: 768px) { .ngrid__btn { padding-top: 40px; } }
.valuation { position: relative; color: #fff; min-height: calc(60vh - 96px); display: flex; }
.valuation__bg { position: absolute; inset: 0; overflow: hidden; }
.valuation__bg img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.75); }
.valuation__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(33, 34, 39, 0) 0%, #212227 100%); }
.valuation__content { position: relative; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 224px 112px min(15vh, 80px); }
.valuation__content h2 { margin: 0 0 24px; }
.benefits { display: flex; flex-wrap: wrap; gap: 16px 24px; font-size: 14px; text-transform: uppercase; }
.benefits li { display: inline-flex; align-items: center; }
.benefits li::before { content: ""; width: 24px; height: 24px; margin-right: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 12.5 4.5 4.5 9-9'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m6 12.5 4.5 4.5 9-9'/%3E%3C/svg%3E") center/contain no-repeat; }
.val-search { margin-top: 22px; padding: 24px; background: #fff; color: #000; display: flex; align-items: center; justify-content: space-between; }
.val-search__icon { padding: 0 12px; display: flex; color: var(--accent); }
.val-search input { flex-grow: 100; border: 0; padding: 12px 24px; font: 16px var(--sans); outline: 0; min-width: 0; }
.val-search input::placeholder { color: #848484; }
.val-search .btn { flex-grow: 1; }
@media (max-width: 1024px) { .valuation__content { padding: 216px 24px 60px; } }
@media (max-width: 768px) { .valuation__content { padding-top: 164px; padding-bottom: 64px; } }
@media (max-width: 620px) {
.valuation { min-height: 567px; }
.valuation__content { justify-content: flex-start; padding-top: 124px; padding-bottom: 24px; }
.benefits li { flex-basis: 100%; }
.val-search { padding: 0; flex-wrap: wrap; background: transparent; }
.val-search__icon { display: none; }
.val-search input { width: 100%; margin-bottom: .5rem; }
.val-search .btn { width: 100%; border: 2px solid #fff; color: #fff; background: transparent; font-size: 11px; }
}
.newsletter { background: var(--beige); display: flex; align-items: center; justify-content: center; }
.newsletter__inputs { display: flex; justify-content: center; align-items: flex-end; }
.newsletter__inputs .input { width: 250px; height: 56px; padding: 0; line-height: 56px; }
.newsletter__inputs > * + * { margin-left: 16px; }
.newsletter__inputs .btn { width: 200px; }
.newsletter .disclaimer { max-width: 750px; margin: 16px auto 0; }
@media (max-width: 768px) {
.newsletter { min-height: 80vh; }
.newsletter__inputs { flex-direction: column; align-items: stretch; }
.newsletter__inputs .input { width: 100%; }
.newsletter__inputs > * + * { margin-left: 0; margin-top: 32px; }
.newsletter__inputs .btn { width: 100%; }
.newsletter .title-group h2 { margin-bottom: 32px; }
}
.logos { padding: 80px 0; }
.logos__title { text-align: center; }
.logos__strip { display: flex; width: 100%; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
.logos__strip::-webkit-scrollbar { display: none; }
.logos__cell { flex: 0 0 250px; width: 250px; height: 105px; display: flex; align-items: center; justify-content: center; border-left: 1.5px solid hsla(0, 7%, 78%, .35); }
.logos__cell:first-child { border-left: 0; }
.logos__cell img { width: 50%; height: 100%; object-fit: contain; filter: grayscale(1); }
.logos .container { overflow: hidden; }
@media (max-width: 786px) { .logos { padding: 50px 0; } .logos__cell { flex-basis: 210px; width: 210px; } }
.fpress { padding: 64px 0; max-width: 91%; margin: 0 auto; }
.fpress__head { position: relative; margin-bottom: 24px; min-height: 24px; }
.fpress__arrows { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap: 30px; }
.fpress__car { overflow: hidden; margin: 0 -46px; }
.fpress__track { display: flex; transition: transform .4s ease; }
.fpress__item { flex: 0 0 33.3333%; padding: 0 46px; display: block; }
.fpress__img { position: relative; height: 300px; background: #ccc; }
.fpress__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fpress__title { margin: 13px 0 8px; font-size: 21px; line-height: 1.57; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fpress__item:hover .fpress__title { text-decoration: underline; }
.fpress__desc { font-size: 16px; line-height: 1.63; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.fpress__btn { text-align: center; margin-top: 50px; }
@media (max-width: 767px) {
.fpress { max-width: 100%; padding: 64px 25px; }
.fpress__car { margin: 0; }
.fpress__track { flex-direction: column; transform: none !important; }
.fpress__item { flex-basis: auto; padding: 0; margin-bottom: 50px; }
.fpress__item:nth-child(n+4) { display: none; }
.fpress__arrows { display: none; }
}
.press-grid { padding: 96px 0 60px; }
.press-grid .container { padding: 0 38px; }
.press-grid__items { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.pcard { width: calc(33.3333% - 30px); margin: 0 15px 43px; display: flex; flex-direction: column; box-shadow: 0 2px 4px rgba(0, 0, 0, .1); background: #fff; position: relative; }
.pcard__img { position: relative; background: #000; height: 300px; }
.pcard__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .8; }
.pcard__headline { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 19px 24px; color: #fff; font-family: var(--sans); font-size: 15px; font-weight: 700; letter-spacing: .29px; line-height: 1.6; text-transform: uppercase; }
.pcard__body { flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 40px 40px 42px; }
.pcard__meta { color: #979797; margin: 0 0 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 24px; font-weight: 700; }
.pcard__meta .sep { margin: 0 16px; }
.pcard__desc { font-size: 14px; line-height: 24px; letter-spacing: .25px; color: #000; margin: 0 0 28px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pcard .btn { margin-top: auto; padding: 0 20px; line-height: 38px; height: 40px; }
.pcard__link { position: absolute; inset: 0; }
@media (max-width: 1200px) { .press-grid { padding: 60px 0 40px; } .pcard { width: calc(50% - 30px); margin-bottom: 26px; } }
@media (max-width: 767px) { .press-grid .container { padding: 0 22px; } .pcard { width: 100%; } .pcard__body { padding: 19px 23px 38px; } .pcard__meta { margin-bottom: 5px; } .pcard__desc { margin-bottom: 18px; -webkit-line-clamp: 4; } }
.pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 3px; padding: 0; }
.pagination a, .pagination span, .pagination button { display: flex; align-items: center; justify-content: center; min-width: 48px; height: 48px; padding: 0 14px; border: 2px solid var(--accent); background: transparent; color: var(--accent); font-size: 17px; font-weight: 700; letter-spacing: 1px; line-height: 1; cursor: pointer; transition: all .3s; position: relative; }
.pagination .is-active { background: var(--accent); color: #fff; }
.pagination a:hover, .pagination button:hover { background: var(--accent); color: #fff; }
.pagination .pg-prev, .pagination .pg-next { font-size: 0; }
.pagination .pg-prev { margin-right: 16px; }
.pagination .pg-next { margin-left: 16px; }
.pagination .pg-prev::before, .pagination .pg-next::before { content: ""; display: block; width: 11px; height: 11px; border-bottom: 2px solid; border-left: 2px solid; position: absolute; left: 50%; top: 50%; transform: translate(calc(-50% + 2px), -50%) rotate(45deg) skew(4deg, 4deg); }
.pagination .pg-next::before { transform: translate(calc(-50% - 2px), -50%) rotate(-135deg) skew(4deg, 4deg); }
.pagination .is-disabled { opacity: .25; pointer-events: none; }
.pagination .pg-dots { border-color: transparent; }
@media (max-width: 768px) { .pagination a, .pagination span, .pagination button { min-width: 36px; height: 36px; font-size: 15px; padding: 0 10px; } .pagination .pg-prev { margin-right: 12px; } .pagination .pg-next { margin-left: 12px; } .pagination .pg-prev::before, .pagination .pg-next::before { width: 9px; height: 9px; } }
.wwu { position: relative; color: #fff; background: #444F69; }
.wwu__bg { position: absolute; inset: 0; overflow: hidden; }
.wwu__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wwu__bg::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.wwu .container { position: relative; z-index: 1; text-align: center; max-width: 750px; min-height: 689px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 50px; padding-bottom: 50px; }
.wwu h2 { position: relative; padding-bottom: 28px; margin: 0 0 30px; }
.wwu h2::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -55px; width: 110px; height: 1px; background: #fff; }
.wwu__desc { margin: 0 0 30px; font-size: 16px; line-height: 1.6; }
.wwu__btns { display: flex; justify-content: center; gap: 23px; margin-top: 32px; }
@media (max-width: 768px) { .wwu .container { min-height: auto; padding-top: 100px; padding-bottom: 100px; } .wwu h2 { padding-bottom: 40px; } .wwu__desc { margin-bottom: 40px; } }
@media (max-width: 560px) { .wwu__btns { flex-direction: column; gap: 10px; } }
.footer { position: relative; padding-top: 60px; padding-bottom: 30px; color: var(--accent); background: #fff; }
.footer .container { max-width: 1440px; }
.footer__title { margin: 0 0 46px; font-size: 29px; }
.footer__touch.h4 { margin-top: -8px; }
.footer__info { position: relative; padding-left: 230px; margin-bottom: 40px; }
.footer__touch { position: absolute; left: 0; margin: -8px 0 13px; max-width: 200px; font-size: 21px; line-height: 1.5; text-transform: uppercase; }
.footer__zone { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 71px; }
.footer__zone:last-child { margin-bottom: 0; }
.footer__cell { position: relative; padding-left: 50px; width: 400px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 400; }
.footer__cell svg { position: absolute; left: 0; top: 2px; width: 30px; height: 30px; fill: currentColor; }
.footer__cell .ct { line-height: 1; margin: 0 0 5px; }
.footer__cell a, .footer__cell .grey { color: #444F69; }
.footer__cell a { position: relative; }
.footer__cell a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: currentColor; }
.footer__text { display: flex; width: 100%; margin-bottom: 39px; }
.footer__logo { max-width: 150px; width: 100%; margin-right: 43px; flex: 0 0 auto; }
.footer__logo img { max-height: 63px; width: auto; }
.footer__brokerage { font-family: var(--serif); font-size: 22px; letter-spacing: 3px; text-transform: uppercase; line-height: 1.15; }
.footer__brokerage small { display: block; font-family: var(--sans); font-size: 9px; letter-spacing: 2.5px; font-weight: 600; margin-top: 4px; }
.footer__legal { font-size: 12px; letter-spacing: 1px; line-height: 1.6; }
.footer__legal p { margin-bottom: 20px; white-space: normal; }
.footer__legal p:last-child { margin-bottom: 0; }
.footer__legal a { text-decoration: underline; text-underline-offset: 2px; }
.footer__links a { font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; }
.footer__privacy { padding-top: 45px; padding-bottom: 30px; border-top: 1px solid rgba(68, 79, 105, .25); text-align: right; font-size: 18px; letter-spacing: normal; }
.footer__privacy a { color: var(--grey-text); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1200px) { .footer__info { padding-left: 0; } .footer__touch { position: relative; margin: 0 0 20px; max-width: 100%; width: 100%; } .footer__cell { width: 50%; } .footer__zone { margin-bottom: 39px; } }
@media (max-width: 768px) {
.footer .container { padding-left: 25px; padding-right: 25px; }
.footer__title { font-size: 21px; letter-spacing: 1px; line-height: 1.6; margin-bottom: 30px; white-space: nowrap; }
.footer__cell { width: 100%; margin-bottom: 21px; }
.footer__zone { margin-bottom: 21px; }
.footer__zone:first-of-type { margin-bottom: 51px; }
.footer__text { flex-wrap: wrap; }
.footer__privacy { padding-top: 45px; }
}
@media (max-width: 560px) { .footer { padding-top: 60px; } .footer__text { text-align: center; } .footer__logo { margin: 0 auto 20px; } .footer__privacy { border-top: 0; text-align: center; } }
.plist-section { padding-bottom: 140px; }
.plist-section__title { padding-top: 100px; text-align: center; }
.plist-section__title h2 { margin: 0; }
.plist-section--first .plist-section__title { padding-top: 0; }
.plist { display: grid; grid-template-columns: 1fr 1fr; gap: 55px 80px; margin: 60px 0; color: #000; }
.plist--three { grid-template-columns: repeat(3, 1fr); gap: 55px 40px; }
.pl-item { position: relative; text-align: center; min-height: 500px; color: var(--accent); display: flex; flex-direction: column; }
.pl-item__img { position: relative; width: 100%; height: 315px; background: gray; }
.pl-item__img img { width: 100%; height: 100%; object-fit: cover; }
.pl-item__label { position: absolute; top: 0; right: 0; background: var(--link); color: #fff; padding: 4px 35px; z-index: 2; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.7; text-transform: uppercase; }
.pl-item__text { background: #fff; padding: 40px; flex-grow: 1; }
.pl-item__text h4 { margin: 0 0 7px; text-transform: uppercase; }
.pl-item__text p { margin: 0 0 7px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.7; }
.pl-item__text .price { margin: 0; font-family: var(--sans); font-size: 17px; font-weight: 400; line-height: 1.4; }
.pl-item__hover { position: absolute; inset: 0; background: rgba(255, 255, 255, .75); opacity: 0; transition: opacity .2s; display: flex; align-items: center; justify-content: center; z-index: 3; }
@media (hover: hover) and (pointer: fine) { .pl-item:hover .pl-item__hover { opacity: 1; } }
.pl-item__hover .link { position: absolute; inset: 0; }
.pl-item__hover .btn { position: relative; }
.pl-item[hidden] { display: none; }
.pl-item__mbtn { display: none; }
@media (max-width: 767px) { .pl-item__mbtn { display: block; width: 100%; margin-top: 4px; } }
.empty-result { text-align: center; padding: 40px 0; }
@media (max-width: 1200px) { .plist--three { grid-template-columns: 1fr 1fr; gap: 55px 80px; } }
@media (max-width: 991px) { .plist, .plist--three { gap: 55px 25px; } .plist-section { padding-bottom: 100px; } }
@media (max-width: 768px) {
.plist, .plist--three { grid-template-columns: 1fr; gap: 35px 25px; justify-items: center; margin: 25px 0 30px; }
.pl-item { min-height: 1px; max-width: 325px; width: 99%; }
.pl-item__img { height: 200px; }
.pl-item__text { margin-bottom: 15px; padding: 25px 15px 15px; }
.pl-item__hover { display: none; }
.plist-section { padding-bottom: 40px; }
.plist-section__title { padding-top: 60px; }
}
.tabs { display: flex; justify-content: center; gap: 48px; margin-top: 32px; }
.tab { font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 0 0 12px; border: 0; border-bottom: 2px solid transparent; background: none; cursor: pointer; color: rgba(68, 79, 105, .55); transition: all .2s; }
.tab.is-active { color: var(--accent); border-color: var(--accent); }
.filters { margin-top: 40px; padding: 25px 30px; background: #fff; border: 1px solid #e7e7e7; display: grid; grid-template-columns: repeat(4, 1fr) auto; gap: 0 15px; align-items: end; color: #000; }
.filters--six { grid-template-columns: repeat(5, 1fr) auto; }
.filters__item { display: flex; flex-direction: column; justify-content: space-between; }
.filters__item .ftitle { font-weight: 700; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 6px; color: var(--accent); }
.filters .input { border-bottom-color: var(--accent); font-size: 14px; letter-spacing: .5px; }
.filters__btn { display: flex; align-items: flex-end; }
.filters__btn .btn { padding: 14px 24px; }
.filters__count { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin-top: 24px; color: var(--grey-text); }
@media (max-width: 950px) { .filters, .filters--six { grid-template-columns: 1fr; gap: 25px; } .filters__btn { display: none; } }
.plist-pagination { margin-top: 20px; }
.plist-section--stack { padding-bottom: 90px; }
.plist-section--stack .plist-section__title { padding-top: 0; }
.plist-section--stack .plist { margin-bottom: 40px; }
@media (max-width: 768px) { .plist-section--stack { padding-bottom: 40px; } }
.pintro { display: flex; flex-direction: column; position: relative; }
.pintro__img { width: 100%; height: 800px; background: #000; position: relative; }
.pintro__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pintro__gap { height: 54px; }
.pintro__info { position: relative; top: -30px; }
.pintro__label { display: inline-block; background: var(--link); color: #fff; padding: 8px 34px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.2; }
.pintro__info h1 { font-size: 26px; line-height: 1.3; margin: 11px 0; color: #000; }
.pintro__addr { margin: 0 0 11px; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 1.7; color: #000; }
.pintro__price { position: relative; padding: 11px 0 0; margin: 0; font-family: var(--sans); font-size: 20px; font-weight: 700; text-transform: uppercase; color: #000; }
.pintro__price::before { content: ""; position: absolute; height: 1px; background: silver; width: 1400px; right: 100%; top: 0; margin-right: -65%; }
.pintro__down { display: flex; width: 35px; height: 35px; margin: 12px auto 0; align-items: center; justify-content: center; }
.pintro__down svg { width: 30px; height: 30px; }
@media (max-width: 768px) {
.pintro__img { height: 545px; }
.pintro__gap { height: 30px; margin-top: -37px; }
.pintro__info { top: auto; padding-top: 30px; }
.pintro__label { margin-bottom: 5px; }
.pintro__info h1 { margin: 3px 0; font-size: 21px; line-height: 1.6; letter-spacing: .5px; }
.pintro__addr { margin-bottom: 3px; }
.pintro__price { padding: 0; }
.pintro__price::before { display: none; }
}
.pdesc { padding: 0 20px 70px; }
.amenities { display: flex; justify-content: center; border-bottom: 1px solid var(--line); padding-bottom: 80px; }
.amenities__item { width: 25%; display: flex; justify-content: center; align-items: flex-start; }
.amenities__item svg { width: 32px; height: 32px; margin-top: 6px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.4; }
.amenities__item p { margin: 0 0 0 24px; }
.pdesc__text { max-width: 960px; margin: 48px auto 0; }
.pdesc__text h3 { margin: 1.5em 0 .5em; }
@media (max-width: 768px) { .pdesc { padding-bottom: 20px; } .amenities { flex-wrap: wrap; padding-bottom: 60px; } .amenities__item { width: 50%; margin: 20px 0; justify-content: flex-start; } }
.agentcta { background: var(--beige); padding: 40px 0 60px; margin-top: 80px; }
.agentcta__row { display: flex; flex-wrap: wrap; align-items: center; }
.agentcta__row + .agentcta__row { margin-top: 8px; }
.agentcta__row .btn { padding: 14px 32px; }
.agentcta__item { display: flex; padding: 22px 0; }
.agentcta__avatar { width: 184px; height: 200px; overflow: hidden; margin-right: 60px; align-self: flex-end; flex: 0 0 auto; background: #ccc; }
.agentcta__avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.agentcta__info { width: calc(100% - 244px); display: flex; flex-direction: column; justify-content: center; }
.agentcta__info .name { margin: 0 0 13px; }
.agentcta__info ul { display: flex; flex-wrap: wrap; }
.agentcta__info li { margin-bottom: 16px; padding-right: 64px; }
.agentcta__info li:last-child { padding-right: 10px; }
.agentcta__info li.agentcta__btn { margin-bottom: 0; }
.agentcta__info strong { display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 1.5px; }
.agentcta__info .data { font-weight: 400; }
.agentcta__info a.data { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1024px) {
.agentcta__item { flex-direction: column; align-items: center; }
.agentcta__avatar { margin: 0 0 22px; width: 188px; height: 214px; align-self: auto; }
.agentcta__info { width: 100%; text-align: center; }
.agentcta__info ul { flex-direction: column; }
.agentcta__info li { padding-right: 0; }
}
@media (max-width: 991px) { .agentcta { padding: 28px 0 50px; margin-top: 40px; } .agentcta__row { flex-direction: column; align-items: center; } }
@media (max-width: 768px) { .agentcta__row { align-items: flex-start; } }
@media (max-width: 768px) { .agentcta__item { align-items: flex-start; } .agentcta__avatar { align-self: flex-start; } .agentcta__info, .agentcta__info li { text-align: left; } .agentcta__row { align-items: flex-start; } .agentcta__info li.agentcta__btn, .agentcta__info li.agentcta__btn .btn { width: 100%; } .agentcta__info li.agentcta__btn .btn { display: block; text-align: center; } }
.features h2 { text-align: center; margin: 0 0 73px; }
.features__cols { display: flex; flex-wrap: wrap; justify-content: space-between; }
.features__cols > div { width: calc(50% - 18px); }
.features__item { margin-bottom: 72px; }
.features__item:last-child { margin-bottom: 0; }
.features__item h3 { border-bottom: 1px solid #d8d8d8; letter-spacing: 3px; padding-bottom: 18px; margin: 0 0 20px; }
.features__item li { margin-top: 16px; display: flex; }
.features__item strong { letter-spacing: 2.75px; opacity: .6; text-transform: uppercase; width: 40%; font-weight: 400; font-size: 17px; line-height: 1.6; }
.features__item span { width: 60%; font-size: 16px; font-weight: 700; }
@media (max-width: 1023px) { .features__cols > div { width: 100%; } .features__cols > div + div { margin-top: 62px; } .features__item { margin-bottom: 62px; } }
@media (max-width: 768px) { .features { padding-bottom: 0; } .features h2 { margin: 0 0 20px; } .features__item + .features__item { margin-top: 40px; } .features__item li { margin-top: 26px; flex-wrap: wrap; } .features__item strong { letter-spacing: 1.5px; width: 100%; } .features__item span { width: 100%; } }
.pnb { padding: 96px 0; display: flex; }
.pnb__col { flex: 1; }
.pnb__imgcol { display: flex; justify-content: center; align-items: center; padding: 50px; }
.pnb__img { min-width: 600px; min-height: 400px; position: relative; background: gray center/cover; box-shadow: -210px 0 0 50px var(--beige); overflow: hidden; }
.pnb__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pnb__details { display: flex; flex-direction: column; align-items: flex-start; padding: 48px; }
.pnb__details h2 { margin: 0; }
.pnb__details .btn { margin-top: 36px; }
@media (max-width: 992px) { .pnb__img { min-width: 0; width: 100%; } }
@media (max-width: 768px) { .pnb { flex-direction: column; padding: 64px 0 20px; } .pnb__imgcol { padding: 40px; } .pnb__img { min-height: 260px; box-shadow: -210px 0 0 40px var(--beige); } }
.nb-intro { height: 600px; }
.nb-intro .container { max-width: none; padding: 0 20px; }
.lcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 48px; }
.lcard { display: block; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .08); color: var(--accent); }
.lcard__img { position: relative; height: 240px; background: #ccc; }
.lcard__img img { width: 100%; height: 100%; object-fit: cover; }
.lcard__status { position: absolute; left: 16px; bottom: 12px; display: flex; gap: 4px; }
.lcard__status span { background: var(--link); color: #fff; padding: 4px 7px; border-radius: 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.lcard__info { padding: 16px 20px 20px; }
.lcard__price { margin: 0; width: 100%; font-family: var(--serif); font-size: 20px; line-height: 1; font-weight: 400; letter-spacing: .33px; }
.lcard__addr { margin: 12px 0 0; font-size: 11px; line-height: 16px; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lcard__attrs { display: flex; flex-wrap: wrap; margin-top: 4px; padding-right: 40px; font-size: 11px; line-height: 1.4; letter-spacing: 1.5px; text-transform: uppercase; }
.lcard__attrs span { display: block; }
.lcard__attrs span + span { padding-left: 5px; margin-left: 5px; position: relative; }
.lcard__attrs span + span::before { content: ""; position: absolute; left: -1px; top: 50%; width: 1px; height: 1px; background: currentColor; }
@media (max-width: 992px) { .lcards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .lcards { grid-template-columns: 1fr; } }
.overview { background: var(--beige); }
.overview__text { max-width: 860px; margin-bottom: 40px; }
.overview__text { font-size: 13px; line-height: 1.6; }
.stats { display: flex; justify-content: space-between; gap: 24px; }
.stat { display: flex; align-items: center; flex: 1; }
.stat__icon { width: 48px; height: 48px; padding: 8px; margin-right: 24px; border-radius: 50%; background: var(--accent); flex: 0 0 auto; }
.stat__icon::after { content: ""; display: block; width: 32px; height: 32px; background: #fff; -webkit-mask: var(--glyph) center/contain no-repeat; mask: var(--glyph) center/contain no-repeat; }
.stat__icon--population { --glyph: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 3.333A11.347 11.347 0 0 0 4.667 14.668c0 6.644 6.172 10.721 10.256 13.418l.708.47a.667.667 0 0 0 .738 0l.708-.47c4.084-2.697 10.256-6.774 10.256-13.418A11.346 11.346 0 0 0 16 3.333Zm.341 23.64L16 27.2l-.341-.226C11.812 24.434 6 20.594 6 14.667a10 10 0 0 1 20 0c0 5.926-5.812 9.766-9.659 12.307Zm2.527-10.38a4.514 4.514 0 0 0 .142-5.235 4.556 4.556 0 1 0-3.787 7.086 4.514 4.514 0 0 0 2.702-.91l2.267 2.268a.667.667 0 1 0 .944-.944l-2.268-2.266ZM12 13.888a3.223 3.223 0 1 1 6.446-.002 3.223 3.223 0 0 1-6.446.002Z' fill='%23fff'/%3E%3C/svg%3E"); }
.stat__icon--density { --glyph: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.8' cy='6.1' r='3.5' stroke='%23fff'/%3E%3Cpath d='M25.8 16.4c-.4-.9-1.4-1.3-2.3-.9-1 .5-2.1.6-3 .2-2.5-1.4 0-3.3-2.8-4.3-5-1.6-9.1-.3-10.9 4.6-.3.9.2 1.9 1.1 2.2.9.3 1.9-.2 2.2-1.1.3-1.2 1.1-2.2 2.2-2.7.8-.3 1.7-.3 2.5-.1l-4.5 12.6c-.3.9.2 1.9 1.1 2.2.9.3 1.8-.1 2.2-1l2.6-7.4-.5 1.4 2.1 5.9c.3.9 1.3 1.4 2.2 1.1.9-.3 1.4-1.3 1.1-2.2l-2.9-8.7c.2.2.5.4.7.5 1.9.9 4.1.9 6-.1.9-.4 1.3-1.4.9-2.3Z' stroke='%23fff' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.stat__icon--income { --glyph: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.314 11.942h-2.483a2.15 2.15 0 0 0-.961 4.072l2.26 1.131a2.149 2.149 0 0 1-.96 4.072h-2.494M15.42 21.217v1.74M16.58 10.203v1.739' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 29.333c7.364 0 13.333-5.97 13.333-13.333 0-7.364-5.97-13.334-13.333-13.334C8.636 2.666 2.667 8.636 2.667 16S8.637 29.333 16 29.333Z' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.stat .h5 { margin: 0 0 8px; font-family: var(--sans); font-weight: 400; text-transform: none; font-size: 16px; line-height: 1.4; letter-spacing: 1px; }
.stat p { margin: 0; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--grey-text); }
@media (max-width: 1024px) { .stats { flex-wrap: wrap; gap: 36px 0; } .stat { flex: 0 0 50%; } }
@media (max-width: 560px) { .stats { flex-direction: column; gap: 40px; } }
.fullbleed { height: 700px; background: #ccc; }
.fullbleed img { width: 100%; height: 100%; object-fit: cover; }
.fullbleed--nb { height: 800px; }
@media (max-width: 768px) { .fullbleed, .fullbleed--nb { height: 380px; } }
.facts { display: flex; flex-wrap: wrap; gap: 24px 48px; justify-content: center; margin: 0 0 48px; }
.facts div { text-align: center; }
.facts strong { display: block; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; opacity: .6; font-weight: 400; }
.facts span { font-size: 17px; font-weight: 700; }
.prose { max-width: 860px; margin: 0 auto; }
.prose h2, .prose h3 { margin: 1.5em 0 .6em; }
.prose h2 { font-size: var(--h3); }
.prose h3 { font-size: var(--h4); text-transform: uppercase; letter-spacing: 1px; }
.prose ul { list-style: disc; padding-left: 1.2em; margin-bottom: 1em; }
.prose table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 14px; }
.prose td, .prose th { border-bottom: 1px solid #e7e7e7; padding: 8px 6px; text-align: left; }
.prose a { text-decoration: underline; }
.prose .pending { color: var(--grey-text); font-style: italic; }
.prose ul.kv { list-style: none; padding: 0; margin: 0 0 1.5em; }
.kv li { display: flex; align-items: baseline; padding: 12px 0; border-bottom: 1px solid #d8d8d8; }
.kv strong { width: 40%; font-size: 11px; letter-spacing: 2.75px; text-transform: uppercase; opacity: .6; font-weight: 400; line-height: 1.6; }
.kv span { width: 60%; font-size: 16px; font-weight: 700; }
.kv--plain { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.kv--plain li span { width: 100%; font-weight: 400; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
.prose table.ftable { font-size: 16px; }
.prose table.ftable th { font-size: 11px; letter-spacing: 2.75px; text-transform: uppercase; opacity: .6; font-weight: 400; border-bottom: 1px solid #d8d8d8; padding: 12px 0; }
.prose table.ftable td { border-bottom: 1px solid #d8d8d8; padding: 12px 0; }
.prose table.ftable td:last-child { font-weight: 700; }
@media (max-width: 560px) { .kv li { flex-wrap: wrap; } .kv strong, .kv span { width: 100%; } .kv--plain { grid-template-columns: 1fr; } }
.cta-block { display: flex; align-items: center; justify-content: space-between; }
.cta-block h2 { margin: 0; }
.cta-block .text { max-width: 65%; padding-right: 20px; }
@media (max-width: 768px) { .cta-block { flex-direction: column; justify-content: center; } .cta-block .text { max-width: 100%; margin-bottom: 24px; padding: 0; text-align: center; } }
.team-grid__wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.member { width: 33.333%; padding: 0 25px; margin-bottom: 50px; text-align: center; }
.member__link { display: block; position: relative; color: inherit; }
.member__img { position: relative; width: 100%; padding-top: 130%; background: #ccc; }
.member__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; transition: opacity .3s; }
.member__hover { opacity: 0; position: absolute; inset: 0; transform: translate(20px, 20px); display: flex; align-items: flex-end; justify-content: center; transition: opacity .3s; }
.member__hover .btn { margin-bottom: 60px; }
@media (hover: hover) and (pointer: fine) { .member__link:hover .member__img img { opacity: .5; } .member__link:hover .member__hover { opacity: 1; } }
.member__name { display: block; margin-top: 25px; font-family: var(--serif); font-size: 30px; line-height: 40px; text-transform: uppercase; color: var(--accent); }
.member__role { display: block; margin-top: 8px; font-size: 14px; line-height: 24px; letter-spacing: 1.5px; text-transform: uppercase; }
@media (max-width: 1000px) { .member { width: 50%; } }
@media (max-width: 768px) { .member { width: 100%; padding: 0; } }
@media (max-width: 560px) { .member__name { font-size: 18px; line-height: 29px; letter-spacing: .75px; } }
.agent-info { padding: 140px 0; }
.agent-info .container { max-width: 1110px; display: flex; flex-wrap: wrap; }
.agent-info__top { display: flex; width: 100%; }
.agent-info__avatar { width: 420px; height: 486px; position: relative; flex-shrink: 0; margin-right: 130px; background: #ddd; }
.agent-info__avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.agent-info__details { flex: 1; }
.agent-info__details h2 { font-size: var(--h3); line-height: 1.3; }
.agent-info__details li { margin-bottom: 14px; }
.agent-info__details strong { font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; margin-right: 8px; }
.agent-info__details a { text-decoration: underline; text-underline-offset: 3px; }
.agent-info__bio { width: 100%; margin-top: 48px; }
.agent-info__bio h2 { margin: 0 0 12px; }
.agent-info__bio .position { display: block; text-transform: uppercase; font-size: 17px; margin-bottom: 4px; }
.agent-info__text { margin-top: 36px; }
.agent-info__text p { margin-bottom: 1.66em; }
@media (max-width: 991px) {
.agent-info { padding: 100px 0; }
.agent-info__top { flex-direction: column; }
.agent-info__avatar { margin: 0 auto 26px; width: 100%; max-width: 420px; height: 374px; }
.agent-info__bio { margin-top: 26px; }
}
@media (max-width: 768px) { .agent-info { padding: 40px 0; } .agent-info__text { margin: 0 0 12px; } }
.tabs--portfolio { margin: 0 0 40px; }
.tpage { display: flex; flex-direction: column; align-items: center; }
.tquote { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 72px; width: 100%; }
.tquote__pic { width: 100px; height: 100px; border-radius: 50%; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 58px; }
.tquote__body { max-width: 760px; margin-top: 8px; font-size: 16px; }
.tquote__body p { margin: 24px 0 0; white-space: pre-line; }
.tquote__author { margin: 16px 0 0; text-transform: uppercase; font-size: var(--h3); }
.tpage .pagination { margin-bottom: 72px; }
@media (max-width: 768px) { .tquote { margin-bottom: 48px; } .tpage .pagination { margin-bottom: 48px; } }
.cform__head { text-align: center; margin-bottom: 48px; }
.cform__head h2 { margin-bottom: 24px; }
.cform { padding-top: 80px; padding-bottom: 80px; }
.cform .container { max-width: 1360px; padding-left: 50px; padding-right: 50px; }
@media (max-width: 767px) { .cform .container { padding-left: 20px; padding-right: 20px; } }
.cform__head { max-width: 800px; margin-left: auto; margin-right: auto; }
.cform__row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.cform__imgcol, .cform__formcol { flex: 1 1 400px; padding: 0 8px; min-width: 0; }
.cform__img { position: relative; width: 100%; height: 632px; background: var(--accent); }
.cform__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.cform__formcol .input-group { margin-bottom: 30px; }
.cform .btn { margin-top: 8px; }
.notice { padding: 16px 20px; background: var(--beige); margin-bottom: 24px; }
@media (max-width: 1400px) { .cform .container { padding-left: 20px; padding-right: 20px; } }
@media (max-width: 992px) { .cform { padding-top: 50px; padding-bottom: 50px; } .cform__img { height: 430px; } .cform__imgcol { margin-bottom: 30px; } .cform__formcol .input-group { margin-bottom: 20px; } }
.contact-gallery { background: var(--beige); padding: 120px 0 80px; }
.contact-gallery .gallery__row { justify-content: center; }
.contact-gallery .gallery__col { flex: 0 0 auto; width: 424px; max-width: 100%; padding: 0 5px; }
.contact-gallery .gallery__row { margin: 0 -5px; }
.contact-gallery .gallery-card { height: 520px; }
.contact-gallery .gallery-card::after { padding-top: 0; }
@media (max-width: 767px) { .contact-gallery { padding: 64px 0 44px; } .contact-gallery .gallery__col { width: 100%; } .contact-gallery .gallery-card { height: auto; } .contact-gallery .gallery-card::after { padding-top: 121.5%; } }
.search-links { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 32px; }
.text-center .btn + .btn { margin-left: 16px; }
@media (max-width: 500px) { .text-center .btn + .btn { margin: 12px 0 0; } }
.frame { position: relative; width: 100%; height: 80vh; min-height: 600px; border: 1px solid #e7e7e7; }
.frame iframe { width: 100%; height: 100%; border: 0; }
.buildings-list .tile__content h3 { font-size: 22px; }
.text-block-narrow { max-width: 860px; margin: 0 auto; text-align: center; }
.pintro__gallery { display: inline-block; margin-top: 14px; }
.lightbox { position: fixed; inset: 0; z-index: 1200; background: rgba(0, 0, 0, .92); display: none; align-items: center; justify-content: center; }
.lightbox.is-open { display: flex; }
.lightbox img { max-width: 92vw; max-height: 86vh; object-fit: contain; }
.lightbox__close { position: absolute; right: 24px; top: 24px; width: 40px; height: 40px; border: 0; background: none; color: #fff; font-size: 32px; line-height: 1; cursor: pointer; }
.lightbox__arrow { position: absolute; top: 50%; transform: translateY(-50%); border-color: #fff; color: #fff; }
.lightbox__arrow--prev { left: 24px; }
.lightbox__arrow--next { right: 24px; }
.lightbox__count { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); color: #fff; font-size: 14px; letter-spacing: 1.5px; }
body.is-locked { overflow: hidden; }
.cmodal { position: fixed; inset: 0; z-index: 1100; color: #fff; display: none; align-items: center; overflow-y: auto; padding: 70px 0; background: #020507; }
.cmodal.is-open { display: flex; }
.cmodal__bg { position: absolute; inset: 0; overflow: hidden; }
.cmodal__bg img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; }
.cmodal__bg::after { content: ""; position: absolute; inset: 0; background: rgba(1, 1, 1, .7); }
.cmodal__close { position: absolute; right: 50px; top: 50px; width: 40px; height: 50px; border: 0; background: none; cursor: pointer; z-index: 3; }
.cmodal__close::before, .cmodal__close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 1px; background: #fff; transform: translate(-50%, -50%) rotate(45deg); }
.cmodal__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.cmodal__container { position: relative; z-index: 2; display: flex; flex-wrap: wrap; width: 100%; max-width: 1440px; margin: auto; padding: 0 160px; }
.cmodal__details { width: 50%; padding-right: 30px; }
.cmodal__details h2 { margin: 0 0 18px; font-size: 37px; }
.cmodal__team { margin: 0 0 16px; text-transform: uppercase; }
.cmodal__cell { position: relative; margin-bottom: 22px; font-weight: 700; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; max-width: 90%; }
.cmodal__cell .ct { line-height: 1; margin: 0 0 5px; font-weight: 400; }
.cmodal__cell a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.cmodal__cell .pre-line { margin: 0; font-weight: 400; }
.cmodal__message { width: 50%; display: flex; justify-content: flex-end; position: relative; padding-left: 30px; }
.cmodal__message::after { content: ""; position: absolute; left: 0; top: -20px; width: 1px; height: calc(100% + 50px); background: rgba(255, 255, 255, .7); }
.cmodal__message form { max-width: 490px; width: 100%; }
.cmodal__message h2 { margin: 0 0 28px; font-size: 37px; }
.cmodal__group { margin-bottom: 39px; }
.cmodal__group label { display: block; width: 100%; line-height: 1.63; letter-spacing: 1px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.cmodal__group input, .cmodal__group select { border: 0; border-bottom: 1px solid rgba(255, 255, 255, .7); display: block; width: 100%; background: transparent; color: #fff; height: 25px; font: 16px var(--sans); letter-spacing: 1px; outline: 0; border-radius: 0; }
.cmodal__group select { appearance: none; -webkit-appearance: none; }
.cmodal__group select option { color: #000; }
.cmodal__group--textarea { margin-bottom: 30px; }
.cmodal__group textarea { resize: none; height: 105px; width: 100%; background: transparent; border: 1px solid rgba(255, 255, 255, .7); margin: 23px 0 0; color: #fff; padding: 10px; font: 16px var(--sans); }
.cmodal .disclaimer { color: #fff; }
.cmodal .disclaimer a { color: #fff; }
.cmodal .notice { color: var(--accent); }
@media (max-width: 1200px) { .cmodal__container { padding: 0 80px; } .cmodal__close { right: 20px; top: 20px; } }
@media (max-width: 768px) { .cmodal { padding: 60px 0 40px; } .cmodal__container { padding: 0 20px; } .cmodal__details, .cmodal__message { width: 100%; padding: 0; } .cmodal__details { margin-bottom: 38px; } .cmodal__message::after { display: none; } .cmodal__details h2, .cmodal__message h2 { font-size: 25px; } .cmodal__message form { max-width: 700px; } .cmodal .btn { width: 100%; } }