/*
* Extracted from sillagepalace.com.html.
* Inline styles are preserved below in their original block order.
* No potentially unused CSS selectors were removed because Elementor/WordPress classes can be added dynamically.
*/
/* Original style block 1 | source line 15 | attrs: id='wp-img-auto-sizes-contain-inline-css' */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/* Original style block 2 | source line 25 | attrs: id='global-styles-inline-css' */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--palette-color-1: var(--theme-palette-color-1, #000000);--wp--preset--color--palette-color-2: var(--theme-palette-color-2, #000000);--wp--preset--color--palette-color-3: var(--theme-palette-color-3, #000000);--wp--preset--color--palette-color-4: var(--theme-palette-color-4, #ffffff);--wp--preset--color--palette-color-5: var(--theme-palette-color-5, #f1f1f1);--wp--preset--color--palette-color-6: var(--theme-palette-color-6, #f6f6f6);--wp--preset--color--palette-color-7: var(--theme-palette-color-7, #f8fafa);--wp--preset--color--palette-color-8: var(--theme-palette-color-8, #ffffff);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--juicy-peach: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);--wp--preset--gradient--young-passion: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);--wp--preset--gradient--true-sunset: linear-gradient(to right, #fa709a 0%, #fee140 100%);--wp--preset--gradient--morpheus-den: linear-gradient(to top, #30cfd0 0%, #330867 100%);--wp--preset--gradient--plum-plate: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--wp--preset--gradient--aqua-splash: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);--wp--preset--gradient--love-kiss: linear-gradient(to top, #ff0844 0%, #ffb199 100%);--wp--preset--gradient--new-retrowave: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);--wp--preset--gradient--plum-bath: linear-gradient(to top, #cc208e 0%, #6713d2 100%);--wp--preset--gradient--high-flight: linear-gradient(to right, #0acffe 0%, #495aff 100%);--wp--preset--gradient--teen-party: linear-gradient(-225deg, #FF057C 0%, #8D0B93 50%, #321575 100%);--wp--preset--gradient--fabled-sunset: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);--wp--preset--gradient--arielle-smile: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);--wp--preset--gradient--itmeo-branding: linear-gradient(180deg, #2af598 0%, #009efd 100%);--wp--preset--gradient--deep-blue: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);--wp--preset--gradient--strong-bliss: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);--wp--preset--gradient--sweet-period: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);--wp--preset--gradient--purple-division: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);--wp--preset--gradient--cold-evening: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);--wp--preset--gradient--mountain-rock: linear-gradient(to right, #868f96 0%, #596164 100%);--wp--preset--gradient--desert-hump: linear-gradient(to top, #c79081 0%, #dfa579 100%);--wp--preset--gradient--ethernal-constance: linear-gradient(to top, #09203f 0%, #537895 100%);--wp--preset--gradient--happy-memories: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);--wp--preset--gradient--grown-early: linear-gradient(to top, #0ba360 0%, #3cba92 100%);--wp--preset--gradient--morning-salad: linear-gradient(-225deg, #B7F8DB 0%, #50A7C2 100%);--wp--preset--gradient--night-call: linear-gradient(-225deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);--wp--preset--gradient--mind-crawl: linear-gradient(-225deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);--wp--preset--gradient--angel-care: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);--wp--preset--gradient--juicy-cake: linear-gradient(to top, #e14fad 0%, #f9d423 100%);--wp--preset--gradient--rich-metal: linear-gradient(to right, #d7d2cc 0%, #304352 100%);--wp--preset--gradient--mole-hall: linear-gradient(-20deg, #616161 0%, #9bc5c3 100%);--wp--preset--gradient--cloudy-knoxville: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);--wp--preset--gradient--soft-grass: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);--wp--preset--gradient--saint-petersburg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--wp--preset--gradient--everlasting-sky: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);--wp--preset--gradient--kind-steel: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);--wp--preset--gradient--over-sun: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);--wp--preset--gradient--premium-white: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);--wp--preset--gradient--clean-mirror: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);--wp--preset--gradient--wild-apple: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);--wp--preset--gradient--snow-again: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);--wp--preset--gradient--confident-cloud: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);--wp--preset--gradient--glass-water: linear-gradient(to top, #dfe9f3 0%, white 100%);--wp--preset--gradient--perfect-white: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: clamp(22px, 1.375rem + ((1vw - 3.2px) * 0.625), 30px);--wp--preset--font-size--x-large: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.563), 50px);--wp--preset--font-size--xx-large: clamp(45px, 2.813rem + ((1vw - 3.2px) * 2.734), 80px);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--theme-block-max-width);--wp--style--global--wide-size: var(--theme-block-wide-max-width); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--theme-content-spacing); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--theme-content-spacing); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--theme-content-spacing);}:root :where(.is-layout-grid){gap: var(--theme-content-spacing);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-color{color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-color{color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-color{color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-color{color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-color{color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-color{color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-color{color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-color{color: var(--wp--preset--color--palette-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-background-color{background-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-background-color{background-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-background-color{background-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-background-color{background-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-background-color{background-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-background-color{background-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-background-color{background-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-background-color{background-color: var(--wp--preset--color--palette-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-border-color{border-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-border-color{border-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-border-color{border-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-border-color{border-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-border-color{border-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-border-color{border-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-border-color{border-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-border-color{border-color: var(--wp--preset--color--palette-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-juicy-peach-gradient-background{background: var(--wp--preset--gradient--juicy-peach) !important;}.has-young-passion-gradient-background{background: var(--wp--preset--gradient--young-passion) !important;}.has-true-sunset-gradient-background{background: var(--wp--preset--gradient--true-sunset) !important;}.has-morpheus-den-gradient-background{background: var(--wp--preset--gradient--morpheus-den) !important;}.has-plum-plate-gradient-background{background: var(--wp--preset--gradient--plum-plate) !important;}.has-aqua-splash-gradient-background{background: var(--wp--preset--gradient--aqua-splash) !important;}.has-love-kiss-gradient-background{background: var(--wp--preset--gradient--love-kiss) !important;}.has-new-retrowave-gradient-background{background: var(--wp--preset--gradient--new-retrowave) !important;}.has-plum-bath-gradient-background{background: var(--wp--preset--gradient--plum-bath) !important;}.has-high-flight-gradient-background{background: var(--wp--preset--gradient--high-flight) !important;}.has-teen-party-gradient-background{background: var(--wp--preset--gradient--teen-party) !important;}.has-fabled-sunset-gradient-background{background: var(--wp--preset--gradient--fabled-sunset) !important;}.has-arielle-smile-gradient-background{background: var(--wp--preset--gradient--arielle-smile) !important;}.has-itmeo-branding-gradient-background{background: var(--wp--preset--gradient--itmeo-branding) !important;}.has-deep-blue-gradient-background{background: var(--wp--preset--gradient--deep-blue) !important;}.has-strong-bliss-gradient-background{background: var(--wp--preset--gradient--strong-bliss) !important;}.has-sweet-period-gradient-background{background: var(--wp--preset--gradient--sweet-period) !important;}.has-purple-division-gradient-background{background: var(--wp--preset--gradient--purple-division) !important;}.has-cold-evening-gradient-background{background: var(--wp--preset--gradient--cold-evening) !important;}.has-mountain-rock-gradient-background{background: var(--wp--preset--gradient--mountain-rock) !important;}.has-desert-hump-gradient-background{background: var(--wp--preset--gradient--desert-hump) !important;}.has-ethernal-constance-gradient-background{background: var(--wp--preset--gradient--ethernal-constance) !important;}.has-happy-memories-gradient-background{background: var(--wp--preset--gradient--happy-memories) !important;}.has-grown-early-gradient-background{background: var(--wp--preset--gradient--grown-early) !important;}.has-morning-salad-gradient-background{background: var(--wp--preset--gradient--morning-salad) !important;}.has-night-call-gradient-background{background: var(--wp--preset--gradient--night-call) !important;}.has-mind-crawl-gradient-background{background: var(--wp--preset--gradient--mind-crawl) !important;}.has-angel-care-gradient-background{background: var(--wp--preset--gradient--angel-care) !important;}.has-juicy-cake-gradient-background{background: var(--wp--preset--gradient--juicy-cake) !important;}.has-rich-metal-gradient-background{background: var(--wp--preset--gradient--rich-metal) !important;}.has-mole-hall-gradient-background{background: var(--wp--preset--gradient--mole-hall) !important;}.has-cloudy-knoxville-gradient-background{background: var(--wp--preset--gradient--cloudy-knoxville) !important;}.has-soft-grass-gradient-background{background: var(--wp--preset--gradient--soft-grass) !important;}.has-saint-petersburg-gradient-background{background: var(--wp--preset--gradient--saint-petersburg) !important;}.has-everlasting-sky-gradient-background{background: var(--wp--preset--gradient--everlasting-sky) !important;}.has-kind-steel-gradient-background{background: var(--wp--preset--gradient--kind-steel) !important;}.has-over-sun-gradient-background{background: var(--wp--preset--gradient--over-sun) !important;}.has-premium-white-gradient-background{background: var(--wp--preset--gradient--premium-white) !important;}.has-clean-mirror-gradient-background{background: var(--wp--preset--gradient--clean-mirror) !important;}.has-wild-apple-gradient-background{background: var(--wp--preset--gradient--wild-apple) !important;}.has-snow-again-gradient-background{background: var(--wp--preset--gradient--snow-again) !important;}.has-confident-cloud-gradient-background{background: var(--wp--preset--gradient--confident-cloud) !important;}.has-glass-water-gradient-background{background: var(--wp--preset--gradient--glass-water) !important;}.has-perfect-white-gradient-background{background: var(--wp--preset--gradient--perfect-white) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}
:root :where(.wp-block-pullquote){font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 0.645), 1.5em);line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
/* Original style block 3 | source line 54 | attrs: none */
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
/* Original style block 4 | source line 72 | attrs: none */
/* --- FIX CALENDAR Z-INDEX --- */
/* This forces the Octorate calendar to appear ON TOP of the popup modal */
#ui-datepicker-div,
.ui-datepicker,
.ui-datepicker-div {
z-index: 99999999 !important; /* Maximum priority */
position: absolute !important; /* Ensure it floats */
background-color: #fff !important; /* Solid background */
box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important; /* Premium Shadow */
border: 1px solid #c5a059 !important; /* Gold Border */
}
/* Original style block 5 | source line 110 | attrs: class="wpcode-css-snippet" */
:root {
--gold: #c5a059;
--obsidian: #0a0a0a;
--text-muted: rgba(255, 255, 255, 0.4);
}
/* REVEAL LOGIC */
#sillage-luxury-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 500px; /* Shorter for minimalism */
background-color: var(--obsidian);
z-index: -1;
color: #ffffff;
display: flex;
align-items: flex-end;
}
.footer-reveal-spacer {
height: 500px;
background: transparent;
pointer-events: none;
}
/* WATERMARK */
.footer-bg-watermark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%; /* Smaller, more elegant */
opacity: 0.03;
pointer-events: none;
}
.footer-bg-watermark img { width: 100%; filter: brightness(0) invert(1); }
/* LAYOUT */
.footer-wrapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 5% 60px;
z-index: 2;
}
.footer-main-grid {
display: grid;
grid-template-columns: 1fr 1fr; /* Two clean columns */
gap: 100px;
margin-bottom: 100px;
}
/* TYPOGRAPHY */
.luxury-label {
display: block;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 6px;
font-size: 9px;
color: var(--gold);
margin-bottom: 40px;
}
.footer-brand-title {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 56px;
font-weight: 400;
margin: 0;
letter-spacing: -1px;
}
.footer-motto {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--text-muted);
margin-top: 15px;
}
/* CONTACT SECTION */
.contact-big-link {
display: block;
font-family: 'Playfair Display', serif;
font-size: 24px;
color: #fff;
text-decoration: none;
margin-bottom: 10px;
transition: color 0.4s;
}
.contact-sub-link {
display: block;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: var(--text-muted);
text-decoration: none;
letter-spacing: 1px;
}
.contact-big-link:hover { color: var(--gold); }
/* NAV MINIMAL */
.footer-nav-minimal {
list-style: none;
padding: 0;
margin: 40px 0 0 0;
display: flex;
gap: 30px;
}
.footer-nav-minimal a {
text-decoration: none;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
transition: 0.3s;
}
.footer-nav-minimal a:hover { color: var(--gold); }
/* SOCIALS MINIMAL */
.footer-social-minimal {
margin-top: 50px;
display: flex;
align-items: center;
gap: 15px;
}
.social-link {
color: #fff;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
}
.dot { width: 4px; height: 4px; background: var(--gold); border-radius: 50%; }
/* BOTTOM */
.bottom-flex {
display: flex;
justify-content: space-between;
font-family: 'Montserrat', sans-serif;
font-size: 9px;
letter-spacing: 2px;
color: rgba(255,255,255,0.2);
text-transform: uppercase;
border-top: 1px solid rgba(255,255,255,0.05);
padding-top: 30px;
}
.legal-links a { color: inherit; text-decoration: none; margin-left: 20px; }
/* ANIMATION */
.reveal-item { opacity: 0; transform: translateY(20px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.is-visible .reveal-item { opacity: 1; transform: translateY(0); }
@media (max-width: 768px) {
#sillage-luxury-footer, .footer-reveal-spacer { height: auto; position: relative; }
.footer-main-grid { grid-template-columns: 1fr; text-align: center; gap: 60px; }
.footer-nav-minimal { justify-content: center; }
.footer-social-minimal { justify-content: center; }
.bottom-flex { flex-direction: column; align-items: center; gap: 20px; }
}
/* Original style block 6 | source line 274 | attrs: class="wpcode-css-snippet" */
/* 1. APPLY TO EVERYTHING */
html, body {
font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased;
}
/* 2. TITLES (The Skypool Look) */
h1, h2, h3, .luxury-title {
font-family: 'Playfair Display', serif !important;
font-style: italic; /* This gives it the specific look in your image */
font-weight: 400;
letter-spacing: -1px;
}
/* 3. SMALL ACCENTS (The "01" Look) */
.accent-text {
font-family: 'Montserrat', sans-serif;
color: #c5a059; /* Gold color */
letter-spacing: 5px;
font-size: 14px;
text-transform: uppercase;
}
/* 4. BODY TEXT (The description look) */
p, .body-text {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.8;
letter-spacing: 0.5px;
color: rgba(255,255,255,0.9);
}
/* Original style block 7 | source line 406 | attrs: class="wpcode-css-snippet" */
#sillage-cine-section {
/* Colors from your Tailwind config */
--espresso: #2B1E1A;
--near-black: #1A120F;
--warm-sand: #C9A87C;
--warm-ivory: #F3EFE9;
--muted-taupe: #B8B0A6;
--f-serif: 'Cormorant Garamond', serif;
--f-sans: 'Inter', sans-serif;
}
#sillage-cine-section .s-cine {
position: relative;
width: 100%;
height: 100vh;
background-color: var(--near-black);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#sillage-cine-section .s-cine__bg {
position: absolute;
inset: 0;
z-index: 0;
transform: scale(1.1); /* Prepared for GSAP zoom-out effect */
}
#sillage-cine-section .s-cine__video-wrap {
width: 100%;
height: 100%;
}
/* Ensure video covers background */
#sillage-cine-section .s-cine__video-wrap iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
/* Vignette Overlay */
#sillage-cine-section .s-cine__overlay {
position: absolute;
inset: 0;
background: radial-gradient(circle, rgba(26, 18, 15, 0.2) 0%, rgba(26, 18, 15, 0.7) 100%);
z-index: 1;
}
#sillage-cine-section .s-cine__content {
position: relative;
z-index: 2;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px;
max-width: 600px;
/* Glassmorphism for readability */
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border-radius: 20px;
}
/* Rotating Badge */
#sillage-cine-section .s-cine__badge {
position: relative;
width: 140px;
height: 140px;
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
#sillage-cine-section .s-cine__badge svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
fill: var(--warm-sand);
animation: spinText 15s linear infinite;
}
#sillage-cine-section .s-cine__badge svg text {
letter-spacing: 0.15em;
font-family: var(--f-sans);
text-transform: uppercase;
font-weight: 400;
}
#sillage-cine-section .s-cine__play-icon {
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 14px solid var(--warm-sand);
margin-left: 4px;
}
@keyframes spinText {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
/* Typography */
#sillage-cine-section .s-kicker {
font-family: var(--f-sans);
color: var(--warm-sand);
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.7rem;
margin-bottom: 1rem;
}
#sillage-cine-section .s-display-serif {
font-family: var(--f-serif);
color: var(--warm-ivory);
font-size: clamp(2.5rem, 8vw, 4.5rem);
font-style: italic;
font-weight: 400;
margin: 0 0 2rem 0;
line-height: 1;
}
/* Button */
#sillage-cine-section .s-btn-custom-outline {
padding: 14px 30px;
border: 1px solid var(--warm-sand);
color: var(--warm-sand) !important;
text-decoration: none !important;
font-family: var(--f-sans);
font-size: 0.75rem;
letter-spacing: 2px;
text-transform: uppercase;
transition: all 0.4s ease;
}
#sillage-cine-section .s-btn-custom-outline:hover {
background-color: var(--warm-sand);
color: var(--espresso) !important;
}
/* Mobile Adjustments */
@media (max-width: 768px) {
#sillage-cine-section .s-cine__badge {
width: 120px;
height: 120px;
}
#sillage-cine-section .s-display-serif {
font-size: 2.5rem;
}
#sillage-cine-section .s-cine__content {
width: 90%;
padding: 20px;
}
}
/* Original style block 8 | source line 729 | attrs: class="wpcode-css-snippet" */
#sillage-3d-section {
--f-head: "Playfair Display", serif;
--f-body: "Inter", sans-serif;
--bg-blur: rgba(247, 247, 245, 0.4); /* Subtle white tint */
}
#sillage-3d-section .s-suites-3d {
position: relative;
width: 100%;
background-color: #f7f7f5;
overflow: hidden;
}
#sillage-3d-section #suites-pin-wrap {
height: 100vh;
width: 100%;
position: relative;
}
#sillage-3d-section #canvas-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#sillage-3d-section #ui-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
/* --- TEXT CONTAINER WITH BLUR & SHADOW --- */
#sillage-3d-section .slide-content {
position: absolute;
top: 15%;
left: 5%;
width: 90%;
max-width: 400px;
padding: 30px;
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease, transform 0.8s ease-out;
pointer-events: auto;
/* The Magic: Blur background and white shadow */
background: var(--bg-blur);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 4px;
text-shadow: 0 1px 3px rgba(255, 255, 255, 0.9);
}
#sillage-3d-section .slide-content.is-active {
opacity: 1;
transform: translateY(0);
}
#sillage-3d-section .slide-content h1 {
font-family: var(--f-head);
font-size: clamp(2.2rem, 8vw, 3.8rem);
margin: 0.5rem 0 1rem 0;
line-height: 1.1;
color: #0d0d0d;
}
#sillage-3d-section .description {
font-family: var(--f-body);
font-size: 0.95rem;
line-height: 1.6;
color: #333;
margin-bottom: 2rem;
}
/* --- BUTTON FIX --- */
#sillage-3d-section .s-btn-custom {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
border: 1px solid #111;
color: #111;
text-decoration: none !important;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 2px;
transition: all 0.3s ease;
white-space: nowrap; /* Prevents text from breaking */
min-width: 180px; /* Ensures a nice shape on mobile */
background: transparent;
}
#sillage-3d-section .s-btn-custom:hover {
background: #111;
color: #fff !important;
}
/* --- MOBILE SPECIFIC TWEAKS --- */
@media (max-width: 768px) {
#sillage-3d-section .slide-content {
top: 10%;
left: 5%;
width: 85%;
padding: 20px;
}
#sillage-3d-section .description {
margin-bottom: 1.5rem;
}
#sillage-3d-section .meta-grid {
padding-top: 1rem;
row-gap: 0.5rem;
}
}
/* Metadata Styling */
#sillage-3d-section .meta-grid {
display: grid;
grid-template-columns: 80px 1fr;
border-top: 1px solid rgba(0,0,0,0.1);
padding-top: 1.5rem;
}
#sillage-3d-section .meta-label {
font-size: 0.6rem;
text-transform: uppercase;
color: #777;
}
#sillage-3d-section .meta-value {
font-family: var(--f-head);
font-size: 1rem;
font-style: italic;
color: #111;
}
#sillage-3d-section .scroll-hint {
position: absolute;
bottom: 30px;
left: 30px;
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 2px;
color: #888;
}
/* Original style block 9 | source line 922 | attrs: class="wpcode-css-snippet" */
/* --- SECTION 2: THE HERITAGE (ARCHITECTURAL STYLE) --- */
#sillage-heritage {
background-color: #0a0a0a;
color: #ffffff;
padding: 140px 0;
font-family: 'Playfair Display', serif;
overflow: hidden;
}
.h-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 5%;
}
/* Header Grid */
.h-top-row {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 80px;
gap: 60px;
}
.h-label {
font-family: 'Inter', sans-serif;
font-size: 0.7rem;
letter-spacing: 5px;
text-transform: uppercase;
color: #c5a059;
display: block;
margin-bottom: 30px;
}
.h-main-title {
font-size: clamp(2.5rem, 5vw, 4.5rem);
line-height: 1.1;
font-weight: 300;
}
/* Antigravity Image Box */
.h-main-image-wrap {
position: relative;
width: 100%;
height: 600px;
margin: 80px 0;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.1);
}
.h-main-image-wrap img {
width: 100%;
height: 120%; /* Extra height for parallax */
object-fit: cover;
position: absolute;
top: -10%;
}
/* Four Pillars Grid */
.h-pillars-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pillar-card {
padding: 60px 30px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: background 0.6s ease;
}
.pillar-card:last-child { border-right: none; }
.pillar-card:hover {
background: rgba(197, 160, 89, 0.03);
}
.p-num {
font-size: 0.7rem;
color: #c5a059;
margin-bottom: 30px;
display: block;
}
.p-title {
font-size: 1.8rem;
margin-bottom: 20px;
font-weight: 400;
}
.p-text {
font-family: 'Inter', sans-serif;
font-size: 0.95rem;
line-height: 1.8;
color: rgba(255, 255, 255, 0.5);
}
/* Secondary Floating Image */
.h-float-img {
width: 300px;
height: 400px;
position: absolute;
right: 5%;
margin-top: -200px;
z-index: 5;
border: 10px solid #0a0a0a;
box-shadow: 0 50px 100px rgba(0,0,0,0.5);
overflow: hidden;
}
.h-float-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.h-pillars-grid { grid-template-columns: repeat(2, 1fr); }
.h-top-row { grid-template-columns: 1fr; }
.h-float-img { display: none; }
}
/* Original style block 10 | source line 1094 | attrs: class="wpcode-css-snippet" */
/* --- 1. LOADER BOX --- */
#sillage-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #ffffff; /* Adjust to match your video background */
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 1s ease-in-out, visibility 1s;
overflow: hidden;
}
#loading-video {
width: 100vw;
height: 100vh;
object-fit: cover; /* Makes video fill the screen */
}
/* --- 2. HERO SECTION STRUCTURE --- */
#antigravity-hero {
height: 250vh; /* Determines scroll length */
position: relative;
background: #000;
}
.sillage-sticky {
position: sticky;
top: 0;
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.img-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
will-change: opacity; /* Optimizes performance */
}
/* --- 3. TEXT & CONTENT --- */
.hero-content {
position: relative;
z-index: 10;
text-align: center;
color: #ffffff;
padding: 0 20px;
max-width: 900px;
opacity: 0; /* Animated by GSAP */
transform: translateY(50px); /* Animated by GSAP */
}
.hero-content h1 {
font-size: clamp(2.5rem, 8vw, 5.5rem);
font-family: "Playfair Display", serif; /* Ensure font is loaded in Elementor */
font-weight: 300;
margin-bottom: 15px;
line-height: 1.1;
}
.hero-content p {
font-size: 1.1rem;
letter-spacing: 2px;
margin-bottom: 35px;
font-weight: 300;
text-transform: uppercase;
}
.hero-cta {
display: inline-block;
padding: 15px 45px;
border: 1px solid rgba(255,255,255,0.8);
color: #fff;
text-decoration: none;
letter-spacing: 3px;
font-size: 0.8rem;
transition: all 0.4s ease;
}
.hero-cta:hover {
background: #fff;
color: #000;
}
/* Hide scrollbar while loading */
body.is-loading {
overflow: hidden;
}
/* Original style block 11 | source line 1192 | attrs: id="wp-custom-css" */
.elementor-widget-container .fcal_wrap .fcal_calendar_inner {
border-radius: 15px;
--fcal_slot_border: var(--theme-border-color);
}
.fcal_wrap .fcal_calendar_inner .fcal_side {
padding: 50px;
}
.ct-hover-box:hover,
.ct-hover-box:hover h2,
.ct-hover-box:hover h3 {
color: var(--theme-palette-color-8) !important;
}
.ct-hover-box:hover svg {
fill: var(--theme-palette-color-8) !important;
}
.ct-hover-box:hover a[class*="button"] {
background: var(--theme-palette-color-4) !important;
}
/* Original style block 12 | source line 1409 | attrs: none */
:root {
--gold-accent: #c5a059; /* Extracted from your image */
--text-dark: #1a1a1a;
--text-muted: #666666;
--transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.luxury-section {
background-color: #ffffff;
padding: 80px 20px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
/* --- NEW HEADER STYLE FROM IMAGE --- */
.header-group {
margin-bottom: 60px;
}
.pre-title {
display: block;
color: var(--gold-accent);
font-size: 13px;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 15px;
}
.main-title {
font-family: 'Playfair Display', serif;
font-style: italic; /* Matches "Reflections of Luxury" */
font-size: 52px;
color: var(--text-dark);
margin: 0;
font-weight: 400;
}
/* --- GRID SYSTEM --- */
.amenities-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 on Desktop */
gap: 25px;
}
.amenity-card {
position: relative;
background: #ffffff;
padding: 60px 30px;
border: 1px solid #f2f2f2;
text-align: left;
transition: var(--transition);
overflow: hidden;
}
.amenity-card:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(0,0,0,0.05);
border-color: var(--gold-accent);
}
/* --- GHOST NUMBERS (In Gold) --- */
.ghost-number {
position: absolute;
top: 10px;
right: 20px;
font-family: 'Playfair Display', serif;
font-size: 80px;
font-weight: 600;
color: var(--gold-accent);
opacity: 0.12; /* Slightly more visible in gold */
line-height: 1;
z-index: 1;
}
/* --- ICONS (In Gold) --- */
.amenity-icon {
width: 35px;
height: 35px;
margin-bottom: 25px;
color: var(--gold-accent);
position: relative;
z-index: 2;
}
.amenity-icon svg {
width: 100%;
height: 100%;
stroke-width: 1.2px;
}
.amenity-card-title {
font-family: 'Playfair Display', serif;
font-size: 22px;
color: var(--text-dark);
margin-bottom: 12px;
}
.amenity-card-desc {
font-size: 14px;
color: var(--text-muted);
line-height: 1.7;
font-weight: 300;
}
/* --- RESPONSIVE LOGIC --- */
@media (max-width: 1024px) {
.amenities-grid {
grid-template-columns: repeat(2, 1fr); /* 2 per line for Mobile/Tablet */
}
.main-title {
font-size: 38px;
}
}
@media (max-width: 480px) {
.amenity-card {
padding: 40px 20px;
}
.ghost-number {
font-size: 60px;
}
}
/* Original style block 13 | source line 1633 | attrs: none */
:root {
--gold-muted: #b8926a; /* Matched to the image's gold */
--dark-text: #2c2c2c;
--bg-cream: #faf9f6; /* The off-white background from your image */
--transition-smooth: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.sillage-section {
padding: 100px 0;
background-color: var(--bg-cream);
font-family: 'Cormorant Garamond', serif;
color: var(--dark-text);
overflow: hidden;
}
/* Header Design - Matched to Image */
.sillage-header {
text-align: center;
margin-bottom: 80px;
padding: 0 10%;
}
.sillage-header .eyebrow {
text-transform: uppercase;
letter-spacing: 5px; /* Increased for luxury feel */
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: var(--gold-muted);
display: block;
margin-bottom: 30px;
}
.sillage-header h2 {
font-size: clamp(40px, 6vw, 64px);
font-weight: 300;
line-height: 1.1;
margin-bottom: 30px;
font-style: italic; /* Key element from the image */
color: var(--dark-text);
}
.sillage-header p {
font-family: 'Montserrat', sans-serif;
font-weight: 200; /* Ultra light weight */
font-size: 18px;
color: #555;
max-width: 850px;
margin: 0 auto;
line-height: 1.8;
letter-spacing: 0.5px;
}
/* The Interactive Grid Refinement */
.sillage-container {
display: flex;
width: 100%;
height: 600px;
padding: 0 40px;
box-sizing: border-box;
gap: 15px; /* Added slight gap for a modern layout */
}
.sillage-card {
position: relative;
flex: 1;
overflow: hidden;
cursor: pointer;
transition: var(--transition-smooth);
border-radius: 2px;
}
.sillage-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
transition: transform 1.5s ease;
filter: grayscale(20%); /* Adds to the 'ancestral' feel */
}
.sillage-overlay {
position: absolute;
inset: 0;
background: rgba(250, 249, 246, 0.15); /* Very subtle tint */
transition: var(--transition-smooth);
z-index: 2;
}
.sillage-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
padding: 40px;
width: 100%;
box-sizing: border-box;
background: linear-gradient(transparent, rgba(0,0,0,0.4));
transition: var(--transition-smooth);
}
.step-num {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 4px;
color: white;
display: block;
margin-bottom: 10px;
}
.sillage-card h3 {
font-size: 28px;
color: white;
margin-bottom: 10px;
font-weight: 300;
font-style: italic;
}
.sillage-details {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 1.6;
color: white;
opacity: 0;
max-height: 0;
transition: var(--transition-smooth);
}
/* Hover States */
.sillage-card:hover {
flex: 2;
}
.sillage-card:hover .sillage-bg {
transform: scale(1.05);
filter: grayscale(0%);
}
.sillage-card:hover .sillage-details {
opacity: 1;
max-height: 100px;
margin-top: 15px;
}
.sillage-footer {
text-align: center;
margin-top: 80px;
}
.reserve-btn {
background: transparent;
border: 1px solid var(--dark-text);
color: var(--dark-text);
padding: 20px 45px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
transition: 0.4s;
display: inline-block;
}
.reserve-btn:hover {
background: var(--dark-text);
color: white;
}
@media (max-width: 768px) {
.sillage-container {
flex-direction: column;
height: auto;
padding: 0 20px;
}
.sillage-card { height: 350px; }
.sillage-header h2 { font-size: 36px; }
}
/* Original style block 14 | source line 1930 | attrs: none */
/* --- DESIGN SYSTEM --- */
#sillage-experience-container {
--gold: #C9A87C;
--near-black: #0D0D0D;
--pure-white: #FFFFFF;
--f-serif: 'Playfair Display', serif;
--f-sans: 'Inter', sans-serif;
background-color: var(--near-black);
color: var(--pure-white);
margin: 0;
padding: 0;
overflow-x: hidden;
}
#sillage-horizontal-section {
position: relative;
width: 100%;
}
/* --- PANEL LAYOUT --- */
.pin-wrap {
height: 100vh;
display: flex;
overflow: hidden;
}
.horizontal-content {
display: flex;
flex-wrap: nowrap;
width: 400%; /* 4 Panels = 400vw */
height: 100vh;
}
.panel {
position: relative;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
/* --- IMAGE & HOVER EFFECTS --- */
.panel-image-wrap {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.panel-image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}
.panel-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(13,13,13,0.3) 0%, rgba(13,13,13,0.8) 100%);
transition: background 0.8s ease;
}
.panel:hover .panel-image-wrap img {
transform: scale(1.08); /* Parallax scale */
}
.panel:hover .panel-overlay {
background: linear-gradient(to bottom, rgba(13,13,13,0.5) 0%, rgba(13,13,13,0.95) 100%);
}
/* --- TEXT CONTENT --- */
.panel-text {
position: relative;
z-index: 2;
text-align: center;
max-width: 650px;
padding: 40px;
transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}
.panel:hover .panel-text {
transform: translateY(-20px); /* Lift text effect */
}
.panel-number {
font-family: var(--f-sans);
color: var(--gold);
font-size: 0.9rem;
letter-spacing: 5px;
display: block;
margin-bottom: 20px;
opacity: 0.8;
}
.panel h2 {
font-family: var(--f-serif);
font-size: clamp(2.5rem, 6vw, 4.5rem);
font-weight: 400;
font-style: italic;
margin-bottom: 20px;
color: var(--pure-white);
}
.panel p {
font-family: var(--f-sans);
font-size: clamp(1rem, 1.2vw, 1.2rem);
line-height: 1.8;
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
/* --- MOBILE STACK (UX Transformation) --- */
@media (max-width: 768px) {
#sillage-horizontal-section {
height: auto !important;
}
.pin-wrap {
height: auto !important;
flex-direction: column;
overflow: visible;
}
.horizontal-content {
flex-direction: column;
width: 100% !important;
height: auto !important;
transform: none !important;
}
.panel {
width: 100%;
height: 70vh; /* Shorter for better mobile scanning */
margin-bottom: 2px;
}
.panel-text {
padding: 30px;
transform: none !important;
}
.panel h2 {
font-size: 2.2rem;
}
}
/* Original style block 15 | source line 2206 | attrs: none */
#sillage-marquee-wrapper {
--charcoal: #1A1A1A;
--muted-gold: #C5A059;
--soft-cream: #F9F8F6;
--pure-white: #FFFFFF;
--f-serif: 'Playfair Display', serif;
--f-sans: 'Montserrat', sans-serif;
background-color: var(--soft-cream);
padding: 100px 0;
overflow: hidden;
}
.marquee-header {
text-align: center;
margin-bottom: 60px;
}
.gold-subtitle {
font-family: var(--f-sans);
color: var(--muted-gold);
text-transform: uppercase;
letter-spacing: 4px;
font-size: 0.75rem;
display: block;
margin-bottom: 10px;
}
.serif-title {
font-family: var(--f-serif);
color: var(--charcoal);
font-size: clamp(2rem, 5vw, 3.5rem);
font-style: italic;
font-weight: 400;
}
/* The Viewport keeps everything hidden that isn't on screen */
.marquee-viewport {
width: 100%;
position: relative;
cursor: grab;
}
/* The Track is the long strip of cards */
.marquee-track {
display: flex;
gap: 30px;
width: max-content;
padding: 20px 0;
}
/* Review Card Styling */
.review-card {
width: 400px; /* Fixed width for ticker consistency */
flex-shrink: 0;
perspective: 1000px;
}
.card-inner {
background-color: var(--pure-white);
padding: 50px 40px;
border: 1px solid rgba(197, 160, 89, 0.1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.review-card:hover .card-inner {
transform: translateY(-10px) scale(1.02);
border-color: var(--muted-gold);
box-shadow: 0 30px 60px rgba(26, 26, 26, 0.08);
}
.quote-icon {
font-family: var(--f-serif);
font-size: 5rem;
color: var(--muted-gold);
line-height: 1;
margin-bottom: -10px;
opacity: 0.3;
}
.review-text {
font-family: var(--f-serif);
font-style: italic;
font-size: 1.2rem;
line-height: 1.7;
color: var(--charcoal);
margin-bottom: 40px;
}
.card-footer {
border-top: 1px solid rgba(0,0,0,0.05);
padding-top: 20px;
display: flex;
flex-direction: column;
}
.author {
font-family: var(--f-sans);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.8rem;
color: var(--charcoal);
}
.date {
font-family: var(--f-sans);
font-size: 0.7rem;
color: var(--muted-gold);
margin-top: 4px;
}
@media (max-width: 768px) {
.review-card { width: 300px; }
.review-text { font-size: 1.1rem; }
}
/* Original style block 16 | source line 2438 | attrs: none */
:root {
--gold-leaf: #c5a059;
--obsidian: #0a0a0a;
--glass: rgba(10, 10, 10, 0.9);
}
/* --- EXISTING MENU STYLES (UNCHANGED) --- */
#sillage-luxury-dock {
position: fixed !important;
bottom: 30px !important;
left: 50% !important;
z-index: 100000 !important;
pointer-events: none !important;
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(20px) !important;
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#sillage-luxury-dock.dock-visible {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateX(-50%) translateY(0) !important;
}
.dock-container {
background: var(--glass) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
border: 1px solid rgba(197, 160, 89, 0.2) !important;
border-radius: 0px !important;
padding: 5px 5px 5px 25px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}
.dock-main {
display: flex !important;
align-items: center !important;
gap: 30px !important;
}
.dock-nav-items {
display: flex !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
gap: 10px !important;
}
.nav-item {
position: relative !important;
padding: 12px 15px !important;
}
.nav-item a {
text-decoration: none !important;
color: rgba(255,255,255,0.7) !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
transition: all 0.3s ease !important;
}
.liquid-line {
position: absolute !important;
bottom: 8px !important;
left: 50% !important;
width: 0% !important;
height: 1px !important;
background: var(--gold-leaf) !important;
transform: translateX(-50%) !important;
transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}
.nav-item:hover a,
.nav-item.active a { color: #fff !important; }
.nav-item:hover .liquid-line,
.nav-item.active .liquid-line { width: 40% !important; }
.luxury-btn {
position: relative !important;
background: var(--gold-leaf) !important;
padding: 15px 30px !important;
border-radius: 0px !important;
text-decoration: none !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
transition: background 0.4s ease !important;
cursor: pointer !important; /* Added cursor pointer */
}
.btn-content {
font-family: 'Montserrat', sans-serif !important;
color: #000 !important;
font-weight: 600 !important;
font-size: 11px !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
position: relative !important;
z-index: 2 !important;
}
.btn-flare {
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
transition: left 0.6s ease !important;
}
.luxury-btn:hover { background: #b38d4a !important; }
.luxury-btn:hover .btn-flare { left: 100% !important; }
@media (max-width: 768px) {
.dock-main { gap: 10px !important; padding: 0 !important; }
.dock-nav-items { display: none !important; }
.dock-container { padding: 5px !important; }
}
/* --- NEW MODAL CSS (The Popup) --- */
.modal-backdrop {
position: fixed !important;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.85); /* Dark dimming background */
backdrop-filter: blur(8px);
z-index: 200000 !important; /* Above the menu */
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
}
.modal-backdrop.active {
opacity: 1;
visibility: visible;
}
.modal-wrapper {
background: #fff; /* White card for the widget */
width: 90%;
max-width: 1100px; /* Wide enough for the bar */
padding: 40px;
position: relative;
box-shadow: 0 25px 50px rgba(0,0,0,0.5);
border: 1px solid #c5a059; /* Gold Border */
transform: translateY(20px);
transition: transform 0.4s ease;
}
.modal-backdrop.active .modal-wrapper {
transform: translateY(0);
}
.modal-close {
position: absolute;
top: -20px;
right: -20px;
background: #c5a059;
color: #000;
border: none;
width: 40px;
height: 40px;
font-size: 24px;
cursor: pointer;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.2s ease;
}
.modal-close:hover {
transform: scale(1.1);
background: #fff;
}
.modal-title {
font-family: 'Montserrat', sans-serif;
color: #c5a059;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
margin-bottom: 20px;
font-size: 14px;
}
/* Force Octorate widget to fit nicely */
.octobook-embed-container {
width: 100%;
display: flex;
justify-content: center;
}
/* Refactor performance hints: transform/opacity targets only; no visual values changed. */
.img-layer,
.hero-content,
#sillage-cine-section .s-cine__bg,
#sillage-3d-section #ui-layer,
.marquee-track,
#sillage-luxury-dock {
will-change: transform, opacity;
}
/* ==========================================================================
SILLAGE PALACE THEME ADDITIONS
Hamburger menu, hero actions and inner pages (About / Contact).
========================================================================== */
/* --- Hero action row (Reserve Now + About Us) --- */
.hero-actions {
display: flex;
align-items: center;
gap: 25px;
flex-wrap: wrap;
}
.hero-about-link {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
padding-bottom: 4px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transition: border-color 0.3s ease, color 0.3s ease;
}
.hero-about-link:hover {
color: var(--gold, #c5a059);
border-color: var(--gold, #c5a059);
}
/* --- Mobile hamburger button --- */
.dock-hamburger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
background: transparent;
border: none;
cursor: pointer;
}
.dock-hamburger span {
display: block;
width: 22px;
height: 2px;
margin: 0 auto;
background: #fff;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.dock-hamburger.is-active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.dock-hamburger.is-active span:nth-child(2) {
opacity: 0;
}
.dock-hamburger.is-active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 768px) {
/* Show hamburger + keep Reserve Now visible side by side. */
.dock-hamburger {
display: flex !important;
order: 1;
}
.dock-actions {
order: 2;
}
.dock-main {
gap: 12px !important;
padding: 0 !important;
}
.dock-container {
padding: 6px 6px 6px 6px !important;
}
/* The nav list becomes a dropdown panel above the dock. */
.dock-nav-items {
display: flex !important;
flex-direction: column !important;
position: absolute !important;
left: 0;
right: 0;
bottom: calc(100% + 12px);
background: var(--glass, rgba(10, 10, 10, 0.95));
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(197, 160, 89, 0.2);
padding: 10px 0 !important;
gap: 0 !important;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.dock-nav-items.nav-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dock-nav-items .nav-item {
padding: 14px 22px !important;
text-align: center;
}
#sillage-luxury-dock {
left: 16px !important;
right: 16px !important;
transform: none !important;
width: auto;
}
#sillage-luxury-dock.dock-visible {
transform: none !important;
}
.dock-container {
position: relative;
}
}
/* --- Inner pages: About Us & Contact Us --- */
.sillage-page {
background: var(--obsidian, #0a0a0a);
color: #fff;
position: relative;
z-index: 1;
}
.sillage-page-hero {
position: relative;
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-size: cover;
background-position: center;
}
.sillage-page-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(10, 10, 10, 0.55), rgba(10, 10, 10, 0.85));
}
.sillage-page-hero-inner {
position: relative;
z-index: 2;
max-width: 760px;
padding: 40px 24px;
}
.sillage-page-hero-inner h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(38px, 6vw, 72px);
font-weight: 400;
margin: 18px 0;
}
.sillage-page-hero-inner p {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.75);
}
.sillage-page-body {
box-sizing: border-box;
width: min(100%, 1180px);
max-width: 1180px;
margin: 0 auto;
padding: 90px clamp(28px, 5vw, 72px) 120px;
}
.sillage-about-body {
padding-top: 84px;
}
.sillage-page-intro {
max-width: 760px;
margin: 0 auto 70px;
text-align: center;
}
.sillage-page-intro .eyebrow,
.sillage-contact-block .eyebrow {
display: block;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 5px;
font-size: 10px;
color: var(--gold, #c5a059);
margin-bottom: 22px;
}
.sillage-page-intro h2,
.sillage-contact-block h2 {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: clamp(28px, 4vw, 44px);
margin: 0 0 22px;
}
.sillage-page-intro p {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.7);
}
.sillage-page-pillars {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-bottom: 80px;
}
.sillage-page-pillars .pillar-card {
border: 1px solid rgba(197, 160, 89, 0.2);
padding: 36px 26px;
}
.sillage-page-pillars .p-num {
display: block;
font-family: 'Playfair Display', serif;
color: var(--gold, #c5a059);
font-size: 22px;
margin-bottom: 16px;
}
.sillage-page-pillars .p-title {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 22px;
margin: 0 0 12px;
}
.sillage-page-pillars .p-text {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.6);
}
.sillage-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-bottom: 70px;
}
.sillage-contact-block .contact-big-link {
font-size: 22px;
margin-bottom: 14px;
}
.sillage-contact-text {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 2;
color: rgba(255, 255, 255, 0.7);
}
.contact-map-link {
display: inline-flex;
align-items: center;
margin-top: 18px;
color: var(--gold, #c5a059);
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 2.4px;
line-height: 1.4;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid rgba(197, 160, 89, 0.45);
padding-bottom: 7px;
transition: color 0.3s ease, border-color 0.3s ease;
}
.contact-map-link:hover {
color: #ffffff;
border-color: rgba(255, 255, 255, 0.7);
}
.sillage-page-editor {
max-width: 760px;
margin: 0 auto 60px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.75);
}
.sillage-page-editor a {
color: var(--gold, #c5a059);
}
.sillage-page-cta {
text-align: center;
margin-top: 30px;
}
.sillage-page-cta .reserve-btn {
display: inline-block;
}
@media (max-width: 768px) {
.sillage-page-pillars {
grid-template-columns: 1fr 1fr;
}
.sillage-contact-grid {
grid-template-columns: 1fr;
gap: 50px;
text-align: center;
}
.sillage-contact-block .footer-social-minimal {
justify-content: center;
}
.sillage-page-body {
padding: 60px clamp(22px, 7vw, 42px) 90px;
}
}
@media (max-width: 480px) {
.sillage-page-pillars {
grid-template-columns: 1fr;
}
}
/* --- Targeted usability fixes requested after theme extraction --- */
html,
body {
background: var(--obsidian, #0a0a0a);
overflow-x: hidden;
}
body:not(.is-loading) {
overflow-y: auto;
}
#main-container,
.site-main,
.sillage-page {
background: var(--obsidian, #0a0a0a);
overflow: visible;
}
#antigravity-hero {
height: auto;
min-height: 100vh;
overflow: visible;
}
#antigravity-hero .sillage-sticky {
position: relative;
min-height: 100vh;
}
.hero-actions {
justify-content: center;
width: 100%;
}
.h-intro-text {
max-width: 740px;
margin: 28px 0 0;
font-family: 'Montserrat', sans-serif;
font-size: clamp(15px, 1.4vw, 18px);
font-weight: 300;
line-height: 1.9;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 0.82) !important;
}
#sillage-heritage .h-pillars-grid .p-num,
#sillage-heritage .h-pillars-grid .p-title,
#sillage-heritage .h-pillars-grid .p-text,
.sillage-page-pillars .p-num,
.sillage-page-pillars .p-title,
.sillage-page-pillars .p-text {
color: #ffffff !important;
}
.nav-language-toggle {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.nav-language-toggle .lang-option {
padding: 0 !important;
color: rgba(255, 255, 255, 0.62) !important;
}
.nav-language-toggle .lang-option.is-active,
.nav-language-toggle .lang-option:hover {
color: #ffffff !important;
}
.nav-item.nav-language-toggle:hover .lang-option:not(:hover):not(.is-active) {
color: rgba(255, 255, 255, 0.62) !important;
}
.nav-language-toggle .lang-divider {
color: rgba(197, 160, 89, 0.75);
font-family: 'Montserrat', sans-serif;
font-size: 11px;
letter-spacing: 0;
}
#sillage-luxury-footer {
position: relative;
z-index: 2;
min-height: 500px;
height: auto;
margin: 0;
padding: 0;
pointer-events: auto;
user-select: text;
-webkit-user-select: text;
}
#sillage-luxury-footer a,
#sillage-luxury-footer p,
#sillage-luxury-footer h2,
#sillage-luxury-footer span {
pointer-events: auto;
user-select: text;
-webkit-user-select: text;
}
.footer-reveal-spacer {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: transparent !important;
}
.dock-mobile-language {
display: none;
}
@media (max-width: 768px) {
.nav-language-toggle {
justify-content: center !important;
}
.dock-main {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) auto;
align-items: center !important;
gap: 10px !important;
width: 100%;
}
.dock-actions {
width: 100%;
}
.dock-actions .luxury-btn {
width: 100%;
box-sizing: border-box;
justify-content: center !important;
padding: 15px 16px !important;
}
.dock-actions .btn-content {
font-size: 10px !important;
letter-spacing: 2px !important;
white-space: nowrap;
}
.dock-nav-items .nav-language-toggle {
display: none !important;
}
.dock-mobile-language {
display: flex;
order: 3;
align-items: center;
justify-content: center;
min-width: 56px;
min-height: 44px;
gap: 5px;
border-left: 1px solid rgba(197, 160, 89, 0.25);
padding-left: 10px;
}
.dock-mobile-language .lang-option {
color: rgba(255, 255, 255, 0.68);
font-family: 'Montserrat', sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 1.2px;
line-height: 1;
text-decoration: none;
}
.dock-mobile-language .lang-option.is-active,
.dock-mobile-language .lang-option:hover {
color: #ffffff;
}
.dock-mobile-language .lang-divider {
color: rgba(197, 160, 89, 0.75);
font-family: 'Montserrat', sans-serif;
font-size: 10px;
}
}