:root {
--elite-ink: #211d19;
--elite-ink-soft: #635b52;
--elite-cream: #f7f3ed;
--elite-sand: #e9dfd2;
--elite-bronze: #9a7449;
--elite-gold: #c7a56b;
--elite-white: #ffffff;
--elite-border: rgba(33, 29, 25, .14);
--elite-shadow: 0 24px 70px rgba(35, 28, 20, .12);
--elite-radius: 22px;
--elite-container: 1240px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
color: var(--elite-ink);
background: var(--elite-white);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.75;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 {
margin-top: 0;
font-family: Georgia, "Times New Roman", serif;
line-height: 1.12;
letter-spacing: -.025em;
}
h1 { font-size: clamp(2.8rem, 7vw, 6.8rem); }
h2 { font-size: clamp(2rem, 4vw, 4.1rem); }
h3 { font-size: 1.5rem; }
p { margin-top: 0; }
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
.screen-reader-text:focus {
position: fixed;
top: 10px;
left: 10px;
z-index: 99999;
width: auto;
height: auto;
padding: 12px;
clip: auto;
background: #fff;
}
.elite-container { width: min(calc(100% - 40px), var(--elite-container)); margin-inline: auto; }
.elite-section { padding: clamp(70px, 9vw, 130px) 0; }
.elite-section--soft { background: var(--elite-cream); }
.elite-eyebrow {
margin-bottom: 14px;
color: var(--elite-bronze);
font-size: .78rem;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
}
.elite-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 13px 24px;
border: 1px solid var(--elite-gold);
border-radius: 999px;
background: var(--elite-gold);
color: var(--elite-ink);
font-weight: 700;
transition: transform .2s ease, background .2s ease, color .2s ease;
}
.elite-button:hover { transform: translateY(-2px); background: #d4b77f; }
.elite-button--outline { background: transparent; color: var(--elite-ink); }
.elite-button--light { background: var(--elite-white); border-color: var(--elite-white); }
.elite-text-link {
display: inline-flex;
gap: 8px;
color: var(--elite-bronze);
font-weight: 700;
}
.elite-topbar {
padding: 8px 0;
background: var(--elite-ink);
color: rgba(255,255,255,.8);
font-size: .78rem;
}
.elite-topbar__inner, .elite-topbar__inner > div { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.elite-topbar a:hover { color: var(--elite-gold); }
.elite-header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255,255,255,.94);
border-bottom: 1px solid var(--elite-border);
backdrop-filter: blur(14px);
transition: box-shadow .2s ease;
}
.elite-header.is-scrolled { box-shadow: 0 12px 35px rgba(0,0,0,.08); }
.elite-header__inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.custom-logo { max-height: 62px; width: auto; }
.elite-brand__text { display: flex; flex-direction: column; line-height: 1.2; }
.elite-brand__text strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.4rem; }
.elite-brand__text span { color: var(--elite-ink-soft); font-size: .68rem; text-transform: uppercase; letter-spacing: .14em; }
.elite-nav ul { display: flex; align-items: center; gap: 26px; list-style: none; margin: 0; padding: 0; }
.elite-nav li { position: relative; }
.elite-nav a { font-size: .84rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.elite-nav a:hover { color: var(--elite-bronze); }
.elite-nav .sub-menu {
position: absolute;
top: 100%;
left: -22px;
min-width: 230px;
display: none;
padding: 18px 22px;
background: #fff;
box-shadow: var(--elite-shadow);
}
.elite-nav li:hover > .sub-menu { display: grid; gap: 12px; }
.elite-menu-toggle { display: none; border: 0; padding: 8px; background: transparent; }
.elite-menu-toggle span:not(.screen-reader-text) { display: block; width: 26px; height: 2px; margin: 5px; background: var(--elite-ink); }
.elite-hero {
position: relative;
min-height: min(790px, calc(100vh - 120px));
display: flex;
align-items: center;
background:
linear-gradient(90deg, rgba(20,17,14,.88), rgba(20,17,14,.40)),
radial-gradient(circle at 78% 22%, #8f6f4b, #231d17 60%);
background-size: cover;
background-position: center;
color: #fff;
}
.elite-hero__content { padding: 110px 0; }
.elite-hero h1 { max-width: 920px; margin-bottom: 24px; color: #fff; }
.elite-hero__content > p:not(.elite-eyebrow) { max-width: 680px; margin-bottom: 34px; font-size: clamp(1rem, 2vw, 1.35rem); color: rgba(255,255,255,.82); }
.elite-split { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(40px, 8vw, 120px); align-items: start; }
.elite-split p { color: var(--elite-ink-soft); font-size: 1.08rem; }
.elite-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 44px; }
.elite-section-heading h2 { margin-bottom: 0; }
.elite-project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.elite-project-card {
overflow: hidden;
border-radius: var(--elite-radius);
background: #fff;
box-shadow: 0 12px 38px rgba(30, 23, 17, .08);
transition: transform .25s ease, box-shadow .25s ease;
}
.elite-project-card:hover { transform: translateY(-7px); box-shadow: var(--elite-shadow); }
.elite-project-card__image { position: relative; aspect-ratio: 1.36; display: block; overflow: hidden; background: var(--elite-sand); }
.elite-project-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.elite-project-card:hover .elite-project-card__image img { transform: scale(1.04); }
.elite-project-card__placeholder { height: 100%; display: grid; place-items: center; color: var(--elite-ink-soft); }
.elite-project-card__status {
position: absolute;
top: 16px;
left: 16px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(255,255,255,.92);
font-size: .72rem;
font-weight: 700;
}
.elite-project-card__body { padding: 26px; }
.elite-project-card__location { color: var(--elite-bronze); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.elite-project-card__body h3 { margin: 8px 0 12px; }
.elite-project-card__body p { color: var(--elite-ink-soft); }
.elite-stats { background: var(--elite-ink); color: #fff; }
.elite-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.elite-stats__grid div { padding: 28px; border-left: 1px solid rgba(255,255,255,.15); }
.elite-stats strong { display: block; margin-bottom: 8px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 4rem); color: var(--elite-gold); }
.elite-stats span { color: rgba(255,255,255,.72); }
.elite-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.elite-feature__panel { min-height: 430px; padding: clamp(34px, 5vw, 70px); border-radius: var(--elite-radius); background: var(--elite-cream); display: flex; flex-direction: column; justify-content: end; }
.elite-feature__panel--dark { background: var(--elite-ink); color: #fff; }
.elite-feature__panel p:not(.elite-eyebrow) { max-width: 590px; color: var(--elite-ink-soft); }
.elite-feature__panel--dark p:not(.elite-eyebrow) { color: rgba(255,255,255,.68); }
.elite-cta { padding: 70px 0; background: var(--elite-sand); }
.elite-cta__inner { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.elite-cta h2 { max-width: 760px; margin: 0; }
.elite-page-hero { padding: clamp(80px, 10vw, 150px) 0; background: var(--elite-cream); }
.elite-page-hero h1 { max-width: 900px; margin-bottom: 18px; font-size: clamp(2.8rem, 6vw, 6rem); }
.elite-page-hero p:not(.elite-eyebrow) { max-width: 650px; color: var(--elite-ink-soft); }
.elite-project-hero { position: relative; min-height: 650px; display: flex; align-items: end; background: var(--elite-ink); overflow: hidden; color: #fff; }
.elite-project-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.elite-project-hero__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(17,14,11,.92), rgba(17,14,11,.12) 70%); }
.elite-project-hero__content { position: relative; z-index: 1; padding-bottom: 76px; }
.elite-project-hero h1 { margin-bottom: 16px; font-size: clamp(3rem, 7vw, 7rem); }
.elite-project-hero__content > p { max-width: 780px; font-size: 1.2rem; color: rgba(255,255,255,.82); }
.elite-project-summary { background: var(--elite-ink); color: #fff; border-top: 1px solid rgba(255,255,255,.14); }
.elite-project-summary__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.elite-project-summary__grid > div { padding: 28px 24px; border-right: 1px solid rgba(255,255,255,.14); }
.elite-project-summary span { display: block; color: rgba(255,255,255,.55); font-size: .72rem; text-transform: uppercase; letter-spacing: .14em; }
.elite-project-summary strong { font-size: 1.05rem; }
.elite-project-summary a { color: #fff; }
.elite-content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(40px, 7vw, 100px); align-items: start; }
.elite-content { max-width: 860px; font-size: 1.04rem; }
.elite-content h2, .elite-content h3 { margin-top: 1.6em; }
.elite-content a { color: var(--elite-bronze); text-decoration: underline; }
.elite-content img { border-radius: 16px; }
.elite-contact-card { position: sticky; top: 120px; padding: 34px; border-radius: var(--elite-radius); background: var(--elite-cream); }
.elite-contact-card .elite-button { width: 100%; margin: 5px 0; }
.elite-contact-card .elite-text-link { margin-top: 16px; }
.elite-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.elite-gallery a { aspect-ratio: 1.25; overflow: hidden; border-radius: 16px; }
.elite-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.elite-gallery a:hover img { transform: scale(1.04); }
.elite-video { aspect-ratio: 16/9; overflow: hidden; border-radius: var(--elite-radius); background: #000; }
.elite-video iframe { width: 100%; height: 100%; }
.elite-pdf iframe { width: 100%; border: 0; border-radius: var(--elite-radius); background: #fff; box-shadow: var(--elite-shadow); }
.elite-footer { padding-top: 80px; background: #181512; color: rgba(255,255,255,.74); }
.elite-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr .8fr; gap: 60px; padding-bottom: 60px; }
.elite-footer h2, .elite-footer h3 { color: #fff; }
.elite-footer ul { list-style: none; margin: 0; padding: 0; }
.elite-footer a:hover { color: var(--elite-gold); }
.elite-footer__bottom { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.12); font-size: .78rem; }
.elite-whatsapp {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 999;
width: 58px;
height: 58px;
display: grid;
place-items: center;
border-radius: 50%;
background: #25d366;
color: #fff;
font-weight: 800;
box-shadow: 0 14px 35px rgba(0,0,0,.2);
}
.elite-empty { grid-column: 1/-1; padding: 50px; border: 1px dashed var(--elite-border); border-radius: var(--elite-radius); text-align: center; }
.elite-error { min-height: 65vh; display: flex; align-items: center; text-align: center; }
.elite-post-card { padding: 30px 0; border-bottom: 1px solid var(--elite-border); }
.nav-links { display: flex; gap: 8px; margin-top: 40px; }
.page-numbers { padding: 8px 14px; border-radius: 999px; background: var(--elite-cream); }
.page-numbers.current { background: var(--elite-ink); color: #fff; }
@media (max-width: 980px) {
.elite-topbar__inner > span { display: none; }
.elite-topbar__inner { justify-content: flex-end; }
.elite-menu-toggle { display: block; }
.elite-nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
padding: 24px;
background: #fff;
border-top: 1px solid var(--elite-border);
box-shadow: var(--elite-shadow);
}
.elite-nav.is-open { display: block; }
.elite-nav ul { display: grid; gap: 18px; }
.elite-nav .sub-menu { position: static; display: grid; box-shadow: none; padding: 12px 0 0 20px; }
.elite-project-grid { grid-template-columns: repeat(2, 1fr); }
.elite-stats__grid { grid-template-columns: repeat(2, 1fr); }
.elite-content-layout { grid-template-columns: 1fr; }
.elite-contact-card { position: static; }
.elite-project-summary__grid { grid-template-columns: repeat(2, 1fr); }
.elite-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
.elite-container { width: min(calc(100% - 28px), var(--elite-container)); }
.elite-topbar__inner > div { gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.elite-topbar__inner > div a:last-child { display: none; }
.elite-header__inner { min-height: 72px; }
.custom-logo { max-height: 48px; }
.elite-split, .elite-project-grid, .elite-feature, .elite-footer__grid { grid-template-columns: 1fr; }
.elite-section-heading, .elite-cta__inner, .elite-footer__bottom { align-items: flex-start; flex-direction: column; }
.elite-stats__grid, .elite-project-summary__grid { grid-template-columns: 1fr; }
.elite-gallery { grid-template-columns: 1fr; }
.elite-project-hero { min-height: 520px; }
.elite-project-summary__grid > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
} .elite-legacy-home { background: #fff; }
.elite-legacy-slider { position: relative; min-height: 720px; overflow: hidden; background: #26272a; }
.elite-legacy-slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
background:
linear-gradient(90deg, rgba(28,29,32,.95), rgba(28,29,32,.35)),
radial-gradient(circle at 80% 70%, #665746, #25262a 58%);
background-position: center;
background-size: cover;
color: #fff;
transition: opacity .65s ease, visibility .65s ease;
}
.elite-legacy-slide.is-active { opacity: 1; visibility: visible; }
.elite-legacy-slide__inner { min-height: 720px; display: flex; align-items: center; position: relative; }
.elite-legacy-slide__copy { width: min(720px, 80%); margin-left: 9%; }
.elite-legacy-slide h1 {
margin: 0 0 12px;
font-size: clamp(3rem, 6vw, 6.3rem);
font-weight: 600;
color: #efd3ae;
}
.elite-legacy-slide h1 span { color: #fff; }
.elite-legacy-slide h2 {
margin: 0 0 34px;
font-family: "Manrope", Arial, sans-serif;
font-size: clamp(1.2rem, 2vw, 2rem);
color: #fff;
}
.elite-legacy-social {
position: absolute;
left: 2%;
top: 50%;
transform: rotate(-90deg) translateX(-50%);
transform-origin: left top;
font-size: .7rem;
font-weight: 700;
letter-spacing: .15em;
}
.elite-legacy-outline-button {
display: inline-flex;
align-items: center;
gap: 15px;
padding: 14px 25px;
border: 1px solid #d0aa73;
color: #fff;
font-size: .72rem;
font-weight: 700;
letter-spacing: .04em;
}
.elite-legacy-slider__dots {
position: absolute;
right: 32px;
bottom: 30px;
z-index: 4;
display: flex;
gap: 8px;
}
.elite-legacy-slider__dots button {
width: 8px;
height: 8px;
padding: 0;
border: 1px solid #efd3ae;
border-radius: 50%;
background: transparent;
cursor: pointer;
}
.elite-legacy-slider__dots button.is-active { background: #efd3ae; }
.elite-legacy-section { padding: 78px 0; }
.elite-legacy-heading { text-align: center; margin-bottom: 38px; }
.elite-legacy-heading h2 {
margin: 0 0 8px;
font-size: clamp(1.4rem, 2.2vw, 2.2rem);
font-weight: 500;
}
.elite-legacy-heading h2 span, .elite-legacy-gold-title { color: #a98558; }
.elite-legacy-heading h3 {
margin: 0;
font-family: "Manrope", Arial, sans-serif;
font-size: 1.15rem;
font-weight: 700;
}
.elite-legacy-project-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; max-width: 880px; margin: 0 auto; }
.elite-legacy-project {
padding: 15px 11px 17px;
border-radius: 18px;
background: #efefef;
text-align: center;
}
.elite-legacy-project__location {
min-height: 34px;
display: flex;
align-items: center;
justify-content: center;
color: #a98558;
font-size: .65rem;
font-weight: 700;
}
.elite-legacy-project__image {
display: block;
aspect-ratio: .76;
margin-bottom: 12px;
overflow: hidden;
border-radius: 9px;
background: #ddd;
}
.elite-legacy-project__image img { width: 100%; height: 100%; object-fit: cover; }
.elite-legacy-project__button {
display: block;
padding: 9px 7px;
border: 1px solid #c7a56b;
background: rgba(255,255,255,.4);
color: #9a7449;
font-size: .65rem;
}
.elite-legacy-counters { background: #f8f8f8; }
.elite-legacy-counter-grid { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 920px; margin: 0 auto; }
.elite-legacy-counter-grid > div {
position: relative;
min-height: 145px;
padding: 10px 22px;
border-right: 1px solid #ddd;
text-align: center;
}
.elite-legacy-counter-grid > div:last-child { border-right: 0; }
.elite-counter-icon { display: block; min-height: 45px; font-size: 2.1rem; line-height: 1; }
.elite-legacy-counter-grid small { display: block; font-weight: 700; }
.elite-legacy-counter-grid strong { display: inline-block; margin-top: 6px; font-size: 2.3rem; line-height: 1; }
.elite-legacy-counter-grid em { margin-left: 5px; font-style: normal; font-size: .75rem; }
.elite-foundation__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: center; max-width: 980px; }
.elite-foundation__copy h2 { margin-bottom: 24px; font-family: "Manrope", Arial, sans-serif; font-size: clamp(1.5rem, 2.7vw, 2.4rem); font-weight: 800; }
.elite-foundation__copy p:not(.elite-legacy-gold-title) { color: #555; font-size: .9rem; line-height: 1.55; }
.elite-legacy-gold-title { margin-bottom: 5px; font-family: "Playfair Display", serif; font-size: 1.45rem; }
.elite-legacy-gold-button {
display: inline-block;
margin-top: 12px;
padding: 11px 20px;
background: linear-gradient(90deg,#d39a2d,#111);
color: #fff;
font-size: .72rem;
}
.elite-foundation__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: center; }
.elite-foundation__gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.elite-citizenship { padding-top: 40px; padding-bottom: 105px; }
.elite-citizenship__frame { display: grid; grid-template-columns: 41% 59%; min-height: 535px; max-width: 1040px; padding: 0; background: #eeeae7; overflow: hidden; }
.elite-citizenship__copy { position: relative; padding: 45px 50px 180px; background: #a8865b; color: #fff; }
.elite-citizenship__copy h2 { margin-bottom: 4px; font-family: "Manrope", Arial, sans-serif; font-size: 1.9rem; font-weight: 500; }
.elite-citizenship__copy h3 { margin-bottom: 28px; font-family: "Manrope", Arial, sans-serif; font-size: 1rem; }
.elite-citizenship__copy p { font-size: .72rem; line-height: 1.55; }
.elite-passport { position: absolute; left: 35px; bottom: 12px; width: 220px; }
.elite-citizenship__family {
background: linear-gradient(135deg,#eee7df,#cfc5bb);
background-position: center;
background-size: cover;
}
.elite-citizenship__placeholder { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #786b5f; text-align: center; }
.elite-citizenship__placeholder span { font-size: .75rem; }
@media (max-width: 980px) {
.elite-legacy-slider, .elite-legacy-slide__inner { min-height: 600px; }
.elite-legacy-project-grid { grid-template-columns: repeat(3, 1fr); }
.elite-foundation__grid { grid-template-columns: 1fr; }
.elite-citizenship__frame { grid-template-columns: 1fr 1.2fr; }
}
@media (max-width: 700px) {
.elite-legacy-slider, .elite-legacy-slide__inner { min-height: 520px; }
.elite-legacy-slide__copy { width: 92%; margin-left: 0; }
.elite-legacy-social { display: none; }
.elite-legacy-project-grid { grid-template-columns: 1fr 1fr; }
.elite-legacy-counter-grid { grid-template-columns: 1fr 1fr; }
.elite-legacy-counter-grid > div:nth-child(2) { border-right: 0; }
.elite-foundation__gallery { gap: 8px; }
.elite-citizenship__frame { grid-template-columns: 1fr; }
.elite-citizenship__family { min-height: 360px; }
} body.home .elite-overlay-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
color: #fff;
}
body:not(.home) .elite-overlay-header {
position: relative;
z-index: 1000;
background: #202b3b;
color: #fff;
}
.elite-overlay-header__top {
min-height: 62px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
border-bottom: 1px solid rgba(255,255,255,.20);
}
.elite-overlay-brand { display: flex; align-items: center; }
.elite-overlay-brand .custom-logo {
width: auto;
max-width: 250px;
max-height: 42px;
}
.elite-overlay-brand__text {
display: inline-flex;
align-items: baseline;
gap: 8px;
color: #d3ad72;
}
.elite-overlay-brand__text strong {
font-family: "Manrope", Arial, sans-serif;
font-size: 1.5rem;
letter-spacing: .08em;
}
.elite-overlay-brand__text span {
font-size: .7rem;
font-weight: 700;
letter-spacing: .07em;
}
.elite-overlay-contact {
display: flex;
align-items: center;
gap: 20px;
}
.elite-overlay-phone a {
display: flex;
flex-direction: column;
align-items: flex-end;
line-height: 1.1;
}
.elite-overlay-phone strong {
font-size: .84rem;
color: #fff;
}
.elite-overlay-phone span {
font-size: .63rem;
color: rgba(255,255,255,.58);
}
.elite-language-links {
display: flex;
gap: 13px;
padding-left: 20px;
border-left: 1px solid rgba(255,255,255,.20);
}
.elite-language-links a {
font-size: .72rem;
font-weight: 700;
color: #fff;
}
.elite-overlay-header__navrow {
min-height: 58px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.elite-nav--overlay ul {
display: flex;
align-items: center;
gap: 34px;
list-style: none;
margin: 0;
padding: 0;
}
.elite-nav--overlay a {
color: #fff;
font-size: .72rem;
font-weight: 700;
letter-spacing: .01em;
text-transform: uppercase;
}
.elite-nav--overlay a:hover { color: #d3ad72; }
.elite-menu-toggle--overlay {
display: block;
padding: 5px 0 5px 18px;
border-left: 1px solid rgba(255,255,255,.20);
}
.elite-menu-toggle--overlay span:not(.screen-reader-text) {
width: 22px;
height: 2px;
margin: 5px;
background: #fff;
}
body.home .elite-legacy-slider,
body.home .elite-legacy-slide__inner {
min-height: 100vh;
}
.elite-legacy-slide__inner { padding-top: 120px; }
.elite-legacy-slide__copy {
width: min(670px, 75%);
margin-left: 4%;
transform: translateY(6%);
}
.elite-legacy-slide h1 {
font-size: clamp(3rem, 4.2vw, 5.2rem);
letter-spacing: -.035em;
}
.elite-legacy-slide h2 {
font-size: clamp(1.25rem, 1.6vw, 1.75rem);
}
.elite-legacy-social {
left: 0;
top: 51%;
}
.elite-legacy-social-icons {
position: absolute;
left: 3px;
top: 60%;
display: grid;
gap: 11px;
font-size: .72rem;
color: #fff;
}
.elite-legacy-outline-button {
min-width: 175px;
justify-content: center;
padding: 13px 18px;
}
.elite-legacy-projects { padding-top: 76px; padding-bottom: 52px; }
.elite-legacy-counters { padding-top: 44px; padding-bottom: 48px; }
.elite-foundation { padding-top: 70px; padding-bottom: 125px; }
.elite-foundation__grid { max-width: 910px; gap: 58px; }
.elite-foundation__copy p:not(.elite-legacy-gold-title) {
max-width: 470px;
font-size: .82rem;
}
.elite-foundation__gallery { gap: 24px; }
.elite-citizenship { padding-top: 0; padding-bottom: 90px; }
.elite-citizenship__frame {
max-width: 1120px;
grid-template-columns: 33% 67%;
min-height: 560px;
background: #eeeae7;
}
.elite-citizenship__copy {
padding: 40px 30px 150px;
}
.elite-citizenship__family {
min-height: 560px;
background-position: center;
}
.elite-passport {
left: 30px;
bottom: 20px;
width: 185px;
}
@media (max-width: 980px) {
.elite-overlay-header__navrow { justify-content: center; }
.elite-nav--overlay ul { gap: 18px; }
.elite-overlay-phone span { display: none; }
body.home .elite-legacy-slider,
body.home .elite-legacy-slide__inner { min-height: 760px; }
.elite-legacy-slide__copy { margin-left: 6%; }
}
@media (max-width: 760px) {
.elite-overlay-header__top {
min-height: 70px;
border-bottom: 0;
}
.elite-overlay-brand .custom-logo { max-width: 190px; }
.elite-overlay-phone { display: none; }
.elite-language-links { padding-left: 0; border-left: 0; }
.elite-overlay-header__navrow { min-height: 0; }
.elite-nav--overlay {
position: absolute;
top: 70px;
left: 14px;
right: 14px;
display: none;
padding: 22px;
background: rgba(23,31,43,.98);
border: 1px solid rgba(255,255,255,.12);
}
.elite-nav--overlay.is-open { display: block; }
.elite-nav--overlay ul { display: grid; gap: 16px; }
body.home .elite-legacy-slider,
body.home .elite-legacy-slide__inner { min-height: 650px; }
.elite-legacy-slide__inner { padding-top: 90px; }
.elite-legacy-slide__copy {
width: 100%;
margin-left: 0;
transform: none;
}
.elite-legacy-social-icons { display: none; }
.elite-citizenship__frame { grid-template-columns: 1fr; }
.elite-citizenship__family { min-height: 380px; }
} :root {
--elite-header-width: 890px;
--elite-hero-serif: "Cormorant Garamond", Georgia, serif;
--elite-ui-sans: "Montserrat", Arial, sans-serif;
}
body {
font-family: var(--elite-ui-sans);
} .elite-overlay-header__shell {
width: min(calc(100% - 36px), var(--elite-header-width));
margin-inline: auto;
}
.elite-overlay-header__top {
min-height: 72px;
}
.elite-overlay-brand .custom-logo {
width: auto;
max-width: 310px;
max-height: 56px;
}
.elite-overlay-brand__text strong {
font-size: 2rem;
}
.elite-overlay-brand__text span {
font-size: .78rem;
line-height: 1.1;
}
.elite-overlay-brand__text small {
font-size: .48rem;
letter-spacing: .14em;
}
.elite-overlay-phone strong {
font-size: .91rem;
}
.elite-overlay-phone span {
font-size: .68rem;
}
.elite-language-links a {
font-size: .79rem;
}
.elite-overlay-header__navrow {
min-height: 62px;
}
.elite-nav--overlay ul {
gap: 31px;
}
.elite-nav--overlay a {
position: relative;
padding: 9px 0;
font-family: var(--elite-ui-sans);
font-size: .79rem;
font-weight: 700;
letter-spacing: .015em;
}
.elite-nav--overlay a::after {
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: 2px;
height: 1px;
background: #d2ae77;
transition: right .3s ease;
}
.elite-nav--overlay a:hover::after,
.elite-nav--overlay .current-menu-item > a::after {
right: 0;
}
.elite-fullscreen-toggle {
display: grid;
place-items: center;
width: 45px;
height: 42px;
padding: 0 0 0 16px;
border: 0;
border-left: 1px solid rgba(255,255,255,.22);
background: transparent;
cursor: pointer;
}
.elite-fullscreen-toggle span:not(.screen-reader-text) {
display: block;
width: 24px;
height: 2px;
margin: 3px 0;
background: #fff;
transition: transform .25s ease;
}
.elite-overlay-header.is-scrolled {
position: fixed !important;
top: 0;
left: 0;
right: 0;
background: rgba(27,37,51,.96);
box-shadow: 0 12px 40px rgba(0,0,0,.15);
backdrop-filter: blur(12px);
animation: eliteHeaderDown .35s ease both;
}
.elite-overlay-header.is-scrolled .elite-overlay-header__navrow {
min-height: 48px;
}
@keyframes eliteHeaderDown {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
} .elite-fullscreen-menu {
position: fixed;
inset: 0;
z-index: 9999;
display: grid;
place-items: center;
visibility: hidden;
opacity: 0;
background:
linear-gradient(120deg, rgba(22,30,42,.98), rgba(37,43,51,.96)),
#202b3b;
color: #fff;
transform: scale(1.03);
transition: opacity .45s ease, visibility .45s ease, transform .45s ease;
}
.elite-fullscreen-menu.is-open {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.elite-fullscreen-close {
position: absolute;
top: 28px;
right: 38px;
border: 0;
background: transparent;
color: #d2ae77;
font-family: var(--elite-ui-sans);
font-size: 3rem;
font-weight: 200;
cursor: pointer;
}
.elite-fullscreen-menu__inner {
width: min(calc(100% - 44px), 880px);
}
.elite-fullscreen-menu__eyebrow {
margin-bottom: 35px;
color: #d2ae77;
font-size: .75rem;
font-weight: 700;
letter-spacing: .23em;
}
.elite-fullscreen-menu ul {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px 55px;
margin: 0;
padding: 0;
list-style: none;
}
.elite-fullscreen-menu li {
opacity: 0;
transform: translateY(18px);
}
.elite-fullscreen-menu.is-open li {
animation: eliteMenuItem .5s ease forwards;
}
.elite-fullscreen-menu.is-open li:nth-child(2) { animation-delay: .05s; }
.elite-fullscreen-menu.is-open li:nth-child(3) { animation-delay: .10s; }
.elite-fullscreen-menu.is-open li:nth-child(4) { animation-delay: .15s; }
.elite-fullscreen-menu.is-open li:nth-child(5) { animation-delay: .20s; }
.elite-fullscreen-menu.is-open li:nth-child(6) { animation-delay: .25s; }
.elite-fullscreen-menu a {
color: #fff;
font-family: var(--elite-hero-serif);
font-size: clamp(2rem, 4vw, 4rem);
font-weight: 500;
}
.elite-fullscreen-menu a:hover {
color: #d2ae77;
}
.elite-fullscreen-menu__contact {
display: flex;
gap: 35px;
margin-top: 55px;
padding-top: 22px;
border-top: 1px solid rgba(255,255,255,.18);
font-size: .82rem;
}
body.elite-menu-open {
overflow: hidden;
}
@keyframes eliteMenuItem {
to { opacity: 1; transform: translateY(0); }
} .elite-legacy-slide {
background: #1f2733;
}
.elite-legacy-slide__media {
position: absolute;
inset: -3%;
z-index: 0;
background-position: center;
background-size: cover;
transform: scale(1.02);
will-change: transform;
}
.elite-legacy-slide--1 .elite-legacy-slide__media {
transform-origin: 58% 45%;
}
.elite-legacy-slide--2 .elite-legacy-slide__media {
transform-origin: 68% 44%;
}
.elite-legacy-slide--3 .elite-legacy-slide__media {
transform-origin: 63% 50%;
}
.elite-legacy-slide.is-active .elite-legacy-slide__media {
animation: eliteKenBurns 8.2s ease-out both;
}
.elite-legacy-slide__shade {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(19,29,42,.76) 0%, rgba(19,29,42,.44) 46%, rgba(19,29,42,.18) 74%),
linear-gradient(0deg, rgba(13,20,29,.24), rgba(13,20,29,.06));
}
.elite-legacy-slide__inner {
z-index: 2;
}
@keyframes eliteKenBurns {
0% { transform: scale(1.02) translate3d(0, 0, 0); }
100% { transform: scale(1.11) translate3d(-1.2%, -.7%, 0); }
}
.elite-legacy-slide__copy {
max-width: 720px;
}
.elite-legacy-slide h1 {
position: relative;
margin-bottom: 5px;
color: #ebcda4;
font-family: var(--elite-hero-serif);
font-size: clamp(4rem, 5.15vw, 5.7rem);
font-weight: 500;
line-height: .96;
letter-spacing: -.035em;
opacity: 0;
transform: translateY(38px);
}
.elite-legacy-slide h1 span {
color: #ebcda4;
}
.elite-legacy-slide h2 {
margin-top: 12px;
font-family: var(--elite-ui-sans);
font-size: clamp(1.26rem, 1.48vw, 1.62rem);
font-weight: 700;
line-height: 1.35;
letter-spacing: -.025em;
opacity: 0;
transform: translateY(28px);
}
.elite-title-swoosh {
position: relative;
display: block;
width: 145px;
height: 13px;
margin: -1px 0 1px 54px;
opacity: 0;
transform: scaleX(.2);
transform-origin: left;
}
.elite-title-swoosh::before,
.elite-title-swoosh::after {
content: "";
position: absolute;
left: 0;
border-radius: 50%;
border-bottom: 3px solid #bb8d4a;
transform: rotate(-5deg);
}
.elite-title-swoosh::before {
top: 0;
width: 140px;
height: 7px;
}
.elite-title-swoosh::after {
top: 4px;
left: 37px;
width: 95px;
height: 5px;
border-bottom-width: 2px;
}
.elite-legacy-slide__actions {
display: flex;
align-items: center;
gap: 34px;
margin-top: 30px;
opacity: 0;
transform: translateY(22px);
}
.elite-trowel-icon {
display: inline-grid;
place-items: center;
width: 48px;
height: 48px;
color: #d2ae77;
font-size: 2.2rem;
transform: rotate(-38deg);
}
.elite-legacy-slide.is-active h1 {
animation: eliteTextUp .7s .25s cubic-bezier(.2,.8,.2,1) forwards;
}
.elite-legacy-slide.is-active .elite-title-swoosh {
animation: eliteSwoosh .65s .67s ease forwards;
}
.elite-legacy-slide.is-active h2 {
animation: eliteTextUp .65s .62s cubic-bezier(.2,.8,.2,1) forwards;
}
.elite-legacy-slide.is-active .elite-legacy-slide__actions {
animation: eliteTextUp .65s .9s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes eliteTextUp {
to { opacity: 1; transform: translateY(0); }
}
@keyframes eliteSwoosh {
to { opacity: 1; transform: scaleX(1); }
}
.elite-legacy-outline-button {
min-width: 180px;
min-height: 47px;
font-family: var(--elite-ui-sans);
font-size: .69rem;
font-weight: 700;
}
.elite-legacy-slider__dots button {
width: 7px;
height: 7px;
}
.elite-legacy-social {
font-family: var(--elite-ui-sans);
font-size: .63rem;
} .elite-legacy-heading h2,
.elite-legacy-gold-title,
.elite-citizenship__copy h2 {
font-family: var(--elite-hero-serif);
}
.elite-legacy-heading h2 {
font-size: 1.75rem;
}
.elite-legacy-heading h3,
.elite-foundation__copy h2,
.elite-citizenship__copy h3 {
font-family: var(--elite-ui-sans);
}
.elite-legacy-project__location,
.elite-legacy-project__button,
.elite-legacy-counter-grid small,
.elite-legacy-counter-grid em,
.elite-foundation__copy p,
.elite-citizenship__copy p {
font-family: var(--elite-ui-sans);
} .elite-reveal {
opacity: 0;
transform: translateY(32px);
transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1);
}
.elite-reveal.is-revealed {
opacity: 1;
transform: translateY(0);
}
.elite-legacy-project:nth-child(2) { transition-delay: .08s; }
.elite-legacy-project:nth-child(3) { transition-delay: .16s; }
.elite-legacy-project:nth-child(4) { transition-delay: .24s; }
.elite-legacy-project:nth-child(5) { transition-delay: .32s; }
.elite-foundation__gallery.is-revealed img:nth-child(1) { animation: eliteGalleryRise .65s .08s both; }
.elite-foundation__gallery.is-revealed img:nth-child(2) { animation: eliteGalleryRise .65s .18s both; }
.elite-foundation__gallery.is-revealed img:nth-child(3) { animation: eliteGalleryRise .65s .28s both; }
@keyframes eliteGalleryRise {
from { opacity: 0; transform: translateY(25px); }
to { opacity: 1; transform: translateY(0); }
} .elite-contact-info-strip {
padding: 55px 0;
background: #f4f2ef;
}
.elite-contact-info-strip__inner {
width: min(calc(100% - 40px), 1040px);
margin-inline: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 45px;
}
.elite-contact-info-card {
display: flex;
align-items: flex-start;
gap: 20px;
}
.elite-contact-info-card__icon {
color: #b48a51;
font-size: 2.2rem;
line-height: 1;
}
.elite-contact-info-card h3 {
margin: 0 0 7px;
font-family: var(--elite-ui-sans);
font-size: .92rem;
}
.elite-contact-info-card p {
margin: 0;
color: #777;
font-size: .73rem;
line-height: 1.55;
}
.elite-footer--legacy {
padding: 0;
background: #1d2735;
}
.elite-footer--legacy__inner {
width: min(calc(100% - 40px), 1040px);
margin-inline: auto;
padding: 75px 0 60px;
display: grid;
grid-template-columns: 1.4fr .8fr .8fr;
gap: 60px;
}
.elite-footer-logo .custom-logo {
max-width: 260px;
max-height: 60px;
}
.elite-footer--legacy__intro p {
max-width: 520px;
margin-top: 24px;
color: rgba(255,255,255,.64);
font-size: .78rem;
}
.elite-footer--legacy__call {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.elite-footer--legacy__call span {
margin-bottom: 10px;
color: #b58b53;
font-size: .63rem;
font-weight: 700;
letter-spacing: .15em;
}
.elite-footer--legacy__call > a:not(.elite-footer-email) {
color: #fff;
font-family: var(--elite-hero-serif);
font-size: 1.65rem;
}
.elite-footer-email {
margin-top: 6px;
color: rgba(255,255,255,.65);
font-size: .72rem;
}
.elite-footer--legacy__menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.elite-footer--legacy__menu a {
color: rgba(255,255,255,.70);
font-size: .72rem;
}
.elite-footer--legacy__bottom {
padding: 20px max(20px, calc((100vw - 1040px) / 2));
display: flex;
justify-content: space-between;
gap: 20px;
border-top: 1px solid rgba(255,255,255,.11);
color: rgba(255,255,255,.45);
font-size: .64rem;
} @media (max-width: 980px) {
.elite-overlay-header__shell {
width: min(calc(100% - 30px), 900px);
}
.elite-overlay-brand .custom-logo {
max-width: 260px;
max-height: 50px;
}
.elite-nav--overlay ul {
gap: 17px;
}
.elite-nav--overlay a {
font-size: .69rem;
}
.elite-legacy-slide h1 {
font-size: clamp(3.5rem, 7vw, 5rem);
}
.elite-contact-info-strip__inner {
gap: 20px;
}
}
@media (max-width: 760px) {
.elite-overlay-header__shell {
width: calc(100% - 28px);
}
.elite-overlay-brand .custom-logo {
max-width: 215px;
max-height: 45px;
}
.elite-overlay-header__navrow {
display: none;
}
.elite-overlay-phone {
display: none;
}
.elite-language-links {
padding-left: 0;
border-left: 0;
}
.elite-legacy-slide h1 {
font-size: clamp(3.15rem, 14vw, 4.4rem);
line-height: .94;
}
.elite-legacy-slide h2 {
font-size: 1.05rem;
}
.elite-title-swoosh {
width: 110px;
margin-left: 30px;
}
.elite-title-swoosh::before {
width: 108px;
}
.elite-title-swoosh::after {
width: 70px;
}
.elite-fullscreen-menu ul {
grid-template-columns: 1fr;
gap: 11px;
}
.elite-fullscreen-menu a {
font-size: clamp(2.1rem, 10vw, 3.2rem);
}
.elite-fullscreen-menu__contact {
flex-direction: column;
gap: 7px;
}
.elite-contact-info-strip__inner,
.elite-footer--legacy__inner {
grid-template-columns: 1fr;
}
.elite-footer--legacy__bottom {
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
.elite-legacy-slide.is-active .elite-legacy-slide__media,
.elite-legacy-slide.is-active h1,
.elite-legacy-slide.is-active h2,
.elite-legacy-slide.is-active .elite-title-swoosh,
.elite-legacy-slide.is-active .elite-legacy-slide__actions,
.elite-fullscreen-menu.is-open li,
.elite-reveal,
.elite-foundation__gallery.is-revealed img {
animation: none !important;
transition: none !important;
transform: none !important;
opacity: 1 !important;
}
} .elite-overlay-contact { gap: 16px; }
.elite-language-links { display:none !important; } .elite-legacy-slider { background:#1f2733; }
.elite-legacy-slide {
transition: opacity 1.15s ease-in-out, visibility 1.15s ease-in-out;
}
.elite-legacy-slide__media {
transition: transform 8s ease-out, opacity 1.15s ease-in-out, filter 1.15s ease-in-out;
opacity: 0;
filter: saturate(.95) brightness(.92);
}
.elite-legacy-slide.is-active .elite-legacy-slide__media {
opacity: 1;
filter: saturate(1) brightness(1);
animation: eliteKenBurnsSoft 8.6s ease-out both;
}
.elite-legacy-slide__shade {
background:
linear-gradient(90deg, rgba(19,29,42,.64) 0%, rgba(19,29,42,.34) 46%, rgba(19,29,42,.16) 74%),
linear-gradient(0deg, rgba(13,20,29,.18), rgba(13,20,29,.04));
transition: opacity 1.15s ease-in-out;
}
@keyframes eliteKenBurnsSoft {
0% { transform: scale(1.01) translate3d(0,0,0); }
100% { transform: scale(1.07) translate3d(-.6%, -.4%, 0); }
} .elite-projects-map-block {
padding: 0;
background: #f3f3f3;
}
.elite-projects-map-wrap {
width: min(100%, 2048px);
margin: 0 auto;
overflow: hidden;
background: #d7d7d7;
}
.elite-projects-map-wrap img {
display: block;
width: 100%;
height: auto;
} .elite-legacy-counters { padding-top: 58px; }
@media (max-width: 760px) {
.elite-projects-map-block { overflow-x: auto; }
.elite-projects-map-wrap { min-width: 1100px; }
} .elite-projects-overview {
padding: 58px 0 0;
background: #fff;
}
.elite-projects-overview__heading {
width: min(calc(100% - 40px), 1040px);
margin: 0 auto 34px;
text-align: center;
}
.elite-projects-overview__heading h2 {
margin-bottom: 7px;
font-family: var(--elite-hero-serif);
font-size: clamp(1.65rem, 2.3vw, 2.15rem);
font-weight: 500;
}
.elite-projects-overview__heading h2 span {
color: #a98558;
}
.elite-projects-overview__heading h3 {
margin: 0;
font-family: var(--elite-ui-sans);
font-size: clamp(.95rem, 1.25vw, 1.14rem);
font-weight: 700;
}
.elite-projects-overview .elite-projects-map-block {
padding: 0;
}
.elite-projects-overview .elite-projects-map-wrap {
width: min(100%, 2048px);
}
.elite-legacy-counters {
padding-top: 54px;
}
@media (max-width:760px) {
.elite-projects-overview {
padding-top: 42px;
}
.elite-projects-overview__heading {
margin-bottom: 24px;
}
} .elite-nav--overlay .sub-menu {
top: calc(100% + 5px);
left: -18px;
z-index: 10050;
min-width: 275px;
display: none;
align-items: stretch;
gap: 0 !important;
padding: 12px 0;
border-top: 2px solid #c9a366;
background: rgba(255,255,255,.99);
box-shadow: 0 22px 55px rgba(11,18,27,.22);
}
.elite-nav--overlay li:hover > .sub-menu,
.elite-nav--overlay li:focus-within > .sub-menu {
display: grid;
}
.elite-nav--overlay .sub-menu li {
width: 100%;
}
.elite-nav--overlay .sub-menu a {
display: block;
width: 100%;
padding: 10px 22px;
color: #202b3b !important;
font-size: .69rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: .01em;
text-align: left;
white-space: nowrap;
}
.elite-nav--overlay .sub-menu a::after {
display: none;
}
.elite-nav--overlay .sub-menu a:hover,
.elite-nav--overlay .sub-menu .current-menu-item > a {
background: #f3eee7;
color: #9a7449 !important;
}
.elite-fullscreen-menu .sub-menu {
display: grid;
grid-template-columns: 1fr;
gap: 7px;
margin: 10px 0 0;
padding-left: 22px;
}
.elite-fullscreen-menu .sub-menu a {
font-family: var(--elite-ui-sans);
font-size: .95rem;
color: rgba(255,255,255,.70);
} .elite-about-page .elite-overlay-header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: transparent;
}
.elite-about-page .elite-overlay-header.is-scrolled {
position: fixed;
background: rgba(27,37,51,.97);
}
.elite-about {
background: #fff;
}
.elite-about-shell {
width: min(calc(100% - 40px), 1040px);
margin-inline: auto;
}
.elite-about-section {
padding: clamp(75px, 9vw, 125px) 0;
}
.elite-about-hero {
position: relative;
min-height: 520px;
display: flex;
align-items: flex-end;
background:
linear-gradient(110deg, #202b3b 0%, #314052 54%, #202b3b 100%);
background-position: center;
background-size: cover;
color: #fff;
overflow: hidden;
}
.elite-about-hero__shade {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(20,29,41,.88), rgba(20,29,41,.35)),
linear-gradient(0deg, rgba(16,23,33,.66), rgba(16,23,33,.05));
}
.elite-about-hero__inner {
position: relative;
z-index: 1;
padding-bottom: 75px;
}
.elite-about-hero h1 {
max-width: 800px;
margin: 0 0 20px;
font-family: var(--elite-hero-serif);
font-size: clamp(3.6rem, 7vw, 6.6rem);
font-weight: 500;
line-height: .98;
color: #ebcda4;
}
.elite-about-breadcrumb {
display: flex;
align-items: center;
gap: 12px;
font-size: .72rem;
text-transform: uppercase;
letter-spacing: .09em;
}
.elite-about-breadcrumb a,
.elite-about-breadcrumb span {
color: rgba(255,255,255,.62);
}
.elite-about-breadcrumb strong {
color: #fff;
}
.elite-about-kicker {
margin-bottom: 13px;
color: #a98558;
font-family: var(--elite-ui-sans);
font-size: .66rem;
font-weight: 700;
letter-spacing: .20em;
text-transform: uppercase;
}
.elite-about-office__grid {
display: grid;
grid-template-columns: 1.08fr .92fr;
gap: clamp(45px, 7vw, 90px);
align-items: center;
}
.elite-about-office__visual {
position: relative;
min-height: 540px;
overflow: hidden;
background: #202b3b;
box-shadow: 0 30px 80px rgba(27,37,51,.16);
}
.elite-about-office__slide {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: opacity .9s ease, visibility .9s ease;
}
.elite-about-office__slide.is-active {
opacity: 1;
visibility: visible;
}
.elite-about-office__slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(24,32,43,.40), rgba(24,32,43,.03) 58%);
}
.elite-about-office__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.elite-about-office__placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
background: radial-gradient(circle at 70% 25%, #536275, #202b3b 66%);
color: #fff;
}
.elite-about-office__placeholder span {
color: #c9a366;
font-size: .68rem;
font-weight: 700;
letter-spacing: .22em;
}
.elite-about-office__placeholder strong {
font-family: var(--elite-hero-serif);
font-size: 3.4rem;
font-weight: 500;
}
.elite-about-office__label {
position: absolute;
left: 30px;
bottom: 56px;
z-index: 2;
color: #fff;
font-family: var(--elite-hero-serif);
font-size: 2.15rem;
}
.elite-about-office__controls {
position: absolute;
right: 25px;
bottom: 26px;
z-index: 3;
display: flex;
align-items: center;
gap: 12px;
}
.elite-about-office__controls span {
width: 36px;
height: 1px;
background: rgba(255,255,255,.52);
}
.elite-about-office__controls button {
padding: 0;
border: 0;
background: transparent;
color: #fff;
font-size: .64rem;
font-weight: 700;
letter-spacing: .10em;
text-transform: uppercase;
cursor: pointer;
}
.elite-about-office__copy h2,
.elite-about-story h2,
.elite-about-values h2,
.elite-about-qualities h2 {
font-family: var(--elite-hero-serif);
font-weight: 500;
line-height: 1.05;
}
.elite-about-office__copy h2 {
margin-bottom: 28px;
font-size: clamp(2.45rem, 4.2vw, 4rem);
}
.elite-about-office__copy p:not(.elite-about-kicker),
.elite-about-story__copy p {
color: #67615b;
font-size: .88rem;
line-height: 1.8;
}
.elite-about-story {
background: #f5f2ee;
}
.elite-about-story__grid {
display: grid;
grid-template-columns: .82fr 1.18fr;
gap: clamp(50px, 8vw, 120px);
}
.elite-about-story__title h2 {
font-size: clamp(2.6rem, 4.5vw, 4.4rem);
}
.elite-about-values__grid {
display: grid;
grid-template-columns: .86fr 1.14fr;
min-height: 480px;
background: #202b3b;
box-shadow: 0 30px 80px rgba(27,37,51,.14);
}
.elite-about-values__panel {
padding: clamp(42px, 6vw, 75px);
color: #fff;
}
.elite-about-values__panel h2 {
margin-bottom: 30px;
font-size: clamp(2.8rem, 4.5vw, 4.5rem);
color: #ebcda4;
}
.elite-about-values__panel ul {
margin: 0;
padding: 0;
list-style: none;
}
.elite-about-values__panel li {
position: relative;
padding: 12px 0 12px 24px;
border-bottom: 1px solid rgba(255,255,255,.12);
color: rgba(255,255,255,.78);
font-size: .82rem;
}
.elite-about-values__panel li::before {
content: "—";
position: absolute;
left: 0;
color: #c9a366;
}
.elite-about-values__image {
min-height: 480px;
overflow: hidden;
background: #fff;
}
.elite-about-values__image img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(.75) contrast(1.04);
}
.elite-about-qualities {
padding-top: 20px;
}
.elite-about-qualities__heading {
max-width: 700px;
margin-bottom: 50px;
}
.elite-about-qualities__heading h2 {
font-size: clamp(3rem, 5vw, 5rem);
}
.elite-about-qualities__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px 70px;
}
.elite-about-qualities__grid ul {
margin: 0;
padding: 0;
list-style: none;
}
.elite-about-qualities__grid li {
position: relative;
padding: 13px 0 13px 27px;
border-bottom: 1px solid #e5dfd8;
color: #5e5852;
font-size: .80rem;
line-height: 1.55;
}
.elite-about-qualities__grid li::before {
content: "";
position: absolute;
left: 0;
top: 21px;
width: 8px;
height: 8px;
border: 1px solid #b68b52;
transform: rotate(45deg);
}
.elite-about-quote {
margin: 70px 0 0;
padding: 45px 55px;
border-left: 3px solid #c9a366;
background: #f5f2ee;
}
.elite-about-quote p {
margin-bottom: 10px;
font-family: var(--elite-hero-serif);
font-size: clamp(2rem, 3.7vw, 3.5rem);
line-height: 1.05;
}
.elite-about-quote cite {
color: #9a7449;
font-size: .72rem;
font-style: normal;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
}
@media (max-width: 900px) {
.elite-about-office__grid,
.elite-about-story__grid,
.elite-about-values__grid {
grid-template-columns: 1fr;
}
.elite-about-office__visual {
min-height: 500px;
}
.elite-about-values__image {
min-height: 380px;
}
}
@media (max-width: 760px) {
.elite-nav--overlay .sub-menu {
position: static;
min-width: 0;
padding: 7px 0 7px 14px;
border: 0;
box-shadow: none;
}
.elite-about-hero {
min-height: 440px;
}
.elite-about-hero__inner {
padding-bottom: 55px;
}
.elite-about-office__visual {
min-height: 420px;
}
.elite-about-qualities__grid {
grid-template-columns: 1fr;
}
.elite-about-quote {
padding: 32px 28px;
}
} .elite-about-section {
padding: clamp(64px, 7vw, 96px) 0;
}
.elite-about-hero {
min-height: 450px;
}
.elite-about-hero__inner {
padding-bottom: 58px;
}
.elite-about-hero h1 {
max-width: 720px;
margin-bottom: 16px;
font-size: clamp(2.8rem, 5.2vw, 4.75rem);
line-height: 1;
}
.elite-about-breadcrumb {
font-size: .66rem;
} .elite-about-office {
position: relative;
background:
radial-gradient(circle at 8% 4%, rgba(201,163,102,.13), transparent 24%),
linear-gradient(180deg, #fff 0%, #faf8f5 100%);
overflow: hidden;
}
.elite-about-office::before {
content: "";
position: absolute;
top: 115px;
right: -115px;
width: 260px;
height: 260px;
border: 1px solid rgba(169,133,88,.18);
border-radius: 50%;
}
.elite-about-office__heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 35px;
margin-bottom: 34px;
}
.elite-about-office__heading h2 {
margin: 0;
font-family: var(--elite-hero-serif);
font-size: clamp(2.2rem, 3.5vw, 3.25rem);
font-weight: 500;
line-height: 1;
}
.elite-about-office__line {
flex: 1;
max-width: 420px;
height: 1px;
margin-bottom: 9px;
background: linear-gradient(90deg, rgba(169,133,88,.85), rgba(169,133,88,0));
}
.elite-about-office__gallery {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.elite-about-office__card {
position: relative;
min-width: 0;
aspect-ratio: 1.22 / 1;
margin: 0;
overflow: hidden;
background: #202b3b;
box-shadow: 0 18px 45px rgba(27,37,51,.12);
}
.elite-about-office__card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(17,25,35,.38), transparent 54%);
transition: background .4s ease;
}
.elite-about-office__card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .5s ease;
}
.elite-about-office__card:hover img {
transform: scale(1.045);
filter: saturate(1.05);
}
.elite-about-office__card:hover::after {
background: linear-gradient(0deg, rgba(17,25,35,.48), transparent 64%);
}
.elite-about-office__number {
position: absolute;
left: 18px;
bottom: 14px;
z-index: 2;
color: rgba(255,255,255,.9);
font-size: .66rem;
font-weight: 700;
letter-spacing: .16em;
}
.elite-about-office__placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
background: radial-gradient(circle at 70% 20%, #536275, #202b3b 68%);
color: #fff;
}
.elite-about-office__placeholder span {
font-size: .58rem;
font-weight: 700;
letter-spacing: .2em;
color: #c9a366;
}
.elite-about-office__placeholder strong {
font-family: var(--elite-hero-serif);
font-size: 1.85rem;
font-weight: 500;
} .elite-about-office__intro {
position: relative;
z-index: 2;
width: calc(100% - 70px);
margin: -26px auto 0;
padding: clamp(34px, 4vw, 52px);
display: grid;
grid-template-columns: 145px minmax(0, 1fr);
gap: clamp(32px, 5vw, 68px);
background: rgba(255,255,255,.97);
border-top: 3px solid #b68b52;
box-shadow: 0 26px 65px rgba(27,37,51,.13);
}
.elite-about-office__intro-mark {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 25px;
border-right: 1px solid #e4ddd4;
}
.elite-about-office__intro-mark span {
color: #a98558;
font-size: .61rem;
font-weight: 700;
letter-spacing: .24em;
}
.elite-about-office__intro-mark strong {
font-family: var(--elite-hero-serif);
font-size: 2.5rem;
font-weight: 500;
line-height: 1;
}
.elite-about-office__copy h2 {
max-width: 760px;
margin-bottom: 25px;
font-size: clamp(1.9rem, 3vw, 2.75rem);
line-height: 1.1;
}
.elite-about-office__text-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.elite-about-office__copy p:not(.elite-about-kicker),
.elite-about-story__copy p {
font-size: .83rem;
line-height: 1.75;
} .elite-about-story__title h2 {
font-size: clamp(2rem, 3.5vw, 3.2rem);
line-height: 1.08;
}
.elite-about-values__panel h2 {
font-size: clamp(2.2rem, 3.5vw, 3.35rem);
}
.elite-about-qualities__heading h2 {
font-size: clamp(2.25rem, 3.8vw, 3.6rem);
}
.elite-about-qualities__heading {
margin-bottom: 38px;
}
.elite-about-quote p {
font-size: clamp(1.7rem, 2.7vw, 2.55rem);
} .elite-about-story {
background:
linear-gradient(115deg, rgba(201,163,102,.08), transparent 33%),
#f5f2ee;
}
.elite-about-values__grid {
border-bottom: 5px solid #b68b52;
box-shadow: 0 28px 70px rgba(27,37,51,.16);
}
.elite-about-qualities__grid li {
transition: color .25s ease, padding-left .25s ease;
}
.elite-about-qualities__grid li:hover {
padding-left: 32px;
color: #202b3b;
}
.elite-about-quote {
position: relative;
overflow: hidden;
box-shadow: 0 18px 45px rgba(27,37,51,.07);
}
.elite-about-quote::after {
content: "“";
position: absolute;
right: 25px;
top: -38px;
color: rgba(182,139,82,.11);
font-family: var(--elite-hero-serif);
font-size: 12rem;
line-height: 1;
}
@media (max-width: 900px) {
.elite-about-office__gallery {
gap: 12px;
}
.elite-about-office__intro {
width: calc(100% - 34px);
grid-template-columns: 110px minmax(0, 1fr);
gap: 30px;
}
.elite-about-office__intro-mark strong {
font-size: 2rem;
}
}
@media (max-width: 760px) {
.elite-about-hero {
min-height: 390px;
}
.elite-about-hero h1 {
font-size: clamp(2.55rem, 11vw, 3.5rem);
}
.elite-about-office__heading {
align-items: flex-start;
flex-direction: column;
gap: 16px;
}
.elite-about-office__line {
width: 170px;
}
.elite-about-office__gallery {
grid-template-columns: 1fr;
}
.elite-about-office__card {
aspect-ratio: 1.45 / 1;
}
.elite-about-office__intro {
width: calc(100% - 20px);
margin-top: -12px;
grid-template-columns: 1fr;
gap: 22px;
}
.elite-about-office__intro-mark {
padding: 0 0 18px;
border-right: 0;
border-bottom: 1px solid #e4ddd4;
}
.elite-about-office__text-columns {
grid-template-columns: 1fr;
gap: 0;
}
} .elite-about-hero {
min-height: 300px;
}
.elite-about-hero__inner {
min-height: 300px;
padding-top: 105px;
padding-bottom: 42px;
}
.elite-about-hero h1 {
max-width: 680px;
font-size: clamp(1.9rem, 3.1vw, 3.25rem);
line-height: 1.03;
}
.elite-about-breadcrumb {
margin-top: 14px;
font-size: .68rem;
}
.elite-about-office {
padding-top: 62px;
}
.elite-about-office__heading {
margin-bottom: 26px;
}
.elite-about-office__heading h2 {
font-size: clamp(1.65rem, 2.5vw, 2.45rem);
}
.elite-about-office__gallery {
display: grid;
grid-template-columns: repeat(var(--elite-office-columns, 3), minmax(0, 1fr));
gap: var(--elite-office-gap, 18px);
}
.elite-about-office__card {
height: var(--elite-office-height, 430px);
min-height: 220px;
border-radius: 12px;
}
.elite-about-office__card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.elite-about-office__placeholder {
height: var(--elite-office-height, 430px);
padding: 24px;
}
.elite-about-office__placeholder small {
display: block;
margin-top: 10px;
color: rgba(255,255,255,.65);
font-size: .65rem;
}
.elite-about-office__intro {
margin-top: 34px;
}
.elite-about-office__copy h2 {
font-size: clamp(1.55rem, 2.45vw, 2.55rem);
}
.elite-about-story__title h2,
.elite-about-values__panel h2,
.elite-about-qualities__heading h2 {
font-size: clamp(1.65rem, 2.6vw, 2.65rem);
}
.elite-about-quote p {
font-size: clamp(1.6rem, 2.7vw, 2.85rem);
}
@media (max-width: 980px) {
.elite-about-office__gallery {
grid-template-columns: repeat(min(var(--elite-office-columns, 3), 2), minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.elite-about-hero,
.elite-about-hero__inner {
min-height: 250px;
}
.elite-about-hero__inner {
padding-top: 90px;
padding-bottom: 30px;
}
.elite-about-hero h1 {
font-size: 1.85rem;
}
.elite-about-office__gallery {
grid-template-columns: 1fr;
}
.elite-about-office__card,
.elite-about-office__placeholder {
height: min(var(--elite-office-height, 430px), 440px);
}
} .elite-about-office__gallery {
gap: var(--elite-office-gap, 8px);
align-items: stretch;
}
.elite-about-office__card {
height: var(--elite-office-height, 430px);
padding: 8px;
background: #f6f4f1;
border: 1px solid rgba(0,0,0,.06);
border-radius: 12px;
box-shadow: 0 10px 24px rgba(22, 18, 12, .06);
}
.elite-about-office__card img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
background: #f6f4f1;
}
.elite-about-office__number {
top: 12px;
right: 12px;
}
.elite-about-office__intro {
margin-top: 20px;
}
.elite-about-story,
.elite-about-values,
.elite-about-qualities,
.elite-about-quote {
padding-top: 52px;
}
@media (max-width: 700px) {
.elite-about-office__card {
padding: 6px;
}
.elite-about-office__intro {
margin-top: 16px;
}
} .elite-about-office__slider {
position: relative;
padding: 0 58px 38px;
}
.elite-about-office__viewport {
overflow: hidden;
border-radius: 13px;
}
.elite-about-office__track {
display: flex;
gap: var(--elite-office-gap, 8px);
will-change: transform;
transition: transform .82s cubic-bezier(.22,.75,.2,1);
}
.elite-about-office__carousel-slide {
position: relative;
flex: 0 0 auto;
height: var(--elite-office-height, 430px);
margin: 0;
padding: 7px;
overflow: hidden;
border: 1px solid rgba(35,29,22,.08);
border-radius: 12px;
background: #f5f2ed;
box-shadow: 0 14px 34px rgba(31,24,16,.08);
}
.elite-about-office__carousel-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
border-radius: 7px;
background: #f5f2ed;
}
.elite-about-office__carousel-placeholder {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
padding: 24px;
text-align: center;
background: radial-gradient(circle at 70% 25%, #536275, #202b3b 66%);
color: #fff;
}
.elite-about-office__carousel-placeholder span {
color: #c9a366;
font-size: .66rem;
font-weight: 700;
letter-spacing: .20em;
}
.elite-about-office__carousel-placeholder strong {
font-family: var(--elite-hero-serif);
font-size: 2rem;
font-weight: 500;
}
.elite-about-office__carousel-placeholder small {
color: rgba(255,255,255,.65);
font-size: .64rem;
}
.elite-about-office__arrow {
position: absolute;
top: calc(50% - 19px);
z-index: 4;
width: 43px;
height: 43px;
display: grid;
place-items: center;
padding: 0 0 4px;
border: 1px solid rgba(169,133,88,.55);
border-radius: 50%;
background: rgba(255,255,255,.94);
color: #a98558;
box-shadow: 0 10px 25px rgba(31,24,16,.12);
font-family: Georgia, serif;
font-size: 2rem;
line-height: 1;
cursor: pointer;
transition: background .2s ease, color .2s ease, transform .2s ease, opacity .2s ease;
}
.elite-about-office__arrow:hover {
transform: translateY(-2px);
background: #a98558;
color: #fff;
}
.elite-about-office__arrow:disabled {
opacity: .28;
cursor: default;
transform: none;
}
.elite-about-office__arrow--prev {
left: 0;
}
.elite-about-office__arrow--next {
right: 0;
}
.elite-about-office__dots {
position: absolute;
left: 50%;
bottom: 6px;
display: flex;
align-items: center;
gap: 7px;
transform: translateX(-50%);
}
.elite-about-office__dots button {
width: 7px;
height: 7px;
padding: 0;
border: 1px solid #a98558;
border-radius: 999px;
background: transparent;
cursor: pointer;
transition: width .25s ease, background .25s ease;
}
.elite-about-office__dots button.is-active {
width: 23px;
background: #a98558;
}
.elite-about-office__slider.is-static .elite-about-office__arrow,
.elite-about-office__slider.is-static .elite-about-office__dots {
display: none;
}
.elite-about-office__slider.is-dragging .elite-about-office__track {
transition: none;
}
.elite-about-office__intro {
margin-top: 15px;
}
@media (max-width: 980px) {
.elite-about-office__slider {
padding-inline: 50px;
}
}
@media (max-width: 700px) {
.elite-about-office__slider {
padding: 0 0 35px;
}
.elite-about-office__arrow {
top: auto;
bottom: 0;
width: 36px;
height: 36px;
font-size: 1.65rem;
}
.elite-about-office__arrow--prev {
left: calc(50% - 67px);
}
.elite-about-office__arrow--next {
right: calc(50% - 67px);
}
.elite-about-office__dots {
bottom: 14px;
}
.elite-about-office__carousel-slide {
height: min(var(--elite-office-height, 430px), 440px);
padding: 5px;
}
} .elite-project-hero {
min-height: 520px;
}
.elite-project-hero__content {
padding-bottom: 54px;
}
.elite-project-hero h1 {
max-width: 900px;
margin-bottom: 12px;
font-size: clamp(2rem, 4.1vw, 4.35rem);
line-height: 1.02;
}
.elite-project-hero__content > p {
max-width: 700px;
font-size: clamp(.92rem, 1.35vw, 1.12rem);
}
.elite-project-card__body h3 {
margin: 8px 0 11px;
font-size: clamp(1rem, 1.35vw, 1.25rem);
line-height: 1.3;
}
.elite-project-tabs {
position: relative;
z-index: 5;
padding: 18px 0;
background: #f4f0ea;
border-bottom: 1px solid rgba(50,40,28,.10);
box-shadow: 0 8px 24px rgba(35,28,20,.06);
}
.elite-project-tabs__inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
align-items: stretch;
}
.elite-project-tabs__button {
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 11px 18px;
border: 1px solid #b89562;
border-radius: 4px;
background: #fff;
color: #253143;
font-family: var(--elite-ui-sans, Arial, sans-serif);
font-size: .75rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: .035em;
text-align: center;
text-transform: uppercase;
transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease;
}
.elite-project-tabs__button:hover,
.elite-project-tabs__button:focus-visible {
transform: translateY(-2px);
border-color: #a47e49;
background: #a47e49;
color: #fff;
}
#project-about,
#project-gallery,
#project-plans {
scroll-margin-top: 130px;
}
.elite-project-page .elite-section-heading h2,
.elite-project-page #project-plans h2 {
font-size: clamp(1.55rem, 2.6vw, 2.7rem);
}
@media (max-width: 700px) {
.elite-project-hero {
min-height: 420px;
}
.elite-project-hero h1 {
font-size: clamp(1.8rem, 9vw, 2.75rem);
}
.elite-project-tabs {
padding: 12px 0;
}
.elite-project-tabs__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
}
.elite-project-tabs__button {
min-height: 45px;
padding: 9px 10px;
font-size: .66rem;
}
}
@media (max-width: 430px) {
.elite-project-tabs__inner {
grid-template-columns: 1fr;
}
} .elite-page-hero--project {
padding: clamp(68px, 8vw, 108px) 0;
}
.elite-page-hero--project h1,
.elite-project-standard-page .elite-page-hero h1 {
max-width: 820px;
font-size: clamp(1.9rem, 3.8vw, 3.75rem);
line-height: 1.05;
}
.elite-project-standard-page .elite-content h1,
.elite-project-standard-page .elite-content h2 {
font-size: clamp(1.45rem, 2.4vw, 2.4rem);
} .elite-page-hero--project {
min-height: 0;
padding: 34px 0 32px;
}
.elite-project-title-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 34px;
}
.elite-project-title-row__heading {
flex: 0 1 auto;
min-width: 230px;
}
.elite-page-hero--project .elite-eyebrow {
margin-bottom: 7px;
font-size: .64rem;
letter-spacing: .18em;
}
.elite-page-hero--project h1,
.elite-project-standard-page .elite-page-hero--project h1 {
max-width: 620px;
margin: 0;
font-size: clamp(1.85rem, 2.8vw, 2.85rem);
line-height: 1;
white-space: nowrap;
}
.elite-project-tabs--inline {
flex: 0 1 auto;
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.elite-project-tabs--inline .elite-project-tabs__inner {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-end;
gap: 8px;
}
.elite-project-tabs--inline .elite-project-tabs__button {
width: 124px;
min-height: 42px;
padding: 9px 12px;
border-color: #af8d5f;
border-radius: 5px;
background: #af8d5f;
color: #fff;
font-size: .68rem;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
}
.elite-project-tabs--inline .elite-project-tabs__button:hover,
.elite-project-tabs--inline .elite-project-tabs__button:focus-visible {
transform: translateY(-2px);
border-color: #253143;
background: #253143;
color: #fff;
}
.elite-page-hero--project + .elite-section {
padding-top: 48px;
}
@media (max-width: 900px) {
.elite-project-title-row {
gap: 18px;
}
.elite-project-tabs--inline .elite-project-tabs__button {
width: 108px;
padding-inline: 8px;
font-size: .63rem;
}
}
@media (max-width: 700px) {
.elite-page-hero--project {
padding: 27px 0 25px;
}
.elite-project-title-row {
display: grid;
grid-template-columns: 1fr;
align-items: start;
gap: 18px;
}
.elite-page-hero--project h1,
.elite-project-standard-page .elite-page-hero--project h1 {
font-size: clamp(1.7rem, 8vw, 2.35rem);
white-space: normal;
}
.elite-project-tabs--inline {
width: 100%;
}
.elite-project-tabs--inline .elite-project-tabs__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
}
.elite-project-tabs--inline .elite-project-tabs__button {
width: 100%;
min-height: 40px;
}
}
@media (max-width: 470px) {
.elite-project-tabs--inline .elite-project-tabs__inner {
grid-template-columns: 1fr;
}
} body.elite-project-standard-page .elite-page-hero {
min-height: 0 !important;
padding: 30px 0 28px !important;
}
body.elite-project-standard-page .elite-project-title-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 30px !important;
}
body.elite-project-standard-page .elite-page-hero h1 {
max-width: 570px !important;
margin: 0 !important;
font-size: clamp(1.75rem, 2.55vw, 2.65rem) !important;
line-height: 1 !important;
white-space: nowrap;
}
body.elite-project-standard-page .elite-page-hero .elite-eyebrow {
margin-bottom: 7px !important;
font-size: .62rem !important;
}
body.elite-project-standard-page .elite-project-tabs--inline {
display: block !important;
flex: 0 1 auto !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.elite-project-standard-page .elite-project-tabs--inline .elite-project-tabs__inner {
display: flex !important;
grid-template-columns: none !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-end !important;
gap: 8px !important;
}
body.elite-project-standard-page .elite-project-tabs--inline .elite-project-tabs__button {
width: 122px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 9px 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid #ad8a59 !important;
border-radius: 5px !important;
background: #ad8a59 !important;
color: #fff !important;
font-size: .67rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-align: center !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.elite-project-standard-page .elite-page-content-section[hidden] {
display: none !important;
}
body.elite-project-standard-page .elite-page-hero + .elite-page-content-section {
padding-top: 38px;
}
@media (max-width: 800px) {
body.elite-project-standard-page .elite-project-title-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 17px !important;
}
body.elite-project-standard-page .elite-page-hero h1 {
font-size: clamp(1.7rem, 7.5vw, 2.35rem) !important;
white-space: normal !important;
}
body.elite-project-standard-page .elite-project-tabs--inline {
width: 100% !important;
}
body.elite-project-standard-page .elite-project-tabs--inline .elite-project-tabs__inner {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.elite-project-standard-page .elite-project-tabs--inline .elite-project-tabs__button {
width: 100% !important;
}
}
@media (max-width: 470px) {
body.elite-project-standard-page .elite-project-tabs--inline .elite-project-tabs__inner {
grid-template-columns: 1fr !important;
}
} body.elite-project-standard-page .elite-page-hero .elite-eyebrow {
display: none !important;
}
body.elite-project-standard-page .elite-project-title-row__heading {
min-width: 210px;
}
body.elite-project-standard-page .elite-page-hero h1 {
max-width: 500px !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(1.55rem, 2.15vw, 2.25rem) !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.018em !important;
color: #27221d !important;
}
body.elite-project-standard-page .elite-page-hero {
padding-top: 25px !important;
padding-bottom: 24px !important;
}
@media (max-width: 800px) {
body.elite-project-standard-page .elite-page-hero h1 {
font-size: clamp(1.45rem, 6.5vw, 2rem) !important;
}
} .elite-e2-editable-page {
overflow: hidden;
background: #fff;
}
.elite-e2-editable-page__content {
margin: 0;
}
.elite-e2-editable-page .alignwide {
width: min(calc(100% - 40px), 1180px);
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.elite-e2-editable-page .alignfull {
width: 100%;
max-width: none;
}
.elite-e2-section {
padding: clamp(64px, 8vw, 118px) 0;
}
.elite-e2-hero {
padding-top: clamp(70px, 8vw, 120px);
padding-bottom: clamp(70px, 8vw, 115px);
background:
radial-gradient(circle at 16% 16%, rgba(214,178,119,.20), transparent 34%),
linear-gradient(135deg, #faf6ef, #f0e6d6);
}
.elite-e2-hero__columns,
.elite-e2-content-columns {
gap: clamp(36px, 6vw, 85px);
}
.elite-e2-eyebrow {
margin-bottom: 12px;
color: #a67d45;
font-family: var(--elite-ui-sans, Arial, sans-serif);
font-size: .70rem;
font-weight: 700;
letter-spacing: .18em;
text-transform: uppercase;
}
.elite-e2-title {
margin-bottom: 15px;
color: #28231e;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2.8rem, 6vw, 6.4rem);
font-weight: 500;
line-height: .92;
letter-spacing: -.045em;
}
.elite-e2-subtitle {
margin-bottom: 24px;
color: #9d7442;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(1.35rem, 2.5vw, 2.25rem);
font-weight: 500;
}
.elite-e2-section-title {
margin-bottom: 24px;
color: #2b251f;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2rem, 4vw, 4rem);
font-weight: 500;
line-height: 1.02;
}
.elite-e2-editable-page p,
.elite-e2-editable-page li,
.elite-e2-editable-page td,
.elite-e2-editable-page th {
font-family: var(--elite-ui-sans, Arial, sans-serif);
}
.elite-e2-editable-page p {
color: #5e574f;
line-height: 1.75;
}
.elite-e2-lead {
max-width: 850px;
margin-right: auto;
margin-bottom: 38px;
margin-left: auto;
font-size: 1.05rem;
}
.elite-e2-buttons {
margin-top: 30px;
}
.elite-e2-button .wp-block-button__link {
min-width: 150px;
padding: 13px 22px;
border: 1px solid #a98558;
border-radius: 999px;
background: #a98558;
color: #fff;
font-size: .75rem;
font-weight: 700;
}
.elite-e2-button.is-style-outline .wp-block-button__link {
background: transparent;
color: #6f522e;
}
.elite-e2-image {
margin: 0;
}
.elite-e2-image img {
width: 100%;
height: auto;
border-radius: 20px;
box-shadow: 0 24px 70px rgba(54,40,22,.15);
}
.elite-e2-image--hero img {
border-radius: 30px 8px 30px 8px;
}
.elite-e2-image--map img {
border-radius: 14px;
}
.elite-e2-overview {
background: #fff;
}
.elite-e2-table {
width: min(calc(100% - 40px), 1120px);
margin: 34px auto 0;
overflow: hidden;
border: 1px solid rgba(169,133,88,.28);
border-radius: 16px;
background: #fff;
box-shadow: 0 18px 50px rgba(54,40,22,.08);
}
.elite-e2-table table {
margin: 0;
border-collapse: collapse;
}
.elite-e2-table th,
.elite-e2-table td {
padding: 17px 19px;
border: 1px solid rgba(169,133,88,.18);
text-align: left;
vertical-align: middle;
}
.elite-e2-table th {
width: 18%;
background: #f6efe5;
color: #8c6738;
font-size: .72rem;
text-transform: uppercase;
}
.elite-e2-table td {
color: #3f3933;
font-size: .88rem;
}
.elite-e2-small-note {
max-width: 850px;
margin: 22px auto 0;
color: #847a6f !important;
font-size: .76rem;
}
.elite-e2-section--soft {
background: #f7f2eb;
}
.elite-e2-section--dark {
background: #202b3b;
color: #fff;
}
.elite-e2-section--dark .elite-e2-section-title,
.elite-e2-section--dark h3,
.elite-e2-section--dark p,
.elite-e2-section--dark li {
color: #fff;
}
.elite-e2-section--dark p,
.elite-e2-section--dark li {
color: rgba(255,255,255,.72);
}
.elite-e2-callouts {
margin-top: 30px;
}
.elite-e2-card {
height: 100%;
padding: 27px;
border: 1px solid rgba(169,133,88,.24);
border-radius: 15px;
background: rgba(255,255,255,.75);
box-shadow: 0 15px 40px rgba(56,41,20,.06);
}
.elite-e2-card h3 {
margin-bottom: 12px;
color: #8d6637;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: 1.45rem;
font-weight: 600;
}
.elite-e2-card p {
margin-bottom: 0;
font-size: .86rem;
}
.elite-e2-card--list {
padding: 32px 34px;
}
.elite-e2-card--list ul {
margin-bottom: 0;
}
.elite-e2-list-columns {
gap: 25px;
margin-top: 36px;
}
.elite-e2-list-columns h3,
.elite-e2-editable-page__content .wp-block-column > h3 {
color: #9a713f;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: 1.65rem;
font-weight: 600;
}
.elite-e2-editable-page ul {
padding-left: 1.25em;
}
.elite-e2-editable-page li {
margin-bottom: 8px;
color: #554d45;
line-height: 1.55;
}
.elite-e2-gallery {
gap: 14px !important;
margin-top: 34px;
}
.elite-e2-gallery figure.wp-block-image {
overflow: hidden;
border-radius: 15px;
background: #eee7dd;
}
.elite-e2-gallery img {
width: 100% !important;
height: 100% !important;
min-height: 270px;
object-fit: cover !important;
transition: transform .45s ease;
}
.elite-e2-gallery figure:hover img {
transform: scale(1.025);
}
.elite-e2-gallery--interiors {
display: grid !important;
grid-template-columns: 1fr;
gap: 12px !important;
}
.elite-e2-gallery--interiors img {
min-height: 220px;
max-height: 285px;
}
.elite-e2-payment {
background:
radial-gradient(circle at 10% 15%, rgba(205,166,101,.17), transparent 32%),
#fff;
}
.elite-e2-payment-card {
padding: 28px 30px;
border-left: 4px solid #b58a4f;
border-radius: 0 14px 14px 0;
background: #f7f1e8;
}
.elite-e2-payment-card h3 {
color: #8d6637;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: 1.6rem;
}
.elite-e2-cta {
padding: 75px 20px;
background: #202b3b;
color: #fff;
text-align: center;
}
.elite-e2-cta h2 {
color: #fff;
font-family: var(--elite-hero-serif, Georgia, serif);
font-size: clamp(2rem, 4vw, 3.8rem);
}
.elite-e2-cta p {
max-width: 700px;
margin-right: auto;
margin-left: auto;
color: rgba(255,255,255,.72);
}
@media (max-width: 781px) {
.elite-e2-section {
padding: 60px 0;
}
.elite-e2-title {
font-size: clamp(2.8rem, 14vw, 4.8rem);
}
.elite-e2-table {
overflow-x: auto;
}
.elite-e2-table table {
min-width: 760px;
}
.elite-e2-gallery {
grid-template-columns: 1fr !important;
}
.elite-e2-gallery img {
min-height: 250px;
}
} body.elite-e2-editable-page-template .elite-page-hero,
body.elite-e2-editable-page-template .elite-project-tabs,
body.elite-e2-editable-page-template .elite-project-title-row {
display: none !important;
}
.elite-e2-project-bar {
position: relative;
z-index: 8;
padding: 24px 0;
background: #f7f3ed;
border-bottom: 1px solid rgba(61,49,34,.08);
box-shadow: 0 8px 25px rgba(42,33,23,.045);
}
.elite-e2-project-bar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 34px;
}
.elite-e2-project-bar__title {
flex: 0 1 auto;
min-width: 230px;
}
.elite-e2-project-bar__title h1 {
margin: 0;
color: #29231e;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(1.55rem, 2.15vw, 2.25rem);
font-weight: 500;
line-height: 1.05;
letter-spacing: -.018em;
}
.elite-e2-project-bar__nav {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-end;
gap: 8px;
}
.elite-e2-project-bar__button {
width: 124px;
min-height: 42px;
display: flex;
align-items: center;
justify-content: center;
padding: 9px 12px;
border: 1px solid #ad8a59;
border-radius: 5px;
background: #ad8a59;
color: #fff;
font-family: var(--elite-ui-sans, Arial, sans-serif);
font-size: .67rem;
font-weight: 600;
line-height: 1.2;
text-align: center;
white-space: nowrap;
transition:
background .22s ease,
border-color .22s ease,
color .22s ease,
transform .22s ease;
}
.elite-e2-project-bar__button:hover,
.elite-e2-project-bar__button:focus-visible {
transform: translateY(-2px);
border-color: #253143;
background: #253143;
color: #fff;
}
.elite-e2-project-bar__button.is-current {
border-color: #253143;
background: #253143;
color: #fff;
}
body.elite-e2-editable-page-template .elite-e2-editable-page {
padding-top: 0;
}
body.elite-e2-editable-page-template .elite-e2-editable-page__content > .elite-e2-hero:first-child {
margin-top: 0;
}
@media (max-width: 800px) {
.elite-e2-project-bar {
padding: 20px 0;
}
.elite-e2-project-bar__inner {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.elite-e2-project-bar__title h1 {
font-size: clamp(1.5rem, 7vw, 2.05rem);
}
.elite-e2-project-bar__nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100%;
}
.elite-e2-project-bar__button {
width: 100%;
}
}
@media (max-width: 470px) {
.elite-e2-project-bar__nav {
grid-template-columns: 1fr;
}
} :root {
--elite-header-sticky-height: 88px;
}
body.elite-e2-editable-page-template .elite-e2-project-bar {
position: sticky;
top: var(--elite-header-sticky-height);
z-index: 920;
box-shadow: 0 10px 24px rgba(24, 20, 16, .08);
}
body.admin-bar.elite-e2-editable-page-template .elite-e2-project-bar {
top: calc(var(--elite-header-sticky-height) + 32px);
}
body.elite-e2-editable-page-template .elite-e2-project-bar::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgba(61, 49, 34, .08);
}
@media (max-width: 782px) {
body.admin-bar.elite-e2-editable-page-template .elite-e2-project-bar {
top: calc(var(--elite-header-sticky-height) + 46px);
}
}
@media (max-width: 800px) {
:root {
--elite-header-sticky-height: 76px;
}
body.elite-e2-editable-page-template .elite-e2-project-bar {
top: var(--elite-header-sticky-height);
}
} body.elite-e2-editable-page-template .elite-e2-project-bar,
body.admin-bar.elite-e2-editable-page-template .elite-e2-project-bar {
position: relative !important;
top: auto !important;
left: auto;
right: auto;
width: auto;
}
body.elite-e2-editable-page-template .elite-e2-project-bar.is-fixed {
position: fixed !important;
top: var(--elite-project-bar-top, 0px) !important;
left: 0;
right: 0;
width: 100%;
z-index: 990;
background: rgba(247, 243, 237, .98);
backdrop-filter: blur(12px);
box-shadow: 0 10px 28px rgba(24, 20, 16, .12);
animation: eliteProjectBarDown .22s ease both;
}
.elite-e2-project-bar-spacer {
display: block;
width: 100%;
height: 0;
margin: 0;
padding: 0;
background: transparent;
}
@keyframes eliteProjectBarDown {
from {
opacity: .96;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
} body.elite-elize3-about-current .elite-e2-gallery.columns-5 {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
body.elite-elize3-about-current .elite-e2-gallery.columns-5 img {
min-height: 230px;
}
body.elite-elize3-about-current .elite-e2-list-columns .elite-e2-table {
width: 100%;
margin-top: 20px;
}
body.elite-elize3-about-current .elite-e2-list-columns .elite-e2-table table {
min-width: 0;
}
body.elite-elize3-about-current .elite-e2-list-columns .elite-e2-table th {
width: 65%;
}
@media (max-width: 980px) {
body.elite-elize3-about-current .elite-e2-gallery.columns-5 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
body.elite-elize3-about-current .elite-e2-gallery.columns-5 {
grid-template-columns: 1fr;
}
} body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 14px !important;
width: min(calc(100% - 40px), 1180px) !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images
> figure.wp-block-image {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
flex-basis: auto !important;
flex-grow: 0 !important;
aspect-ratio: 4 / 3;
overflow: hidden !important;
border-radius: 15px;
background: #eee7dd;
}
body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images
> figure.wp-block-image
> img {
position: static !important;
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 100% !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center !important;
}
@media (max-width: 1100px) {
body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 760px) {
body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 480px) {
body.elite-elize3-about-current
.elite-e2-gallery.columns-5.has-nested-images {
grid-template-columns: 1fr !important;
}
} :root {
--elite-hero-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
--elite-ui-sans: "Montserrat", Arial, Helvetica, sans-serif;
}
html,
body,
button,
input,
select,
textarea {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body,
.elite-nav,
.elite-e2-editable-page p,
.elite-e2-editable-page li,
.elite-e2-editable-page td,
.elite-e2-editable-page th {
font-family: var(--elite-ui-sans) !important;
}
h1,
h2,
h3,
h4,
.elite-e2-title,
.elite-e2-section-title,
.elite-e2-project-bar__title h1,
.elite-legacy-slide__copy h1 {
font-family: var(--elite-hero-serif) !important;
} body.elite-elize4-about-current .elite-e2-list-columns {
align-items: flex-start !important;
gap: 26px !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
> .wp-block-column {
min-width: 0 !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table {
width: 100% !important;
max-width: none !important;
margin: 20px 0 0 !important;
overflow: hidden !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table th {
width: 42% !important;
padding: 16px 18px !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
line-height: 1.45 !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table td {
width: 58% !important;
padding: 16px 18px !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
line-height: 1.45 !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
h3 {
min-height: 34px;
margin-bottom: 0 !important;
}
@media (max-width: 781px) {
body.elite-elize4-about-current .elite-e2-list-columns {
display: block !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
> .wp-block-column + .wp-block-column {
margin-top: 42px !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table th {
width: 48% !important;
padding: 14px 13px !important;
font-size: .68rem !important;
}
body.elite-elize4-about-current
.elite-e2-list-columns
.elite-e2-table td {
width: 52% !important;
padding: 14px 13px !important;
}
} body.elite-sunvillas-about-current .elite-sv-distance-columns {
align-items: flex-start !important;
gap: 26px !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
> .wp-block-column {
min-width: 0 !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
.elite-e2-table {
width: 100% !important;
max-width: none !important;
margin: 20px 0 0 !important;
overflow: hidden !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
.elite-e2-table table {
width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
.elite-e2-table th {
width: 48% !important;
padding: 16px 18px !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
hyphens: none !important;
line-height: 1.45 !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
.elite-e2-table td {
width: 52% !important;
padding: 16px 18px !important;
line-height: 1.45 !important;
}
body.elite-sunvillas-about-current .elite-sv-gallery.has-nested-images {
display: grid !important;
align-items: stretch !important;
gap: 14px !important;
width: min(calc(100% - 40px), 1180px) !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.elite-sunvillas-about-current
.elite-sv-gallery.columns-2.has-nested-images {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.elite-sunvillas-about-current
.elite-sv-gallery.columns-3.has-nested-images {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.elite-sunvillas-about-current
.elite-sv-gallery.has-nested-images
> figure.wp-block-image {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
flex-basis: auto !important;
overflow: hidden !important;
aspect-ratio: 4 / 3;
border-radius: 15px;
background: #eee7dd;
}
body.elite-sunvillas-about-current
.elite-sv-gallery.has-nested-images
> figure.wp-block-image
> img {
display: block !important;
width: 100% !important;
min-width: 100% !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
object-fit: cover !important;
object-position: center !important;
}
body.elite-sunvillas-about-current
.elite-sv-gallery--views.has-nested-images
> figure.wp-block-image {
aspect-ratio: 16 / 10;
}
@media (max-width: 900px) {
body.elite-sunvillas-about-current
.elite-sv-gallery.columns-3.has-nested-images {
grid-template-columns: 1fr !important;
}
body.elite-sunvillas-about-current
.elite-sv-gallery.columns-2.has-nested-images {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 781px) {
body.elite-sunvillas-about-current .elite-sv-distance-columns {
display: block !important;
}
body.elite-sunvillas-about-current
.elite-sv-distance-columns
> .wp-block-column + .wp-block-column {
margin-top: 42px !important;
}
} body.elite-city-gallery-only-page {
background: #fff;
}
.elite-city-gallery-only {
padding: clamp(34px, 5vw, 72px) 0 clamp(60px, 8vw, 110px);
background:
radial-gradient(circle at 50% 0, rgba(184, 149, 98, .08), transparent 30%),
#fff;
}
.elite-city-gallery-only__inner {
width: min(calc(100% - 40px), 1440px);
margin: 0 auto;
}
.elite-city-gallery-only__heading {
margin: 0 0 clamp(24px, 4vw, 44px);
text-align: center;
}
.elite-city-gallery-only__heading h1 {
margin: 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(2rem, 4vw, 3.6rem);
font-weight: 500;
line-height: 1.04;
color: #251f1a;
}
.elite-city-gallery-only__heading::after {
content: "";
display: block;
width: 72px;
height: 1px;
margin: 18px auto 0;
background: #b89562;
}
.elite-city-gallery-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(12px, 1.6vw, 24px);
align-items: stretch;
}
.elite-city-gallery-grid__item {
display: block;
position: relative;
width: 100%;
min-width: 0;
margin: 0;
overflow: hidden;
aspect-ratio: 4 / 3;
border-radius: 14px;
background: #eee9e2;
box-shadow: 0 14px 34px rgba(35, 29, 22, .10);
}
.elite-city-gallery-grid__item img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center;
transition: transform .35s ease, filter .35s ease;
}
.elite-city-gallery-grid__item:hover img,
.elite-city-gallery-grid__item:focus-visible img {
transform: scale(1.025);
filter: brightness(1.03);
}
.elite-city-gallery-only__empty {
max-width: 760px;
margin: 0 auto;
padding: 34px;
border: 1px solid rgba(184, 149, 98, .28);
border-radius: 14px;
background: #faf7f2;
text-align: center;
}
@media (max-width: 980px) {
.elite-city-gallery-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 620px) {
.elite-city-gallery-only__inner {
width: min(calc(100% - 24px), 1440px);
}
.elite-city-gallery-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.elite-city-gallery-grid__item {
border-radius: 10px;
}
} .elite-city-slider {
width: 100%;
max-width: 1420px;
margin: 0 auto;
outline: none;
}
.elite-city-slider__viewport {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 16px;
background: #171d25;
box-shadow: 0 20px 54px rgba(26, 23, 19, .16);
}
.elite-city-slider__slides {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
min-height: 430px;
max-height: 790px;
}
.elite-city-slider__slide {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
margin: 0;
visibility: hidden;
opacity: 0;
transform: scale(1.01);
transition:
opacity .7s ease,
visibility .7s ease,
transform 1.1s ease;
}
.elite-city-slider__slide.is-active {
z-index: 2;
visibility: visible;
opacity: 1;
transform: scale(1);
}
.elite-city-slider__slide a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.elite-city-slider__slide img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: contain;
object-position: center;
background: #171d25;
}
.elite-city-slider__arrow {
position: absolute;
z-index: 5;
top: 50%;
display: grid;
place-items: center;
width: 52px;
height: 52px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .44);
border-radius: 50%;
background: rgba(21, 27, 35, .55);
color: #fff;
font: inherit;
cursor: pointer;
transform: translateY(-50%);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: background .2s ease, transform .2s ease;
}
.elite-city-slider__arrow:hover,
.elite-city-slider__arrow:focus-visible {
background: rgba(184, 149, 98, .9);
transform: translateY(-50%) scale(1.05);
}
.elite-city-slider__arrow span {
display: block;
margin-top: -5px;
font-family: Georgia, serif;
font-size: 3.1rem;
font-weight: 300;
line-height: 1;
}
.elite-city-slider__arrow--previous {
left: 22px;
}
.elite-city-slider__arrow--next {
right: 22px;
}
.elite-city-slider__counter {
position: absolute;
z-index: 5;
right: 20px;
bottom: 18px;
padding: 7px 12px;
border: 1px solid rgba(255, 255, 255, .28);
border-radius: 999px;
background: rgba(21, 27, 35, .62);
color: #fff;
font-size: .82rem;
font-variant-numeric: tabular-nums;
letter-spacing: .06em;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.elite-city-slider__thumbnails {
display: flex;
gap: 10px;
width: 100%;
margin-top: 16px;
padding: 4px 2px 10px;
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: #b89562 #eee8df;
}
.elite-city-slider__thumbnail {
flex: 0 0 122px;
width: 122px;
height: 78px;
padding: 0;
overflow: hidden;
border: 2px solid transparent;
border-radius: 9px;
background: #ece6dd;
cursor: pointer;
opacity: .72;
transition: border-color .2s ease, opacity .2s ease, transform .2s ease;
}
.elite-city-slider__thumbnail:hover,
.elite-city-slider__thumbnail:focus-visible {
opacity: 1;
transform: translateY(-2px);
}
.elite-city-slider__thumbnail.is-active {
border-color: #b89562;
opacity: 1;
box-shadow: 0 5px 16px rgba(72, 53, 31, .16);
}
.elite-city-slider__thumbnail img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
object-position: center;
}
.elite-city-slider.has-single-slide .elite-city-slider__viewport {
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 900px) {
.elite-city-slider__slides {
min-height: 350px;
}
.elite-city-slider__arrow {
width: 44px;
height: 44px;
}
.elite-city-slider__arrow--previous {
left: 12px;
}
.elite-city-slider__arrow--next {
right: 12px;
}
.elite-city-slider__thumbnail {
flex-basis: 100px;
width: 100px;
height: 66px;
}
}
@media (max-width: 620px) {
.elite-city-slider__viewport {
border-radius: 10px;
}
.elite-city-slider__slides {
aspect-ratio: 4 / 3;
min-height: 260px;
}
.elite-city-slider__arrow {
width: 38px;
height: 38px;
}
.elite-city-slider__arrow span {
font-size: 2.5rem;
}
.elite-city-slider__counter {
right: 10px;
bottom: 10px;
}
.elite-city-slider__thumbnail {
flex-basis: 84px;
width: 84px;
height: 56px;
}
}
@media (prefers-reduced-motion: reduce) {
.elite-city-slider__slide,
.elite-city-slider__thumbnail,
.elite-city-slider__arrow {
transition: none !important;
}
} body.elite-elize1-about-current .elite-e1-hero {
background:
radial-gradient(circle at 84% 14%, rgba(184, 149, 98, .18), transparent 32%),
linear-gradient(135deg, #fbf7f0 0%, #f4ecdf 100%);
}
body.elite-elize1-about-current .elite-e2-title {
max-width: 620px;
}
body.elite-elize1-about-current .elite-e2-image img {
border: 1px solid rgba(184, 149, 98, .25);
box-shadow: 0 18px 48px rgba(65, 46, 24, .11);
}
body.elite-elize1-about-current .elite-e1-pool-banner img,
body.elite-elize1-about-current .elite-e1-living-banner img,
body.elite-elize1-about-current .elite-e1-city-view img {
width: 100%;
max-height: 600px;
object-fit: cover;
}
body.elite-elize1-about-current .elite-e1-feature-columns {
gap: clamp(18px, 3vw, 34px);
}
body.elite-elize1-about-current .elite-e1-gallery.has-nested-images {
display: grid !important;
gap: 16px !important;
align-items: stretch;
}
body.elite-elize1-about-current
.elite-e1-gallery--amenities.has-nested-images {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.elite-elize1-about-current
.elite-e1-gallery--interiors.has-nested-images {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.elite-elize1-about-current
.elite-e1-gallery.has-nested-images
> figure.wp-block-image {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 14px;
background: #efe7db;
box-shadow: 0 12px 30px rgba(63, 46, 28, .10);
}
body.elite-elize1-about-current
.elite-e1-gallery.has-nested-images
> figure.wp-block-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.elite-elize1-about-current .elite-e1-location {
background:
linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)),
radial-gradient(circle at center, rgba(184, 149, 98, .18), transparent 55%);
}
body.elite-elize1-about-current .elite-e1-distance-columns {
align-items: flex-start;
}
body.elite-elize1-about-current .elite-e1-distance-columns > .wp-block-column {
min-width: 0;
}
body.elite-elize1-about-current .elite-e1-payment .elite-e2-small-note {
margin-top: 16px;
text-align: left;
}
body.elite-elize1-about-current .elite-e1-cta {
background:
linear-gradient(135deg, rgba(31, 46, 64, .98), rgba(40, 55, 73, .98));
}
@media (max-width: 980px) {
body.elite-elize1-about-current
.elite-e1-gallery--amenities.has-nested-images,
body.elite-elize1-about-current
.elite-e1-gallery--interiors.has-nested-images {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 620px) {
body.elite-elize1-about-current
.elite-e1-gallery--amenities.has-nested-images,
body.elite-elize1-about-current
.elite-e1-gallery--interiors.has-nested-images {
grid-template-columns: 1fr !important;
}
body.elite-elize1-about-current
.elite-e1-gallery.has-nested-images
> figure.wp-block-image {
aspect-ratio: 16 / 10;
}
} body.elite-elize2-cblock-about-current .elite-cblock-hero {
background:
radial-gradient(circle at 82% 18%, rgba(184, 149, 98, .20), transparent 34%),
linear-gradient(135deg, #fbf7ef 0%, #f1e5d2 100%);
}
body.elite-elize2-cblock-about-current .elite-cblock-label {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
margin: 8px 0 24px;
padding: 10px 30px;
border: 1px solid rgba(177, 133, 72, .65);
border-radius: 999px;
background: linear-gradient(135deg, #f9e8c4, #b88b4b);
color: #2b2117;
font-family: var(--elite-serif);
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
box-shadow: 0 12px 28px rgba(95, 67, 31, .12);
}
body.elite-elize2-cblock-about-current .elite-cblock-city-map img,
body.elite-elize2-cblock-about-current .elite-cblock-pool-banner img,
body.elite-elize2-cblock-about-current .elite-cblock-living-banner img {
width: 100%;
max-height: 610px;
object-fit: cover;
}
body.elite-elize2-cblock-about-current
.wp-block-gallery.elite-cblock-lifestyle-gallery,
body.elite-elize2-cblock-about-current
.wp-block-gallery.elite-cblock-facilities-gallery,
body.elite-elize2-cblock-about-current
.wp-block-gallery.elite-cblock-interior-gallery {
display: grid !important;
gap: 16px !important;
align-items: stretch;
}
body.elite-elize2-cblock-about-current
.elite-cblock-lifestyle-gallery {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.elite-elize2-cblock-about-current
.elite-cblock-facilities-gallery {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.elite-elize2-cblock-about-current
.elite-cblock-interior-gallery {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.elite-elize2-cblock-about-current
.wp-block-gallery[class*="elite-cblock-"]
> figure.wp-block-image {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 15px;
background: #eee4d5;
box-shadow: 0 13px 32px rgba(58, 42, 24, .11);
}
body.elite-elize2-cblock-about-current
.wp-block-gallery[class*="elite-cblock-"]
> figure.wp-block-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.elite-elize2-cblock-about-current .elite-cblock-facilities {
background:
linear-gradient(135deg, rgba(31, 46, 64, .99), rgba(39, 53, 70, .99));
}
body.elite-elize2-cblock-about-current .elite-cblock-options {
margin-top: 26px;
}
body.elite-elize2-cblock-about-current .elite-cblock-info-table th {
width: 20%;
}
body.elite-elize2-cblock-about-current .elite-cblock-cta {
background:
linear-gradient(135deg, rgba(31, 46, 64, .99), rgba(48, 62, 78, .99));
}
@media (max-width: 980px) {
body.elite-elize2-cblock-about-current
.elite-cblock-interior-gallery {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 720px) {
body.elite-elize2-cblock-about-current
.elite-cblock-lifestyle-gallery,
body.elite-elize2-cblock-about-current
.elite-cblock-facilities-gallery,
body.elite-elize2-cblock-about-current
.elite-cblock-interior-gallery {
grid-template-columns: 1fr !important;
}
body.elite-elize2-cblock-about-current
.wp-block-gallery[class*="elite-cblock-"]
> figure.wp-block-image {
aspect-ratio: 16 / 10;
}
body.elite-elize2-cblock-about-current .elite-cblock-label {
min-width: 180px;
font-size: 1.15rem;
}
} .elite-elize1-gallery-slider-wrap {
width: 100%;
margin: 0 auto;
}
body.elite-elize1-gallery-slider-page .elite-page-content-section {
padding-top: clamp(28px, 4vw, 54px);
padding-bottom: clamp(58px, 7vw, 96px);
background:
radial-gradient(circle at 50% 0, rgba(184,149,98,.08), transparent 34%),
#fff;
}
body.elite-elize1-gallery-slider-page .elite-page-content-section > .elite-container {
width: min(calc(100% - 40px), 1420px);
max-width: 1420px;
}
body.elite-elize1-gallery-slider-page .elite-content {
max-width: none;
}
body.elite-elize1-gallery-slider-page .elite-content > *:first-child {
margin-top: 0;
}
body.elite-elize1-gallery-slider-page .elite-city-slider__slides {
min-height: clamp(360px, 54vw, 760px);
}
body.elite-elize1-gallery-slider-page .elite-city-slider__slide img {
object-fit: contain;
}
@media (max-width: 620px) {
body.elite-elize1-gallery-slider-page .elite-page-content-section > .elite-container {
width: min(calc(100% - 22px), 1420px);
}
body.elite-elize1-gallery-slider-page .elite-city-slider__slides {
min-height: 260px;
}
} body.elite-reference-projects-page {
background: #f8f4ee;
}
.elite-reference-hero {
position: relative;
overflow: hidden;
padding: clamp(72px, 9vw, 128px) 0 clamp(52px, 7vw, 92px);
background:
radial-gradient(circle at 78% 20%, rgba(199,165,107,.20), transparent 30%),
linear-gradient(135deg, #f8f3eb 0%, #fff 48%, #eee2d2 100%);
border-bottom: 1px solid rgba(154,116,73,.20);
}
.elite-reference-hero::before,
.elite-reference-hero::after {
content: "";
position: absolute;
pointer-events: none;
border: 1px solid rgba(199,165,107,.36);
border-radius: 50%;
}
.elite-reference-hero::before {
width: 420px;
height: 420px;
right: -120px;
top: -230px;
}
.elite-reference-hero::after {
width: 260px;
height: 260px;
left: -140px;
bottom: -190px;
}
.elite-reference-hero__inner {
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 36px;
}
.elite-reference-hero__eyebrow {
margin: 0 0 12px;
color: var(--elite-bronze);
font-family: Montserrat, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .28em;
text-transform: uppercase;
}
.elite-reference-hero h1 {
margin: 0;
max-width: 850px;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(48px, 7vw, 96px);
font-weight: 500;
line-height: .95;
letter-spacing: -.035em;
}
.elite-reference-hero__years {
margin: 0 0 7px;
color: rgba(33,29,25,.68);
font-family: Montserrat, Arial, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: .18em;
white-space: nowrap;
text-transform: uppercase;
}
.elite-reference-section {
position: relative;
padding: clamp(54px, 7vw, 104px) 0 clamp(76px, 9vw, 136px);
background:
linear-gradient(rgba(255,255,255,.93), rgba(255,255,255,.98)),
radial-gradient(circle at 15% 10%, rgba(199,165,107,.14), transparent 26%);
}
.elite-reference-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(22px, 2.5vw, 36px);
}
.elite-reference-card {
position: relative;
min-width: 0;
margin: 0;
background: #fff;
border: 1px solid rgba(154,116,73,.20);
border-radius: 22px;
box-shadow: 0 20px 55px rgba(40,31,22,.10);
overflow: hidden;
transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.elite-reference-card:hover,
.elite-reference-card:focus-within {
transform: translateY(-7px);
border-color: rgba(154,116,73,.42);
box-shadow: 0 30px 75px rgba(40,31,22,.16);
}
.elite-reference-card__button {
display: block;
width: 100%;
padding: 0;
color: inherit;
background: transparent;
border: 0;
text-align: left;
cursor: zoom-in;
}
.elite-reference-card__image {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #e8e0d6;
}
.elite-reference-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(19,25,36,.32), transparent 50%);
opacity: .35;
transition: opacity .35s ease;
}
.elite-reference-card:hover .elite-reference-card__image::after {
opacity: .65;
}
.elite-reference-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .7s cubic-bezier(.2,.7,.2,1);
}
.elite-reference-card:hover .elite-reference-card__image img {
transform: scale(1.045);
}
.elite-reference-card__body {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 94px;
padding: 20px 22px 22px;
}
.elite-reference-card__title {
margin: 0;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(23px, 2vw, 30px);
font-weight: 600;
line-height: 1.03;
}
.elite-reference-card__year {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 64px;
padding: 8px 11px;
color: #fff;
background: linear-gradient(135deg, #8f673e, #c5a16a);
border-radius: 999px;
font-family: Montserrat, Arial, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
}
.elite-reference-empty {
padding: 42px;
background: #fff;
border: 1px dashed rgba(154,116,73,.45);
border-radius: 18px;
text-align: center;
}
.elite-reference-lightbox {
position: fixed;
z-index: 100000;
inset: 0;
display: grid;
place-items: center;
padding: clamp(16px, 3vw, 44px);
background: rgba(9,15,25,.93);
opacity: 0;
visibility: hidden;
transition: opacity .25s ease, visibility .25s ease;
}
.elite-reference-lightbox.is-open {
opacity: 1;
visibility: visible;
}
.elite-reference-lightbox__stage {
position: relative;
width: min(1220px, 100%);
max-height: calc(100vh - 60px);
}
.elite-reference-lightbox__figure {
margin: 0;
}
.elite-reference-lightbox__image {
display: block;
width: 100%;
max-height: calc(100vh - 155px);
object-fit: contain;
border-radius: 16px;
box-shadow: 0 35px 100px rgba(0,0,0,.45);
}
.elite-reference-lightbox__caption {
display: flex;
align-items: baseline;
justify-content: center;
gap: 13px;
padding-top: 17px;
color: #fff;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(24px, 3vw, 36px);
line-height: 1.1;
text-align: center;
}
.elite-reference-lightbox__caption-year {
color: #d7b97f;
font-family: Montserrat, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
}
.elite-reference-lightbox__close,
.elite-reference-lightbox__arrow {
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
color: #fff;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.28);
border-radius: 50%;
font: inherit;
cursor: pointer;
backdrop-filter: blur(9px);
transition: background .2s ease, transform .2s ease;
}
.elite-reference-lightbox__close:hover,
.elite-reference-lightbox__arrow:hover {
background: rgba(199,165,107,.52);
transform: scale(1.05);
}
.elite-reference-lightbox__close {
top: -16px;
right: -16px;
font-size: 30px;
}
.elite-reference-lightbox__arrow {
top: 50%;
transform: translateY(-50%);
font-size: 38px;
}
.elite-reference-lightbox__arrow:hover {
transform: translateY(-50%) scale(1.05);
}
.elite-reference-lightbox__arrow--prev { left: 16px; }
.elite-reference-lightbox__arrow--next { right: 16px; }
body.elite-reference-lightbox-open {
overflow: hidden;
} .elite-reference-admin-list {
display: grid;
gap: 14px;
margin-top: 14px;
}
.elite-reference-admin-row {
display: grid;
grid-template-columns: 150px minmax(180px, 1fr) 110px auto;
gap: 14px;
align-items: center;
padding: 14px;
background: #fff;
border: 1px solid #dcdcde;
border-radius: 8px;
}
.elite-reference-admin-preview {
position: relative;
aspect-ratio: 16 / 9;
background: #f0f0f1;
border-radius: 6px;
overflow: hidden;
}
.elite-reference-admin-preview img {
width: 100%;
height: 100%;
object-fit: cover;
}
.elite-reference-admin-fields label {
display: block;
margin-bottom: 8px;
font-weight: 600;
}
.elite-reference-admin-fields input {
width: 100%;
}
.elite-reference-admin-actions {
display: flex;
flex-direction: column;
gap: 8px;
}
@media (max-width: 980px) {
.elite-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.elite-reference-hero__inner { align-items: flex-start; flex-direction: column; }
.elite-reference-admin-row { grid-template-columns: 120px minmax(160px, 1fr); }
.elite-reference-admin-actions { grid-column: 1 / -1; flex-direction: row; }
}
@media (max-width: 650px) {
.elite-reference-grid { grid-template-columns: 1fr; }
.elite-reference-hero { padding-top: 56px; }
.elite-reference-hero__years { white-space: normal; }
.elite-reference-card__body { min-height: 82px; padding: 17px 18px 19px; }
.elite-reference-lightbox__close { top: 7px; right: 7px; }
.elite-reference-lightbox__arrow { width: 42px; height: 42px; }
.elite-reference-lightbox__arrow--prev { left: 7px; }
.elite-reference-lightbox__arrow--next { right: 7px; }
.elite-reference-admin-row { grid-template-columns: 1fr; }
.elite-reference-admin-preview { max-width: 260px; }
} html:has(body.elite-e2-editable-page-template) {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
background: #ffffff !important;
}
body.elite-e2-editable-page-template {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
overflow-x: hidden !important;
background: #ffffff !important;
transform: none !important;
zoom: 1 !important;
}
body.elite-e2-editable-page-template > .elite-overlay-header,
body.elite-e2-editable-page-template > #main,
body.elite-e2-editable-page-template > footer,
body.elite-e2-editable-page-template .elite-e2-editable-page,
body.elite-e2-editable-page-template .elite-e2-editable-page__content,
body.elite-e2-editable-page-template .elite-e2-project-bar,
body.elite-e2-editable-page-template .wpb-content-wrapper,
body.elite-e2-editable-page-template #page,
body.elite-e2-editable-page-template .site,
body.elite-e2-editable-page-template .site-content {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: none !important;
}
body.elite-e2-editable-page-template .elite-overlay-header__shell,
body.elite-e2-editable-page-template .elite-e2-project-bar__inner {
width: min(calc(100% - 48px), 1240px) !important;
max-width: 1240px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.elite-e2-editable-page-template .elite-overlay-header__navrow,
body.elite-e2-editable-page-template .elite-nav--overlay,
body.elite-e2-editable-page-template .elite-nav--overlay > div,
body.elite-e2-editable-page-template .elite-nav--overlay > ul {
max-width: none !important;
}
body.elite-e2-editable-page-template .elite-e2-project-bar__title {
flex: 0 1 420px !important;
min-width: 220px !important;
}
body.elite-e2-editable-page-template .elite-e2-project-bar__nav {
flex: 0 0 auto !important;
overflow: visible !important;
}
body.elite-e2-editable-page-template .elite-e2-project-bar__button {
flex: 0 0 124px !important;
}
@media (max-width: 980px) {
body.elite-e2-editable-page-template .elite-overlay-header__shell,
body.elite-e2-editable-page-template .elite-e2-project-bar__inner {
width: min(calc(100% - 30px), 1240px) !important;
}
body.elite-e2-editable-page-template .elite-nav--overlay ul { gap: 20px !important; }
body.elite-e2-editable-page-template .elite-nav--overlay a { font-size: .72rem !important; }
}
@media (max-width: 800px) {
body.elite-e2-editable-page-template .elite-e2-project-bar__title { min-width: 0 !important; }
body.elite-e2-editable-page-template .elite-e2-project-bar__nav { width: 100% !important; }
body.elite-e2-editable-page-template .elite-e2-project-bar__button { flex-basis: auto !important; }
}
@media (max-width: 480px) {
body.elite-e2-editable-page-template .elite-overlay-header__shell,
body.elite-e2-editable-page-template .elite-e2-project-bar__inner {
width: min(calc(100% - 22px), 1240px) !important;
}
} body.elite-elize2-exact-repaired,
body.elite-elize2-exact-repaired #main,
body.elite-elize2-exact-repaired .elite-e2-editable-page,
body.elite-elize2-exact-repaired .elite-e2-editable-page__content {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.elite-elize2-exact-repaired .elite-overlay-header__shell,
body.elite-elize2-exact-repaired .elite-e2-project-bar__inner {
width: min(calc(100% - 48px), 1240px) !important;
max-width: 1240px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.elite-elize2-exact-repaired .elite-e2-editable-page .alignwide {
width: min(calc(100% - 48px), 1180px) !important;
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.elite-elize2-exact-repaired .elite-e2-editable-page .alignfull {
width: 100% !important;
max-width: none !important;
}
@media (max-width: 760px) {
body.elite-elize2-exact-repaired .elite-overlay-header__shell,
body.elite-elize2-exact-repaired .elite-e2-project-bar__inner,
body.elite-elize2-exact-repaired .elite-e2-editable-page .alignwide {
width: calc(100% - 24px) !important;
}
}