body.lst-home-redesign {
background: #050505;
overflow-x: hidden;
}
body.lst-home-redesign > header,
body.lst-home-redesign > footer,
body.lst-home-redesign .preloader {
display: none !important;
}
.lst-home,
.lst-home * {
box-sizing: border-box;
}
.lst-home {
--lst-black: #050505;
--lst-black-section: #0b0b0b;
--lst-black-card: #141414;
--lst-black-card-hover: #1b1b1b;
--lst-border-dark: rgba(255, 255, 255, 0.10);
--lst-border-gold: rgba(198, 154, 82, 0.55);
--lst-gold: #c69a52;
--lst-gold-light: #d7b46a;
--lst-gold-dark: #8b6532;
--lst-white: #ffffff;
--lst-ivory: #f4efe7;
--lst-beige: #cfc4b4;
--lst-gray: #a8a09a;
--lst-bordeaux: #6f0e14;
--lst-red-deep: #300609;
--lst-red-accent: #a01822;
--lst-serif: "Canela", "Cormorant Garamond", "Playfair Display", Georgia, serif;
--lst-sans: "Roboto", "Inter", "Montserrat", Arial, sans-serif;
position: relative;
width: 100%;
min-height: 100vh;
overflow: hidden;
background: var(--lst-black);
color: var(--lst-ivory);
font-family: var(--lst-sans);
}
.lst-home a {
color: inherit;
text-decoration: none;
}
.lst-home [id] {
scroll-margin-top: 96px;
}
.lst-home a:focus-visible,
.lst-home button:focus-visible {
outline: 2px solid var(--lst-gold-light);
outline-offset: 4px;
}
.lst-home img {
display: block;
max-width: 100%;
}
.lst-home-container {
width: min(100% - 128px, 1240px);
margin: 0 auto;
}
.lst-overline {
margin: 0;
color: var(--lst-gold);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.14em;
line-height: 1.4;
text-transform: uppercase;
}
.lst-section-title,
.lst-split-title,
.lst-home h1,
.lst-home h2,
.lst-home h3 {
font-family: var(--lst-serif);
font-weight: 500;
text-transform: none;
}
.lst-section-title {
margin: 8px 0 0;
color: var(--lst-ivory);
font-size: 42px;
line-height: 1.08;
letter-spacing: -0.018em;
}
.lst-split-title {
margin: 12px 0 20px;
max-width: 560px;
color: var(--lst-ivory);
font-size: 40px;
line-height: 1.06;
letter-spacing: -0.018em;
}
.lst-muted {
margin: 0;
max-width: 440px;
color: var(--lst-beige);
font-size: 15px;
line-height: 1.7;
}
.lst-icon {
display: inline-flex;
flex: 0 0 auto;
width: 30px;
height: 30px;
color: var(--lst-gold);
}
.lst-icon svg {
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 1.55;
stroke-linecap: round;
stroke-linejoin: round;
}
.lst-home-btn {
position: relative;
isolation: isolate;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 30px;
border: 1px solid transparent;
border-radius: 2px;
font-family: var(--lst-sans);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.03em;
line-height: 1;
text-transform: uppercase;
overflow: hidden;
transition: background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease, color 260ms ease, transform 260ms ease;
}
.lst-home-btn::before {
content: "";
position: absolute;
inset: -1px;
z-index: -1;
background: radial-gradient(circle at 50% 50%, rgba(255, 231, 179, 0.36), transparent 64%);
opacity: 0;
transform: scale(0.74);
transition: opacity 260ms ease, transform 260ms ease;
}
.lst-home-btn:hover {
transform: translateY(-2px);
}
.lst-home-btn--gold {
border-color: var(--lst-gold);
background: var(--lst-gold);
color: #111111;
box-shadow: 0 12px 34px rgba(198, 154, 82, 0.22);
}
.lst-home-btn--gold:hover {
border-color: var(--lst-gold-light);
background: var(--lst-gold-light);
color: #080808;
box-shadow: 0 16px 44px rgba(198, 154, 82, 0.38), 0 0 28px rgba(198, 154, 82, 0.18);
}
.lst-home-btn--gold:hover::before {
opacity: 1;
transform: scale(1);
}
.lst-home-btn--ghost {
border-color: rgba(255, 255, 255, 0.38);
background: rgba(255, 255, 255, 0.02);
color: var(--lst-ivory);
}
.lst-home-btn--ghost:hover {
border-color: var(--lst-gold);
color: var(--lst-gold-light);
}
.lst-reveal {
opacity: 1;
transform: none;
}
.lst-js-enabled .lst-reveal {
opacity: 0;
transform: translate3d(0, 42px, 0);
filter: blur(8px);
transition: opacity 820ms cubic-bezier(0.22, 1, 0.36, 1), transform 820ms cubic-bezier(0.22, 1, 0.36, 1), filter 820ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity, transform, filter;
}
.lst-js-enabled .lst-reveal.is-visible {
opacity: 1;
transform: translate3d(0, 0, 0);
filter: blur(0);
}
.lst-js-enabled .lst-hero__content.lst-reveal {
opacity: 1;
transform: none;
filter: none;
transition: none;
}
.lst-home-header {
position: fixed;
top: 0;
left: 0;
z-index: 30;
width: 100%;
min-height: 84px;
background: rgba(5, 5, 5, 0.66);
border-bottom: 1px solid rgba(198, 154, 82, 0.12);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
backdrop-filter: blur(18px) saturate(1.1);
transition: min-height 260ms ease, background-color 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}
.lst-home-header.is-compact {
min-height: 68px;
background: rgba(5, 5, 5, 0.84);
border-bottom-color: rgba(198, 154, 82, 0.25);
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
}
.lst-home-header__inner {
position: relative;
display: grid;
grid-template-columns: 180px 1fr auto 116px;
align-items: center;
min-height: 84px;
gap: 18px;
transition: min-height 260ms ease;
}
.lst-home-header.is-compact .lst-home-header__inner {
min-height: 68px;
}
.lst-home-header__logo {
grid-column: 1;
justify-self: start;
display: inline-flex;
align-items: center;
width: 145px;
transition: width 260ms ease;
}
.lst-home-header__logo img {
width: 145px;
height: auto;
max-height: 68px;
object-fit: contain;
transition: width 260ms ease, max-height 260ms ease;
}
.lst-home-header.is-compact .lst-home-header__logo,
.lst-home-header.is-compact .lst-home-header__logo img {
width: 126px;
}
.lst-home-header.is-compact .lst-home-header__logo img {
max-height: 56px;
}
.lst-home-nav {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1024px) {
.lst-home-nav {
position: absolute;
top: 0;
left: 50%;
height: 100%;
width: max-content;
transform: translateX(-50%);
}
.lst-home-nav__list {
height: 100%;
transform: translateY(26px);
transition: transform 260ms ease;
}
.lst-home-nav__list a {
min-height: 92px;
}
.lst-home-header.is-compact .lst-home-nav__list {
transform: translateY(17px);
}
.lst-home-header.is-compact .lst-home-nav__list a {
min-height: 74px;
}
}
.lst-home-nav__list {
display: flex;
align-items: center;
justify-content: center;
gap: 42px;
margin: 0;
padding: 0;
list-style: none;
}
.lst-home-nav__list li {
position: relative;
margin: 0;
padding: 0;
font-size: inherit;
line-height: 1;
}
.lst-home-nav__list a {
position: relative;
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 8px;
color: var(--lst-ivory);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.035em;
line-height: 1;
transition: color 220ms ease;
}
.lst-home-nav__list a:hover,
.lst-home-nav__list .current-menu-item > a,
.lst-home-nav__list .current_page_item > a,
.lst-home-nav__list .status-active > a {
color: var(--lst-gold);
}
.lst-home-nav__list .current-menu-item > a::after,
.lst-home-nav__list .current_page_item > a::after,
.lst-home-nav__list .status-active > a::after,
.lst-home-nav__list li:first-child > a::after {
content: "";
position: absolute;
left: 50%;
bottom: 5px;
width: 22px;
height: 1px;
background: var(--lst-gold);
transform: translateX(-50%);
}
.lst-home-header__reserve {
grid-column: 4;
justify-self: end;
width: 116px;
min-height: 46px;
padding: 0 18px;
}
.lst-home-header.is-compact .lst-home-header__reserve {
min-height: 40px;
}
.lst-home-header__call {
grid-column: 3;
justify-self: end;
}
.lst-home-call {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 0 14px;
border: 1px solid rgba(198, 154, 82, 0.34);
border-radius: 2px;
color: var(--lst-ivory);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
white-space: nowrap;
transition: border-color 220ms ease, color 220ms ease, background-color 220ms ease;
}
.lst-home-header.is-compact .lst-home-call {
min-height: 40px;
}
.lst-home-call:hover {
border-color: rgba(198, 154, 82, 0.72);
background: rgba(198, 154, 82, 0.08);
color: var(--lst-gold-light);
}
.lst-home-call .lst-icon {
width: 16px;
height: 16px;
}
.lst-mobile-call {
display: none;
}
.lst-home-nav__reserve,
.lst-home-burger {
display: none;
}
.lst-hero {
position: relative;
display: flex;
align-items: center;
min-height: 690px;
background: #120d0a;
overflow: hidden;
}
.lst-hero__cinema {
position: absolute;
inset: -2% 0;
z-index: 0;
overflow: hidden;
}
.lst-hero__cinema::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 72% 35%, rgba(250, 198, 0, 0.20), transparent 34%),
radial-gradient(circle at 18% 74%, rgba(111, 14, 20, 0.13), transparent 38%);
mix-blend-mode: soft-light;
pointer-events: none;
}
.lst-js-enabled .lst-hero__cinema {
opacity: 0;
transform: scale(1.06);
animation: lst-hero-cinema-reveal 1300ms cubic-bezier(0.22, 1, 0.36, 1) 120ms forwards;
}
.lst-hero__track {
position: absolute;
inset: 0;
height: 100%;
}
.lst-hero__slide {
position: absolute;
inset: 0;
height: 100%;
margin: 0;
overflow: hidden;
background: #160f0c;
opacity: 0;
animation: lst-hero-gallery 32s cubic-bezier(0.45, 0, 0.25, 1) infinite;
will-change: opacity;
}
.lst-hero__slide img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(1.32) contrast(1.04) saturate(1.16) sepia(0.05);
transform: scale(1.035) translate3d(0, 0, 0);
animation: lst-hero-photo-motion 32s cubic-bezier(0.45, 0, 0.25, 1) infinite;
will-change: transform;
}
.lst-hero__slide:nth-child(2),
.lst-hero__slide:nth-child(2) img {
animation-delay: 8s;
}
.lst-hero__slide:nth-child(3),
.lst-hero__slide:nth-child(3) img {
animation-delay: 16s;
}
.lst-hero__slide:nth-child(4),
.lst-hero__slide:nth-child(4) img {
animation-delay: 24s;
}
.lst-hero__slide.is-room-wide img {
object-position: center right;
}
.lst-hero__slide.is-jacuzzi img {
object-position: center center;
}
.lst-hero__slide.is-room-detail img {
object-position: 62% center;
}
.lst-hero__slide.is-suite-detail img {
object-position: 40% center;
}
@keyframes lst-hero-gallery {
0%, 100% {
opacity: 0;
}
4%, 22% {
opacity: 1;
}
28% {
opacity: 0;
}
}
@keyframes lst-hero-photo-motion {
0% {
transform: scale(1.035) translate3d(0, 0, 0);
}
22% {
transform: scale(1.075) translate3d(-1.5%, -0.6%, 0);
}
28%, 100% {
transform: scale(1.08) translate3d(-1.8%, -0.8%, 0);
}
}
.lst-hero__shade {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(3, 2, 2, 0.42) 0%, rgba(8, 5, 4, 0.26) 38%, rgba(8, 5, 4, 0.08) 68%, rgba(8, 5, 4, 0.20) 100%),
linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.lst-hero__content {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
align-items: center;
gap: 56px;
width: min(100% - 128px, 1240px);
padding-top: 106px;
}
.lst-hero__copy > * {
max-width: 610px;
}
.lst-hero__copy {
position: relative;
text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
}
.lst-hero__copy::before {
content: "";
position: absolute;
inset: -34px -42px -30px -34px;
z-index: -1;
border-radius: 34px;
background:
radial-gradient(circle at 18% 28%, rgba(0, 0, 0, 0.46), transparent 62%),
linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.12));
filter: blur(1px);
}
.lst-hero__title {
display: flex;
flex-direction: column;
margin: 16px 0 22px;
color: var(--lst-ivory);
font-size: 64px;
line-height: 0.98;
letter-spacing: -0.025em;
}
.lst-hero__title span {
display: block;
}
.lst-hero__text {
margin: 0 0 30px;
max-width: 480px;
color: #d6cec4;
font-size: 16px;
line-height: 1.65;
}
.lst-hero__badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: -12px 0 26px;
}
.lst-hero__badges span {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 12px;
border: 1px solid rgba(198, 154, 82, 0.36);
border-radius: 999px;
background: rgba(0, 0, 0, 0.28);
color: var(--lst-beige);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
}
.lst-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.lst-js-enabled .lst-hero__copy .lst-overline,
.lst-js-enabled .lst-hero__title span,
.lst-js-enabled .lst-hero__text,
.lst-js-enabled .lst-hero__badges,
.lst-js-enabled .lst-hero__actions,
.lst-js-enabled .lst-hero__booking {
opacity: 0;
transform: translate3d(0, 28px, 0);
filter: blur(6px);
animation: lst-hero-copy-reveal 920ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.lst-js-enabled .lst-hero__copy .lst-overline {
animation-delay: 260ms;
}
.lst-js-enabled .lst-hero__title span:nth-child(1) {
animation-delay: 380ms;
}
.lst-js-enabled .lst-hero__title span:nth-child(2) {
animation-delay: 480ms;
}
.lst-js-enabled .lst-hero__title span:nth-child(3) {
animation-delay: 580ms;
}
.lst-js-enabled .lst-hero__text {
animation-delay: 700ms;
}
.lst-js-enabled .lst-hero__badges {
animation-delay: 800ms;
}
.lst-js-enabled .lst-hero__actions {
animation-delay: 900ms;
}
.lst-js-enabled .lst-hero__booking {
animation-delay: 720ms;
}
.lst-hero__booking {
scroll-margin-top: 92px;
justify-self: end;
width: min(100%, 410px);
padding: 10px;
border: 1px solid rgba(250, 198, 0, 0.34);
border-radius: 26px;
background: linear-gradient(145deg, rgba(250, 198, 0, 0.20), rgba(111, 14, 20, 0.18));
box-shadow: 0 28px 78px rgba(0, 0, 0, 0.40);
backdrop-filter: blur(10px);
}
@keyframes lst-hero-cinema-reveal {
0% {
opacity: 0;
transform: scale(1.06);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes lst-hero-copy-reveal {
0% {
opacity: 0;
transform: translate3d(0, 28px, 0);
filter: blur(6px);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
filter: blur(0);
}
}
.lst-hero__booking #lodgify-book-now-box,
.lst-hero__booking [data-testid="book-now-box"] {
width: 100% !important;
}
.lst-hero__booking [data-testid="book-now-box"] {
border: 0 !important;
border-radius: 22px !important;
box-shadow: 0 24px 54px rgba(0, 0, 0, 0.25) !important;
}
.lst-hero__booking [data-testid="book-now-box.cta-button"] {
min-height: 52px;
font-weight: 800 !important;
letter-spacing: 0.04em;
}
.lst-lodgify-fallback[hidden] {
display: none !important;
}
.lst-lodgify-fallback {
display: grid;
gap: 14px;
padding: 28px;
border-radius: 22px;
background:
radial-gradient(circle at top right, rgba(198, 154, 82, 0.22), transparent 42%),
linear-gradient(145deg, rgba(19, 17, 16, 0.98), rgba(64, 9, 15, 0.92));
color: var(--lst-cream);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.lst-lodgify-fallback__eyebrow {
margin: 0;
color: var(--lst-gold);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.lst-lodgify-fallback__title {
margin: 0;
font-family: var(--lst-serif);
font-size: 26px;
line-height: 1.12;
}
.lst-lodgify-fallback__text {
margin: 0;
color: rgba(255, 248, 237, 0.76);
font-size: 14px;
line-height: 1.65;
}
.lst-hero__booking.is-lodgify-fallback-active #lodgify-book-now-box {
display: none !important;
}
.lst-feature-strip {
min-height: 92px;
background: rgba(5, 5, 5, 0.96);
border-top: 1px solid rgba(198, 154, 82, 0.22);
border-bottom: 1px solid rgba(198, 154, 82, 0.16);
}
.lst-feature-strip__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
min-height: 92px;
}
.lst-feature-strip__item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 0;
color: var(--lst-ivory);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
overflow: hidden;
transition: background-color 260ms ease, color 260ms ease, transform 260ms ease;
}
.lst-feature-strip__item::before {
content: "";
position: absolute;
inset: 10px;
border-radius: 999px;
background: radial-gradient(circle at 50% 50%, rgba(198, 154, 82, 0.18), transparent 68%);
opacity: 0;
transform: scale(0.72);
transition: opacity 260ms ease, transform 260ms ease;
}
.lst-feature-strip__item > * {
position: relative;
}
.lst-feature-strip__item:hover {
background: rgba(198, 154, 82, 0.055);
color: var(--lst-gold-light);
transform: translateY(-2px);
}
.lst-feature-strip__item:hover::before {
opacity: 1;
transform: scale(1);
}
.lst-feature-strip__item + .lst-feature-strip__item {
border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.lst-overview {
padding: 48px 0 54px;
background:
radial-gradient(circle at 84% 30%, rgba(111, 14, 20, 0.18), transparent 32%),
#080808;
border-bottom: 1px solid rgba(198, 154, 82, 0.16);
}
.lst-overview__inner {
display: grid;
grid-template-columns: 31% 1fr;
gap: 42px;
align-items: start;
}
.lst-overview__heading h2 {
margin: 10px 0 14px;
color: var(--lst-ivory);
font-family: var(--lst-serif);
font-size: 34px;
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.018em;
}
.lst-overview__heading p:last-child {
margin: 0;
color: var(--lst-beige);
font-size: 14px;
line-height: 1.65;
}
.lst-overview__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
.lst-overview-card {
position: relative;
min-height: 88px;
padding: 16px 14px;
border: 1px solid rgba(198, 154, 82, 0.20);
border-radius: 8px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
overflow: hidden;
transition: border-color 280ms ease, box-shadow 280ms ease, transform 280ms ease;
}
.lst-overview-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(198, 154, 82, 0.18), transparent 42%);
opacity: 0;
transition: opacity 280ms ease;
}
.lst-overview-card > * {
position: relative;
}
.lst-overview-card:hover {
border-color: rgba(198, 154, 82, 0.55);
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
transform: translateY(-4px);
}
.lst-overview-card:hover::before {
opacity: 1;
}
.lst-overview-card strong {
display: block;
color: var(--lst-ivory);
font-family: var(--lst-serif);
font-size: 18px;
font-weight: 500;
line-height: 1.12;
}
.lst-overview-card span {
display: block;
margin-top: 8px;
color: var(--lst-gray);
font-size: 12px;
line-height: 1.35;
}
.lst-section {
padding: 56px 0 64px;
}
.lst-experience {
background: #080808;
}
.lst-section__center {
text-align: center;
}
.lst-section-lead {
max-width: 690px;
margin: 16px auto 0;
color: var(--lst-beige);
font-size: 15px;
line-height: 1.7;
}
.lst-experience__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
width: min(100%, 1120px);
margin: 36px auto 0;
}
.lst-experience-card {
position: relative;
min-height: 158px;
padding: 28px 22px;
border: 1px solid rgba(198, 154, 82, 0.22);
border-radius: 3px;
background: linear-gradient(180deg, #191919, #111111);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
overflow: hidden;
text-align: center;
transition: transform 280ms ease, border-color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
}
.lst-experience-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 0%, rgba(198, 154, 82, 0.18), transparent 58%);
opacity: 0;
transition: opacity 280ms ease;
}
.lst-experience-card > * {
position: relative;
}
.lst-experience-card:hover {
border-color: rgba(198, 154, 82, 0.55);
background: linear-gradient(180deg, #1d1d1d, #131313);
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.34), 0 0 24px rgba(198, 154, 82, 0.12);
transform: translateY(-6px);
}
.lst-experience-card:hover::before {
opacity: 1;
}
.lst-experience-card__icon {
width: 40px;
height: 40px;
margin: 0 auto 13px;
}
.lst-experience-card h3 {
margin: 0 0 8px;
color: var(--lst-ivory);
font-size: 18px;
line-height: 1.15;
}
.lst-experience-card p {
margin: 0 auto;
max-width: 210px;
color: var(--lst-gray);
font-size: 13px;
line-height: 1.5;
}
.lst-equipment,
.lst-services {
display: grid;
grid-template-columns: 40% 60%;
min-height: 430px;
background: #0a0a0a;
}
.lst-equipment {
grid-template-columns: 48% 52%;
}
.lst-equipment__copy,
.lst-services__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 64px 56px;
}
.lst-equipment__copy {
padding-left: max(56px, calc((100vw - 1240px) / 2));
}
.lst-check-list {
display: grid;
gap: 10px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.lst-check-list li {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
color: #d8d0c7;
font-size: 14px;
line-height: 1.5;
}
.lst-check-list .lst-icon {
width: 18px;
height: 18px;
margin-top: 1px;
}
.lst-equipment__amenities {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 26px;
}
.lst-amenity-card {
position: relative;
padding: 18px;
border: 1px solid rgba(198, 154, 82, 0.20);
background: rgba(255, 255, 255, 0.025);
overflow: hidden;
transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}
.lst-amenity-card:hover {
border-color: rgba(198, 154, 82, 0.52);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06);
transform: translateY(-4px);
}
.lst-amenity-card h3 {
margin: 0 0 12px;
color: var(--lst-ivory);
font-size: 18px;
line-height: 1.15;
}
.lst-amenity-card ul {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.lst-amenity-card li {
display: flex;
align-items: flex-start;
gap: 8px;
color: #d8d0c7;
font-size: 12px;
line-height: 1.45;
}
.lst-amenity-card .lst-icon {
width: 15px;
height: 15px;
margin-top: 1px;
}
.lst-equipment__media {
--lst-parallax-y: 0px;
--lst-photo-scale: 1.045;
display: grid;
grid-template-columns: 62fr 38fr;
gap: 4px;
min-height: 430px;
overflow: hidden;
}
.lst-equipment__image {
width: 100%;
height: 100%;
min-height: 430px;
object-fit: cover;
transform: translate3d(0, var(--lst-parallax-y), 0) scale(var(--lst-photo-scale));
will-change: transform;
}
.lst-equipment__image--main {
object-position: center;
}
.lst-equipment__image--side {
object-position: center;
}
.lst-services {
grid-template-columns: 52% 48%;
min-height: 470px;
background: #080808;
}
.lst-services__content {
padding-left: max(56px, calc((100vw - 1240px) / 2));
}
.lst-services__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
max-width: 720px;
margin-top: 22px;
}
.lst-services__intro {
margin: 0;
max-width: 620px;
color: var(--lst-beige);
font-size: 14px;
line-height: 1.65;
}
.lst-service-card {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
min-height: 150px;
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: #151515;
box-shadow: 0 14px 38px rgba(0, 0, 0, 0.20);
overflow: hidden;
text-align: left;
transition: transform 280ms ease, border-color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
}
.lst-service-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(198, 154, 82, 0.16), transparent 45%);
opacity: 0;
transition: opacity 280ms ease;
}
.lst-service-card > * {
position: relative;
}
.lst-service-card::after {
content: "";
position: absolute;
left: 18px;
right: 18px;
bottom: 0;
height: 1px;
background: rgba(198, 154, 82, 0.45);
}
.lst-service-card:hover {
border-color: rgba(198, 154, 82, 0.62);
background: var(--lst-black-card-hover);
box-shadow: 0 22px 58px rgba(0, 0, 0, 0.32), 0 0 22px rgba(198, 154, 82, 0.10);
transform: translateY(-5px);
}
.lst-service-card:hover::before {
opacity: 1;
}
.lst-service-card__title {
display: block;
color: var(--lst-white);
font-family: var(--lst-serif);
font-size: 17px;
line-height: 1.1;
}
.lst-service-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
width: 100%;
}
.lst-service-card__price {
flex: 0 0 auto;
color: var(--lst-gold-light);
font-size: 13px;
font-weight: 700;
line-height: 1.1;
}
.lst-service-card del {
margin-top: 8px;
color: var(--lst-gray);
font-size: 12px;
}
.lst-service-card__description {
display: block;
margin-top: 10px;
color: var(--lst-beige);
font-size: 12px;
line-height: 1.45;
}
.lst-services__cta {
display: inline-flex;
width: fit-content;
margin-top: 22px;
color: var(--lst-gold-light);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.lst-services__media {
--lst-parallax-y: 0px;
--lst-photo-scale: 1.045;
position: relative;
min-height: 470px;
overflow: hidden;
}
.lst-services__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(90deg, rgba(8, 8, 8, 0.42), rgba(8, 8, 8, 0.08));
pointer-events: none;
}
.lst-services__media img {
width: 100%;
height: 100%;
min-height: 470px;
object-fit: cover;
object-position: center;
transform: translate3d(0, var(--lst-parallax-y), 0) scale(var(--lst-photo-scale));
transition: transform 120ms linear;
will-change: transform;
}
.lst-services__media:hover {
--lst-photo-scale: 1.065;
}
.lst-paris {
display: grid;
grid-template-columns: 24% 40% 36%;
min-height: 340px;
background: #101010;
}
.lst-paris__image {
--lst-parallax-y: 0px;
--lst-photo-scale: 1.055;
position: relative;
min-height: 340px;
overflow: hidden;
}
.lst-paris__image::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.24);
}
.lst-paris__image img {
width: 100%;
height: 100%;
min-height: 340px;
object-fit: cover;
transform: translate3d(0, var(--lst-parallax-y), 0) scale(var(--lst-photo-scale));
transition: transform 120ms linear;
will-change: transform;
}
.lst-paris__image--left img {
object-position: center;
}
.lst-paris__image--right img {
object-position: center;
}
.lst-paris__content {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 340px;
padding: 54px;
border-left: 1px solid rgba(198, 154, 82, 0.26);
border-right: 1px solid rgba(198, 154, 82, 0.26);
background: #101010;
}
.lst-paris__content h2 {
margin: 12px 0 12px;
color: var(--lst-ivory);
font-size: 40px;
line-height: 1.05;
letter-spacing: -0.018em;
}
.lst-paris__gold {
margin: 0 0 14px;
color: var(--lst-gold-light);
font-size: 15px;
line-height: 1.4;
}
.lst-paris__text {
margin: 0;
color: var(--lst-beige);
font-size: 14px;
line-height: 1.65;
}
.lst-paris__facts {
display: flex;
flex-wrap: wrap;
gap: 14px 20px;
margin-top: 18px;
}
.lst-paris__facts span {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--lst-ivory);
font-size: 13px;
line-height: 1.3;
}
.lst-paris__facts .lst-icon {
width: 18px;
height: 18px;
}
.lst-reviews {
position: relative;
padding: 54px 0 58px;
background:
radial-gradient(circle at 66% 22%, rgba(198, 154, 82, 0.12), transparent 22%),
radial-gradient(circle at 12% 18%, rgba(111, 14, 20, 0.18), transparent 30%),
linear-gradient(135deg, rgba(255, 255, 255, 0.028) 0 1px, transparent 1px 16px),
#050505;
border-top: 1px solid rgba(198, 154, 82, 0.14);
border-bottom: 1px solid rgba(198, 154, 82, 0.14);
overflow: hidden;
}
.lst-reviews__heading {
display: grid;
grid-template-columns: minmax(280px, 0.72fr) minmax(360px, 1fr);
gap: 40px;
align-items: center;
}
.lst-reviews__heading > div {
position: relative;
z-index: 1;
}
.lst-reviews__heading .lst-section-title {
position: relative;
z-index: 1;
margin-top: 0;
}
.lst-reviews__heading .lst-section-title::before {
content: "";
position: absolute;
right: 8%;
top: 50%;
z-index: -1;
width: 220px;
height: 120px;
background: radial-gradient(circle, rgba(198, 154, 82, 0.16), transparent 68%);
filter: blur(8px);
transform: translateY(-50%);
}
.lst-reviews__marquee {
position: relative;
width: 100vw;
margin: 34px calc(50% - 50vw) 0;
overflow: hidden;
}
.lst-reviews__marquee::before,
.lst-reviews__marquee::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
width: min(13vw, 170px);
pointer-events: none;
}
.lst-reviews__marquee::before {
left: 0;
background: linear-gradient(90deg, #050505 0%, rgba(5, 5, 5, 0.84) 42%, transparent 100%);
}
.lst-reviews__marquee::after {
right: 0;
background: linear-gradient(270deg, #050505 0%, rgba(5, 5, 5, 0.84) 42%, transparent 100%);
}
.lst-reviews__track {
display: flex;
gap: 16px;
width: max-content;
padding: 8px 16px 14px;
animation: lst-reviews-marquee 58s linear infinite;
}
.lst-review-card {
position: relative;
flex: 0 0 282px;
min-height: 136px;
padding: 20px;
border: 1px solid rgba(198, 154, 82, 0.24);
border-radius: 3px;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)),
#111111;
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
overflow: hidden;
transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease, background-color 260ms ease;
}
.lst-review-card:hover,
.lst-review-card:focus-within {
border-color: rgba(215, 180, 106, 0.82);
box-shadow: 0 0 0 1px rgba(215, 180, 106, 0.18), 0 18px 54px rgba(198, 154, 82, 0.18);
transform: translateY(-6px);
}
.lst-review-card__quote {
position: absolute;
right: 16px;
top: -18px;
color: rgba(198, 154, 82, 0.13);
font-family: var(--lst-serif);
font-size: 96px;
line-height: 1;
}
.lst-review-card__top {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.lst-review-card__top strong {
color: var(--lst-ivory);
font-family: var(--lst-serif);
font-size: 22px;
font-weight: 500;
line-height: 1;
}
.lst-review-card__top span {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 9px;
border: 1px solid rgba(198, 154, 82, 0.34);
border-radius: 999px;
background: rgba(198, 154, 82, 0.08);
color: var(--lst-gold);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: color 220ms ease, border-color 220ms ease, background-color 220ms ease, text-shadow 220ms ease;
}
.lst-review-card:hover .lst-review-card__top span,
.lst-review-card:focus-within .lst-review-card__top span {
border-color: rgba(215, 180, 106, 0.74);
background: rgba(198, 154, 82, 0.14);
color: var(--lst-gold-light);
text-shadow: 0 0 14px rgba(215, 180, 106, 0.42);
}
.lst-review-card p {
position: relative;
z-index: 1;
margin: 0;
color: #ddd5cc;
font-size: 13px;
line-height: 1.5;
}
@keyframes lst-reviews-marquee {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
}
}
.lst-press {
padding: 48px 0;
background: #0a0a0a;
border-bottom: 1px solid rgba(198, 154, 82, 0.18);
}
.lst-press__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 42px;
}
.lst-press__logos {
display: grid;
grid-template-columns: repeat(4, minmax(132px, 1fr));
gap: 14px;
width: min(100%, 760px);
}
.lst-press-logo {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 82px;
padding: 18px 20px;
border: 1px solid rgba(198, 154, 82, 0.24);
border-radius: 3px;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
#101010;
box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
overflow: hidden;
transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease, background-color 260ms ease;
}
.lst-press-logo::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 50% 0%, rgba(215, 180, 106, 0.13), transparent 58%);
opacity: 0;
transition: opacity 260ms ease;
}
.lst-press-logo img {
position: relative;
z-index: 1;
display: block;
width: 100%;
max-width: 138px;
max-height: 44px;
object-fit: contain;
opacity: 0.88;
transition: opacity 260ms ease, transform 260ms ease, filter 260ms ease;
}
.lst-press-logo:hover,
.lst-press-logo:focus-visible {
border-color: rgba(215, 180, 106, 0.82);
box-shadow: 0 0 0 1px rgba(215, 180, 106, 0.14), 0 18px 54px rgba(198, 154, 82, 0.15);
transform: translateY(-4px);
}
.lst-press-logo:hover::before,
.lst-press-logo:focus-visible::before {
opacity: 1;
}
.lst-press-logo:hover img,
.lst-press-logo:focus-visible img {
opacity: 1;
filter: drop-shadow(0 8px 18px rgba(215, 180, 106, 0.16));
transform: scale(1.025);
}
.lst-trust {
padding: 64px 0;
border-top: 1px solid rgba(198, 154, 82, 0.22);
border-bottom: 1px solid rgba(198, 154, 82, 0.22);
background:
radial-gradient(circle at 12% 20%, rgba(198, 154, 82, 0.08), transparent 28%),
linear-gradient(135deg, #080808 0%, #0d0d0d 48%, #050505 100%);
}
.lst-trust__grid {
display: grid;
grid-template-columns: 30% 70%;
align-items: center;
gap: 48px;
}
.lst-trust__badge {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 18px;
}
.lst-trust__badge img {
width: 190px;
height: auto;
background: #ffffff;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.lst-trust__items {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 30px;
}
.lst-trust-item {
position: relative;
padding: 0 28px;
transition: background-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}
.lst-trust-item:first-child {
padding-left: 0;
}
.lst-trust-item + .lst-trust-item {
border-left: 1px solid rgba(198, 154, 82, 0.24);
}
.lst-trust-item:hover {
background: rgba(198, 154, 82, 0.035);
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
transform: translateY(-3px);
}
.lst-trust-item .lst-icon {
width: 34px;
height: 34px;
margin-bottom: 14px;
}
.lst-trust-item h3 {
margin: 0 0 10px;
color: var(--lst-ivory);
font-size: 19px;
line-height: 1.18;
}
.lst-trust-item p {
margin: 0;
color: var(--lst-gray);
font-size: 13px;
line-height: 1.55;
}
.lst-final-cta {
min-height: 108px;
background:
linear-gradient(90deg, rgba(48, 6, 9, 0.94) 0%, rgba(111, 14, 20, 0.92) 50%, rgba(48, 6, 9, 0.94) 100%),
radial-gradient(circle at 12% 50%, rgba(160, 24, 34, 0.55), transparent 34%);
}
.lst-final-cta__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
min-height: 108px;
}
.lst-final-cta h2 {
margin: 0;
color: var(--lst-ivory);
font-size: 34px;
line-height: 1.1;
letter-spacing: -0.014em;
}
.lst-final-cta p {
margin: 7px 0 0;
max-width: 720px;
color: var(--lst-gold-light);
font-size: 16px;
line-height: 1.4;
}
.lst-final-cta__actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
.lst-home-footer {
padding: 48px 0 0;
border-top: 1px solid rgba(198, 154, 82, 0.18);
background: #050505;
color: var(--lst-beige);
}
.lst-home-footer__grid {
display: grid;
grid-template-columns: 1.25fr 0.7fr 1fr 1.05fr;
gap: 46px;
align-items: start;
}
.lst-home-footer__brand img {
width: 154px;
height: auto;
margin-bottom: 18px;
}
.lst-home-footer__brand p {
margin: 0;
max-width: 360px;
color: var(--lst-beige);
font-size: 14px;
line-height: 1.7;
}
.lst-home-footer h3 {
margin: 0 0 18px;
color: var(--lst-gold);
font-family: var(--lst-sans);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.lst-home-footer__nav,
.lst-home-footer__contact,
.lst-home-footer__links {
display: flex;
flex-direction: column;
gap: 10px;
}
.lst-home-footer__nav a,
.lst-home-footer__contact a,
.lst-home-footer__links a,
.lst-home-footer__bottom a,
.lst-home-footer__socials a {
color: var(--lst-beige);
font-size: 14px;
line-height: 1.4;
transition: color 220ms ease;
}
.lst-home-footer__nav a:hover,
.lst-home-footer__contact a:hover,
.lst-home-footer__links a:hover,
.lst-home-footer__bottom a:hover,
.lst-home-footer__socials a:hover {
color: var(--lst-gold-light);
}
.lst-home-footer__contact p {
margin: 0;
color: var(--lst-beige);
font-size: 14px;
line-height: 1.5;
}
.lst-home-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 18px;
}
.lst-home-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 42px;
padding: 22px 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.lst-home-footer__bottom p {
margin: 0;
max-width: 560px;
color: var(--lst-gray);
font-size: 13px;
}
.lst-home-footer__bottom div {
display: flex;
flex-wrap: wrap;
gap: 18px;
}
@media (max-width: 1199px) {
.lst-home-container,
.lst-hero__content {
width: min(100% - 64px, 1240px);
}
.lst-home-header__inner {
grid-template-columns: 160px 1fr 112px;
gap: 22px;
}
.lst-home-header__call {
display: none;
}
.lst-home-nav__list {
gap: 28px;
}
.lst-hero__title {
font-size: 58px;
}
.lst-equipment__copy,
.lst-services__content {
padding: 56px 32px;
}
.lst-equipment__copy,
.lst-services__content {
padding-left: 32px;
}
.lst-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lst-overview__inner {
grid-template-columns: 1fr;
}
.lst-overview__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lst-review-card {
flex-basis: 270px;
}
.lst-press__inner {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 1023px) {
.lst-home-header {
min-height: 72px;
}
.lst-home-header.is-compact {
min-height: 64px;
}
.lst-home-header__inner {
grid-template-columns: 1fr auto;
min-height: 72px;
}
.lst-home-header.is-compact .lst-home-header__inner {
min-height: 64px;
}
.lst-home-header__logo,
.lst-home-header__logo img {
width: 132px;
}
.lst-home-header.is-compact .lst-home-header__logo,
.lst-home-header.is-compact .lst-home-header__logo img {
width: 118px;
}
.lst-home-header__reserve {
display: none;
}
.lst-home-header__call {
display: none;
}
.lst-home-burger {
display: inline-flex;
flex-direction: column;
justify-content: center;
gap: 6px;
width: 46px;
height: 46px;
padding: 0;
border: 1px solid rgba(198, 154, 82, 0.36);
border-radius: 2px;
background: rgba(255, 255, 255, 0.03);
cursor: pointer;
}
.lst-home-burger span {
display: block;
width: 20px;
height: 1px;
margin: 0 auto;
background: var(--lst-ivory);
transition: transform 220ms ease, opacity 220ms ease;
}
.lst-home-header.is-open .lst-home-burger span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.lst-home-header.is-open .lst-home-burger span:nth-child(2) {
opacity: 0;
}
.lst-home-header.is-open .lst-home-burger span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.lst-home-nav {
position: absolute;
top: 72px;
left: 0;
right: 0;
display: grid;
grid-template-rows: 0fr;
justify-content: stretch;
overflow: hidden;
background: rgba(5, 5, 5, 0.98);
border-top: 1px solid rgba(198, 154, 82, 0.16);
border-bottom: 1px solid rgba(198, 154, 82, 0.18);
opacity: 0;
transition: grid-template-rows 280ms ease, opacity 220ms ease;
}
.lst-home-header.is-compact .lst-home-nav {
top: 64px;
}
.lst-home-header.is-open .lst-home-nav {
grid-template-rows: 1fr;
opacity: 1;
}
.lst-home-nav__list {
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 0;
min-height: 0;
padding: 18px 32px 22px;
}
.lst-home-nav__list a {
justify-content: center;
min-height: 56px;
font-size: 15px;
}
.lst-home-nav__reserve {
display: inline-flex;
width: calc(100% - 64px);
margin: 0 32px 28px;
}
.lst-hero {
min-height: 640px;
}
.lst-hero__content {
padding-top: 86px;
}
.lst-hero__title {
font-size: 52px;
}
.lst-hero__content {
grid-template-columns: 1fr;
align-content: center;
gap: 32px;
}
.lst-hero__booking {
justify-self: start;
width: min(100%, 430px);
}
.lst-feature-strip__grid {
grid-template-columns: repeat(2, 1fr);
}
.lst-feature-strip__item {
min-height: 82px;
}
.lst-feature-strip__item:nth-child(3) {
border-left: 0;
}
.lst-feature-strip__item:nth-child(n+3) {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.lst-overview__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lst-experience__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lst-equipment,
.lst-services {
grid-template-columns: 1fr;
}
.lst-equipment__copy,
.lst-services__content {
padding: 56px 32px;
}
.lst-equipment__media,
.lst-services__media,
.lst-services__media img {
min-height: 360px;
}
.lst-paris {
grid-template-columns: 1fr;
}
.lst-paris__image,
.lst-paris__image img {
min-height: 300px;
}
.lst-paris__content {
min-height: auto;
padding: 48px 32px;
border-left: 0;
border-right: 0;
border-top: 1px solid rgba(198, 154, 82, 0.26);
border-bottom: 1px solid rgba(198, 154, 82, 0.26);
}
.lst-trust__grid {
grid-template-columns: 1fr;
gap: 36px;
text-align: center;
}
.lst-trust__items {
grid-template-columns: repeat(3, minmax(0, 1fr));
text-align: left;
}
.lst-reviews__heading {
grid-template-columns: 1fr;
gap: 16px;
}
.lst-reviews__heading .lst-section-title {
max-width: 720px;
}
.lst-review-card {
flex-basis: 266px;
}
.lst-press__logos {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lst-home-footer__grid {
grid-template-columns: 1.2fr 1fr;
}
}
@media (max-width: 767px) {
.lst-home-container,
.lst-hero__content {
width: calc(100% - 40px);
}
.lst-overline {
font-size: 11px;
letter-spacing: 0.13em;
}
.lst-section-title {
font-size: 32px;
}
.lst-split-title {
font-size: 32px;
line-height: 1.08;
}
.lst-home-header__inner {
width: calc(100% - 40px);
}
.lst-home-nav__list {
padding-right: 20px;
padding-left: 20px;
}
.lst-home-nav__reserve {
width: calc(100% - 40px);
margin-right: 20px;
margin-left: 20px;
}
.lst-mobile-call {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 60;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0 16px;
border: 1px solid rgba(198, 154, 82, 0.65);
border-radius: 999px;
background: rgba(5, 5, 5, 0.90);
color: var(--lst-gold-light);
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(10px);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.lst-mobile-call .lst-icon {
width: 17px;
height: 17px;
}
.lst-hero {
align-items: flex-start;
min-height: 980px;
}
.lst-hero__slide img {
object-position: center;
filter: brightness(1.24) contrast(1.03) saturate(1.14) sepia(0.05);
}
.lst-hero__shade {
background:
linear-gradient(90deg, rgba(3, 2, 2, 0.58) 0%, rgba(8, 5, 4, 0.42) 55%, rgba(8, 5, 4, 0.22) 100%),
linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.22) 100%);
}
.lst-hero__copy::before {
inset: -24px -18px -24px -18px;
border-radius: 24px;
background:
radial-gradient(circle at 22% 26%, rgba(0, 0, 0, 0.52), transparent 64%),
linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.16));
}
.lst-hero__content {
padding-top: 148px;
padding-bottom: 54px;
}
.lst-hero__title {
margin-top: 14px;
font-size: 36px;
line-height: 1.03;
}
.lst-hero__text {
font-size: 15px;
}
.lst-hero__actions {
align-items: stretch;
}
.lst-hero__actions .lst-home-btn {
width: 100%;
}
.lst-hero__booking {
width: 100%;
padding: 6px;
border-radius: 20px;
}
.lst-feature-strip__grid {
width: 100%;
}
.lst-feature-strip__item {
flex-direction: column;
gap: 7px;
min-height: 92px;
padding: 14px 10px;
text-align: center;
}
.lst-overview {
padding: 42px 0;
}
.lst-overview__grid {
grid-template-columns: 1fr;
}
.lst-overview-card {
min-height: auto;
}
.lst-section {
padding: 44px 0;
}
.lst-experience__grid {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 28px;
}
.lst-experience-card {
min-height: 150px;
}
.lst-equipment__copy,
.lst-services__content {
padding: 48px 20px;
}
.lst-equipment__amenities {
grid-template-columns: 1fr;
}
.lst-equipment__media {
grid-template-columns: 1fr;
gap: 4px;
min-height: 0;
}
.lst-equipment__image {
min-height: 260px;
aspect-ratio: 16 / 10;
}
.lst-services__grid {
grid-template-columns: 1fr;
}
.lst-service-card__head {
flex-direction: column;
gap: 8px;
}
.lst-services__media,
.lst-services__media img {
min-height: 300px;
}
.lst-paris__image,
.lst-paris__image img {
min-height: auto;
aspect-ratio: 16 / 10;
}
.lst-paris__content {
padding: 44px 20px;
}
.lst-paris__content h2 {
font-size: 32px;
}
.lst-paris__facts {
flex-direction: column;
}
.lst-reviews {
padding: 42px 0 46px;
}
.lst-reviews__heading {
gap: 18px;
}
.lst-reviews__marquee {
margin-top: 24px;
}
.lst-reviews__marquee::before,
.lst-reviews__marquee::after {
width: 48px;
}
.lst-reviews__track {
gap: 12px;
padding: 8px 10px 14px;
animation-duration: 50s;
}
.lst-review-card {
flex-basis: 252px;
min-height: auto;
padding: 18px;
}
.lst-press {
padding: 42px 0;
}
.lst-press__logos {
grid-template-columns: 1fr;
width: 100%;
}
.lst-trust {
padding: 48px 0;
}
.lst-trust__badge img {
width: 170px;
}
.lst-trust__items {
grid-template-columns: 1fr;
gap: 14px;
}
.lst-trust-item,
.lst-trust-item:first-child {
padding: 22px;
border: 1px solid rgba(198, 154, 82, 0.20);
background: rgba(255, 255, 255, 0.03);
}
.lst-trust-item + .lst-trust-item {
border-left: 1px solid rgba(198, 154, 82, 0.20);
}
.lst-final-cta {
min-height: auto;
}
.lst-final-cta__inner {
flex-direction: column;
align-items: flex-start;
min-height: auto;
padding-top: 32px;
padding-bottom: 32px;
}
.lst-final-cta h2 {
font-size: 30px;
}
.lst-final-cta .lst-home-btn {
width: 100%;
}
.lst-final-cta__actions {
width: 100%;
}
.lst-home-footer {
padding-top: 40px;
}
.lst-home-footer__grid {
grid-template-columns: 1fr;
gap: 30px;
}
.lst-home-footer__bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 380px) {
.lst-home-container,
.lst-hero__content,
.lst-home-header__inner {
width: calc(100% - 32px);
}
.lst-hero__title {
font-size: 34px;
}
.lst-home-btn {
padding-right: 22px;
padding-left: 22px;
}
}
@media (prefers-reduced-motion: reduce) {
.lst-home *,
.lst-home *::before,
.lst-home *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
.lst-reveal {
opacity: 1;
transform: none;
}
.lst-hero__slide,
.lst-hero__slide img {
animation: none !important;
}
.lst-hero__slide:first-child {
opacity: 1;
}
.lst-js-enabled .lst-hero__cinema,
.lst-js-enabled .lst-hero__copy .lst-overline,
.lst-js-enabled .lst-hero__title span,
.lst-js-enabled .lst-hero__text,
.lst-js-enabled .lst-hero__badges,
.lst-js-enabled .lst-hero__actions,
.lst-js-enabled .lst-hero__booking {
opacity: 1;
transform: none;
filter: none;
animation: none !important;
}
.lst-equipment__image,
.lst-services__media img,
.lst-paris__image img {
transform: none;
}
.lst-reviews__marquee {
overflow-x: auto;
}
.lst-reviews__track {
animation: none;
transform: none;
}
.lst-review-card[aria-hidden="true"] {
display: none;
}
}