.slickContain.footer1contain1{padding:.5em 3% .75em;margin:0 auto;max-width:87em}.gridWrapper{max-width:76em}.footer1TopImage img{margin:auto!important}.footer1Items .slickContent.box2{background-size:72%}.slick-slide{margin:0 .5em}.slick-list{margin:0 -.5em}.takeAction .slick-carousel{display:block!important}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(//lxryhome-villas.com/wp-content/themes/key-hotels/js/slick/ajax-loader_slick.gif)50% no-repeat}.slick-prev,.slick-next{font-size:0;line-height:0;z-index:11;position:absolute;top:42%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:0 0}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:0 0}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:fontawesome;font-size:.1;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"\f104"}[dir=rtl] .slick-prev:before{content:"\f104"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"\f105"}[dir=rtl] .slick-next:before{content:"\f105"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:0 0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:.1;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000;font-size:.1}.footer1contain1 .slick-dots li.slick-active button:before{color:#fff}.footer1contain1 .slick-dots li button:before{color:#ccc}@media screen and (min-width:800px){.responsive2 .item{width:31%;float:left;margin:0 1.15% 2em}}:root {
--luxury-ink: #102b2c;
--luxury-deep: #073d3c;
--luxury-sea: #176b67;
--luxury-aqua: #75c8c5;
--luxury-sand: #c9aa7c;
--luxury-ivory: #f7f3eb;
--luxury-paper: #fffdf9;
--luxury-muted: #65706d;
--luxury-line: rgba(16, 43, 44, 0.14);
--luxury-shadow: 0 20px 60px rgba(7, 61, 60, 0.12);
--body-font-family: "Montserrat", sans-serif;
--headline-font-family: "Marcellus", serif;
--content-links-color: #176b67;
--content-links-color-over: #0d4b48;
}
html { scroll-behavior: smooth; }
html, body, .site { overflow-x: clip; }
body {
background: var(--luxury-ivory);
color: var(--luxury-ink);
font-family: var(--body-font-family);
font-size: clamp(16px, 1.15vw, 18px);
font-weight: 400;
line-height: 1.72;
letter-spacing: 0.005em;
-webkit-font-smoothing: antialiased;
}
::selection { background: var(--luxury-aqua); color: var(--luxury-ink); }
.main {
background:
radial-gradient(circle at 8% 10%, rgba(117, 200, 197, 0.10), transparent 30rem),
linear-gradient(180deg, var(--luxury-paper) 0%, var(--luxury-ivory) 100%);
padding: clamp(48px, 6vw, 88px) 5% clamp(64px, 7vw, 104px);
}
.content { max-width: 1380px; }
.main p { color: var(--luxury-muted); line-height: 1.75; }
h1, h2, h3, h4, h5, h6 {
color: var(--luxury-ink);
font-family: var(--headline-font-family);
font-weight: 400;
letter-spacing: -0.025em;
text-transform: none;
}
h1 {
font-size: clamp(2.8rem, 5.6vw, 5.4rem);
line-height: 0.98;
margin-bottom: clamp(24px, 4vw, 48px);
}
h2 {
color: var(--luxury-ink);
font-size: clamp(2rem, 3.3vw, 3.35rem);
line-height: 1.08;
margin: clamp(36px, 5vw, 68px) 0 clamp(20px, 2.5vw, 34px);
}
h3 { font-size: clamp(1.25rem, 2vw, 1.8rem); line-height: 1.2; }
.main > .content > h1 { position: relative; }
.main > .content > h1::after {
background: var(--luxury-sand);
content: "";
display: block;
height: 2px;
margin: 24px auto 0;
width: 72px;
}
.home .entry-content > h1:first-child {
color: var(--luxury-sea);
font-family: "Cormorant Garamond", serif;
font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
font-style: italic;
letter-spacing: 0.08em;
margin-top: -26px;
text-transform: none;
}
.main a {
color: var(--luxury-sea);
text-decoration-color: rgba(23, 107, 103, 0.42);
text-decoration-thickness: 1px;
text-underline-offset: 4px;
transition: color 180ms ease, text-decoration-color 180ms ease;
}
.main a:hover { color: var(--luxury-deep); text-decoration-color: currentColor; }
hr.separator, .wp-block-separator {
background: linear-gradient(90deg, transparent, var(--luxury-sand), transparent);
border: 0;
height: 1px;
margin: clamp(38px, 6vw, 76px) auto;
max-width: 960px;
opacity: 0.8;
} body,
button,
input,
select,
textarea,
.main p,
.main li,
.sm-coast > li > a,
.wp-element-button,
.wp-block-button__link {
font-family: var(--body-font-family) !important;
}
.main p,
.main li {
color: var(--luxury-muted) !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.footer h2,
.footer h3 {
font-family: var(--headline-font-family) !important;
}
.home .entry-content > h1:first-child,
.home .entry-content > .wp-block-columns:first-of-type h3 {
font-family: "Cormorant Garamond", serif !important;
} .topBar {
background: linear-gradient(180deg, rgba(5, 28, 28, 0.80) 0%, rgba(5, 28, 28, 0) 100%);
height: 142px;
transition: background-color 240ms ease, box-shadow 240ms ease, height 240ms ease;
z-index: 20;
}
.topBar.sticky {
background: rgba(255, 253, 249, 0.96);
border-bottom: 1px solid var(--luxury-line);
box-shadow: 0 10px 36px rgba(7, 61, 60, 0.10);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
}
.navAndLogoContain { padding: 0 2.5%; }
.logoCenter img, .logo2 img { filter: drop-shadow(0 5px 18px rgba(0, 0, 0, 0.18)); }
.sm-coast > li > a {
color: #fff;
font-family: var(--body-font-family);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.13em;
padding-bottom: 8px;
position: relative;
text-transform: uppercase;
}
.sm-coast > li > a::after {
background: var(--luxury-sand);
bottom: 0;
content: "";
height: 1px;
left: 50%;
position: absolute;
transform: translateX(-50%) scaleX(0);
transform-origin: center;
transition: transform 180ms ease;
width: calc(100% - 24px);
}
.sm-coast > li > a:hover::after,
.sm-coast > li.current-menu-item > a::after,
.sm-coast > li.current-menu-ancestor > a::after {
transform: translateX(-50%) scaleX(1);
}
.topBar.sticky .sm-coast > li > a { color: var(--luxury-ink); }
.bookingBtn {
background: var(--luxury-sand) !important;
border: 1px solid var(--luxury-sand) !important;
border-radius: 999px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
overflow: hidden;
transition: background-color 300ms ease, border-color 300ms ease, transform 300ms ease, box-shadow 300ms ease;
}
.bookingBtn a {
display: block;
font-family: var(--body-font-family);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.12em;
padding: 9px 16px;
text-transform: uppercase;
}
.bookingBtn:hover {
background: var(--luxury-aqua) !important;
border-color: var(--luxury-aqua) !important;
transform: translateY(-2px);
}
.bookingBtn:hover {
box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
transform: translateY(-3px);
}
.bookingBtn::before {
background: linear-gradient(110deg, transparent, rgba(255,255,255,.38), transparent);
content: "";
inset: 0;
left: -120%;
position: absolute;
transition: left .5s ease;
}
.bookingBtn:hover::before {
left: 120%;
}
.sticky .bookingBtn a { color: var(--luxury-ink); } figure.secTop {
background: var(--luxury-ink) !important;
margin: 0 !important;
min-height: min(78vh, 780px);
overflow: hidden;
}
.test, .rotateDiv, .sliderContainer, .home .secTop.shallow .slick-slide {
aspect-ratio: auto;
height: min(82vh, 820px);
min-height: 620px;
}
figure.secTop img, .imageRotate img, figure.secTop video {
aspect-ratio: auto !important;
height: 100%;
object-fit: cover;
width: 100%;
}
.rotateDiv::after,
.grayGradient2.secTop .imageRotate::after,
.grayGradient3.secTop::after {
background:
linear-gradient(90deg, rgba(4, 24, 24, 0.72) 0%, rgba(4, 24, 24, 0.18) 62%, transparent 100%),
linear-gradient(0deg, rgba(4, 24, 24, 0.44) 0%, transparent 48%);
}
.secTop .rotateContent {
align-items: flex-start;
bottom: clamp(48px, 8vw, 110px) !important;
height: auto;
justify-content: flex-end;
left: 7%;
margin: 0;
max-width: 760px;
padding: 0;
right: auto;
text-align: left;
top: auto !important;
width: min(82%, 760px);
}
.rotateContent h2 {
color: #fff;
filter: none;
font-size: clamp(2.7rem, 6vw, 6.2rem);
letter-spacing: -0.045em;
line-height: 0.95;
margin: 0 0 20px;
max-width: 760px;
padding: 0;
text-align: left;
text-shadow: 0 5px 28px rgba(0, 0, 0, 0.32);
}
.rotateContent p {
color: rgba(255, 255, 255, 0.90);
filter: none;
font-size: clamp(1rem, 1.55vw, 1.28rem);
line-height: 1.55;
margin: 0 0 26px;
max-width: 640px;
padding: 0;
text-align: left;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.38);
}
.rotate-button {
align-items: center;
background: var(--luxury-sand);
border: 1px solid var(--luxury-sand);
border-radius: 999px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
color: var(--luxury-ink) !important;
display: inline-flex;
font-family: var(--body-font-family);
font-size: 0.75rem;
font-weight: 600;
gap: 10px;
letter-spacing: 0.12em;
margin: 0;
padding: 13px 24px;
text-decoration: none !important;
text-transform: uppercase;
transition: background-color 180ms ease, transform 180ms ease;
}
.rotate-button::after { content: "→"; font-size: 1rem; transition: transform 180ms ease; }
.rotate-button:hover { background: var(--luxury-aqua); transform: translateY(-2px); }
.rotate-button:hover::after { transform: translateX(4px); } .entry-content > .wp-block-columns { gap: clamp(28px, 5vw, 72px); }
.entry-content figure.wp-block-image, .entry-content .wp-block-image { overflow: hidden; }
.entry-content figure.wp-block-image img, .entry-content .wp-block-image img {
border-radius: 3px;
transition: transform 550ms cubic-bezier(0.2, 0.75, 0.25, 1), filter 300ms ease;
}
.entry-content figure.wp-block-image:hover img, .entry-content .wp-block-image:hover img {
filter: saturate(1.04) contrast(1.02);
transform: scale(1.018);
}
.home .entry-content > .wp-block-columns:first-of-type {
align-items: stretch !important;
background: var(--luxury-paper);
border: 1px solid var(--luxury-line);
box-shadow: var(--luxury-shadow);
gap: 0;
margin-top: clamp(32px, 5vw, 72px);
padding: clamp(18px, 2.4vw, 30px);
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(28px, 5vw, 72px);
}
.home .entry-content > .wp-block-columns:first-of-type h3 {
color: var(--luxury-sea);
font-family: "Cormorant Garamond", serif;
font-style: italic;
letter-spacing: 0.05em;
text-transform: none;
}
.page-id-1526 .entry-content > .wp-block-columns {
align-items: stretch !important;
gap: clamp(22px, 3vw, 42px);
margin-bottom: clamp(28px, 4vw, 56px);
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column {
background: var(--luxury-paper);
border: 1px solid var(--luxury-line);
border-radius: 4px;
box-shadow: 0 16px 42px rgba(7, 61, 60, 0.09);
overflow: hidden;
padding: clamp(18px, 2.4vw, 30px);
transition: box-shadow 220ms ease, transform 220ms ease;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column:hover {
box-shadow: 0 24px 54px rgba(7, 61, 60, 0.14);
transform: translateY(-5px);
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > h2 {
font-size: clamp(1.8rem, 2.7vw, 2.55rem);
margin: 10px 0 12px;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > p {
font-size: 0.88rem;
letter-spacing: 0.015em;
margin-bottom: 10px;
}
.page-id-1526 .n2-section-smartslider {
border-radius: 3px;
margin-top: 18px;
overflow: hidden;
}
.wp-element-button, .wp-block-button__link, a.viewAll {
background: var(--luxury-sea) !important;
border: 1px solid var(--luxury-sea) !important;
border-radius: 999px !important;
box-shadow: 0 9px 22px rgba(7, 61, 60, 0.14);
color: #fff !important;
font-family: var(--body-font-family);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.10em;
padding: 12px 22px !important;
text-decoration: none !important;
text-transform: uppercase;
transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.wp-element-button:hover, .wp-block-button__link:hover, a.viewAll:hover {
background: var(--luxury-ink) !important;
border-color: var(--luxury-ink) !important;
box-shadow: 0 14px 30px rgba(7, 61, 60, 0.22);
color: #fff !important;
transform: translateY(-2px);
} .iconGrid { margin: clamp(54px, 7vw, 96px) auto; }
.iconGrid ul { gap: clamp(16px, 2vw, 28px); }
.iconGrid li {
background: var(--luxury-paper);
border: 1px solid var(--luxury-line);
border-radius: 4px;
box-shadow: 0 14px 38px rgba(7, 61, 60, 0.08);
min-height: 260px;
overflow: hidden;
transition: box-shadow 220ms ease, transform 220ms ease;
}
.iconGrid li:hover {
box-shadow: 0 22px 48px rgba(7, 61, 60, 0.16);
transform: translateY(-6px);
}
.iconGrid .awesomeIcon { color: var(--luxury-sea); font-size: clamp(2rem, 3.4vw, 3.1rem); }
.iconGrid h3 { letter-spacing: 0; text-transform: none; }
.iconGridPhoto {
filter: saturate(0.88) contrast(1.05);
transition: filter 300ms ease, transform 600ms cubic-bezier(0.2, 0.75, 0.25, 1);
}
.iconGrid li:hover .iconGridPhoto {
filter: saturate(1.02) contrast(1.05);
transform: scale(1.035);
} .footer {
background:
linear-gradient(rgba(7, 42, 42, 0.92), rgba(7, 42, 42, 0.96)),
var(--luxury-deep);
border-top: 1px solid rgba(201, 170, 124, 0.7);
padding: clamp(46px, 6vw, 84px) 0 26px;
}
.footer::before { opacity: 0.10 !important; }
.footerContain2 { max-width: 1380px; }
.footer h2, .footer h3 {
color: var(--luxury-sand);
font-family: var(--headline-font-family);
letter-spacing: 0;
text-transform: none;
}
.footer p, .footer a, .footerCol3, .footerCol3 a {
color: rgba(255, 255, 255, 0.80);
font-family: var(--body-font-family);
font-size: 0.84rem;
line-height: 1.8;
text-transform: none;
}
.footer a {
text-decoration-color: rgba(201, 170, 124, 0.5);
text-underline-offset: 4px;
}
.footer a:hover { color: #fff; }
.short-rule { background: rgba(201, 170, 124, 0.46); border: 0; height: 1px; } @media (max-width: 980px) {
.topBar {
background: linear-gradient(180deg, rgba(5, 28, 28, 0.96), rgba(5, 28, 28, 0.78)) !important;
min-height: 96px;
padding-top: 10px;
}
.logoCenter { max-width: 156px; width: 156px; }
.secTop { margin-top: 96px !important; }
.test, .rotateDiv, .sliderContainer, .home .secTop.shallow .slick-slide {
height: min(72vh, 650px);
min-height: 510px;
}
.secTop .rotateContent {
bottom: clamp(34px, 8vw, 62px) !important;
left: 7%;
width: 86%;
}
.rotateContent h2 { font-size: clamp(2.35rem, 11vw, 4.25rem); }
.rotateContent p { font-size: 1rem; line-height: 1.48; }
.main { padding-left: 6%; padding-right: 6%; }
.home .entry-content > .wp-block-columns:first-of-type { padding: 14px; }
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child { padding: 28px 16px 20px; }
.bookingBtn.mobileBook {
background: var(--luxury-sand) !important;
border: 0 !important;
border-radius: 0;
bottom: 0;
box-shadow: 0 -8px 24px rgba(7, 61, 60, 0.18);
display: block;
left: 0 !important;
position: fixed !important;
right: 0 !important;
top: auto !important;
width: 100%;
z-index: 999;
}
.bookingBtn.mobileBook a {
color: var(--luxury-ink);
padding: 13px 18px;
text-align: center;
}
}
@media (max-width: 640px) {
body { font-size: 16px; }
.main { padding-top: 42px; }
h1 { font-size: clamp(2.5rem, 14vw, 4rem); }
.entry-content > .wp-block-columns { gap: 24px; }
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column { padding: 16px; }
} .keyTranslate,
.keyTranslate .gtranslate_wrapper,
.keyTranslate .switcher,
.keyTranslate .switcher .selected,
.keyTranslate .switcher .selected a,
.keyTranslate .gt_switcher,
.keyTranslate .gt_switcher .gt_selected,
.keyTranslate .gt_switcher .gt_selected a,
.keyTranslate .gt_float_switcher {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border-color: transparent !important;
box-shadow: none !important;
}
.keyTranslate .switcher .selected a:hover,
.keyTranslate .gt_switcher .gt_selected a:hover,
.keyTranslate .gt_float_switcher:hover {
background: transparent !important;
background-color: transparent !important;
}
.keyTranslate select,
.keyTranslate .gt_selector {
-webkit-appearance: none;
appearance: none;
background-color: transparent !important;
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%) !important;
background-position: calc(100% - 15px) 50%, calc(100% - 11px) 50% !important;
background-repeat: no-repeat !important;
background-size: 4px 4px, 4px 4px !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
outline: 0 !important;
padding-right: 34px !important;
}
.keyTranslate .switcher .selected a,
.keyTranslate .gt_switcher .gt_selected a,
.keyTranslate .gt_float_switcher {
color: #fff !important;
}
.keyTranslate select option,
.keyTranslate .gt_selector option,
.keyTranslate .switcher .option,
.keyTranslate .gt_switcher .gt_option {
background: #fffdf9 !important;
color: var(--luxury-ink) !important;
}
.topBar.sticky .keyTranslate select,
.topBar.sticky .keyTranslate .gt_selector,
.topBar.sticky .keyTranslate .switcher .selected a,
.topBar.sticky .keyTranslate .gt_switcher .gt_selected a,
body:not(.home) .keyTranslate select,
body:not(.home) .keyTranslate .gt_selector,
body:not(.home) .keyTranslate .switcher .selected a,
body:not(.home) .keyTranslate .gt_switcher .gt_selected a {
color: var(--luxury-ink) !important;
} .page-id-1526 .entry-content > .wp-block-columns > .wp-block-column {
background: var(--luxury-paper) !important;
border: 1px solid var(--luxury-line) !important;
box-shadow: 0 18px 46px rgba(7, 61, 60, .11) !important;
opacity: 1 !important;
visibility: visible !important;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > *,
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column h2,
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column p,
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column .wp-block-buttons {
opacity: 1 !important;
visibility: visible !important;
}
.page-id-1526 .entry-content > .wp-block-columns:last-of-type > .wp-block-column:last-child:empty {
display: none !important;
}
@media (min-width: 981px) {
.page-id-1526 .entry-content {
align-items: stretch;
display: grid !important;
gap: clamp(24px, 3vw, 40px);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-id-1526 .entry-content > :not(.wp-block-columns) {
grid-column: 1 / -1;
}
.page-id-1526 .entry-content > .wp-block-columns {
display: contents !important;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column {
align-self: stretch;
display: flex !important;
flex-direction: column;
height: auto !important;
margin: 0 !important;
min-height: 0;
min-width: 0;
padding-bottom: clamp(28px, 3vw, 44px) !important;
width: 100% !important;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > .wp-block-columns:last-child,
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > .wp-block-buttons:last-child {
margin-top: clamp(24px, 3vw, 40px) !important;
}
.page-id-1526 .entry-content > .wp-block-columns:last-of-type > .wp-block-column:last-child {
display: none !important;
}
} .lx-villa-page {
margin: 0 calc(50% - 50vw);
overflow: hidden;
width: 100vw;
}
.lx-villa-hero,
.lx-villa-photo-band {
background-attachment: fixed;
background-image:
linear-gradient(90deg, rgba(5, 28, 28, .80) 0%, rgba(5, 28, 28, .42) 55%, rgba(5, 28, 28, .16) 100%),
var(--lx-photo);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
isolation: isolate;
position: relative;
}
.lx-villa-hero {
align-items: flex-end;
display: flex;
min-height: clamp(650px, 82vh, 900px);
padding: clamp(54px, 8vw, 120px) max(7vw, calc((100vw - 1380px) / 2));
}
.lx-villa-hero::after,
.lx-villa-photo-band::after {
border: 1px solid rgba(255, 255, 255, .30);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
z-index: -1;
}
.lx-villa-hero__content {
max-width: 900px;
}
.lx-villa-kicker {
color: var(--luxury-sand) !important;
font: 600 11px/1.2 Montserrat, sans-serif !important;
letter-spacing: .28em;
margin: 0 0 18px !important;
text-transform: uppercase;
}
.lx-villa-hero h1 {
color: #fff;
font: 400 clamp(3.5rem, 8vw, 7.6rem)/.92 "Marcellus", serif;
letter-spacing: -.045em;
margin: 0 0 26px;
text-shadow: 0 7px 28px rgba(0, 0, 0, .28);
}
.lx-villa-hero__summary {
color: rgba(255, 255, 255, .90) !important;
font-size: clamp(18px, 1.6vw, 23px) !important;
line-height: 1.62 !important;
margin: 0 0 30px !important;
max-width: 760px;
}
.lx-villa-facts {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
}
.lx-villa-facts li {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, .10);
border: 1px solid rgba(255, 255, 255, .34);
color: #fff;
font: 600 11px/1 Montserrat, sans-serif;
letter-spacing: .09em;
list-style: none;
padding: 13px 16px;
text-transform: uppercase;
}
.lx-villa-intro {
display: grid;
gap: clamp(38px, 7vw, 110px);
grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
margin: 0 auto;
max-width: 1380px;
padding: clamp(82px, 10vw, 150px) clamp(28px, 6vw, 80px);
}
.lx-villa-intro h2,
.lx-villa-section-heading h2,
.lx-villa-feature h2,
.lx-villa-gallery h2,
.lx-villa-cta h2 {
color: var(--luxury-ink);
font: 400 clamp(2.5rem, 5vw, 5rem)/1.04 "Marcellus", serif;
letter-spacing: -.035em;
margin: 10px 0 24px;
}
.lx-villa-intro__copy {
color: var(--luxury-muted) !important;
font-size: clamp(17px, 1.35vw, 20px) !important;
line-height: 1.86 !important;
margin: 0 !important;
}
.lx-villa-highlights {
background: linear-gradient(145deg, #f2ece2, #fffdf9 65%);
border-bottom: 1px solid rgba(201, 170, 124, .38);
border-top: 1px solid rgba(201, 170, 124, .38);
padding: clamp(70px, 9vw, 126px) max(6vw, calc((100vw - 1380px) / 2));
}
.lx-villa-section-heading {
margin: 0 auto clamp(42px, 5vw, 68px);
max-width: 820px;
text-align: center;
}
.lx-villa-section-heading > p:not(.lx-villa-kicker) {
color: var(--luxury-muted) !important;
font-size: 18px;
line-height: 1.75;
margin: 0;
}
.lx-villa-feature-grid {
background: rgba(201, 170, 124, .42);
border: 1px solid rgba(201, 170, 124, .42);
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lx-villa-feature {
background: rgba(255, 253, 249, .98);
min-height: 300px;
padding: clamp(34px, 4vw, 52px);
}
.lx-villa-feature__number {
color: var(--luxury-sand);
display: block;
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .20em;
margin-bottom: 38px;
}
.lx-villa-feature h3 {
color: var(--luxury-ink);
font: 400 clamp(1.55rem, 2.1vw, 2.15rem)/1.18 "Marcellus", serif;
margin: 0 0 18px;
}
.lx-villa-feature p {
color: var(--luxury-muted) !important;
font-size: 15px !important;
line-height: 1.75 !important;
margin: 0 !important;
}
.lx-villa-photo-band {
align-items: flex-end;
display: flex;
min-height: clamp(520px, 70vh, 800px);
padding: clamp(44px, 7vw, 96px) max(7vw, calc((100vw - 1380px) / 2));
}
.lx-villa-photo-band--light {
background-image:
linear-gradient(0deg, rgba(5, 28, 28, .76) 0%, rgba(5, 28, 28, .18) 62%),
var(--lx-photo);
}
.lx-villa-photo-band__caption {
color: #fff;
max-width: 710px;
}
.lx-villa-photo-band__caption h2 {
color: #fff;
font: 400 clamp(2.7rem, 5.5vw, 5.6rem)/1 "Marcellus", serif;
letter-spacing: -.04em;
margin: 10px 0 18px;
}
.lx-villa-photo-band__caption p:not(.lx-villa-kicker) {
color: rgba(255, 255, 255, .86) !important;
font-size: clamp(17px, 1.4vw, 20px) !important;
line-height: 1.7 !important;
margin: 0 !important;
}
.lx-villa-amenities {
margin: 0 auto;
max-width: 1380px;
padding: clamp(78px, 10vw, 146px) clamp(28px, 6vw, 80px);
}
.lx-villa-amenity-grid {
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
background: rgba(16, 43, 44, .16);
border: 1px solid rgba(16, 43, 44, .16);
}
.lx-villa-amenity {
align-items: center;
background: #fffdf9;
color: var(--luxury-ink);
display: flex;
font: 500 clamp(16px, 1.3vw, 19px)/1.35 "Marcellus", serif;
min-height: 112px;
padding: 26px 28px;
}
.lx-villa-amenity::before {
color: var(--luxury-sand);
content: "◆";
font-size: 9px;
margin-right: 15px;
}
.lx-villa-gallery {
background: #f5f0e8;
padding: clamp(70px, 9vw, 124px) max(5vw, calc((100vw - 1500px) / 2));
text-align: center;
}
.lx-villa-gallery .n2-section-smartslider {
margin-top: 44px !important;
}
.lx-villa-gallery .n2-padding {
background: rgba(201, 170, 124, .18) !important;
padding: 18px !important;
}
.lx-villa-cta {
background: linear-gradient(135deg, #073d3c, #102b2c);
color: #fff;
padding: clamp(72px, 9vw, 126px) 28px;
text-align: center;
}
.lx-villa-cta h2 {
color: #fff;
margin-left: auto;
margin-right: auto;
max-width: 850px;
}
.lx-villa-cta > p:not(.lx-villa-kicker) {
color: rgba(255, 255, 255, .78) !important;
font-size: 18px !important;
line-height: 1.7 !important;
margin: 0 auto 30px !important;
max-width: 720px;
}
.lx-villa-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
}
.lx-villa-button {
border: 1px solid rgba(255, 255, 255, .65);
border-radius: 999px;
color: #fff !important;
font: 600 11px/1 Montserrat, sans-serif;
letter-spacing: .12em;
min-width: 190px;
padding: 17px 26px;
text-decoration: none !important;
text-transform: uppercase;
}
.lx-villa-button--primary,
.lx-villa-button:hover {
background: var(--luxury-sand);
border-color: var(--luxury-sand);
color: var(--luxury-ink) !important;
}
@media (max-width: 980px) {
.lx-villa-hero,
.lx-villa-photo-band {
background-attachment: scroll;
}
.lx-villa-intro,
.lx-villa-feature-grid,
.lx-villa-amenity-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-villa-intro {
gap: 30px;
}
}
@media (max-width: 640px) {
.lx-villa-hero {
min-height: 620px;
padding: 48px 24px;
}
.lx-villa-hero::after,
.lx-villa-photo-band::after {
inset: 12px;
}
.lx-villa-intro,
.lx-villa-feature-grid,
.lx-villa-amenity-grid {
grid-template-columns: 1fr;
}
.lx-villa-feature {
min-height: 0;
}
.lx-villa-photo-band {
min-height: 520px;
padding: 42px 24px;
}
.lx-villa-amenity {
min-height: 86px;
}
} .lx-luxury-page {
margin: 0 auto;
max-width: 1380px;
}
.lx-page-hero {
align-items: flex-end;
background-image:
linear-gradient(90deg, rgba(5, 28, 28, .82) 0%, rgba(5, 28, 28, .42) 54%, rgba(5, 28, 28, .10) 100%),
var(--lx-hero);
background-position: center;
background-size: cover;
display: flex;
isolation: isolate;
min-height: clamp(520px, 66vh, 760px);
overflow: hidden;
padding: clamp(42px, 7vw, 96px);
position: relative;
}
.lx-page-hero::after {
border: 1px solid rgba(255, 255, 255, .30);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
z-index: -1;
}
.lx-page-hero__inner {
max-width: 760px;
}
.lx-page-hero h1 {
color: #fff;
font: 400 clamp(3.2rem, 7vw, 6.6rem)/.94 "Marcellus", serif;
letter-spacing: -.04em;
margin: 12px 0 24px;
text-shadow: 0 6px 26px rgba(0, 0, 0, .28);
}
.lx-page-hero p:not(.lx-page-kicker) {
color: rgba(255, 255, 255, .92) !important;
font-size: clamp(18px, 1.65vw, 23px);
line-height: 1.6;
margin: 0;
max-width: 680px;
}
.lx-page-kicker {
color: var(--luxury-sand) !important;
font: 600 11px/1.2 Montserrat, sans-serif;
letter-spacing: .28em;
margin: 0 0 14px;
text-transform: uppercase;
}
.lx-page-intro {
margin: clamp(72px, 9vw, 124px) auto;
max-width: 900px;
text-align: center;
}
.lx-page-intro h2,
.lx-page-split h2,
.lx-page-cta h2 {
font-size: clamp(2.4rem, 5vw, 4.6rem);
margin: 0 0 24px;
}
.lx-page-intro > p:not(.lx-page-kicker) {
font-size: clamp(18px, 1.5vw, 22px);
line-height: 1.82;
}
.lx-page-note {
border-left: 2px solid var(--luxury-sand);
font-size: 14px !important;
font-style: italic;
margin: 28px auto 0;
max-width: 760px;
padding: 8px 0 8px 22px;
text-align: left;
}
.lx-page-card-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 auto clamp(78px, 9vw, 124px);
}
.lx-page-card-grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-page-card {
background: linear-gradient(145deg, #fffdf9, #f1eadf);
border: 1px solid rgba(201, 170, 124, .48);
box-shadow: 0 18px 46px rgba(7, 61, 60, .10);
color: var(--luxury-ink) !important;
min-height: 310px;
padding: clamp(34px, 4vw, 58px);
position: relative;
text-decoration: none !important;
transition: transform .24s ease, box-shadow .24s ease;
}
.lx-page-card::before {
background: linear-gradient(90deg, var(--luxury-sand), var(--luxury-sea));
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.lx-page-card:hover {
box-shadow: 0 28px 62px rgba(7, 61, 60, .17);
transform: translateY(-6px);
}
.lx-page-card__number {
color: var(--luxury-sand);
font: 600 11px/1 Montserrat, sans-serif;
letter-spacing: .20em;
}
.lx-page-card h3 {
font-size: clamp(2rem, 3.5vw, 3.25rem);
margin: 34px 0 18px;
}
.lx-page-card p {
font-size: 16px;
line-height: 1.72;
}
.lx-page-card__link {
color: var(--luxury-sea);
display: inline-block;
font: 600 11px/1.2 Montserrat, sans-serif;
letter-spacing: .10em;
margin-top: 20px;
text-transform: uppercase;
}
.lx-page-split {
align-items: stretch;
display: grid;
gap: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 auto clamp(78px, 9vw, 124px);
}
.lx-page-split > div {
align-items: flex-start;
background: var(--luxury-paper);
border: 1px solid rgba(201, 170, 124, .42);
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(42px, 6vw, 84px);
}
.lx-page-split figure {
margin: 0;
min-height: 560px;
overflow: hidden;
}
.lx-page-split img {
border-radius: 0 !important;
height: 100%;
object-fit: cover;
width: 100%;
}
.lx-detail-band {
background: linear-gradient(145deg, #f2ece2, #fffdf9 62%);
border-bottom: 1px solid rgba(201, 170, 124, .38);
border-top: 1px solid rgba(201, 170, 124, .38);
margin: 0 auto clamp(78px, 9vw, 124px);
padding: clamp(58px, 8vw, 104px) clamp(28px, 6vw, 88px);
}
.lx-detail-band__head {
margin: 0 auto clamp(38px, 5vw, 62px);
max-width: 820px;
text-align: center;
}
.lx-detail-band__head h2 {
margin: 10px 0 18px;
}
.lx-detail-band__head p:not(.lx-page-kicker) {
color: var(--luxury-muted) !important;
font-size: clamp(17px, 1.4vw, 20px);
line-height: 1.75;
margin: 0;
}
.lx-detail-grid {
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
background: rgba(201, 170, 124, .40);
border: 1px solid rgba(201, 170, 124, .40);
}
.lx-detail-item {
background: rgba(255, 253, 249, .96);
min-height: 270px;
padding: clamp(30px, 3vw, 44px);
}
.lx-detail-item__number {
color: var(--luxury-sand);
display: block;
font: 600 11px/1 Montserrat, sans-serif;
letter-spacing: .20em;
margin-bottom: 28px;
}
.lx-detail-item h3 {
color: var(--luxury-ink);
font: 400 clamp(1.45rem, 2vw, 2rem)/1.18 "Marcellus", serif;
margin: 0 0 16px;
}
.lx-detail-item p,
.lx-detail-item li {
color: var(--luxury-muted) !important;
font-size: 15px;
line-height: 1.75;
}
.lx-detail-item ul {
margin: 0;
padding-left: 18px;
}
.lx-process {
margin: 0 auto clamp(78px, 9vw, 124px);
padding: 0 clamp(28px, 6vw, 88px);
}
.lx-process__head {
margin: 0 auto 48px;
max-width: 760px;
text-align: center;
}
.lx-process__steps {
display: grid;
gap: clamp(24px, 4vw, 64px);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-process-step {
border-top: 1px solid var(--luxury-sand);
padding-top: 24px;
}
.lx-process-step span {
color: var(--luxury-sand);
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .18em;
text-transform: uppercase;
}
.lx-process-step h3 {
font: 400 clamp(1.55rem, 2.2vw, 2.2rem)/1.18 "Marcellus", serif;
margin: 14px 0;
}
.lx-process-step p {
color: var(--luxury-muted) !important;
font-size: 16px;
line-height: 1.75;
margin: 0;
}
.lx-page-cta {
background:
linear-gradient(135deg, rgba(7, 61, 60, .96), rgba(16, 43, 44, .98)),
var(--luxury-deep);
color: #fff;
margin: 0 auto;
padding: clamp(58px, 8vw, 110px);
text-align: center;
}
.lx-page-cta h2 {
color: #fff;
}
.lx-page-cta > p:not(.lx-page-kicker) {
color: rgba(255, 255, 255, .82) !important;
font-size: 18px;
margin: 0 auto 30px;
max-width: 720px;
}
.lx-page-button {
background: var(--luxury-sand);
border: 1px solid var(--luxury-sand);
border-radius: 999px;
color: var(--luxury-ink) !important;
display: inline-flex;
font: 600 12px/1 Montserrat, sans-serif;
letter-spacing: .12em;
padding: 17px 28px;
text-decoration: none !important;
text-transform: uppercase;
transition: background .2s ease, transform .2s ease;
}
.lx-page-button:hover {
background: var(--luxury-aqua);
transform: translateY(-2px);
}
@media (max-width: 980px) {
.lx-page-hero {
min-height: 580px;
padding: 52px 36px;
}
.lx-page-card-grid,
.lx-page-card-grid--three,
.lx-page-split,
.lx-detail-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-process__steps {
grid-template-columns: 1fr;
}
.lx-page-card-grid--three .lx-page-card {
min-height: 250px;
}
.lx-page-split figure {
min-height: 420px;
}
.lx-page-split figure:first-child {
order: 2;
}
}
@media (max-width: 640px) {
.lx-page-hero {
min-height: 540px;
padding: 42px 24px;
}
.lx-page-hero::after {
inset: 12px;
}
.lx-page-card {
min-height: 0;
padding: 34px 26px;
}
.lx-detail-grid {
grid-template-columns: 1fr;
}
.lx-detail-item {
min-height: 0;
}
.lx-page-split > div,
.lx-page-cta {
padding: 44px 26px;
}
} .page-id-2506 .entry-title,
.page-id-2506 .page-title,
.page-id-2506 .singlePageTitle,
.page-id-2506 .keySinglePageTitle,
.page-id-2506 figure.secTop,
.page-id-2506 main.main > .content > h1 {
display: none !important;
}
.lx-private-dining {
background: #fffdf9;
margin: 0 calc(50% - 50vw);
max-width: none;
overflow: hidden;
width: 100vw;
}
.lx-dining-hero,
.lx-dining-photo {
background-attachment: fixed;
background-image:
linear-gradient(90deg, rgba(5, 28, 28, .86) 0%, rgba(5, 28, 28, .52) 52%, rgba(5, 28, 28, .15) 100%),
var(--lx-dining-photo);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
isolation: isolate;
position: relative;
}
.lx-dining-hero::after,
.lx-dining-photo::after {
border: 1px solid rgba(255, 255, 255, .34);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
z-index: -1;
}
.lx-dining-hero {
align-items: flex-end;
display: flex;
min-height: clamp(680px, 86vh, 920px);
padding: clamp(70px, 9vw, 132px) max(7vw, calc((100vw - 1380px) / 2));
}
.lx-dining-hero__content {
max-width: 900px;
}
.lx-dining-kicker {
color: #cdaa78 !important;
font: 600 11px/1.2 Montserrat, sans-serif !important;
letter-spacing: .25em;
margin: 0 0 18px !important;
text-transform: uppercase;
}
.lx-dining-hero h1 {
color: #fff;
font: 400 clamp(4rem, 8.8vw, 8.4rem)/.88 "Marcellus", serif;
letter-spacing: -.055em;
margin: 0 0 28px;
text-shadow: 0 8px 34px rgba(0, 0, 0, .32);
}
.lx-dining-lead {
color: rgba(255, 255, 255, .91) !important;
font-size: clamp(19px, 1.7vw, 24px) !important;
line-height: 1.58 !important;
margin: 0 0 30px !important;
max-width: 760px;
}
.lx-dining-hero__facts {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 32px;
}
.lx-dining-hero__facts span {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, .09);
border: 1px solid rgba(255, 255, 255, .34);
color: #fff;
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .1em;
padding: 13px 16px;
text-transform: uppercase;
}
.lx-dining-text-link {
border-bottom: 1px solid rgba(255, 255, 255, .58);
color: #fff !important;
font: 600 11px/1.2 Montserrat, sans-serif;
letter-spacing: .13em;
padding-bottom: 7px;
text-decoration: none !important;
text-transform: uppercase;
}
.lx-dining-text-link span {
color: #cdaa78;
margin-left: 8px;
}
.lx-dining-intro {
display: grid;
gap: clamp(44px, 8vw, 130px);
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
margin: 0 auto;
max-width: 1380px;
padding: clamp(88px, 11vw, 164px) clamp(28px, 6vw, 80px);
}
.lx-dining-intro h2,
.lx-dining-heading h2,
.lx-dining-chef h2,
.lx-dining-photo h2,
.lx-dining-cta h2 {
color: #102b2c;
font: 400 clamp(2.8rem, 5.4vw, 5.6rem)/1 "Marcellus", serif;
letter-spacing: -.04em;
margin: 10px 0 24px;
}
.lx-dining-intro__lead {
color: #102b2c !important;
font: 400 clamp(1.5rem, 2.4vw, 2.3rem)/1.48 "Marcellus", serif !important;
margin: 0 0 26px !important;
}
.lx-dining-intro__lead a {
color: #0f7775 !important;
text-decoration-color: rgba(15, 119, 117, .35);
text-underline-offset: 5px;
}
.lx-dining-intro > div:last-child > p:last-child {
color: #6b7775 !important;
font-size: 18px !important;
line-height: 1.85 !important;
margin: 0 !important;
}
.lx-dining-photo {
align-items: flex-end;
display: flex;
min-height: clamp(600px, 78vh, 880px);
padding: clamp(56px, 8vw, 116px) max(7vw, calc((100vw - 1380px) / 2));
}
.lx-dining-photo--right {
background-image:
linear-gradient(270deg, rgba(5, 28, 28, .86) 0%, rgba(5, 28, 28, .46) 54%, rgba(5, 28, 28, .12) 100%),
var(--lx-dining-photo);
justify-content: flex-end;
}
.lx-dining-photo__content {
color: #fff;
max-width: 760px;
}
.lx-dining-photo h2 {
color: #fff;
text-shadow: 0 6px 28px rgba(0, 0, 0, .26);
}
.lx-dining-photo__content > p:not(.lx-dining-kicker) {
color: rgba(255, 255, 255, .88) !important;
font-size: clamp(18px, 1.55vw, 22px) !important;
line-height: 1.72 !important;
margin: 0 !important;
max-width: 690px;
}
.lx-dining-menus,
.lx-dining-service,
.lx-dining-process {
margin: 0 auto;
max-width: 1500px;
padding: clamp(84px, 10vw, 150px) clamp(28px, 5vw, 76px);
}
.lx-dining-heading {
margin: 0 auto clamp(46px, 6vw, 76px);
max-width: 900px;
text-align: center;
}
.lx-dining-heading > p:not(.lx-dining-kicker) {
color: #6b7775 !important;
font-size: clamp(17px, 1.4vw, 20px) !important;
line-height: 1.78 !important;
margin: 0 auto !important;
max-width: 780px;
}
.lx-dining-menu-grid {
background: rgba(205, 170, 120, .44);
border: 1px solid rgba(205, 170, 120, .44);
display: grid;
gap: 1px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-dining-menu-card {
background: linear-gradient(145deg, rgba(255, 253, 249, .99), rgba(243, 236, 225, .97));
min-height: 410px;
padding: clamp(38px, 5vw, 66px);
}
.lx-dining-menu-card__number,
.lx-dining-service-grid article > span,
.lx-dining-process__grid article > span {
color: #a1845f;
display: block;
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .18em;
text-transform: uppercase;
}
.lx-dining-menu-card h3 {
color: #102b2c;
font: 400 clamp(2rem, 3.2vw, 3.3rem)/1.08 "Marcellus", serif;
margin: 32px 0 18px;
}
.lx-dining-menu-card p,
.lx-dining-menu-card li {
color: #6b7775 !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
.lx-dining-menu-card ul {
border-top: 1px solid rgba(161, 132, 95, .28);
margin: 30px 0 0;
padding: 24px 0 0;
}
.lx-dining-menu-card li {
list-style: none;
margin-bottom: 8px;
padding-left: 18px;
position: relative;
}
.lx-dining-menu-card li::before {
color: #a1845f;
content: "◆";
font-size: 7px;
left: 0;
position: absolute;
top: .65em;
}
.lx-dining-tasting {
background: #102b2c;
color: #fff;
padding: clamp(46px, 6vw, 80px);
}
.lx-dining-tasting__grid {
display: grid;
gap: 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-dining-tasting__grid > div {
border-left: 1px solid rgba(205, 170, 120, .36);
padding: 4px clamp(24px, 3.5vw, 48px);
}
.lx-dining-tasting__grid > div:first-child {
border-left: 0;
padding-left: 0;
}
.lx-dining-tasting__grid > div:last-child {
padding-right: 0;
}
.lx-dining-tasting__grid span {
color: #cdaa78;
font: 600 10px/1.2 Montserrat, sans-serif;
letter-spacing: .14em;
text-transform: uppercase;
}
.lx-dining-tasting__grid p {
color: rgba(255, 255, 255, .78) !important;
font-size: 15px !important;
line-height: 1.75 !important;
margin: 15px 0 0 !important;
}
.lx-dining-note {
border-top: 1px solid rgba(255, 255, 255, .18);
color: rgba(255, 255, 255, .70) !important;
font-size: 13px !important;
font-style: italic;
margin: 38px 0 0 !important;
padding-top: 24px;
text-align: center;
}
.lx-dining-chef {
align-items: stretch;
display: grid;
grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
margin: 0 auto;
max-width: 1500px;
padding: clamp(88px, 11vw, 160px) clamp(28px, 5vw, 76px);
}
.lx-dining-chef figure {
margin: 0;
min-height: 720px;
overflow: hidden;
position: relative;
}
.lx-dining-chef figure::after {
border: 1px solid rgba(255, 255, 255, .42);
content: "";
inset: 18px;
pointer-events: none;
position: absolute;
}
.lx-dining-chef img {
height: 100%;
object-fit: cover;
object-position: center 22%;
width: 100%;
}
.lx-dining-chef__copy {
align-items: flex-start;
background: linear-gradient(145deg, #f2ece2, #fffdf9 70%);
border: 1px solid rgba(205, 170, 120, .42);
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(48px, 7vw, 96px);
}
.lx-dining-chef__lead {
color: #102b2c !important;
font: 400 clamp(1.35rem, 2vw, 2rem)/1.45 "Marcellus", serif !important;
margin: 0 0 22px !important;
}
.lx-dining-chef__copy > p:not(.lx-dining-kicker):not(.lx-dining-chef__lead) {
color: #6b7775 !important;
font-size: 17px !important;
line-height: 1.8 !important;
}
.lx-dining-signature {
border-left: 2px solid #cdaa78;
margin: 18px 0 32px;
padding: 5px 0 5px 20px;
}
.lx-dining-signature span {
color: #102b2c;
font: 400 1.35rem/1.2 "Marcellus", serif;
}
.lx-dining-signature p {
color: #6b7775 !important;
font-size: 12px !important;
letter-spacing: .08em;
margin: 5px 0 0 !important;
text-transform: uppercase;
}
.lx-dining-service {
background: #f4eee5;
max-width: none;
padding-left: max(5vw, calc((100vw - 1500px) / 2));
padding-right: max(5vw, calc((100vw - 1500px) / 2));
}
.lx-dining-service-grid {
background: rgba(205, 170, 120, .42);
border: 1px solid rgba(205, 170, 120, .42);
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lx-dining-service-grid article {
background: rgba(255, 253, 249, .98);
min-height: 300px;
padding: clamp(34px, 4vw, 52px);
}
.lx-dining-service-grid h3,
.lx-dining-process__grid h3 {
color: #102b2c;
font: 400 clamp(1.55rem, 2.1vw, 2.15rem)/1.18 "Marcellus", serif;
margin: 30px 0 16px;
}
.lx-dining-service-grid p,
.lx-dining-process__grid p {
color: #6b7775 !important;
font-size: 15px !important;
line-height: 1.75 !important;
margin: 0 !important;
}
.lx-dining-process__grid {
display: grid;
gap: clamp(28px, 5vw, 78px);
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-dining-process__grid article {
border-top: 1px solid #cdaa78;
padding-top: 28px;
}
.lx-dining-proof {
background: #102b2c;
color: #fff;
padding: clamp(78px, 10vw, 138px) 28px;
text-align: center;
}
.lx-dining-proof__stars {
color: #cdaa78 !important;
font-size: 16px !important;
letter-spacing: .30em;
margin: 0 0 28px !important;
}
.lx-dining-proof blockquote {
color: #fff;
font: 400 clamp(2.2rem, 4.4vw, 4.4rem)/1.18 "Marcellus", serif;
margin: 0 auto 28px;
max-width: 1050px;
}
.lx-dining-proof > p:last-child {
color: rgba(255, 255, 255, .62) !important;
font: 600 10px/1.2 Montserrat, sans-serif !important;
letter-spacing: .15em;
margin: 0 !important;
text-transform: uppercase;
}
.lx-dining-cta {
background: linear-gradient(140deg, #eadbc6, #fffdf9 72%);
padding: clamp(86px, 11vw, 158px) 28px;
text-align: center;
}
.lx-dining-cta > p:not(.lx-dining-kicker) {
color: #6b7775 !important;
font-size: 18px !important;
line-height: 1.75 !important;
margin: 0 auto 34px !important;
max-width: 720px;
}
.lx-dining-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
}
.lx-dining-button-secondary {
border: 1px solid #102b2c;
border-radius: 999px;
color: #102b2c !important;
font: 600 12px/1 Montserrat, sans-serif;
letter-spacing: .12em;
padding: 17px 28px;
text-decoration: none !important;
text-transform: uppercase;
}
.lx-dining-cta small {
color: #798381;
display: block;
font-size: 12px;
line-height: 1.6;
margin: 34px auto 0;
max-width: 800px;
}
@media (max-width: 980px) {
.lx-dining-hero,
.lx-dining-photo {
background-attachment: scroll;
}
.lx-dining-intro,
.lx-dining-chef {
grid-template-columns: 1fr;
}
.lx-dining-menu-grid,
.lx-dining-service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-dining-tasting__grid {
grid-template-columns: 1fr;
}
.lx-dining-tasting__grid > div,
.lx-dining-tasting__grid > div:first-child,
.lx-dining-tasting__grid > div:last-child {
border-left: 0;
border-top: 1px solid rgba(205, 170, 120, .30);
padding: 28px 0;
}
.lx-dining-tasting__grid > div:first-child {
border-top: 0;
}
.lx-dining-chef figure {
min-height: 620px;
}
.lx-dining-process__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.lx-dining-hero {
min-height: 680px;
padding: 56px 24px;
}
.lx-dining-hero::after,
.lx-dining-photo::after {
inset: 12px;
}
.lx-dining-hero__facts {
gap: 7px;
}
.lx-dining-hero__facts span {
font-size: 9px;
padding: 11px 12px;
}
.lx-dining-intro,
.lx-dining-menu-grid,
.lx-dining-service-grid {
grid-template-columns: 1fr;
}
.lx-dining-photo {
min-height: 560px;
padding: 48px 24px;
}
.lx-dining-menu-card,
.lx-dining-service-grid article {
min-height: 0;
}
.lx-dining-chef {
padding-left: 20px;
padding-right: 20px;
}
.lx-dining-chef figure {
min-height: 520px;
}
.lx-dining-chef__copy,
.lx-dining-tasting {
padding: 38px 26px;
}
.lx-dining-actions {
align-items: stretch;
flex-direction: column;
}
.lx-dining-actions a {
justify-content: center;
text-align: center;
}
} .lx-dining-v2 {
--lxv2-ink: #102b2c;
--lxv2-muted: #6f7b79;
--lxv2-gold: #cdaa78;
--lxv2-cream: #f4eee5;
--lxv2-paper: #fffdf9;
background: var(--lxv2-paper);
margin: 0 calc(50% - 50vw);
max-width: none;
overflow: hidden;
width: 100vw;
}
.lx-dining-v2-hero {
align-items: flex-end;
display: flex;
isolation: isolate;
min-height: clamp(700px, 88vh, 940px);
overflow: hidden;
padding: clamp(72px, 9vw, 130px) max(7vw, calc((100vw - 1420px) / 2));
position: relative;
}
.lx-dining-v2-hero__media {
height: 100%;
inset: 0;
object-fit: cover;
object-position: center 40%;
position: absolute;
width: 100%;
z-index: -3;
}
.lx-dining-v2-hero__veil {
background:
linear-gradient(90deg, rgba(5, 28, 28, .90) 0%, rgba(5, 28, 28, .52) 54%, rgba(5, 28, 28, .12) 100%),
linear-gradient(0deg, rgba(5, 28, 28, .54), transparent 60%);
inset: 0;
position: absolute;
z-index: -2;
}
.lx-dining-v2-hero::after {
border: 1px solid rgba(255, 255, 255, .34);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
z-index: -1;
}
.lx-dining-v2-hero__content {
max-width: 900px;
}
.lx-dining-v2-kicker {
color: var(--lxv2-gold) !important;
font: 600 11px/1.2 Montserrat, sans-serif !important;
letter-spacing: .24em;
margin: 0 0 18px !important;
text-transform: uppercase;
}
.lx-dining-v2-hero h1 {
color: #fff;
font: 400 clamp(4rem, 8.5vw, 8.2rem)/.9 "Marcellus", serif;
letter-spacing: -.055em;
margin: 0 0 28px;
max-width: 1000px;
text-shadow: 0 8px 34px rgba(0, 0, 0, .34);
}
.lx-dining-v2-hero__content > p:not(.lx-dining-v2-kicker) {
color: rgba(255, 255, 255, .92) !important;
font-size: clamp(19px, 1.7vw, 24px) !important;
line-height: 1.62 !important;
margin: 0 0 34px !important;
max-width: 760px;
}
.lx-dining-v2-actions {
display: flex;
flex-wrap: wrap;
gap: 13px;
}
.lx-dining-v2-button {
align-items: center;
border: 1px solid transparent;
border-radius: 999px;
display: inline-flex;
font: 600 11px/1 Montserrat, sans-serif;
justify-content: center;
letter-spacing: .12em;
min-height: 52px;
padding: 17px 26px;
text-decoration: none !important;
text-transform: uppercase;
transition: background .22s ease, color .22s ease, transform .22s ease;
}
.lx-dining-v2-button:hover {
transform: translateY(-2px);
}
.lx-dining-v2-button--gold {
background: var(--lxv2-gold);
border-color: var(--lxv2-gold);
color: var(--lxv2-ink) !important;
}
.lx-dining-v2-button--glass {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, .08);
border-color: rgba(255, 255, 255, .62);
color: #fff !important;
}
.lx-dining-v2-button--dark {
background: var(--lxv2-ink);
border-color: var(--lxv2-ink);
color: #fff !important;
}
.lx-dining-v2-button--outline {
border-color: rgba(255, 255, 255, .62);
color: #fff !important;
}
.lx-dining-v2-trust {
background: var(--lxv2-ink);
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding: 0 max(5vw, calc((100vw - 1500px) / 2));
}
.lx-dining-v2-trust > div {
border-left: 1px solid rgba(255, 255, 255, .14);
min-height: 164px;
padding: 34px clamp(22px, 3vw, 44px);
}
.lx-dining-v2-trust > div:last-child {
border-right: 1px solid rgba(255, 255, 255, .14);
}
.lx-dining-v2-trust span {
color: var(--lxv2-gold);
display: block;
font: 600 9px/1 Montserrat, sans-serif;
letter-spacing: .18em;
margin-bottom: 20px;
}
.lx-dining-v2-trust strong {
color: #fff;
display: block;
font: 400 clamp(1.25rem, 1.8vw, 1.75rem)/1.2 "Marcellus", serif;
}
.lx-dining-v2-trust small {
color: rgba(255, 255, 255, .60);
display: block;
font-size: 13px;
line-height: 1.5;
margin-top: 8px;
}
.lx-dining-v2-intro {
display: grid;
gap: clamp(24px, 4vw, 54px);
grid-template-columns: minmax(0, 1.65fr) minmax(320px, .75fr);
margin: 0 auto;
max-width: 1480px;
padding: clamp(82px, 10vw, 142px) clamp(28px, 5vw, 74px);
}
.lx-dining-v2-intro__story,
.lx-dining-v2-intro__partner {
border: 1px solid rgba(205, 170, 120, .42);
}
.lx-dining-v2-intro__story {
background: var(--lxv2-paper);
padding: clamp(44px, 6vw, 86px);
}
.lx-dining-v2-intro__story h2,
.lx-dining-v2-heading h2,
.lx-dining-v2-tasting h2,
.lx-dining-v2-chef h2,
.lx-dining-v2-parallax h2,
.lx-dining-v2-cta h2 {
color: var(--lxv2-ink);
font: 400 clamp(2.7rem, 5vw, 5.2rem)/1.02 "Marcellus", serif;
letter-spacing: -.04em;
margin: 8px 0 24px;
}
.lx-dining-v2-lead {
color: var(--lxv2-ink) !important;
font: 400 clamp(1.35rem, 2.1vw, 2rem)/1.5 "Marcellus", serif !important;
margin: 0 0 24px !important;
}
.lx-dining-v2-intro__story > p:last-child,
.lx-dining-v2-chef article > p:not(.lx-dining-v2-kicker):not(.lx-dining-v2-lead) {
color: var(--lxv2-muted) !important;
font-size: 17px !important;
line-height: 1.8 !important;
margin: 0 !important;
}
.lx-dining-v2-intro__story a {
color: #0f7775 !important;
}
.lx-dining-v2-intro__partner {
background: linear-gradient(155deg, var(--lxv2-ink), #173f40);
color: #fff;
padding: clamp(40px, 5vw, 66px);
}
.lx-dining-v2-intro__monogram {
align-items: center;
border: 1px solid rgba(205, 170, 120, .72);
color: var(--lxv2-gold);
display: flex;
font: 400 24px/1 "Marcellus", serif;
height: 72px;
justify-content: center;
margin-bottom: 48px;
width: 72px;
}
.lx-dining-v2-intro__partner > p {
color: var(--lxv2-gold) !important;
font: 600 9px/1.2 Montserrat, sans-serif !important;
letter-spacing: .18em;
margin: 0 0 12px !important;
text-transform: uppercase;
}
.lx-dining-v2-intro__partner h3 {
color: #fff;
font: 400 clamp(2rem, 3vw, 3rem)/1.1 "Marcellus", serif;
margin: 0 0 28px;
}
.lx-dining-v2-intro__partner ul {
border-bottom: 1px solid rgba(255, 255, 255, .18);
border-top: 1px solid rgba(255, 255, 255, .18);
margin: 0 0 26px;
padding: 22px 0;
}
.lx-dining-v2-intro__partner li {
color: rgba(255, 255, 255, .74);
font-size: 14px;
line-height: 1.6;
list-style: none;
margin: 7px 0;
}
.lx-dining-v2-intro__partner li::before {
color: var(--lxv2-gold);
content: "◆";
font-size: 7px;
margin-right: 12px;
}
.lx-dining-v2-intro__partner a {
color: #fff !important;
font: 600 10px/1.2 Montserrat, sans-serif;
letter-spacing: .1em;
text-decoration: none !important;
text-transform: uppercase;
}
.lx-dining-v2-menus,
.lx-dining-v2-service,
.lx-dining-v2-process {
margin: 0 auto;
max-width: 1500px;
padding: clamp(76px, 9vw, 132px) clamp(28px, 5vw, 74px);
}
.lx-dining-v2-menus {
background: var(--lxv2-cream);
max-width: none;
padding-left: max(5vw, calc((100vw - 1500px) / 2));
padding-right: max(5vw, calc((100vw - 1500px) / 2));
}
.lx-dining-v2-heading {
margin: 0 auto clamp(40px, 5vw, 66px);
max-width: 850px;
text-align: center;
}
.lx-dining-v2-heading > p:not(.lx-dining-v2-kicker) {
color: var(--lxv2-muted) !important;
font-size: 18px !important;
line-height: 1.75 !important;
margin: 0 auto !important;
max-width: 720px;
}
.lx-dining-v2-menu-grid {
display: grid;
gap: clamp(22px, 3vw, 38px);
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 auto;
max-width: 1500px;
}
.lx-dining-v2-menu-card {
background: var(--lxv2-paper);
border: 1px solid rgba(205, 170, 120, .45);
box-shadow: 0 18px 44px rgba(16, 43, 44, .08);
display: grid;
grid-template-rows: 330px 1fr;
overflow: hidden;
transition: box-shadow .25s ease, transform .25s ease;
}
.lx-dining-v2-menu-card:hover {
box-shadow: 0 28px 58px rgba(16, 43, 44, .15);
transform: translateY(-5px);
}
.lx-dining-v2-menu-card figure {
margin: 0;
overflow: hidden;
}
.lx-dining-v2-menu-card img {
height: 100%;
object-fit: cover;
transition: transform .5s ease;
width: 100%;
}
.lx-dining-v2-menu-card:hover img {
transform: scale(1.035);
}
.lx-dining-v2-menu-card__body {
padding: clamp(32px, 4vw, 52px);
}
.lx-dining-v2-menu-card__body > span,
.lx-dining-v2-menu-card__body > small {
color: #9a7a52;
display: block;
font: 600 10px/1.3 Montserrat, sans-serif;
letter-spacing: .12em;
text-transform: uppercase;
}
.lx-dining-v2-menu-card h3 {
color: var(--lxv2-ink);
font: 400 clamp(2rem, 3vw, 3.2rem)/1.08 "Marcellus", serif;
margin: 22px 0 16px;
}
.lx-dining-v2-menu-card p {
color: var(--lxv2-muted) !important;
font-size: 16px !important;
line-height: 1.72 !important;
margin: 0 0 26px !important;
}
.lx-dining-v2-menu-card__body > small {
border-top: 1px solid rgba(205, 170, 120, .34);
padding-top: 20px;
}
.lx-dining-v2-tasting {
background: var(--lxv2-ink);
color: #fff;
padding: clamp(70px, 9vw, 124px) max(6vw, calc((100vw - 1420px) / 2));
}
.lx-dining-v2-tasting header {
margin-bottom: 46px;
max-width: 860px;
}
.lx-dining-v2-tasting h2,
.lx-dining-v2-parallax h2,
.lx-dining-v2-cta h2 {
color: #fff;
}
.lx-dining-v2-tasting__grid {
background: rgba(255, 255, 255, .10);
display: grid;
gap: 1px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-dining-v2-tasting__grid article {
background: #143536;
min-height: 230px;
padding: clamp(32px, 4vw, 50px);
}
.lx-dining-v2-tasting__grid span {
color: var(--lxv2-gold);
font: 600 10px/1.2 Montserrat, sans-serif;
letter-spacing: .15em;
text-transform: uppercase;
}
.lx-dining-v2-tasting__grid p {
color: rgba(255, 255, 255, .75) !important;
font-size: 15px !important;
line-height: 1.75 !important;
margin: 22px 0 0 !important;
}
.lx-dining-v2-note {
color: rgba(255, 255, 255, .62) !important;
font-size: 13px !important;
font-style: italic;
margin: 28px 0 0 !important;
text-align: center;
}
.lx-dining-v2-parallax {
align-items: flex-end;
background-attachment: fixed;
background-image:
linear-gradient(90deg, rgba(5, 28, 28, .86), rgba(5, 28, 28, .18)),
var(--lx-v2-photo);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
min-height: clamp(540px, 68vh, 760px);
padding: clamp(56px, 8vw, 106px) max(7vw, calc((100vw - 1420px) / 2));
position: relative;
}
.lx-dining-v2-parallax::after {
border: 1px solid rgba(255, 255, 255, .34);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
}
.lx-dining-v2-parallax > div {
max-width: 760px;
position: relative;
z-index: 1;
}
.lx-dining-v2-parallax > div > p:not(.lx-dining-v2-kicker) {
color: rgba(255, 255, 255, .84) !important;
font-size: 19px !important;
line-height: 1.72 !important;
margin: 0 !important;
}
.lx-dining-v2-parallax--right {
background-image:
linear-gradient(270deg, rgba(5, 28, 28, .86), rgba(5, 28, 28, .12)),
var(--lx-v2-photo);
justify-content: flex-end;
}
.lx-dining-v2-chef {
display: grid;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
margin: 0 auto;
max-width: 1500px;
padding: clamp(80px, 10vw, 144px) clamp(28px, 5vw, 74px);
}
.lx-dining-v2-chef figure {
margin: 0;
min-height: 720px;
overflow: hidden;
position: relative;
}
.lx-dining-v2-chef figure::after {
border: 1px solid rgba(255, 255, 255, .42);
content: "";
inset: 18px;
position: absolute;
}
.lx-dining-v2-chef img {
height: 100%;
object-fit: cover;
object-position: center 20%;
width: 100%;
}
.lx-dining-v2-chef article {
align-items: flex-start;
background: linear-gradient(145deg, #f0e7da, var(--lxv2-paper) 72%);
border: 1px solid rgba(205, 170, 120, .42);
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(46px, 7vw, 92px);
}
.lx-dining-v2-chef__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 30px 0;
}
.lx-dining-v2-chef__tags span {
border: 1px solid rgba(16, 43, 44, .22);
color: var(--lxv2-ink);
font: 600 9px/1 Montserrat, sans-serif;
letter-spacing: .1em;
padding: 11px 13px;
text-transform: uppercase;
}
.lx-dining-v2-service {
max-width: none;
padding-left: max(5vw, calc((100vw - 1500px) / 2));
padding-right: max(5vw, calc((100vw - 1500px) / 2));
}
.lx-dining-v2-service-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lx-dining-v2-service-grid article {
background: linear-gradient(145deg, var(--lxv2-paper), #f2ebe1);
border: 1px solid rgba(205, 170, 120, .44);
min-height: 280px;
padding: clamp(32px, 3.4vw, 48px);
}
.lx-dining-v2-service-grid article > span,
.lx-dining-v2-process-grid article > span {
color: #9a7a52;
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .16em;
}
.lx-dining-v2-service-grid h3,
.lx-dining-v2-process-grid h3 {
color: var(--lxv2-ink);
font: 400 clamp(1.5rem, 2vw, 2rem)/1.18 "Marcellus", serif;
margin: 30px 0 15px;
}
.lx-dining-v2-service-grid p,
.lx-dining-v2-process-grid p {
color: var(--lxv2-muted) !important;
font-size: 15px !important;
line-height: 1.72 !important;
margin: 0 !important;
}
.lx-dining-v2-process-grid {
display: grid;
gap: 22px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-dining-v2-process-grid article {
border: 1px solid rgba(205, 170, 120, .44);
box-shadow: 0 16px 38px rgba(16, 43, 44, .07);
min-height: 300px;
padding: clamp(34px, 4vw, 54px);
}
.lx-dining-v2-proof {
background: linear-gradient(145deg, #eadbc6, #f7f1e8);
padding: clamp(76px, 9vw, 124px) 28px;
text-align: center;
}
.lx-dining-v2-proof > div {
background: rgba(255, 253, 249, .76);
border: 1px solid rgba(205, 170, 120, .48);
margin: 0 auto;
max-width: 1120px;
padding: clamp(48px, 7vw, 92px);
}
.lx-dining-v2-proof__stars {
color: #ad8858;
display: block;
letter-spacing: .32em;
margin-bottom: 28px;
}
.lx-dining-v2-proof blockquote {
color: var(--lxv2-ink);
font: 400 clamp(2rem, 4vw, 4rem)/1.2 "Marcellus", serif;
margin: 0 auto 26px;
max-width: 900px;
}
.lx-dining-v2-proof p {
color: var(--lxv2-muted) !important;
font: 600 10px/1.2 Montserrat, sans-serif !important;
letter-spacing: .14em;
margin: 0 !important;
text-transform: uppercase;
}
.lx-dining-v2-cta {
background: var(--lxv2-ink);
color: #fff;
padding: clamp(82px, 10vw, 146px) 28px;
text-align: center;
}
.lx-dining-v2-cta > p:not(.lx-dining-v2-kicker) {
color: rgba(255, 255, 255, .75) !important;
font-size: 18px !important;
line-height: 1.72 !important;
margin: 0 auto 34px !important;
max-width: 720px;
}
.lx-dining-v2-cta .lx-dining-v2-actions {
justify-content: center;
}
.lx-dining-v2-cta small {
color: rgba(255, 255, 255, .50);
display: block;
font-size: 12px;
line-height: 1.6;
margin: 34px auto 0;
max-width: 800px;
} @media (min-width: 981px) {
.sm-coast ul.sub-menu {
background: rgba(35, 45, 46, .94) !important;
border: 1px solid rgba(255, 255, 255, .12) !important;
border-radius: 2px 10px 10px 10px !important;
box-shadow: 0 22px 55px rgba(3, 22, 23, .28) !important;
padding: 12px 0 !important;
transform-origin: 20% 0;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
will-change: transform, opacity;
}
.sm-coast ul.sub-menu[aria-hidden="false"] {
animation: lx-menu-reveal .3s cubic-bezier(.22, 1, .36, 1) both;
}
.sm-coast ul.sub-menu[aria-hidden="false"] > li {
animation: lx-menu-item-reveal .36s cubic-bezier(.22, 1, .36, 1) both;
}
.sm-coast ul.sub-menu[aria-hidden="false"] > li:nth-child(2) { animation-delay: .025s; }
.sm-coast ul.sub-menu[aria-hidden="false"] > li:nth-child(3) { animation-delay: .05s; }
.sm-coast ul.sub-menu[aria-hidden="false"] > li:nth-child(4) { animation-delay: .075s; }
.sm-coast ul.sub-menu[aria-hidden="false"] > li:nth-child(5) { animation-delay: .1s; }
.sm-coast ul.sub-menu a,
.sm-coast ul.sub-menu a:hover,
.sm-coast ul.sub-menu a:focus {
background: transparent !important;
color: rgba(255, 255, 255, .86) !important;
padding: 13px 30px !important;
transition: color .2s ease, background-color .2s ease, padding-left .24s cubic-bezier(.22, 1, .36, 1) !important;
}
.sm-coast ul.sub-menu a:hover,
.sm-coast ul.sub-menu a:focus {
background: rgba(205, 169, 119, .14) !important;
color: #fff !important;
padding-left: 36px !important;
}
.sm-coast > li > a .sub-arrow {
transition: transform .24s cubic-bezier(.22, 1, .36, 1);
transform-origin: center;
}
.sm-coast > li > a.highlighted .sub-arrow {
transform: rotate(180deg);
}
} .sm-coast > li,
.sm-coast > li > a,
.sm-coast > li:hover > a,
.sm-coast > li > a:hover {
transform: none !important;
font-size: inherit !important;
letter-spacing: inherit !important;
}
}
@keyframes lx-menu-reveal {
from {
opacity: 0;
transform: translate3d(0, -10px, 0) scale(.985);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@keyframes lx-menu-item-reveal {
from {
opacity: 0;
transform: translate3d(0, -5px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.sm-coast ul.sub-menu,
.sm-coast ul.sub-menu > li,
.sm-coast .sub-arrow {
animation: none !important;
transition: none !important;
}
} @media (min-width: 981px) {
.topBar:not(.sticky) .leftTopNav,
.topBar:not(.sticky) .rightTopNav {
position: relative;
transform: translateY(-56px);
z-index: 22;
}
.topBar.sticky .leftTopNav,
.topBar.sticky .rightTopNav {
transform: none;
}
}
#ht-ctc-chat {
bottom: max(72px, 4vw) !important;
right: max(72px, 4vw) !important;
z-index: 1000 !important;
} .page-id-2506 main.main {
padding: 0 !important;
}
.page-id-2506 main.main > .content {
margin: 0 !important;
max-width: none !important;
width: 100% !important;
}
.page-id-2506 .entry-content {
margin: 0 !important;
max-width: none !important;
padding: 0 !important;
}
.page-id-2506 .lx-dining-v2 {
display: block !important;
margin: 0 !important;
width: 100% !important;
}
.page-id-2506 .lx-dining-v2-hero {
align-items: flex-end !important;
background: var(--lxv2-ink);
display: flex !important;
min-height: clamp(620px, 76vh, 820px);
padding-bottom: clamp(58px, 7vw, 92px);
}
.page-id-2506 .lx-dining-v2-hero__media {
display: block !important;
height: 100% !important;
inset: 0 !important;
object-fit: cover !important;
object-position: center 29% !important;
position: absolute !important;
width: 100% !important;
z-index: -3 !important;
}
.page-id-2506 .lx-dining-v2-hero__veil {
background:
linear-gradient(90deg, rgba(5, 28, 28, .94) 0%, rgba(5, 28, 28, .76) 38%, rgba(5, 28, 28, .28) 72%, rgba(5, 28, 28, .12) 100%),
linear-gradient(0deg, rgba(5, 28, 28, .62), transparent 58%);
}
.page-id-2506 .lx-dining-v2-hero__content {
max-width: 760px;
position: relative;
z-index: 2;
}
.page-id-2506 .lx-dining-v2-trust {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.page-id-2506 .lx-dining-v2-trust > div {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 142px;
padding-bottom: 28px;
padding-top: 28px;
}
.page-id-2506 .lx-dining-v2-intro {
padding-bottom: clamp(62px, 7vw, 98px);
padding-top: clamp(62px, 7vw, 98px);
}
.page-id-2506 .lx-dining-v2-intro__story {
padding: clamp(38px, 5vw, 66px);
}
.page-id-2506 .lx-dining-v2-menus,
.page-id-2506 .lx-dining-v2-service,
.page-id-2506 .lx-dining-v2-process {
padding-bottom: clamp(62px, 7vw, 100px);
padding-top: clamp(62px, 7vw, 100px);
}
.page-id-2506 .lx-dining-v2-menu-card {
grid-template-rows: 285px 1fr;
}
.page-id-2506 .lx-dining-v2-menu-card__body {
padding: clamp(28px, 3vw, 42px);
}
.page-id-2506 .lx-dining-v2-tasting,
.page-id-2506 .lx-dining-v2-proof,
.page-id-2506 .lx-dining-v2-cta {
padding-bottom: clamp(62px, 7vw, 100px);
padding-top: clamp(62px, 7vw, 100px);
}
.page-id-2506 .lx-dining-v2-parallax {
min-height: clamp(460px, 58vh, 650px);
}
.page-id-2506 .lx-dining-v2-chef {
padding-bottom: clamp(62px, 7vw, 100px);
padding-top: clamp(62px, 7vw, 100px);
}
.page-id-2506 .lx-dining-v2-chef figure {
margin: 0 !important;
min-height: 580px;
}
.page-id-2506 .lx-dining-v2-chef img {
object-position: center 22%;
}
.page-id-2506 .lx-dining-v2-service-grid article {
min-height: 240px;
}
.page-id-2506 .lx-dining-v2-process-grid article {
min-height: 250px;
}
@media (max-width: 980px) {
#ht-ctc-chat {
bottom: 84px !important;
right: 22px !important;
}
.page-id-2506 .lx-dining-v2-trust {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.page-id-2506 .lx-dining-v2-hero {
min-height: 660px;
}
.page-id-2506 .lx-dining-v2-chef figure {
min-height: 520px;
}
}
@media (max-width: 640px) {
.page-id-2506 .lx-dining-v2-hero {
min-height: 620px;
padding-bottom: 44px;
}
.page-id-2506 .lx-dining-v2-hero__media {
object-position: 54% 24% !important;
}
.page-id-2506 .lx-dining-v2-trust {
grid-template-columns: 1fr !important;
}
.page-id-2506 .lx-dining-v2-trust > div {
min-height: 112px;
}
.page-id-2506 .lx-dining-v2-chef figure {
min-height: 440px;
}
} .page-id-2506 main.main,
.page-id-2506 main.main > .content,
.page-id-2506 .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.page-id-2506 .entry-content > *:not(.lx-dining-v3) {
display: none !important;
}
.lx-dining-v3 {
--lx-ink: #102d2d;
--lx-gold: #cda977;
--lx-deep: #092526;
--lx-paper: #fffdfa;
--lx-cream: #f5f0e8;
--lx-muted: #6d7b79;
background: var(--lx-paper);
color: var(--lx-ink);
overflow: hidden;
}
.lx-dining-v3 *,
.lx-dining-v3 *::before,
.lx-dining-v3 *::after {
box-sizing: border-box;
}
.lx-dining-v3 p {
color: var(--lx-muted);
font-family: "Montserrat", Arial, sans-serif;
font-size: clamp(16px, 1.15vw, 20px);
font-weight: 300;
line-height: 1.75;
letter-spacing: .01em;
}
.lx-dining-v3 h1,
.lx-dining-v3 h2,
.lx-dining-v3 h3 {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 400 !important;
text-transform: none !important;
}
.lx-dining-v3 h2 {
color: var(--lx-ink) !important;
font-size: clamp(44px, 5vw, 76px) !important;
line-height: .98 !important;
letter-spacing: -.035em !important;
margin: 0 !important;
}
.lx-dining-v3-kicker {
color: var(--lx-gold) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .28em !important;
line-height: 1.4 !important;
margin: 0 0 22px !important;
text-transform: uppercase;
}
.lx-dining-v3-hero {
min-height: clamp(660px, 84vh, 900px);
position: relative;
display: flex;
align-items: flex-end;
isolation: isolate;
}
.lx-dining-v3-hero__media,
.lx-dining-v3-hero__veil {
inset: 0;
position: absolute;
width: 100%;
height: 100%;
}
.lx-dining-v3-hero__media {
object-fit: cover;
object-position: center 46%;
z-index: -2;
}
.lx-dining-v3-hero__veil {
background: linear-gradient(90deg, rgba(3,24,25,.9) 0%, rgba(3,24,25,.65) 43%, rgba(3,24,25,.12) 78%), linear-gradient(0deg, rgba(3,24,25,.45), transparent 45%);
z-index: -1;
}
.lx-dining-v3-hero__content {
width: min(1440px, calc(100% - 96px));
margin: 0 auto;
padding: clamp(150px, 18vh, 220px) 0 clamp(72px, 9vh, 110px);
}
.page-id-2506 .lx-dining-v3-hero h1 {
color: #fff !important;
font-size: clamp(64px, 8.6vw, 128px) !important;
line-height: .9 !important;
letter-spacing: -.055em !important;
margin: 0 0 38px !important;
max-width: 850px;
text-align: left !important;
}
.lx-dining-v3-hero__content > p:not(.lx-dining-v3-kicker) {
color: rgba(255,255,255,.82) !important;
max-width: 630px;
margin: 0 0 34px !important;
}
.lx-dining-v3-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.lx-dining-v3-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 27px;
border: 1px solid transparent;
border-radius: 999px;
font: 600 12px/1 "Montserrat", Arial, sans-serif;
letter-spacing: .17em;
text-decoration: none !important;
text-transform: uppercase;
transition: transform .25s ease, background-color .25s ease, border-color .25s ease;
}
.lx-dining-v3-button:hover {
transform: translateY(-2px);
}
.lx-dining-v3-button--gold {
background: var(--lx-gold);
color: var(--lx-deep) !important;
}
.lx-dining-v3-button--glass {
border-color: rgba(255,255,255,.6);
color: #fff !important;
background: rgba(255,255,255,.05);
backdrop-filter: blur(6px);
}
.lx-dining-v3-essentials {
background: var(--lx-deep);
color: rgba(255,255,255,.84);
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: 25px max(48px, calc((100vw - 1440px) / 2));
font: 500 12px/1.4 "Montserrat", Arial, sans-serif;
letter-spacing: .12em;
text-transform: uppercase;
}
.lx-dining-v3-essentials span {
padding: 0 26px;
text-align: center;
border-left: 1px solid rgba(205,169,119,.35);
}
.lx-dining-v3-essentials span:first-child {
border-left: 0;
}
.lx-dining-v3-intro {
width: min(1320px, calc(100% - 96px));
margin: 0 auto;
padding: clamp(95px, 10vw, 150px) 0;
display: grid;
grid-template-columns: minmax(0,.9fr) minmax(0,1fr);
gap: clamp(70px, 9vw, 150px);
align-items: start;
}
.lx-dining-v3-intro__copy {
padding-top: 42px;
max-width: 650px;
}
.lx-dining-v3-intro__copy p {
margin: 0 0 24px !important;
}
.lx-dining-v3-lead {
color: var(--lx-ink) !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(27px, 2.2vw, 36px) !important;
line-height: 1.35 !important;
}
.lx-dining-v3-experiences {
background: var(--lx-cream);
padding: clamp(90px, 9vw, 145px) 0;
}
.lx-dining-v3-heading {
width: min(1320px, calc(100% - 96px));
margin: 0 auto clamp(62px, 7vw, 98px);
text-align: center;
}
.lx-dining-v3-heading > p:last-child {
max-width: 650px;
margin: 25px auto 0 !important;
}
.lx-dining-v3-story {
width: min(1320px, calc(100% - 96px));
margin: 0 auto clamp(95px, 10vw, 150px);
display: grid;
grid-template-columns: minmax(0,1.16fr) minmax(320px,.84fr);
align-items: center;
gap: clamp(50px, 7vw, 110px);
}
.lx-dining-v3-story:last-child {
margin-bottom: 0;
}
.lx-dining-v3-story figure {
margin: 0 !important;
height: clamp(380px, 42vw, 600px);
overflow: hidden;
}
.lx-dining-v3-story figure img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
transition: transform .8s ease;
}
.lx-dining-v3-story:hover figure img {
transform: scale(1.025);
}
.lx-dining-v3-story__copy {
max-width: 480px;
}
.lx-dining-v3-story__copy h3 {
color: var(--lx-ink) !important;
font-size: clamp(40px, 4.5vw, 66px) !important;
line-height: .98 !important;
letter-spacing: -.035em !important;
margin: 0 0 26px !important;
}
.lx-dining-v3-story__copy p {
margin: 0 0 26px !important;
}
.lx-dining-v3-story__copy ul {
list-style: none;
margin: 0 !important;
padding: 22px 0 0 !important;
border-top: 1px solid rgba(16,45,45,.18);
}
.lx-dining-v3-story__copy li {
color: var(--lx-ink);
font: 500 12px/1.8 "Montserrat", Arial, sans-serif;
letter-spacing: .1em;
text-transform: uppercase;
}
.lx-dining-v3-story--reverse figure {
order: 2;
}
.lx-dining-v3-story--reverse .lx-dining-v3-story__copy {
order: 1;
justify-self: end;
}
.lx-dining-v3-menu {
background: var(--lx-deep);
color: #fff;
padding: clamp(95px, 10vw, 150px) max(48px, calc((100vw - 1320px) / 2));
}
.lx-dining-v3-menu__heading {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: 80px;
align-items: end;
margin-bottom: clamp(60px, 6vw, 90px);
}
.page-id-2506 .lx-dining-v3-menu h2 {
color: #fff !important;
}
.lx-dining-v3-menu__courses {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 1px solid rgba(205,169,119,.38);
border-bottom: 1px solid rgba(205,169,119,.38);
}
.lx-dining-v3-menu__courses article {
padding: 42px 42px 44px;
border-left: 1px solid rgba(205,169,119,.28);
}
.lx-dining-v3-menu__courses article:first-child {
border-left: 0;
}
.lx-dining-v3-menu__courses span {
color: var(--lx-gold);
font: 600 11px/1.4 "Montserrat", Arial, sans-serif;
letter-spacing: .22em;
text-transform: uppercase;
}
.lx-dining-v3-menu__courses p,
.lx-dining-v3-note {
color: rgba(255,255,255,.72) !important;
}
.lx-dining-v3-menu__courses p {
margin: 18px 0 0 !important;
}
.lx-dining-v3-note {
font-size: 13px !important;
margin: 26px 0 0 !important;
text-align: right;
}
.lx-dining-v3-photo {
min-height: clamp(520px, 66vh, 760px);
background-image: linear-gradient(rgba(4,31,31,.35), rgba(4,31,31,.56)), var(--lx-v3-photo);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 60px 48px;
}
.lx-dining-v3-photo > div {
max-width: 850px;
}
.page-id-2506 .lx-dining-v3-photo h2 {
color: #fff !important;
}
.lx-dining-v3-photo p:last-child {
color: rgba(255,255,255,.82) !important;
max-width: 600px;
margin: 25px auto 0 !important;
}
.lx-dining-v3-service {
width: min(1320px, calc(100% - 96px));
margin: 0 auto;
padding: clamp(90px, 10vw, 150px) 0;
}
.lx-dining-v3-service .lx-dining-v3-heading {
width: 100%;
margin-bottom: clamp(50px, 6vw, 80px);
}
.lx-dining-v3-service__list {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
column-gap: clamp(60px, 8vw, 130px);
}
.lx-dining-v3-service__list article {
display: grid;
grid-template-columns: 48px 1fr;
gap: 22px;
align-items: start;
padding: 30px 0 34px;
border-top: 1px solid rgba(16,45,45,.2);
background: transparent !important;
box-shadow: none !important;
margin: 0 !important;
}
.lx-dining-v3-service__list article > span {
color: var(--lx-gold);
font: 500 13px/1.5 "Montserrat", Arial, sans-serif;
letter-spacing: .16em;
}
.lx-dining-v3-service__list h3 {
color: var(--lx-ink) !important;
font-size: clamp(27px, 2.1vw, 34px) !important;
line-height: 1.05 !important;
margin: 0 0 10px !important;
}
.lx-dining-v3-service__list p {
font-size: 16px !important;
margin: 0 !important;
}
.lx-dining-v3-quote {
background: var(--lx-cream);
text-align: center;
padding: clamp(85px, 9vw, 130px) 48px;
}
.lx-dining-v3-quote > span {
color: var(--lx-gold);
letter-spacing: .28em;
}
.lx-dining-v3-quote blockquote {
color: var(--lx-ink);
font: 400 clamp(36px, 4.5vw, 66px)/1.05 "Cormorant Garamond", Georgia, serif;
letter-spacing: -.025em;
max-width: 1060px;
margin: 30px auto 24px !important;
}
.lx-dining-v3-quote p {
font-size: 12px !important;
font-weight: 500;
letter-spacing: .16em;
text-transform: uppercase;
margin: 0 !important;
}
.lx-dining-v3-cta {
background: var(--lx-deep);
text-align: center;
padding: clamp(90px, 10vw, 145px) 48px;
}
.page-id-2506 .lx-dining-v3-cta h2 {
color: #fff !important;
}
.lx-dining-v3-cta > p:not(.lx-dining-v3-kicker) {
color: rgba(255,255,255,.72) !important;
max-width: 680px;
margin: 28px auto 35px !important;
} body.home .lx-primary-services,
body.home .lx-extra-services {
width: min(1500px, calc(100% - 72px)) !important;
max-width: 1500px !important;
margin-left: auto !important;
margin-right: auto !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 18px !important;
}
body.home .lx-primary-services > .wp-block-column,
body.home .lx-extra-services > .lx-service-item {
width: 100% !important;
min-width: 0 !important;
min-height: 220px !important;
margin: 0 !important;
} body.home .lx-primary-services .wp-block-image,
body.home .lx-feature-grid .wp-block-image {
min-height: 112px !important;
display: flex;
align-items: center;
justify-content: center;
}
body.home .lx-primary-services .wp-block-image img,
body.home .lx-feature-grid .wp-block-image img {
width: 96px !important;
height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
object-fit: contain !important;
}
body.home .lx-extra-services {
display: grid !important;
grid-template-columns: repeat(5, minmax(0,1fr)) !important;
gap: 18px !important;
width: min(1500px, calc(100% - 72px)) !important;
margin: clamp(36px, 5vw, 68px) auto !important;
padding: 0 !important;
}
body.home .lx-extra-services .lx-service-item {
min-width: 0 !important;
min-height: 220px !important;
margin: 0 !important;
padding: 28px 18px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 20px !important;
background: linear-gradient(145deg,#fffdf9,#f7f1e8) !important;
border: 1px solid rgba(205,169,119,.42) !important;
border-radius: 2px !important;
box-shadow: 0 16px 35px rgba(19,43,43,.07) !important;
text-align: center !important;
}
body.home .lx-extra-services .lx-service-item img {
display: block !important;
width: 88px !important;
height: 88px !important;
max-width: 88px !important;
max-height: 88px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
body.home .lx-extra-services .lx-service-item span {
color: #153536 !important;
font: 400 25px/1.12 "Cormorant Garamond", Georgia, serif !important;
letter-spacing: .01em !important;
}
@media (max-width: 980px) {
.lx-dining-v3-hero__content,
.lx-dining-v3-intro,
.lx-dining-v3-heading,
.lx-dining-v3-story,
.lx-dining-v3-service {
width: min(100% - 48px, 760px);
}
.lx-dining-v3-hero {
min-height: 680px;
}
.lx-dining-v3-essentials {
grid-template-columns: repeat(2,1fr);
padding: 12px 24px;
}
.lx-dining-v3-essentials span {
padding: 16px 10px;
border: 0;
}
.lx-dining-v3-intro,
.lx-dining-v3-menu__heading,
.lx-dining-v3-story {
grid-template-columns: 1fr;
gap: 40px;
}
.lx-dining-v3-intro__copy {
padding-top: 0;
}
.lx-dining-v3-story figure {
height: min(64vw, 500px);
}
.lx-dining-v3-story--reverse figure,
.lx-dining-v3-story--reverse .lx-dining-v3-story__copy {
order: initial;
justify-self: auto;
}
.lx-dining-v3-menu {
padding-left: 24px;
padding-right: 24px;
}
.lx-dining-v3-menu__courses {
grid-template-columns: 1fr;
}
.lx-dining-v3-menu__courses article,
.lx-dining-v3-menu__courses article:first-child {
border-left: 0;
border-top: 1px solid rgba(205,169,119,.28);
padding: 28px 0;
}
.lx-dining-v3-menu__courses article:first-child {
border-top: 0;
}
.lx-dining-v3-photo {
background-attachment: scroll;
}
body.home .lx-extra-services {
grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}
}
@media (max-width: 640px) {
.lx-dining-v3-hero {
min-height: 620px;
}
.lx-dining-v3-hero__content {
width: calc(100% - 40px);
padding-bottom: 54px;
}
.page-id-2506 .lx-dining-v3-hero h1 {
font-size: clamp(52px, 16vw, 72px) !important;
line-height: .94 !important;
}
.lx-dining-v3-actions {
flex-direction: column;
align-items: stretch;
}
.lx-dining-v3-intro,
.lx-dining-v3-experiences,
.lx-dining-v3-service {
padding-top: 72px;
padding-bottom: 72px;
}
.lx-dining-v3-heading {
margin-bottom: 48px;
}
.lx-dining-v3-story {
width: calc(100% - 40px);
margin-bottom: 72px;
}
.lx-dining-v3-story figure {
height: 78vw;
}
.lx-dining-v3-service {
width: calc(100% - 40px);
}
.lx-dining-v3-service__list {
grid-template-columns: 1fr;
}
.lx-dining-v3-quote,
.lx-dining-v3-cta {
padding-left: 24px;
padding-right: 24px;
}
body.home .lx-extra-services {
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
width: calc(100% - 32px) !important;
gap: 12px !important;
}
body.home .lx-extra-services .lx-service-item {
min-height: 176px !important;
padding: 22px 12px !important;
}
body.home .lx-extra-services .lx-service-item img {
width: 70px !important;
height: 70px !important;
max-width: 70px !important;
max-height: 70px !important;
}
body.home .lx-extra-services .lx-service-item span {
font-size: 21px !important;
}
body.home .lx-primary-services .wp-block-image img,
body.home .lx-feature-grid .wp-block-image img {
width: 78px !important;
height: 78px !important;
max-width: 78px !important;
max-height: 78px !important;
}
} .page-id-1526 .entry-content > hr {
display: none !important;
}
.page-id-1526 .entry-content > p.has-medium-font-size {
line-height: 1.68 !important;
margin: 0 auto clamp(42px, 5vw, 68px) !important;
max-width: 1480px;
padding: 0 clamp(24px, 4vw, 58px) !important;
}
.page-id-1526 .entry-content > p.has-medium-font-size br:first-child {
display: none;
}
.page-id-1526 main.main > .content {
padding-top: clamp(34px, 4vw, 58px) !important;
}
.page-id-1526 main.main > .content > h1 {
margin: 0 auto clamp(26px, 3vw, 42px) !important;
}
.page-id-1526 .entry-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
@media (max-width: 980px) {
.lx-dining-v2-trust,
.lx-dining-v2-service-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-dining-v2-trust > div:nth-child(3) {
border-top: 1px solid rgba(255, 255, 255, .14);
}
.lx-dining-v2-trust > div:nth-child(4) {
border-top: 1px solid rgba(255, 255, 255, .14);
border-right: 1px solid rgba(255, 255, 255, .14);
}
.lx-dining-v2-intro,
.lx-dining-v2-chef {
grid-template-columns: 1fr;
}
.lx-dining-v2-menu-card {
grid-template-rows: 280px 1fr;
}
.lx-dining-v2-chef figure {
min-height: 620px;
}
.lx-dining-v2-process-grid {
grid-template-columns: 1fr;
}
.lx-dining-v2-parallax {
background-attachment: scroll;
}
} .home .header {
background: #062426;
min-height: 100svh;
position: relative;
}
.home .topBar {
z-index: 130;
}
.home .lx-home-hero-copy {
color: #fff;
left: max(5.5vw, 52px);
max-width: min(900px, 78vw);
position: absolute;
top: clamp(210px, 27vh, 300px);
z-index: 120;
}
.home .lx-home-hero-kicker {
color: rgba(255, 255, 255, .64) !important;
font-family: Montserrat, sans-serif !important;
font-size: clamp(11px, .95vw, 14px) !important;
font-weight: 600 !important;
letter-spacing: .28em !important;
line-height: 1.4 !important;
margin: 0 0 clamp(24px, 3vw, 38px) !important;
text-transform: uppercase;
}
.home .lx-home-hero-copy h2 {
color: #fff !important;
font-family: "Cormorant Garamond", serif !important;
font-size: clamp(4.2rem, 6.5vw, 8rem) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -.045em !important;
line-height: .86 !important;
margin: 0 !important;
text-align: left !important;
text-shadow: 0 4px 28px rgba(0, 0, 0, .35);
text-transform: none !important;
}
.home .lx-home-hero-copy h2 span {
display: block;
white-space: nowrap;
}
.home .lx-home-hero-intro {
color: rgba(255, 255, 255, .82) !important;
font-family: Montserrat, sans-serif !important;
font-size: clamp(17px, 1.35vw, 21px) !important;
font-weight: 300 !important;
line-height: 1.65 !important;
margin: clamp(28px, 3.6vw, 48px) 0 0 !important;
max-width: 660px;
text-align: left !important;
}
.home .lx-home-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: clamp(28px, 3vw, 42px);
}
.home .lx-home-hero-button {
align-items: center;
border: 1px solid rgba(255, 255, 255, .6);
border-radius: 999px;
color: #fff !important;
display: inline-flex;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 600;
justify-content: center;
letter-spacing: .19em;
min-height: 56px;
padding: 0 34px;
text-decoration: none !important;
text-transform: uppercase;
transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
}
.home .lx-home-hero-button--gold {
background: #d4ae73;
border-color: #d4ae73;
color: #092c2e !important;
}
.home .lx-home-hero-button:hover,
.home .lx-home-hero-button:focus-visible {
background: #fff;
border-color: #fff;
color: #092c2e !important;
transform: translateY(-2px);
}
.home .lx-home-hero-promises {
align-items: stretch;
background: rgba(4, 42, 43, .92);
bottom: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
left: 0;
min-height: 88px;
position: absolute;
right: 0;
z-index: 121;
}
.home .lx-home-hero-promises span {
align-items: center;
color: rgba(255, 255, 255, .84);
display: flex;
font-family: Montserrat, sans-serif;
font-size: clamp(10px, .9vw, 13px);
font-weight: 500;
justify-content: center;
letter-spacing: .17em;
padding: 18px 22px;
text-align: center;
text-transform: uppercase;
}
.home .lx-home-hero-promises span + span {
border-left: 1px solid rgba(212, 174, 115, .45);
}
@media (max-width: 767px) {
.home .lx-home-hero-copy {
bottom: 124px;
left: 22px;
max-width: none;
right: 22px;
top: auto;
}
.home .lx-home-hero-kicker {
font-size: 10px !important;
letter-spacing: .22em !important;
margin-bottom: 18px !important;
}
.home .lx-home-hero-copy h2 {
font-size: clamp(3.1rem, 13.5vw, 4.5rem) !important;
line-height: .9 !important;
}
.home .lx-home-hero-copy h2 span {
white-space: normal;
}
.home .lx-home-hero-intro {
font-size: 15px !important;
line-height: 1.5 !important;
margin-top: 20px !important;
max-width: 520px;
}
.home .lx-home-hero-actions {
gap: 10px;
margin-top: 22px;
}
.home .lx-home-hero-button {
font-size: 10px;
letter-spacing: .13em;
min-height: 48px;
padding: 0 20px;
}
.home .lx-home-hero-promises {
grid-template-columns: repeat(2, minmax(0, 1fr));
min-height: 104px;
}
.home .lx-home-hero-promises span {
font-size: 9px;
letter-spacing: .12em;
padding: 12px 9px;
}
.home .lx-home-hero-promises span:nth-child(3),
.home .lx-home-hero-promises span:nth-child(4) {
border-top: 1px solid rgba(212, 174, 115, .35);
}
}
@media (max-width: 460px) {
.home .lx-home-hero-intro {
display: none;
}
.home .lx-home-hero-actions {
align-items: stretch;
flex-direction: column;
max-width: 270px;
}
.home .lx-home-hero-button {
width: 100%;
}
} body .lx-villa-page .lx-villa-hero__content {
color: #fff !important;
margin-right: auto;
max-width: min(900px, 80vw);
text-align: left !important;
text-shadow: 0 3px 28px rgba(0, 0, 0, .35);
}
body .lx-villa-page .lx-villa-hero .lx-villa-kicker {
color: #e4c58f !important;
text-align: left !important;
}
body .lx-villa-page .lx-villa-hero h1 {
color: #fff !important;
font-family: "Marcellus", serif !important;
font-size: clamp(3.6rem, 7.2vw, 7.4rem) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -.045em !important;
line-height: .92 !important;
margin: 0 0 26px !important;
max-width: 12ch;
text-align: left !important;
text-transform: none !important;
}
body .lx-villa-page .lx-villa-hero__summary {
color: rgba(255, 255, 255, .94) !important;
font-family: Montserrat, sans-serif !important;
font-size: clamp(17px, 1.45vw, 22px) !important;
line-height: 1.65 !important;
margin: 0 0 30px !important;
max-width: 760px;
text-align: left !important;
}
body .lx-villa-page .lx-villa-facts {
justify-content: flex-start !important;
}
body .lx-villa-page .lx-villa-facts li {
background: rgba(8, 35, 36, .52) !important;
border: 1px solid rgba(255, 255, 255, .52) !important;
color: #fff !important;
opacity: 1 !important;
text-align: center !important;
}
body .lx-villa-page .lx-villa-cta h2 {
color: #fff !important;
}
body .lx-villa-page .lx-villa-cta .lx-villa-kicker {
color: #e4c58f !important;
}
body .lx-villa-page .lx-villa-cta > p:not(.lx-villa-kicker) {
color: rgba(255, 255, 255, .84) !important;
}
@media (max-width: 767px) {
body .lx-villa-page .lx-villa-hero {
min-height: 680px;
padding: 110px 22px 42px;
}
body .lx-villa-page .lx-villa-hero__content {
max-width: 100%;
}
body .lx-villa-page .lx-villa-hero h1 {
font-size: clamp(3rem, 15vw, 5rem) !important;
}
body .lx-villa-page .lx-villa-facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
width: 100%;
}
body .lx-villa-page .lx-villa-facts li {
padding: 13px 10px;
}
} body .lx-villa-photo-band {
position: relative;
}
body .lx-villa-photo-band .lx-villa-photo-band__caption {
align-self: flex-end;
background: linear-gradient(90deg, rgba(6, 29, 31, .68), rgba(6, 29, 31, .2) 72%, transparent);
border-left: 2px solid #d3ae73;
color: #fff !important;
margin-right: auto;
max-width: min(760px, 78vw);
padding: clamp(22px, 3.2vw, 38px);
text-align: left !important;
text-shadow: 0 2px 20px rgba(0, 0, 0, .36);
}
body .lx-villa-photo-band .lx-villa-photo-band__caption h2 {
color: #fff !important;
font-family: "Marcellus", serif !important;
font-size: clamp(2.7rem, 4.8vw, 5rem) !important;
font-style: normal !important;
font-weight: 400 !important;
letter-spacing: -.035em !important;
line-height: 1.02 !important;
margin: 10px 0 18px !important;
max-width: 12ch;
text-align: left !important;
text-transform: none !important;
}
body .lx-villa-photo-band .lx-villa-photo-band__caption .lx-villa-kicker {
color: #e4c58f !important;
font-family: Montserrat, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .22em !important;
line-height: 1.4 !important;
margin: 0 0 10px !important;
text-align: left !important;
text-transform: uppercase !important;
}
body .lx-villa-photo-band .lx-villa-photo-band__caption p:not(.lx-villa-kicker) {
color: rgba(255, 255, 255, .94) !important;
font-family: Montserrat, sans-serif !important;
font-size: clamp(16px, 1.25vw, 19px) !important;
line-height: 1.65 !important;
margin: 0 !important;
max-width: 640px;
text-align: left !important;
}
@media (max-width: 767px) {
body .lx-villa-photo-band {
min-height: 620px;
padding: 28px 20px;
}
body .lx-villa-photo-band .lx-villa-photo-band__caption {
background: linear-gradient(90deg, rgba(6, 29, 31, .82), rgba(6, 29, 31, .42));
max-width: 100%;
padding: 22px 20px;
}
body .lx-villa-photo-band .lx-villa-photo-band__caption h2 {
font-size: clamp(2.2rem, 11vw, 3.45rem) !important;
max-width: 11ch;
}
}
@media (max-width: 640px) {
.lx-dining-v2-hero {
min-height: 700px;
padding: 54px 24px;
}
.lx-dining-v2-hero::after,
.lx-dining-v2-parallax::after {
inset: 12px;
}
.lx-dining-v2-actions {
align-items: stretch;
flex-direction: column;
}
.lx-dining-v2-button {
width: 100%;
}
.lx-dining-v2-trust,
.lx-dining-v2-menu-grid,
.lx-dining-v2-service-grid,
.lx-dining-v2-tasting__grid {
grid-template-columns: 1fr;
}
.lx-dining-v2-trust > div {
border-right: 1px solid rgba(255, 255, 255, .14);
border-top: 1px solid rgba(255, 255, 255, .14);
min-height: 130px;
}
.lx-dining-v2-intro {
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
}
.lx-dining-v2-menu-card {
grid-template-rows: 235px 1fr;
}
.lx-dining-v2-parallax {
min-height: 540px;
padding: 44px 24px;
}
.lx-dining-v2-chef {
padding-left: 20px;
padding-right: 20px;
}
.lx-dining-v2-chef figure {
min-height: 500px;
}
.lx-dining-v2-chef article {
padding: 40px 26px;
}
.page-id-1526 .entry-content > p.has-medium-font-size {
font-size: 17px !important;
margin-bottom: 34px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}#lx-mobile-offer{display:none!important}
@media(max-width:767px){
html.lx-mobile-offer-ready .lx-home-refresh .lh-stay-offer,
html.lx-mobile-offer-ready .lx-amenities .la-stay-offer{display:none!important}
html.lx-mobile-offer-open,html.lx-mobile-offer-open body{overflow:hidden!important}
#lx-mobile-offer[open]{display:block!important;position:fixed;inset:auto 16px max(16px,env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:440px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:0 auto;padding:34px 28px 24px;box-sizing:border-box;border:1px solid #c9aa7c;border-radius:16px;background:#073d3c;color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.28);text-align:left}
#lx-mobile-offer::backdrop{background:rgba(8,28,28,.6)}
#lx-mobile-offer *,#lx-mobile-offer *:before,#lx-mobile-offer *:after{box-sizing:border-box}
#lx-mobile-offer .lxmo-close{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer}
#lx-mobile-offer .lxmo-close svg{display:block;width:21px;height:21px;stroke:currentColor}
#lx-mobile-offer .lxmo-kicker{font:600 10px/1.5 var(--body-font-family,"Montserrat",sans-serif)!important;letter-spacing:.2em;text-transform:uppercase;color:#c9aa7c!important;margin:0 34px 21px 0!important;padding:0!important;text-align:left}
#lx-mobile-offer h2{font:400 clamp(29px,8.4vw,36px)/1.15 var(--headline-font-family,"Marcellus",serif)!important;letter-spacing:-.025em;text-transform:none;color:#fff!important;margin:0 0 20px!important;padding:0!important;text-align:left}
#lx-mobile-offer h2 span{display:block;font-size:clamp(43px,12vw,52px);line-height:1.12;color:#c9aa7c!important;margin-top:7px}
#lx-mobile-offer h2:before,#lx-mobile-offer h2:after{display:none!important}
#lx-mobile-offer .lxmo-description{font:400 14px/1.8 var(--body-font-family,"Montserrat",sans-serif)!important;color:#fff!important;margin:0 0 26px!important;padding:0!important;text-align:left}
#lx-mobile-offer .lxmo-description strong{font-weight:600;color:#fff!important}
#lx-mobile-offer .lxmo-book{display:flex;align-items:center;justify-content:center;gap:18px;min-height:52px;width:100%;padding:15px 18px;border:1px solid #c9aa7c;border-radius:999px;background:#c9aa7c;color:#102b2c!important;font:600 11px/1.5 var(--body-font-family,"Montserrat",sans-serif)!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;text-align:center}
#lx-mobile-offer .lxmo-book:hover{background:#e0c59e;border-color:#e0c59e}
#lx-mobile-offer .lxmo-dismiss{display:block;min-height:44px;margin:10px auto 0;padding:12px 16px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff!important;font:500 10px/1.5 var(--body-font-family,"Montserrat",sans-serif)!important;letter-spacing:.11em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#lx-mobile-offer a:focus-visible,#lx-mobile-offer button:focus-visible{outline:2px solid #fff!important;outline-offset:4px}
}#lx-mobile-header,#lx-mobile-nav,#lx-menu-panel{display:none}
@media(max-width:981px){
html{scroll-padding-top:90px;scroll-padding-bottom:90px}
body{--lxm-top:calc(74px + env(safe-area-inset-top,0px));--lxm-bottom:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:var(--lxm-bottom)!important}
body::before,body #lx-logo-home{display:none!important}
body #lx-mobile-header{position:fixed!important;display:flex!important;align-items:center;justify-content:center;top:0;left:0;right:0;height:var(--lxm-top);box-sizing:border-box;padding:env(safe-area-inset-top,0px) 20px 0;background:#fffdf9;border-bottom:1px solid rgba(201,170,124,.5);box-shadow:0 2px 16px rgba(7,61,60,.08);z-index:2147483645}
body #lx-mobile-header>a{display:flex;align-items:center;justify-content:center;gap:9px;height:74px;text-decoration:none!important;color:#073d3c!important}
body #lx-mobile-header .lxm-brand-icon{display:block;width:85px;height:52px;object-fit:contain;margin:0}
body #lx-mobile-header .lxm-brand-name{font:400 27px/.95 "Cormorant Garamond",serif;letter-spacing:.01em;color:#073d3c!important}
body #lx-mobile-header small{display:block;margin-top:7px;font:500 9px/1 Montserrat,sans-serif;letter-spacing:.15em;color:#073d3c!important}
body #lx-mobile-nav{display:grid!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;grid-template-columns:1fr 1fr 1.45fr!important;height:var(--lxm-bottom)!important;min-height:72px;margin:0!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;background:#073d3c!important;border:0!important;border-top:1px solid rgba(201,170,124,.6)!important;box-shadow:0 -8px 24px rgba(7,40,39,.15);overflow:hidden!important;z-index:2147483646!important}
body #lx-mobile-nav #lx-phone,body #lx-mobile-nav #lx-book{height:72px!important;min-width:0;width:100%!important;background:transparent!important}
body #lx-mobile-nav a,body #lx-mobile-nav button{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;width:100%!important;height:72px!important;min-height:44px!important;margin:0!important;padding:10px 4px!important;border:0!important;border-radius:0!important;background:#073d3c!important;box-shadow:none!important;font:600 10px/1.25 Montserrat,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;cursor:pointer!important;touch-action:manipulation}
body #lx-mobile-nav #lx-book a{background:#c9aa7c!important;color:#073d3c!important;-webkit-text-fill-color:#073d3c!important;letter-spacing:.09em!important}
body #lx-mobile-nav #lx-menu-button{border-left:1px solid rgba(255,255,255,.16)!important}
body #lx-mobile-nav svg{display:block!important;flex:none;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body #lx-mobile-nav a:hover,body #lx-mobile-nav button:hover{background:#125654!important}
body #lx-mobile-nav #lx-book a:hover{background:#e4cba4!important}
body #lx-mobile-nav :focus-visible,body #lx-mobile-header a:focus-visible{outline:2px solid #c9aa7c!important;outline-offset:-5px!important}
body #lx-mobile-nav #lx-book a:focus-visible{outline-color:#073d3c!important}
body #lx-mobile-nav .lh-book-saving-note{display:none!important}
body dialog#lx-menu-panel{position:fixed!important;inset:var(--lxm-top) 0 0 auto!important;width:min(100%,520px)!important;height:calc(100dvh - var(--lxm-top))!important;max-height:none!important;max-width:100vw!important;margin:0!important;padding:0 24px calc(28px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-left:1px solid rgba(201,170,124,.4)!important;box-sizing:border-box!important;background:#fffdf9!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:-16px 0 80px rgba(0,0,0,.15)!important;color:#073d3c;z-index:2147483647!important}
body dialog#lx-menu-panel:not([open]){display:none!important}
body dialog#lx-menu-panel[open]{display:block!important}
body dialog#lx-menu-panel::backdrop{background:rgba(3,29,29,.52);backdrop-filter:blur(3px)}
body.lx-mobile-menu-open{overflow:hidden!important}
body #lx-menu-panel .lxm-menu-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffdf9;z-index:3;padding:14px 0;border-bottom:1px solid rgba(201,170,124,.6)}
body #lx-menu-panel #lxm-menu-title{margin:0!important;color:#176b67!important;font:600 10px/1.4 Montserrat,sans-serif!important;letter-spacing:.17em;text-transform:uppercase}
body #lx-menu-panel #lxm-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;margin:0;padding:10px;border:1px solid rgba(7,61,60,.25);border-radius:50%;background:transparent;color:#073d3c;cursor:pointer}
body #lx-menu-panel #lxm-menu-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
body #lx-menu-panel #lx-menu-links{width:100%!important;padding:8px 0 16px!important;background:transparent!important}
body #lx-menu-panel #lx-menu-links>a,body #lx-menu-panel summary{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%!important;min-height:56px;box-sizing:border-box;padding:16px 0!important;margin:0!important;font:400 27px/1.15 "Cormorant Garamond",serif!important;letter-spacing:0;text-transform:none;color:#073d3c!important;-webkit-text-fill-color:#073d3c!important;background:transparent!important;text-decoration:none!important;border:0!important;border-bottom:1px solid rgba(7,61,60,.15)!important;cursor:pointer;list-style:none}
body #lx-menu-panel summary::-webkit-details-marker{display:none}
body #lx-menu-panel summary>span{font:300 22px/1 Montserrat,sans-serif;color:#96723e;transition:transform .2s}
body #lx-menu-panel details[open]>summary>span{transform:rotate(45deg)}
body #lx-menu-panel .lxm-submenu{padding:4px 0 12px 16px;border-left:1px solid #c9aa7c}
body #lx-menu-panel .lxm-submenu a{display:flex!important;align-items:center;min-height:44px;margin:0!important;padding:11px 10px!important;border:0!important;background:transparent!important;color:#073d3c!important;-webkit-text-fill-color:#073d3c!important;font:500 11px/1.6 Montserrat,sans-serif!important;letter-spacing:.03em;text-decoration:none!important}
body #lx-menu-panel a[aria-current="page"]{color:#96723e!important;-webkit-text-fill-color:#96723e!important}
body #lx-menu-panel a:hover,body #lx-menu-panel summary:hover{color:#176b67!important;-webkit-text-fill-color:#176b67!important}
body #lx-menu-panel :focus-visible{outline:2px solid #96723e;outline-offset:3px}
body #lx-menu-panel .lxm-menu-note{border-top:1px solid rgba(201,170,124,.6);padding-top:24px;margin-top:14px}
body #lx-menu-panel .lxm-menu-note>span,body #lx-menu-panel .lxm-menu-note p{display:block;color:#073d3c!important;font:400 25px/1.2 "Cormorant Garamond",serif!important;margin:0!important}
body #lx-menu-panel .lxm-menu-note a{display:inline-block;margin-top:16px;color:#176b67!important;font:400 11px/1.5 Montserrat,sans-serif}
body #lxm-language-slot:not(:empty){padding:14px 0;min-height:44px}
body #lxm-language-slot .keyTranslate{position:static!important;width:100%!important;display:block!important}
body #lxm-language-slot .gtranslate_wrapper{display:block!important;visibility:visible!important;position:static!important}
body #lxm-language-slot .gt_switcher{max-width:100%}
body #lxm-language-slot .gt_selected,body #lxm-language-slot .gt_option{background:#fffdf9!important}
body #lxm-language-slot a{color:#073d3c!important;-webkit-text-fill-color:#073d3c!important;font:400 13px/1.5 Montserrat,sans-serif!important;min-height:44px;box-sizing:border-box}
body #lxm-language-slot .gt_selected>a{display:flex!important;align-items:center;gap:6px}
body.admin-bar #lx-mobile-header{top:46px}
body.admin-bar dialog#lx-menu-panel{top:calc(var(--lxm-top) + 46px)!important;height:calc(100dvh - var(--lxm-top) - 46px)!important}
body .ht-ctc,body .ht-ctc-chat,body .joinchat,body .wa__btn_popup,body .floating-whatsapp{bottom:calc(var(--lxm-bottom) + 14px)!important}
body.lx-mobile-menu-open .ht-ctc,body.lx-mobile-menu-open .ht-ctc-chat{display:none!important} body.home header.header{display:block!important;position:relative!important;isolation:isolate;min-height:0!important;height:auto!important;margin-top:var(--lxm-top)!important;padding:0!important;overflow:hidden!important;background:#073d3c!important}
body.home header.header .topBar{display:none!important}
body.home header.header figure.secTop{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;z-index:0!important}
body.home header.header figure.secTop .test,body.home header.header figure.secTop .slick-list,body.home header.header figure.secTop .slick-track,body.home header.header figure.secTop .rotateDiv,body.home header.header figure.secTop .imageRotate,body.home header.header figure.secTop .slick-slide{height:100%!important;min-height:0!important;max-height:none!important}
body.home header.header figure.secTop .rotateContent{display:none!important}
body.home header.header figure.secTop::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(4,35,36,.6),rgba(4,35,36,.15)),linear-gradient(0deg,rgba(4,35,36,.75),transparent 80%);pointer-events:none}
body.home header.header .lx-home-hero-copy{display:block!important;position:relative!important;inset:auto!important;z-index:4!important;width:auto!important;max-width:640px!important;margin:0 auto!important;padding:60px 26px 42px!important;transform:none!important;opacity:1!important;visibility:visible!important}
body.home header.header .lx-home-hero-kicker{font-size:9px!important;letter-spacing:.18em!important;margin:0 0 24px!important;color:#e4cba4!important}
body.home header.header .lx-home-hero-copy h2{font-size:clamp(44px,11.8vw,72px)!important;line-height:.98!important}
body.home header.header .lx-home-hero-copy h2 span{white-space:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.home header.header .lx-home-hero-intro{display:block!important;font-size:14px!important;line-height:1.7!important;margin:24px 0 0!important;color:#fff!important}
body.home header.header .lx-home-hero-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;max-width:none!important;margin-top:28px!important}
body.home header.header .lx-home-hero-button{flex:1 1 180px;width:auto!important;min-height:48px!important;font-size:9px!important;padding:14px 16px!important;box-sizing:border-box;letter-spacing:.1em!important}
body.home header.header .lx-home-hero-promises{display:grid!important;position:relative!important;inset:auto!important;grid-template-columns:1fr 1fr!important;min-height:80px!important;z-index:4!important;background:#073d3c!important}
body.home header.header .lx-home-hero-promises span{min-height:40px;padding:10px 12px!important;font-size:8px!important;letter-spacing:.1em!important}
body.home #lx-mobile-hero{display:none!important}
body.home main#content{padding-top:36px!important}
body.home main#content>.content{padding-top:0!important}
body.home main#content>.content>h1{margin-top:0!important}
}
@media(min-width:982px){body #lx-mobile-header,body #lx-mobile-nav,body dialog#lx-menu-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){#lx-menu-panel *{transition:none!important}}.home figure.secTop,
.home figure.secTop .test,
.home figure.secTop .slick-list,
.home figure.secTop .slick-track,
.home figure.secTop .rotateDiv,
.home figure.secTop .imageRotate,
.home figure.secTop .slick-slide {
height: 100svh !important;
max-height: none !important;
min-height: 720px !important;
}
.home figure.secTop {
isolation: isolate;
}
.home figure.secTop::before {
border: 1px solid rgba(255, 255, 255, .24);
content: "";
inset: clamp(18px, 2.4vw, 38px);
pointer-events: none;
position: absolute;
z-index: 3;
}
.home figure.secTop .imageRotate picture {
display: block;
height: 100%;
width: 100%;
}
.home figure.secTop .imageRotate img {
height: 100% !important;
object-fit: cover !important;
object-position: center center;
width: 100% !important;
}
.home .secTop .rotateContent {
bottom: clamp(62px, 10vh, 126px) !important;
}
.home .rotateContent h2 {
max-width: 900px;
}
.home .topBar:not(.sticky) {
background: linear-gradient(180deg, rgba(6, 24, 27, .62) 0%, rgba(6, 24, 27, .18) 72%, transparent 100%) !important;
border-bottom: 1px solid rgba(255, 255, 255, .16);
} .home .entry-content > .wp-block-columns:first-of-type {
align-items: stretch !important;
background: #fffdf9;
border: 1px solid rgba(201, 170, 124, .38);
box-shadow: 0 28px 90px rgba(7, 42, 42, .13);
gap: 0 !important;
margin: clamp(46px, 7vw, 110px) auto;
max-width: 1480px;
overflow: hidden;
padding: 0 !important;
position: relative;
}
.home .entry-content > .wp-block-columns:first-of-type::after {
background: linear-gradient(180deg, transparent, #c9aa7c 18%, #c9aa7c 82%, transparent);
content: "";
left: 50%;
opacity: .75;
position: absolute;
top: 8%;
bottom: 8%;
width: 1px;
z-index: 2;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child {
min-height: clamp(580px, 58vw, 820px);
overflow: hidden;
position: relative;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > div {
inset: 0;
position: absolute !important;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > div,
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child [data-aos],
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child .acf-innerblocks-container,
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child figure,
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child img {
height: 100% !important;
min-height: 100% !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
width: 100% !important;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child .acf-innerblocks-container {
display: grid !important;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child figure {
margin: 0 !important;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child img {
border-radius: 0 !important;
object-fit: cover;
object-position: center;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child {
background:
linear-gradient(135deg, rgba(247, 243, 235, .54), transparent 55%),
#fffdf9;
padding: clamp(48px, 7vw, 100px) !important;
position: relative;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child::before {
color: rgba(201, 170, 124, .65);
content: "LXRYHOME";
font: 600 10px/1 Montserrat, sans-serif;
letter-spacing: .34em;
margin-bottom: 30px;
text-transform: uppercase;
} .lx-native-gallery,
.lx-native-villas {
margin: 2rem auto 3rem;
width: min(1240px, calc(100% - 40px));
}
.lx-native-track {
display: grid;
gap: 18px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lx-native-card {
background: #f7f3ec;
border: 1px solid rgba(25, 47, 55, .12);
box-shadow: 0 14px 38px rgba(16, 38, 46, .1);
color: #193039;
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.lx-native-card img {
aspect-ratio: 16 / 10;
display: block;
height: auto;
object-fit: cover;
transition: transform .55s ease;
width: 100%;
}
.lx-native-card:hover img,
.lx-native-card:focus-visible img {
transform: scale(1.035);
}
.lx-native-card__shade {
background: linear-gradient(180deg, transparent 30%, rgba(8, 28, 36, .88) 100%);
inset: 0;
position: absolute;
}
.lx-native-card__body {
bottom: 0;
color: #fff;
left: 0;
padding: clamp(18px, 3vw, 32px);
position: absolute;
right: 0;
z-index: 1;
}
.lx-native-card__eyebrow {
color: #b9e6e6;
display: block;
font: 600 11px/1.2 Montserrat, sans-serif;
letter-spacing: .18em;
margin-bottom: 8px;
text-transform: uppercase;
}
.lx-native-card__title {
display: block;
width: 100%;
color: inherit;
font: 500 clamp(25px, 3vw, 40px)/1 Cormorant Garamond, serif;
letter-spacing: .025em;
margin: 0;
}
.lx-native-card__meta {
display: block;
width: 100%;
color: rgba(255, 255, 255, .9);
font: 400 13px/1.5 Montserrat, sans-serif;
margin: 10px 0 0;
}
.lx-native-villas .lx-native-track {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-native-cta {
align-items: center;
background: #193039;
color: #fff !important;
display: inline-flex;
font: 600 12px/1 Montserrat, sans-serif;
justify-content: center;
letter-spacing: .12em;
margin: 24px auto 0;
min-height: 46px;
padding: 0 24px;
text-decoration: none;
text-transform: uppercase;
transition: background .25s ease, transform .25s ease;
}
.lx-native-cta:hover,
.lx-native-cta:focus-visible {
background: #1498d5;
transform: translateY(-2px);
}
.lx-native-actions {
text-align: center;
}
@media (max-width: 980px) {
.home figure.secTop,
.home figure.secTop .test,
.home figure.secTop .rotateDiv,
.home figure.secTop .imageRotate,
.home figure.secTop .slick-slide {
height: calc(100svh - 48px) !important;
min-height: 640px !important;
}
.home figure.secTop::before {
inset: 14px;
}
.home .entry-content > .wp-block-columns:first-of-type::after {
display: none;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child {
min-height: 56vh;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child {
padding: 42px 26px 50px !important;
}
}
@media (max-width: 767px) {
.lx-native-gallery,
.lx-native-villas {
margin: 1.25rem auto 2.5rem;
width: 100%;
}
.lx-native-track,
.lx-native-villas .lx-native-track {
display: flex;
gap: 14px;
overflow-x: auto;
padding: 6px 20px 20px;
scroll-padding-left: 20px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.lx-native-track::-webkit-scrollbar {
height: 4px;
}
.lx-native-track::-webkit-scrollbar-thumb {
background: rgba(20, 152, 213, .55);
border-radius: 99px;
}
.lx-native-card {
flex: 0 0 84vw;
scroll-snap-align: start;
}
.lx-native-card img {
aspect-ratio: 4 / 3;
}
.lx-native-card__body {
padding: 22px;
}
.lx-native-card__title {
font-size: 31px;
}
.lx-native-actions {
padding: 0 20px;
}
.keyFadeZ.lx-mobile-static-hero {
display: block !important;
height: calc(100svh - 48px) !important;
min-height: 640px !important;
overflow: hidden;
}
.keyFadeZ.lx-mobile-static-hero .rotateDiv {
display: block !important;
height: 100%;
}
.keyFadeZ.lx-mobile-static-hero .imageRotate,
.keyFadeZ.lx-mobile-static-hero .imageRotate img {
height: 100% !important;
width: 100% !important;
}
.keyFadeZ.lx-mobile-static-hero .imageRotate img {
object-fit: cover;
}
.keyFadeZ.lx-mobile-static-hero .rotateContent {
z-index: 2;
}
} .home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > * {
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
max-width: 610px;
width: 100%;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > p {
box-sizing: border-box !important;
font-size: clamp(17px, 1.25vw, 20px) !important;
line-height: 1.82 !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 610px !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: left !important;
width: calc(100% - clamp(72px, 7vw, 112px)) !important;
}
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > h2,
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > h3 {
padding-left: clamp(12px, 2vw, 30px);
padding-right: clamp(12px, 2vw, 30px);
text-align: center;
} @media (min-width: 981px) {
.home .navAndLogoContain {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1540px;
padding-left: clamp(54px, 5.2vw, 104px);
padding-right: clamp(54px, 5.2vw, 104px);
width: 100%;
}
.home .languages2.social {
box-sizing: border-box;
padding-left: clamp(72px, 7vw, 144px);
padding-right: clamp(72px, 7vw, 144px);
}
} .lx-primary-services {
align-items: stretch !important;
display: grid !important;
gap: clamp(14px, 2vw, 26px) !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
margin: clamp(34px, 5vw, 62px) auto 0 !important;
max-width: 1380px;
}
.lx-primary-services > .wp-block-column {
align-items: center;
background: linear-gradient(145deg, #fffdf9 0%, #f1eadf 100%);
border: 1px solid rgba(201, 170, 124, .48);
border-radius: 6px;
box-shadow: 0 16px 38px rgba(7, 61, 60, .10);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 220px;
min-width: 0;
padding: 28px 16px 24px;
position: relative;
text-align: center;
transition: transform .24s ease, box-shadow .24s ease;
}
.lx-primary-services > .wp-block-column::before {
background: linear-gradient(90deg, var(--luxury-sand), var(--luxury-aqua));
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.lx-primary-services > .wp-block-column:hover {
box-shadow: 0 24px 52px rgba(7, 61, 60, .16);
transform: translateY(-5px);
}
.lx-primary-services .wp-block-image,
.lx-primary-services .wp-block-image figure {
align-items: center;
display: flex;
height: 96px;
justify-content: center;
margin: 0 auto 20px !important;
overflow: visible;
width: 96px;
}
.lx-primary-services .wp-block-image figure {
margin: 0 !important;
}
.lx-primary-services .wp-block-image img {
background: transparent !important;
border-radius: 0 !important;
height: 96px !important;
margin: 0 !important;
max-height: 96px !important;
max-width: 96px !important;
mix-blend-mode: multiply;
object-fit: contain !important;
width: 96px !important;
}
.lx-primary-services p:empty {
display: none !important;
}
.lx-primary-services p:not(:empty) {
color: var(--luxury-ink) !important;
font: 500 clamp(17px, 1.5vw, 21px)/1.25 "Marcellus", serif !important;
letter-spacing: .015em;
margin: 0 !important;
max-width: 210px;
min-height: 0;
text-align: center !important;
} .lx-extra-services {
display: grid;
gap: clamp(14px, 2vw, 26px);
grid-template-columns: repeat(5, minmax(0, 1fr));
margin: clamp(34px, 5vw, 62px) auto clamp(24px, 4vw, 44px);
max-width: 1380px;
}
.lx-service-item {
align-items: center;
background: linear-gradient(145deg, #fffdf9 0%, #f1eadf 100%);
border: 1px solid rgba(201, 170, 124, .48);
border-radius: 6px;
box-shadow: 0 16px 38px rgba(7, 61, 60, .10);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 220px;
padding: 28px 16px 24px;
position: relative;
text-align: center;
transition: transform .24s ease, box-shadow .24s ease;
}
.lx-service-item::before {
background: linear-gradient(90deg, var(--luxury-sand), var(--luxury-aqua));
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.lx-service-item:hover {
box-shadow: 0 24px 52px rgba(7, 61, 60, .16);
transform: translateY(-5px);
}
.lx-service-item img,
.lx-service-item img.attachment-thumbnail {
height: 96px !important;
margin: 0 auto 20px !important;
max-height: 96px !important;
max-width: 96px !important;
mix-blend-mode: multiply;
object-fit: contain !important;
width: 96px !important;
}
.lx-service-item span {
color: var(--luxury-ink);
font: 500 clamp(17px, 1.5vw, 21px)/1.25 "Marcellus", serif;
letter-spacing: .015em;
} #lx-features-title {
margin-bottom: 16px;
}
#lx-features-title + p {
margin-left: auto;
margin-right: auto;
max-width: 760px;
text-align: left !important;
}
.lx-feature-grid {
gap: 18px !important;
margin: 18px 0 0 !important;
}
.lx-feature-grid > .wp-block-column {
background: linear-gradient(145deg, #fffdf9, #f3ece0);
border: 1px solid rgba(201, 170, 124, .42);
border-radius: 6px;
box-shadow: 0 16px 42px rgba(7, 61, 60, .10);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 250px;
overflow: hidden;
padding: 30px 20px 26px;
position: relative;
transition: transform .24s ease, box-shadow .24s ease;
}
.lx-feature-grid > .wp-block-column:nth-child(2) {
background: linear-gradient(145deg, #fbfaf6, #e7f1ee);
border-color: rgba(23, 107, 103, .28);
}
.lx-feature-grid > .wp-block-column:nth-child(3) {
background: linear-gradient(145deg, #fffdf9, #efe4d3);
}
.lx-feature-grid > .wp-block-column::before {
background: linear-gradient(90deg, var(--luxury-sand), var(--luxury-sea));
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.lx-feature-grid > .wp-block-column:hover {
box-shadow: 0 26px 56px rgba(7, 61, 60, .17);
transform: translateY(-5px);
}
.lx-feature-grid .wp-block-image {
align-items: center;
background: radial-gradient(circle at 38% 32%, #fff 0%, #f3eadb 68%, #ead9bd 100%);
border: 1px solid rgba(201, 170, 124, .45);
border-radius: 50%;
display: flex;
height: 150px;
justify-content: center;
margin: 0 auto 20px;
width: 150px;
}
.lx-feature-grid .wp-block-image figure {
margin: 0 !important;
}
.lx-feature-grid .wp-block-image img {
background: transparent !important;
border-radius: 0 !important;
height: 104px !important;
mix-blend-mode: multiply;
object-fit: contain;
width: 104px !important;
}
.lx-feature-grid h2 {
color: var(--luxury-ink);
font-size: clamp(19px, 1.5vw, 23px) !important;
letter-spacing: .015em;
line-height: 1.18;
margin: 0 !important;
} .home img.wp-image-420 {
background: transparent !important;
mix-blend-mode: multiply;
} .page-id-1526 .entry-content > .wp-block-columns > .wp-block-column {
background: #fffdf9 !important;
border: 1px solid rgba(16, 43, 44, .14) !important;
box-shadow: 0 18px 46px rgba(7, 61, 60, .11) !important;
opacity: 1 !important;
visibility: visible !important;
}
.page-id-1526 .entry-content > .wp-block-columns > .wp-block-column > * {
opacity: 1 !important;
visibility: visible !important;
}
@media (max-width: 980px) {
.lx-primary-services,
.lx-extra-services {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-primary-services > .wp-block-column:last-child,
.lx-service-item:last-child {
grid-column: 1 / -1;
}
.lx-feature-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lx-feature-grid > .wp-block-column:last-child {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:last-child > p {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
}
.lx-primary-services,
.lx-extra-services,
.lx-feature-grid {
grid-template-columns: 1fr;
}
.lx-primary-services > .wp-block-column:last-child,
.lx-service-item,
.lx-service-item:last-child,
.lx-feature-grid > .wp-block-column:last-child {
grid-column: auto;
}
.lx-feature-grid > .wp-block-column {
min-height: 220px;
}
} .lx-social-proof {
background:
radial-gradient(circle at 8% 15%, rgba(201, 170, 124, .20), transparent 30%),
linear-gradient(135deg, #082f2f 0%, #0f4846 58%, #0a3838 100%);
border: 1px solid rgba(201, 170, 124, .50);
color: #fff;
margin: clamp(62px, 8vw, 116px) calc(50% - 50vw) 0;
overflow: hidden;
padding: clamp(68px, 9vw, 126px) max(6vw, calc((100vw - 1380px) / 2));
position: relative;
width: 100vw;
}
.lx-social-proof::after {
border: 1px solid rgba(255, 255, 255, .18);
content: "";
inset: 22px;
pointer-events: none;
position: absolute;
}
.lx-social-proof__heading {
margin: 0 auto clamp(42px, 5vw, 66px);
max-width: 850px;
position: relative;
text-align: center;
z-index: 1;
}
.lx-social-proof__heading > p {
color: var(--luxury-sand) !important;
font: 600 11px/1.2 Montserrat, sans-serif !important;
letter-spacing: .28em;
margin: 0 0 18px !important;
text-transform: uppercase;
}
.lx-social-proof__heading h2 {
color: #fff !important;
font: 400 clamp(2.5rem, 5vw, 5rem)/1.02 "Marcellus", serif !important;
letter-spacing: -.025em;
margin: 0 0 22px !important;
text-align: center !important;
}
.lx-social-proof__heading > span {
color: rgba(255, 255, 255, .78);
display: block;
font-size: clamp(17px, 1.35vw, 20px);
line-height: 1.75;
margin: 0 auto;
max-width: 720px;
}
.lx-social-proof__grid {
display: grid;
gap: 1px;
grid-template-columns: repeat(4, minmax(0, 1fr));
position: relative;
z-index: 1;
}
.lx-proof-card {
background: rgba(255, 255, 255, .055);
border: 1px solid rgba(255, 255, 255, .17);
min-height: 280px;
padding: clamp(30px, 3vw, 44px);
transition: background .24s ease, transform .24s ease;
}
.lx-proof-card:hover {
background: rgba(255, 255, 255, .10);
transform: translateY(-4px);
}
.lx-proof-card__eyebrow {
color: var(--luxury-sand);
display: block;
font: 600 10px/1.2 Montserrat, sans-serif;
letter-spacing: .17em;
margin-bottom: 34px;
text-transform: uppercase;
}
.lx-proof-card h3 {
color: #fff;
font: 400 clamp(1.5rem, 2vw, 2rem)/1.2 "Marcellus", serif;
margin: 0 0 18px;
}
.lx-proof-card p {
color: rgba(255, 255, 255, .72) !important;
font-size: 15px !important;
line-height: 1.75 !important;
margin: 0 !important;
}
.lx-social-proof__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
margin-top: clamp(36px, 5vw, 56px);
position: relative;
z-index: 1;
}
.lx-proof-button {
border: 1px solid rgba(255, 255, 255, .62);
border-radius: 999px;
color: #fff !important;
font: 600 11px/1 Montserrat, sans-serif;
letter-spacing: .13em;
min-width: 190px;
padding: 17px 25px;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition: background .22s ease, color .22s ease, transform .22s ease;
}
.lx-proof-button--primary,
.lx-proof-button:hover {
background: var(--luxury-sand);
border-color: var(--luxury-sand);
color: var(--luxury-ink) !important;
transform: translateY(-2px);
}
.lx-social-proof__note {
color: rgba(255, 255, 255, .48) !important;
font-size: 12px !important;
letter-spacing: .03em;
margin: 20px 0 0 !important;
position: relative;
text-align: center !important;
z-index: 1;
}
@media (max-width: 980px) {
.lx-social-proof__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.lx-social-proof {
margin-top: 54px;
padding: 64px 24px;
}
.lx-social-proof::after {
inset: 12px;
}
.lx-social-proof__grid {
grid-template-columns: 1fr;
}
.lx-proof-card {
min-height: 0;
}
.lx-proof-button {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.lx-native-card img,
.lx-native-cta,
.lx-service-item,
.lx-feature-grid > .wp-block-column {
transition: none;
}
}