[data-skhai-show] {
display: none;
} .skhai-p-ready [data-skhai-show] { display: block;
}  .show-tof,
.show-mof,
.show-bof {
display: none;
}
.skhai-tof .show-tof { display: block; }
.skhai-mof .show-mof { display: block; }
.skhai-bof .show-bof { display: block; } .skhai-tof .show-tof-inline { display: inline; }
.skhai-mof .show-mof-inline { display: inline; }
.skhai-bof .show-bof-inline { display: inline; }
.skhai-tof .show-tof-flex { display: flex; }
.skhai-mof .show-mof-flex { display: flex; }
.skhai-bof .show-bof-flex { display: flex; } .skhai-tof .hide-tof { display: none !important; }
.skhai-mof .hide-mof { display: none !important; }
.skhai-bof .hide-bof { display: none !important; } .skhai-tof .show-mof,
.skhai-tof .show-bof { display: none !important; }
.skhai-mof .show-tof,
.skhai-mof .show-bof { display: none !important; }
.skhai-bof .show-tof,
.skhai-bof .show-mof { display: none !important; } .skhai-cta-personalized {
transition: opacity 0.3s ease;
} .skhai-bof .skhai-cta-urgent {
border-left: 3px solid #c9a84c;
padding-left: 16px;
} @media (max-width: 768px) {
.skhai-tof .show-tof-flex,
.skhai-mof .show-mof-flex,
.skhai-bof .show-bof-flex {
flex-direction: column;
}
}@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-normal-latin-ext-o20.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bodoni Moda"; font-style: normal; font-weight: 400; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-normal-latin-o20.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-italic-latin-ext-o20.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bodoni Moda"; font-style: italic; font-weight: 400; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-italic-latin-o20.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Bodoni Moda Fallback"; font-style: normal; font-weight: 400 500;
src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("LiberationSerif"), local("Tinos");
size-adjust: 114.34%; ascent-override: 98.39%; descent-override: 34.98%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Bodoni Moda Fallback"; font-style: italic; font-weight: 400 500;
src: local("Times New Roman Italic"), local("TimesNewRomanPS-ItalicMT"), local("Liberation Serif Italic"), local("LiberationSerif-Italic"), local("Tinos Italic");
size-adjust: 107.44%; ascent-override: 104.71%; descent-override: 37.23%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jost Fallback"; font-style: normal; font-weight: 400 500;
src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo");
size-adjust: 95.90%; ascent-override: 111.58%; descent-override: 39.10%; line-gap-override: 0%; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "SKHAI Baht Sans"; font-style: normal; font-weight: 400 500; font-display: swap;
src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2");
unicode-range: U+0E3F; size-adjust: 97%; } @font-face { font-family: "SKHAI Baht Serif"; font-style: normal; font-weight: 400 500; font-display: swap;
src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMkAA4AAAAABfQAAALPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cOgZgP1NUQVREADwRCAqBPIE3CwgAATYCJAMMBCAFhFYHIBvyBMgEHkjv681ksgBzXvOglZQ9dOoAlucKQAV2cCf/n7+m3gEOvBp0ir/u3kXZoimwG3DA0wHd0SoEhwPfsbzyawCumtiDAOwIEDZi7vz8cmxQMMtiiegApFBZx59Pbls82o/RNdrRh9HfYg5imN0tPRjAGS17JeeIdeggV8hqouQlfqKRODH7lpS6tNJ1KdVSaEMZ0SNZRUVZXMJwmqFC/n1EfSpEeiHYSEvSR96hiQYSgcAmAx6Cm/zRwq5uUyhY2G52Cx2BCwpSlSKZdgka5mSDWAfy3Eyq7Mh4oB1z0ANFCGClJckN4KPgpGJ58ekqgFxKXVgsOGey1lCtAj5DnQ/Q1QJfUUoF2doqe91RtTrqDjOE/cqTh4S29OAJOzthv/LRI5YcvzeZ649Y8tCu0n7lA7H0ceevPhBL79vZNVjbWzXe2XmnKy6xPRH3qfaeNmkBp/xTvT3sp34q7JwQOz8l5Ibrb+15fnFW1WjleF1kdf7HrKzU2cU1kTOKts6a/SI/M/1GVngWAPsQa3Jevv/98QNNzhnfbDTtPS4/2PDqTOL0ImXt7n/G/xDlpB5Ftlo/fgv0Rjq9/xkWQzmdBXNrmqym8QYqMpqJA40al3Ch/zRnqCxJ2p4V524qW5nbIpIKjyBI+HgkTsLOozGTOx5FFLs8On4s81gRRrXbiSQmRgiFA14pHTtJMCSLV6GQIUYZoIV+quihHZNuBB0YujCyXjcxGWaMNKKJZow2RulhGFO4ohjL9BM1xWAX0RQxn/wpG02GKKMDmOqkHEOLuBxJKR10MU4/LYxSOYgmeDTEIAZxRBFDDHFi28C6IZMZUzr/Kp0siigii/QtzKmssGzjHIYYZnEXuSC0ZUTVOMBuB4Y+FJPGIXrpoA2WmcX4paLr2j+GQcgFQxdGg7fGaSWKNoYYIJrByeTOa0JXL0cD0HbU0L94EJZdxOEC) format("woff2");
unicode-range: U+0E3F; size-adjust: 94%; } @font-face { font-family: "SKHAI Baht Serif"; font-style: normal; font-weight: 400 500; font-display: swap;
src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAN0AA8AAAAABuQAAAMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKAZgP1NUQVRIADwRCAqCVIIuCw4AATYCJAMYBCAFhRQHIAwHG6wFyAQe+Dzr/SQDOCu1HdnbDjIr4nABcKKO8I3IxDX183zgqQPclPaZtA6KSLICi6b/0d9sAL5pRefk3qi4D6d1BwKwJ9B8IDKyCiqwRUHXdb2gbnDDNUFCrXtv6+R+nM0JyWNFShHrsQJppVQDMX/lJpoIE84Vko2VbGOtCvJ+0BFV64k/LiouyuQyKsPk3f/PgnJcZKmwqePgVemzeqciIxDYIgGeJjA0Na17/OShvTRPbu0VVgg8UURxSViPOyADeoQQ60E6fwGVBM8AX9kURoLWrAA+CmI+hJbWX+vPBWRbZaHruOzI1kFH0I6rADhP8j7FuYQkpFo/ja4riqK4urq6KrV2LrZtTnaOM2aOmdEyetaoypVPnogFT586rHr8mPmPHuWtOvdULHhy1n7l6UfMf3ym/tYXosdh/NzMl2Ne3vLVDmveX6/7RlyP8Y24vtC3+IPFcMMmvCTcUJ+YaGgoCQ8PLw03NCQmGupLw4cGBjkX5Rc4FwcFBgU5FRfkOxUFcaNJaMaBj/EHPsIIZO7AuzHgAzYI8eqlqDXqP+U26Tc5M0nkhHucj212SfhmK8vvzdTDZ/tXr14+l65F/J/9/6yVWZnJVJaeG/kujFht/j/7v62V+QnQca+1PIp5Yhu+DvdBAXfS8gaMouOsacGGadjWEZTDkCNbnzyvPLfoeZG2cwh8xWg/os4iEA6ZBJ7j74l0Gg4r4pjrsGY4NXZnohjMi34kb6yJ9hqEFY7Yg7M2jaAMjT5a6SeXyaZnL2baqaaz3M14JmedkxlgEnEYTaNJtDMRMwNMZhIGBM30ao81JtKNkWKyKPAfm2ljIp2kodFhWe3HzDjK6KSbKfTSykSq6LTw2vgt6yphGDBhIpJ4uuliMhoavVZlPSYMxGI7jHAa295ULV/qRGvXUUQxRWQSP7IpB3P1VpuOxgAzeJC08Dm8MhFKGCoVjBfPOdZXJUxEw0In7fXCqUwhjrPcPwmVkfTD3Zhv1k6hDQPtTw+/gHPiulW4k66W8WezbuzVe1zYyKi/EeYc0ncTRlx9WuhLDitrAAA=) format("woff2");
unicode-range: U+0025; } :root { --c-linen:        #EFE8DE; --c-ivory:        #F7F3EC; --c-beige:        #E5E0D9; --c-sand:         #D9CEBE; --c-espresso:     #2B2521; --c-umber:        #3A302A; --c-ink:          #1D1D1B; --c-mute:         #665D54; --c-mute-on-beige:#5C554E; --c-taupe:        #B8AB9A; --c-brass:        #A88A5E; --c-brass-text:   #7A5F3E; --c-brass-light:  #C9AE84; --c-brass-line:   #8A6E45; --c-line-strong:  #877A6B; --c-error:        #9B2C1F;
--c-success:      #3F5A3A;
--c-white:        #FFFFFF;
--c-scrim:        rgba(29, 24, 20, .62); --c-scrim-soft:   rgba(29, 24, 20, .28);
--c-veil:         rgba(43, 37, 33, .55);  --bg:             var(--c-linen);
--surface:        var(--c-ivory);
--band:           var(--c-beige);
--text:           var(--c-ink);
--text-soft:      var(--c-mute);
--rule:           var(--c-sand);
--rule-strong:    var(--c-line-strong);
--accent:         var(--c-brass);
--accent-text:    var(--c-brass-text);
--focus:          var(--c-brass-text); --focus-halo:     var(--c-linen);  --font-display: "SKHAI Baht Serif", "Bodoni Moda", "Bodoni Moda Fallback", "Noto Serif Thai", "Didot", "Bodoni 72", Georgia, serif;
--font-sans:    "SKHAI Baht Sans", "Jost", "Jost Fallback", "Noto Sans Thai", "IBM Plex Sans Thai", "Thonburi", "Leelawadee UI", "Futura", "Avenir Next", system-ui, sans-serif;
--fw-regular: 400; --fw-medium:  500; --fs-hero:    clamp(2.875rem, 1.7rem + 3.7vw, 6rem); --fs-display: clamp(2.75rem, 1.95rem + 3.2vw, 5.5rem); --fs-h2:      clamp(2rem,    1.55rem + 1.8vw, 3.5rem); --fs-h3:      clamp(1.5rem,  1.35rem + .6vw,  2rem); --fs-h4:      clamp(1.25rem, 1.2rem + .2vw,   1.375rem); --fs-lead:    clamp(1.125rem,1.07rem + .22vw, 1.3125rem); --fs-body:    clamp(1rem,    .98rem + .08vw,  1.0625rem); --fs-small:   .875rem; --fs-label:   .75rem; --fs-numeral: clamp(2.25rem, 1.8rem + 1.8vw, 3.75rem); --lh-tight:   1.04; --lh-heading: 1.18;
--lh-snug:    1.35;
--lh-body:    1.7;
--tr-display: -0.012em;
--tr-heading: -0.005em;
--tr-body:    0.005em;
--tr-button:  0.08em;
--tr-label:   0.2em;
--tr-wordmark:0.42em; --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem; --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem; --sp-10: 8rem; --sp-11: 10rem; --section-y:  clamp(5.5rem, 3.6rem + 5vw, 9rem); --section-y-sm: clamp(3.5rem, 2.6rem + 2.8vw, 6rem);
--gutter:     clamp(1rem, .55rem + 1.9vw, 2.5rem); --grid-gap:   clamp(1rem, .6rem + 1.4vw, 2rem); --container-max:   1320px;
--container-wide:  1600px; --measure:         680px; --measure-intro:   560px; --header-h:        88px;
--header-h-mobile: 64px;
--sticky-cta-h:    64px; --radius-0:    0; --radius-pill: 999px; --hairline:    1px;
--rule-accent: 1px solid var(--c-brass);
--rule-functional: 1px solid var(--c-brass-line); --shadow-1: 0 1px 2px rgba(43, 37, 33, .06), 0 2px 8px rgba(43, 37, 33, .05);
--shadow-2: 0 10px 30px -12px rgba(43, 37, 33, .22);
--shadow-3: 0 30px 80px -24px rgba(43, 37, 33, .38); --dur-fast:   180ms;
--dur-base:   320ms;
--dur-slow:   560ms;
--dur-fade:   800ms; --dur-reveal: 900ms;
--dur-kenburns: 16s; --ease-out:   cubic-bezier(.22, .61, .36, 1);
--ease-silk:  cubic-bezier(.25, .1, .1, 1); --ease-in-out:cubic-bezier(.65, 0, .35, 1);
--kenburns-scale: 1.04; --z-base:        1;
--z-chapter:     20; --z-header:      100;
--z-mega:        110;
--z-sticky-cta:  200; --z-sheet:       300; --z-modal:       400; --z-toast:       450;
--z-review:      500; } .on-dark {
--bg:          var(--c-espresso);
--surface:     var(--c-umber);
--band:        var(--c-umber);
--text:        var(--c-linen);
--text-soft:   var(--c-taupe);
--rule:        rgba(239, 232, 222, .18);
--rule-strong: rgba(239, 232, 222, .5);
--accent-text: var(--c-brass-light);
--focus:       var(--c-brass-light);
--focus-halo:  var(--c-espresso);
}*, *::before, *::after { box-sizing: border-box; }
html:has(> body.skx-lux) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
@media (prefers-reduced-motion: no-preference) {
html:has(> body.skx-lux) { scroll-behavior: smooth; }
}
body.skx-lux {
font-synthesis: none; 
margin: 0; min-height: 100vh; overflow-x: clip;
background: var(--c-linen); color: var(--c-ink);
font-family: var(--font-sans); font-weight: var(--fw-regular);
font-size: var(--fs-body); line-height: var(--lh-body); letter-spacing: var(--tr-body);
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
font-feature-settings: "kern", "liga";
}
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) img, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) picture, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) video, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) svg, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) iframe { display: block; max-width: 100%; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) img { height: auto; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h1, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h2, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h3, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h4, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h5, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) p, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) figure, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) blockquote, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) dl, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) dd, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) ul, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) ol { margin: 0; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h1, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h2, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h3, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h4, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h5, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) h6 { font-weight: var(--fw-regular); }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) ul[class], .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) ol[class], .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) nav ul, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) nav ol, .skx-lux .lx-footer ul, .skx-lux .lx-sheet ul { list-style: none; padding: 0; margin: 0; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .28em; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) button, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) input, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) select, .skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) textarea { font: inherit; color: inherit; letter-spacing: inherit; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) button { cursor: pointer; background: none; border: 0; padding: 0; }
.skx-lux strong, .skx-lux b { font-weight: var(--fw-medium); }
.skx-lux ::selection { background: var(--c-brass-light); color: var(--c-ink); }
.skx-lux [hidden] { display: none !important; }
.skx-lux :where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) hr { border: 0; border-top: 1px solid var(--rule); margin: var(--sp-7) 0; }
.skx-lux :focus:not(:focus-visible) { outline: none; }
.skx-lux :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; box-shadow: 0 0 0 8px var(--focus-halo); }
.skx-lux .on-dark, .skx-lux .on-image { color: var(--text); }
.skx-lux .on-image { --text: var(--c-linen); --text-soft: #E6DDCF; --focus: var(--c-brass-light); --focus-halo: var(--c-espresso); --accent-text: var(--c-brass-light); --rule: rgba(239,232,222,.35); }
.skx-lux .lx-skip {
position: absolute; left: var(--sp-4); top: -100px; z-index: calc(var(--z-review) + 1); min-height: 44px; display: inline-flex; align-items: center;
background: var(--c-ink); color: var(--c-linen); padding: var(--sp-3) var(--sp-5);
font: var(--fw-medium) var(--fs-small)/1 var(--font-sans); letter-spacing: var(--tr-button); text-transform: uppercase;
}
.skx-lux .lx-skip:focus { top: var(--sp-4); }
.skx-lux .lx-visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html.lx-lock, html.lx-lock body { overflow: hidden; }
html.lx-lock body { position: fixed; inset: 0; width: 100%; top: var(--lx-scroll-y, 0); }
.skx-lux .lx-container { width: min(100% - 2 * var(--gutter), var(--container-max)); margin-inline: auto; }
.skx-lux .lx-container--wide { width: min(100% - 2 * var(--gutter), var(--container-wide)); }
.skx-lux .lx-container--text { width: min(100% - 2 * var(--gutter), var(--measure)); }
.skx-lux .lx-bleed { width: 100%; }
.skx-lux .lx-section { padding-block: var(--section-y); background: var(--bg); color: var(--text); position: relative; }
.skx-lux .lx-section--tight { padding-block: var(--section-y-sm); }
.skx-lux .lx-section--flush-top { padding-top: 0; }
.skx-lux .lx-section--band { --bg: var(--c-beige); --text-soft: var(--c-mute-on-beige); }
.skx-lux .lx-section--ivory { --bg: var(--c-ivory); }
.skx-lux .lx-section--dark { background: var(--c-espresso); --focus-halo: var(--c-espresso); }
.skx-lux .lx-grid { display: grid; gap: var(--sp-7) var(--grid-gap); grid-template-columns: 1fr; }
@media (min-width: 640px) {
.skx-lux .lx-grid--2, .skx-lux .lx-grid--3, .skx-lux .lx-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
.skx-lux .lx-grid--3 { grid-template-columns: repeat(3, 1fr); }
.skx-lux .lx-grid--4 { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 992px) {
.skx-lux .lx-grid--stagger > :nth-child(even) { margin-top: var(--sp-9); }
}
.skx-lux .lx-split { display: grid; gap: var(--sp-7); align-items: center; }
@media (min-width: 992px) {
.skx-lux .lx-split { grid-template-columns: 7fr 5fr; gap: clamp(3rem, 6vw, 8rem); }
.skx-lux .lx-split--reverse { grid-template-columns: 5fr 7fr; }
.skx-lux .lx-split--reverse > :first-child { order: 2; }
.skx-lux .lx-split--even { grid-template-columns: 1fr 1fr; }
}
.skx-lux .lx-split__text { max-width: 34rem; }
.skx-lux .lx-split__text > * + * { margin-top: var(--sp-5); }
.skx-lux .lx-stack > * + * { margin-top: var(--sp-5); }
.skx-lux .lx-stack--lg > * + * { margin-top: var(--sp-7); }
.skx-lux .lx-center { text-align: center; margin-inline: auto; }
.skx-lux .lx-row { display: flex; flex-wrap: wrap; gap: var(--sp-4); align-items: center; }
.skx-lux .lx-row--center { justify-content: center; }
.skx-lux .lx-media {
position: relative; overflow: hidden; background: var(--c-sand);
aspect-ratio: var(--ratio, 4 / 5); margin: 0;
background-image: linear-gradient(135deg, rgba(255,255,255,.18), rgba(43,37,33,.06));
}
.skx-lux .lx-media > img, .skx-lux .lx-media > video, .skx-lux .lx-media > picture, .skx-lux .lx-media > picture > img { width: 100%; height: 100%; object-fit: cover; }
.skx-lux .lx-media--free { aspect-ratio: auto; }
.skx-lux .lx-media.is-missing > img { visibility: hidden; }
.skx-lux .lx-media.is-missing::after, .skx-lux .lx-media--needed::after {
content: attr(data-label); position: absolute; inset: auto var(--sp-4) var(--sp-4) var(--sp-4);
font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .14em; text-transform: uppercase;
color: var(--c-mute); text-align: left; word-break: break-word;
}
.skx-lux .lx-media.is-missing::before, .skx-lux .lx-media--needed::before {
content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; translate: -50% -50%;
border: 1px solid var(--c-mute); rotate: 45deg; opacity: .35;
}
.skx-lux .lx-ratio-16x9 { --ratio: 16 / 9; }
.skx-lux .lx-ratio-3x2 { --ratio: 3 / 2; }
.skx-lux .lx-ratio-4x3 { --ratio: 4 / 3; }
.skx-lux .lx-ratio-1x1 { --ratio: 1 / 1; }
.skx-lux .lx-ratio-3x4 { --ratio: 3 / 4; }
.skx-lux .lx-ratio-4x5 { --ratio: 4 / 5; }
.skx-lux .lx-ratio-21x9 { --ratio: 21 / 9; }
.skx-lux .lx-caption { margin-top: var(--sp-3); font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-hero-title, .skx-lux .lx-display, .skx-lux .lx-h2, .skx-lux .lx-h3, .skx-lux .lx-h4 {
font-family: var(--font-display); font-weight: var(--fw-regular); color: var(--text, inherit);
text-wrap: balance; font-optical-sizing: auto;
}
.skx-lux .lx-hero-title { font-size: var(--fs-hero); line-height: var(--lh-tight); letter-spacing: var(--tr-display); }
.skx-lux .lx-display { font-size: var(--fs-display); line-height: var(--lh-tight); letter-spacing: var(--tr-display); }
.skx-lux .lx-h2 { font-size: var(--fs-h2); line-height: var(--lh-heading); letter-spacing: var(--tr-heading); }
.skx-lux .lx-h3 { font-size: var(--fs-h3); line-height: var(--lh-heading); font-weight: var(--fw-regular); }
.skx-lux .lx-h4 { font-size: var(--fs-h4); line-height: var(--lh-snug); font-weight: var(--fw-regular); }
.skx-lux .lx-accent { font-family: var(--font-display); }
.skx-lux .lx-hero-title em, .skx-lux .lx-display em, .skx-lux .lx-h2 em, .skx-lux .lx-h3 em, .skx-lux .lx-accent {
font-style: italic; font-weight: var(--fw-regular); color: var(--accent-text);
}
.skx-lux .on-image .lx-hero-title em, .skx-lux .on-image .lx-display em { color: inherit; }
.skx-lux .lx-lead { font-size: var(--fs-lead); line-height: 1.65; font-weight: var(--fw-regular); color: var(--text); max-width: 38em; }
.skx-lux .lx-body { font-size: var(--fs-body); }
.skx-lux .lx-small { font-size: var(--fs-small); line-height: 1.6; }
.skx-lux .lx-soft { color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-label, .skx-lux .lx-eyebrow {
display: inline-block; font-family: var(--font-sans); font-size: var(--fs-label); line-height: 1.5;
font-weight: var(--fw-medium); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--text-soft);
}
.skx-lux .lx-num { font-variant-numeric: tabular-nums lining-nums; }
.skx-lux .lx-prose { max-width: var(--measure); }
.skx-lux .lx-prose > * + * { margin-top: 1.25em; }
.skx-lux .lx-prose h2 { font: var(--fw-regular) var(--fs-h2)/var(--lh-heading) var(--font-display); margin-top: 2.2em; }
.skx-lux .lx-prose h3 { font: var(--fw-regular) var(--fs-h3)/var(--lh-heading) var(--font-display); margin-top: 1.8em; }
.skx-lux .lx-prose a { color: var(--accent-text); text-decoration-color: var(--c-brass); }
.skx-lux .lx-prose ul, .skx-lux .lx-prose ol { padding-left: 1.2em; }
.skx-lux .lx-prose li + li { margin-top: .5em; }
.skx-lux .lx-prose li::marker { color: var(--c-brass); }
.skx-lux .lx-dropcap::first-letter {
float: left; font: var(--fw-regular) 4.6em/.82 var(--font-display); margin: .06em .12em 0 0; color: var(--accent-text);
}
.skx-lux .lx-intro { max-width: var(--measure-intro); margin: 0 auto var(--sp-8); text-align: center; }
.skx-lux .lx-intro > * + * { margin-top: var(--sp-4); }
.skx-lux .lx-intro__title { margin-top: var(--sp-5); }
.skx-lux .lx-intro--left { text-align: left; margin-left: 0; max-width: 40rem; }
.skx-lux .lx-intro--wide { max-width: 760px; }
.skx-lux .lx-chapter {
display: inline-flex; align-items: center; gap: var(--sp-4);
color: var(--text-soft); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans);
letter-spacing: var(--tr-label); text-transform: uppercase;
}
.skx-lux .lx-chapter__num { font: italic var(--fw-regular) var(--fs-h4)/1 var(--font-display); letter-spacing: 0; color: var(--accent-text); text-transform: none; }
.skx-lux .lx-chapter::after, .skx-lux .lx-intro .lx-chapter::before { content: ""; width: 40px; height: 1px; background: var(--c-brass); order: 1; }
.skx-lux .lx-intro .lx-chapter::before { order: -1; }
.skx-lux .lx-chapter__label { order: 2; }
.skx-lux .lx-intro .lx-chapter::after { order: 3; }
.skx-lux .lx-intro .lx-chapter .lx-chapter__num { order: 0; }
.skx-lux .lx-intro .lx-chapter { flex-wrap: wrap; justify-content: center; }
.skx-lux .lx-chapters { display: none; }
@media (min-width: 1440px) {
.skx-lux .lx-chapters {
display: flex; flex-direction: column; gap: var(--sp-3); position: fixed; left: 18px; top: 50%; translate: 0 -50%;
z-index: var(--z-chapter); transition: opacity var(--dur-slow) var(--ease-out);
}
.skx-lux .lx-chapters.is-hidden { opacity: 0; pointer-events: none; visibility: hidden; transition: opacity var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base); }
.skx-lux .lx-chapters a:hover::after, .skx-lux .lx-chapters a:focus-visible::after { z-index: 1; box-shadow: 0 0 0 1px var(--rule); }
.skx-lux .lx-chapters a {
display: grid; place-items: center; width: 32px; min-height: 32px; text-decoration: none; position: relative; background: var(--c-linen);
font: italic var(--fw-regular) var(--fs-body)/1 var(--font-display); color: var(--c-mute);
}
.skx-lux .lx-chapters a::after {
content: attr(data-label); position: absolute; left: 40px; top: 50%; translate: 0 -50%; white-space: nowrap;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: var(--tr-label); font-style: normal; text-transform: uppercase;
color: var(--c-brass-text); opacity: 0; transition: opacity var(--dur-base) var(--ease-out);
background: var(--c-linen); padding: 6px 8px;
}
.skx-lux .lx-chapters a.is-current { color: var(--c-ink); }
.skx-lux .lx-chapters a.is-current::before { content: ""; position: absolute; left: -10px; width: 6px; height: 1px; background: var(--c-brass); }
.skx-lux .lx-chapters a:hover::after, .skx-lux .lx-chapters a:focus-visible::after { opacity: 1; }
}
.skx-lux .lx-ornament { display: flex; align-items: center; justify-content: center; gap: var(--sp-4); margin-block: var(--sp-7); color: var(--c-brass); }
.skx-lux .lx-ornament::before, .skx-lux .lx-ornament::after { content: ""; flex: 0 1 80px; height: 1px; background: currentColor; }
.skx-lux .lx-ornament span { width: 7px; height: 7px; border: 1px solid currentColor; rotate: 45deg; }
.skx-lux .lx-rule { width: 56px; height: 1px; background: var(--c-brass); border: 0; margin: var(--sp-5) 0; }
.skx-lux .lx-center .lx-rule, .skx-lux .lx-rule--center { margin-inline: auto; }
.skx-lux .lx-btn {
--btn-h: 52px;
display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-3);
min-height: var(--btn-h); padding: 0 1.75rem; border: 1px solid transparent; border-radius: var(--radius-0);
font: var(--fw-medium) var(--fs-small)/1.2 var(--font-sans); letter-spacing: var(--tr-button); text-transform: uppercase;
text-decoration: none; text-align: center; white-space: normal; cursor: pointer; position: relative;
transition: background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
}
.skx-lux .lx-btn svg { width: 18px; height: 18px; flex: none; }
.skx-lux .lx-btn--primary { background: var(--c-brass); color: var(--c-ink); border-color: var(--c-brass-line); }
.skx-lux .lx-btn--primary:hover { background: var(--c-espresso); color: var(--c-linen); border-color: var(--c-espresso); }
.skx-lux .on-dark .lx-btn--primary:hover, .skx-lux .on-image .lx-btn--primary:hover { background: var(--c-linen); color: var(--c-ink); border-color: var(--c-linen); }
.skx-lux .lx-btn--secondary { background: transparent; color: var(--text); border-color: currentColor; }
.skx-lux .lx-btn--secondary:hover { background: var(--c-ink); color: var(--c-linen); border-color: var(--c-ink); }
.skx-lux .on-dark .lx-btn--secondary:hover, .skx-lux .on-image .lx-btn--secondary:hover { background: var(--c-linen); color: var(--c-ink); border-color: var(--c-linen); }
.skx-lux .lx-btn--ghost { background: transparent; color: var(--text); border-color: transparent; padding-inline: 1rem; }
.skx-lux .lx-btn--ghost:hover { border-color: var(--rule-strong); }
.skx-lux .lx-btn--sm { --btn-h: 44px; padding-inline: 1.25rem; font-size: var(--fs-label); }
.skx-lux .lx-btn--lg { --btn-h: 60px; padding-inline: 2.25rem; }
.skx-lux .lx-btn--block { width: 100%; }
.skx-lux .lx-btn[aria-disabled="true"], .skx-lux .lx-btn:disabled {
background: transparent; color: var(--text-soft); border-color: var(--rule-strong); border-style: dashed; cursor: not-allowed;
}
.skx-lux .lx-btn__hint { display: block; margin-top: var(--sp-2); font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-btn:active:not([aria-disabled="true"]) { translate: 0 1px; }
.skx-lux .lx-link {
display: inline-flex; align-items: center; gap: .6em; min-height: 44px;
font: var(--fw-medium) var(--fs-label)/1.2 var(--font-sans); letter-spacing: .14em; text-transform: uppercase;
color: var(--text); text-decoration: none; position: relative; justify-self: start; align-self: start;
}
.skx-lux .lx-link::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 10px; height: 1px; background: var(--c-brass-line);
transform-origin: left; transition: transform var(--dur-slow) var(--ease-silk);
}
.skx-lux .lx-link:hover::after { transform: scaleX(.35); }
.skx-lux .lx-link svg { width: 16px; height: 16px; transition: translate var(--dur-base) var(--ease-out); }
.skx-lux .lx-link:hover svg { translate: 4px 0; }
.skx-lux .lx-link--quiet { text-transform: none; letter-spacing: 0; font-weight: var(--fw-regular); font-size: var(--fs-body); }
.skx-lux .lx-iconbtn {
display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none;
border: 1px solid var(--rule-strong); color: var(--text); background: transparent;
transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base), color var(--dur-base);
}
.skx-lux .lx-iconbtn:hover { border-color: var(--text); }
.skx-lux .lx-iconbtn svg { width: 18px; height: 18px; }
.skx-lux .lx-iconbtn--plain { border-color: transparent; }
.skx-lux .lx-iconbtn--lg { width: 56px; height: 56px; }
.skx-lux .lx-iconbtn[disabled] { opacity: .35; cursor: default; }
.skx-lux .lx-status { font: italic var(--fw-regular) var(--fs-lead)/1.3 var(--font-display); color: var(--text-soft); }
.skx-lux .on-image .lx-status { color: var(--text-soft); }
.skx-lux .lx-badge {
display: inline-flex; align-items: center; gap: .6em; font: var(--fw-medium) var(--fs-label)/1.3 var(--font-sans);
letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft);
}
.skx-lux .lx-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c-brass); flex: none; }
.skx-lux .lx-badge--operating::before { background: var(--c-success); }
.skx-lux .lx-badge--plain::before { display: none; }
.skx-lux .lx-confirm, .skx-lux .lx-needed {
display: inline-block; vertical-align: middle; margin-left: .35em; padding: .15em .45em;
font: var(--fw-medium) var(--fs-label)/1.3 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; font-style: normal;
color: var(--c-brass-text); background: var(--c-ivory); border: 1px dashed var(--c-brass-text);  white-space: normal; max-width: 100%; text-wrap: balance;
}
.skx-lux .lx-logowall .lx-needed, .skx-lux .lx-timeline .lx-needed { white-space: normal; }
.skx-lux .lx-needed { color: var(--c-mute); border-color: var(--c-mute); }
.skx-lux .lx-logo { display: block; width: auto; height: 18px; aspect-ratio: 608 / 121; color: currentColor; fill: currentColor; }
@media (min-width: 992px) {
.skx-lux .lx-logo { height: 21px; }
}
.skx-lux .lx-header {
position: sticky; top: 0; z-index: var(--z-header); color: var(--c-ink);
background: var(--c-linen);
border-bottom: 1px solid var(--rule);
transition: transform var(--dur-slow) var(--ease-silk), background-color var(--dur-slow) var(--ease-out), color var(--dur-slow), border-color var(--dur-slow);
}
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-header { background: color-mix(in srgb, var(--c-linen) 96%, transparent); } }
.skx-lux .lx-header--overlay { position: fixed; left: 0; right: 0; background: transparent; border-color: transparent; color: var(--c-linen); --focus: var(--c-brass-light); }
.skx-lux .lx-header--overlay::before {
content: ""; position: absolute; inset: 0 0 -40px; pointer-events: none; z-index: -1;
background: linear-gradient(to bottom, rgba(29,24,20,.45), rgba(29,24,20,0));
transition: opacity var(--dur-slow);
}
.skx-lux .lx-header--overlay.is-solid, .skx-lux .lx-header--overlay.is-open, .skx-lux .lx-header--overlay:focus-within:has(.lx-nav__item.is-open) {
background: var(--c-linen); color: var(--c-ink); border-color: var(--rule); --focus: var(--c-brass-text);
}
.skx-lux .lx-header--overlay.is-solid::before, .skx-lux .lx-header--overlay.is-open::before { opacity: 0; }
.skx-lux .lx-header--dark { background: var(--c-espresso); color: var(--c-linen); border-color: rgba(239,232,222,.12); --focus: var(--c-brass-light); }
.skx-lux .lx-header.is-hidden:not(.is-open):not(:focus-within) { transform: translateY(-100%); }
.skx-lux .lx-header__bar {
display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
min-height: var(--header-h-mobile); width: min(100% - 2 * var(--gutter), var(--container-wide)); margin-inline: auto;
}
@media (min-width: 992px) {
.skx-lux .lx-header__bar { min-height: var(--header-h); }
}
.skx-lux .lx-header__brand { grid-column: 2; display: inline-flex; align-items: center; min-height: 44px; padding-inline: var(--sp-2); text-decoration: none; }
.skx-lux .lx-header__start { grid-column: 1; grid-row: 1; display: flex; align-items: center; }
.skx-lux .lx-header__end { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-content: flex-end; gap: var(--sp-2); }
.skx-lux .lx-nav { display: none; }
@media (min-width: 992px) {
.skx-lux .lx-nav { display: flex; align-items: center; gap: clamp(.25rem, 1.2vw, 1.5rem); }
.skx-lux .lx-menu-btn { display: none !important; }
}
.skx-lux .lx-nav__item { position: static; }
.skx-lux .lx-nav__link, .skx-lux .lx-nav__trigger {
display: inline-flex; align-items: center; gap: .45em; min-height: 44px; padding: 0 .6rem; text-decoration: none;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: inherit; position: relative;
}
.skx-lux .lx-nav__link::after, .skx-lux .lx-nav__trigger::after {
content: ""; position: absolute; left: .6rem; right: .6rem; bottom: 8px; height: 1px; background: var(--c-brass);
transform: scaleX(0); transform-origin: left; transition: transform var(--dur-slow) var(--ease-silk);
}
.skx-lux .lx-nav__link:hover::after, .skx-lux .lx-nav__trigger:hover::after, .skx-lux .lx-nav__item.is-open > .lx-nav__trigger::after, .skx-lux .lx-nav__link[aria-current="page"]::after { transform: scaleX(1); }
@media (min-width: 992px) and (max-width: 1279px) {
.skx-lux .lx-nav__link, .skx-lux .lx-nav__trigger, .skx-lux .lx-header__enquire { letter-spacing: .06em; font-size: var(--fs-label); padding-inline: .35rem; }
.skx-lux .lx-nav__item--wide-only { display: none; }
.skx-lux .lx-nav { gap: 0; }
.skx-lux .lx-header__enquire { padding-left: .75rem; }
}
.skx-lux .lx-header__bar { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.skx-lux .lx-nav__trigger svg { width: 10px; height: 10px; transition: rotate var(--dur-base) var(--ease-out); }
.skx-lux .lx-nav__item.is-open > .lx-nav__trigger svg { rotate: 180deg; }
.skx-lux .lx-header__enquire {
display: none; align-items: center; min-height: 44px; padding: 0 0 0 1rem; margin-left: .4rem; text-decoration: none;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: inherit;
border-left: 1px solid var(--c-brass);
}
.skx-lux .lx-header__enquire span { border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.skx-lux .lx-header__enquire:hover span { border-bottom-width: 2px; }
@media (min-width: 992px) {
.skx-lux .lx-header__enquire { display: inline-flex; }
}
.skx-lux .lx-header__enquire-sm {
display: inline-flex; align-items: center; min-height: 44px; padding: 0 .25rem; text-decoration: none;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: inherit;
}
.skx-lux .lx-header__enquire-sm span { border-bottom: 1px solid currentColor; padding-bottom: 3px; }
@media (min-width: 992px) {
.skx-lux .lx-header__enquire-sm { display: none; }
}
.skx-lux .lx-menu-btn { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; min-width: 44px; color: inherit;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; }
.skx-lux .lx-menu-btn__lines { display: grid; gap: 6px; width: 24px; }
.skx-lux .lx-menu-btn__lines span { height: 1px; background: currentColor; }
.skx-lux .lx-menu-btn__lines span:last-child { width: 16px; }
@media (max-width: 420px) {
.skx-lux .lx-menu-btn__text { display: none; }
}
.skx-lux .lx-mega {
position: absolute; left: 0; right: 0; top: 100%; z-index: var(--z-mega);
background: var(--c-linen); color: var(--c-ink); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--c-brass-line);
box-shadow: 0 24px 40px -24px rgba(29,24,20,.35), var(--shadow-3);
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base);
--focus: var(--c-brass-text); --text: var(--c-ink); --text-soft: var(--c-mute); --accent-text: var(--c-brass-text); --rule: var(--c-sand);
max-height: calc(100vh - var(--header-h)); overflow-y: auto;
}
.skx-lux .lx-nav__item.is-open > .lx-mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.skx-lux .lx-mega__inner {
width: min(100% - 2 * var(--gutter), var(--container-max)); margin-inline: auto; padding-block: var(--sp-7) var(--sp-8);
display: grid; grid-template-columns: 1.1fr 1fr 1fr 1.3fr; gap: var(--sp-7);
}
.skx-lux .lx-mega__intro .lx-h3 { margin: var(--sp-3) 0; font-size: var(--fs-h3); }
.skx-lux .lx-mega__intro p:not(.lx-h3) { color: var(--c-mute); font-size: var(--fs-small); font-weight: var(--fw-regular); }
.skx-lux .lx-mega__col h3 { margin-bottom: var(--sp-4); padding-bottom: var(--sp-3); border-bottom: 1px solid var(--rule); }
.skx-lux .lx-mega__list a {
display: flex; flex-direction: column; justify-content: center; min-height: 48px; padding-block: 6px; text-decoration: none;
font: var(--fw-regular) var(--fs-h4)/1.2 var(--font-display);
}
.skx-lux .lx-mega__list a small { font: var(--fw-regular) var(--fs-small)/1.4 var(--font-sans); color: var(--c-mute); }
.skx-lux .lx-mega__list a:hover span { color: var(--c-brass-text); font-style: italic; }
.skx-lux .lx-mega__feature { position: relative; text-decoration: none; display: block; }
.skx-lux .lx-mega__feature .lx-media { --ratio: 4 / 3; }
.skx-lux .lx-mega__feature p { margin-top: var(--sp-3); font: italic var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); }
.skx-lux .lx-sheet {
position: fixed; inset: 0; z-index: var(--z-sheet); display: flex; flex-direction: column;
background: var(--c-espresso); color: var(--c-linen);
--text: var(--c-linen); --text-soft: var(--c-taupe); --focus: var(--c-brass-light); --rule: rgba(239,232,222,.16); --accent-text: var(--c-brass-light);
opacity: 0; visibility: hidden; transition: opacity var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow);
height: 100vh;
}
@supports (height: 1dvh) { .skx-lux .lx-sheet { height: 100dvh; } }
.skx-lux .lx-sheet.is-open { opacity: 1; visibility: visible; transition-delay: 0s; }
.skx-lux .lx-sheet__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: var(--header-h-mobile); padding-inline: var(--gutter); border-bottom: 1px solid var(--rule); flex: none; }
.skx-lux .lx-sheet__top .lx-logo { grid-column: 2; }
.skx-lux .lx-sheet__close { grid-column: 3; justify-self: end; }
.skx-lux .lx-sheet__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: var(--sp-5) var(--gutter) var(--sp-7); }
.skx-lux .lx-sheet__section-label { display: block; margin: var(--sp-6) 0 var(--sp-2); font: italic var(--fw-regular) var(--fs-body)/1 var(--font-display); color: var(--c-brass-light); letter-spacing: .02em; }
.skx-lux .lx-sheet__list > li { border-bottom: 1px solid var(--rule); }
.skx-lux .lx-sheet__row { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
.skx-lux .lx-sheet__row > a { flex: 1; display: flex; align-items: center; min-height: 56px; text-decoration: none; font: var(--fw-regular) var(--fs-h3)/1.1 var(--font-display); }
.skx-lux .lx-sheet__toggle { width: 48px; height: 48px; display: grid; place-items: center; color: var(--c-linen); border-left: 1px solid var(--rule); }
.skx-lux .lx-sheet__toggle svg { width: 14px; height: 14px; transition: rotate var(--dur-base) var(--ease-out); }
.skx-lux .lx-sheet__toggle[aria-expanded="true"] svg { rotate: 180deg; }
.skx-lux .lx-sheet__sub { padding: 0 0 var(--sp-4) var(--sp-2); }
.skx-lux .lx-sheet__sub a { display: flex; align-items: center; min-height: 44px; text-decoration: none; font-size: var(--fs-body); color: var(--c-taupe); font-weight: var(--fw-regular); }
.skx-lux .lx-sheet__sub a:hover { color: var(--c-linen); }
.skx-lux .lx-sheet__foot { flex: none; display: flex; gap: var(--sp-3); padding: var(--sp-4) var(--gutter) calc(var(--sp-4) + env(safe-area-inset-bottom)); border-top: 1px solid var(--rule); background: var(--c-espresso); }
.skx-lux .lx-sheet__foot .lx-btn { flex: 1; }
.skx-lux .lx-sheet__foot .lx-iconbtn { width: 52px; height: 52px; border-color: rgba(239,232,222,.3); color: var(--c-linen); }
.skx-lux .lx-hero { position: relative; isolation: isolate; display: grid; min-height: min(100vh, 1100px); overflow: hidden; background: var(--c-espresso); }
@supports (height: 1svh) { .skx-lux .lx-hero { min-height: min(100svh, 1100px); } }
.skx-lux .lx-hero--short { min-height: min(72vh, 820px); }
@supports (height: 1svh) { .skx-lux .lx-hero--short { min-height: min(72svh, 820px); } }
.skx-lux .lx-hero__media { position: absolute; inset: 0; z-index: -2; margin: 0; background: var(--c-umber); }
.skx-lux .lx-hero__media img, .skx-lux .lx-hero__media video { width: 100%; height: 100%; object-fit: cover; object-position: var(--focal, 50% 55%); }
.skx-lux .lx-hero__media.is-missing img { visibility: hidden; }
.skx-lux .lx-hero__media.is-missing::after { content: attr(data-label); position: absolute; right: var(--gutter); bottom: var(--sp-5); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--c-taupe); }
.skx-lux .lx-hero__scrim { position: absolute; inset: 0; z-index: -1; pointer-events: none;
background:
linear-gradient(to top, rgba(29,24,20,.78) 0%, rgba(29,24,20,.35) 38%, rgba(29,24,20,0) 62%),
linear-gradient(to bottom, rgba(29,24,20,.40) 0%, rgba(29,24,20,0) 22%);
}
@media (max-width: 767px) {
.skx-lux .lx-hero__scrim { background: linear-gradient(to top, rgba(29,24,20,.82) 0%, rgba(29,24,20,.58) 55%, rgba(29,24,20,.38) 100%); }
}
.skx-lux .lx-hero__content {
align-self: end; width: min(100% - 2 * var(--gutter), var(--container-wide)); margin-inline: auto;
padding: calc(var(--header-h) + var(--sp-7)) 0 clamp(3rem, 2rem + 4vw, 6.5rem);
display: grid; gap: var(--sp-5); max-width: none;
}
.skx-lux .lx-hero__content > .lx-hero-title, .skx-lux .lx-hero__content > .lx-display { max-width: 20ch; }
.skx-lux .lx-hero__content .lx-lead { max-width: 34rem; color: var(--text-soft); }
.skx-lux .lx-hero__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); align-items: center; margin-top: var(--sp-2); }
.skx-lux .lx-hero--center .lx-hero__content { justify-items: center; text-align: center; align-self: center; }
.skx-lux .lx-hero--center .lx-hero__content > .lx-hero-title { max-width: 18ch; }
.skx-lux .lx-hero__foot {
position: absolute; left: 0; right: 0; bottom: 0; display: none;
width: min(100% - 2 * var(--gutter), var(--container-wide)); margin-inline: auto;
}
@media (min-width: 992px) {
.skx-lux .lx-hero__content { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: var(--sp-8); }
.skx-lux .lx-hero__content > * { grid-column: 1; }
.skx-lux .lx-hero__content > .lx-hero__aside { grid-column: 2; grid-row: 1 / span 4; align-self: end; }
.skx-lux .lx-hero--center .lx-hero__content { grid-template-columns: 1fr; }
}
.skx-lux .lx-hero__aside { display: flex; gap: var(--sp-3); align-items: center; }
@media (prefers-reduced-motion: no-preference) {
.skx-lux .lx-kenburns img { animation: lx-kenburns var(--dur-kenburns) var(--ease-silk) .2s both alternate infinite; transform-origin: 60% 50%; }
}
@keyframes lx-kenburns { from { transform: scale(1); } to { transform: scale(var(--kenburns-scale)); } }
.skx-lux .lx-play {
display: inline-flex; align-items: center; gap: var(--sp-4); min-height: 56px; color: var(--c-linen); text-align: left;
font: var(--fw-medium) var(--fs-label)/1.3 var(--font-sans); letter-spacing: .16em; text-transform: uppercase;
}
.skx-lux .lx-play__ring { position: relative; width: 64px; height: 64px; border: 1px solid rgba(239,232,222,.7); border-radius: 50%; display: grid; place-items: center; flex: none;
transition: background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow); }
.skx-lux .lx-play__ring svg { width: 16px; height: 16px; margin-left: 3px; }
.skx-lux .lx-play:hover .lx-play__ring { background: var(--c-brass); border-color: var(--c-brass-line); color: var(--c-ink); }
.skx-lux .lx-play small { display: block; font: italic var(--fw-regular) var(--fs-body)/1.2 var(--font-display); letter-spacing: 0; text-transform: none; color: var(--c-taupe); margin-top: 4px; }
.skx-lux .lx-play--dark { color: var(--c-ink); }
.skx-lux .lx-play--dark .lx-play__ring { border-color: var(--c-ink); }
.skx-lux .lx-play--dark small { color: var(--c-mute); }
.skx-lux .lx-video { position: relative; }
.skx-lux .lx-video .lx-media { --ratio: 16 / 9; }
.skx-lux .lx-video__btn { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(ellipse at center, rgba(29,24,20,.55) 0%, rgba(29,24,20,.25) 60%, rgba(29,24,20,.15) 100%); transition: background-color var(--dur-slow); }
.skx-lux .lx-video__btn:hover { background-color: rgba(29,24,20,.15); }
.skx-lux .lx-video__btn .lx-play { pointer-events: none; text-shadow: 0 1px 12px rgba(29,24,20,.6); }
.skx-lux .lx-video__btn .lx-play__ring { background: rgba(29,24,20,.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.skx-lux .lx-scrollcue { display: none; }
@media (min-width: 992px) {
.skx-lux .lx-scrollcue { display: inline-flex; flex-direction: column; align-items: center; gap: var(--sp-3); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .24em; text-transform: uppercase; color: var(--c-taupe); text-decoration: none; min-height: 44px; }
.skx-lux .lx-scrollcue::after { content: ""; width: 1px; height: 48px; background: linear-gradient(var(--c-brass-light), transparent); }
}
@media (prefers-reduced-motion: no-preference) {
.skx-lux .lx-scrollcue::after { animation: lx-cue 2.8s var(--ease-in-out) infinite; transform-origin: top; }
}
@keyframes lx-cue { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); } 100% { transform: scaleY(1); opacity: 0; } }
.skx-lux .lx-hero--split { background: var(--c-linen); min-height: auto; }
.skx-lux .lx-hero--split .lx-hero__grid { display: grid; }
.skx-lux .lx-hero--split .lx-hero__text { padding: var(--sp-8) var(--gutter) var(--sp-8); display: grid; gap: var(--sp-5); align-content: center; }
.skx-lux .lx-hero--split .lx-hero__figure { margin: 0; position: relative; aspect-ratio: 4 / 5; max-height: 72vh; width: 100%; overflow: hidden; background: var(--c-sand); }
@supports (height: 1svh) { .skx-lux .lx-hero--split .lx-hero__figure { max-height: 72svh; } }
.skx-lux .lx-hero--split .lx-hero__figure img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 991px) {
.skx-lux .lx-hero--split .lx-hero__figure { order: -1; aspect-ratio: 4 / 3; }
}
@media (min-width: 992px) {
.skx-lux .lx-hero--split .lx-hero__grid { grid-template-columns: 5fr 6fr; min-height: calc(100vh - var(--header-h)); max-height: 1000px; }
@supports (height: 1svh) { .skx-lux .lx-hero--split .lx-hero__grid { min-height: calc(100svh - var(--header-h)); } }
.skx-lux .lx-hero--split .lx-hero__text { padding: var(--sp-9) clamp(2rem, 6vw, 7rem); }
.skx-lux .lx-hero--split .lx-hero__figure { aspect-ratio: auto; max-height: none; height: 100%; }
}
.skx-lux .lx-hero--plain { background: var(--c-linen); min-height: auto; color: var(--c-ink); }
.skx-lux .lx-hero--plain .lx-hero__content { padding: var(--sp-9) 0 var(--sp-8); justify-items: center; text-align: center; grid-template-columns: 1fr; }
.skx-lux .lx-hero--plain .lx-hero__content > .lx-display { max-width: 20ch; }
.skx-lux .lx-card { position: relative; display: flex; flex-direction: column; color: var(--text); }
.skx-lux .lx-card .lx-media img { transition: transform 1.4s var(--ease-silk); }
.skx-lux .lx-card:hover .lx-media img { transform: scale(1.03); }
.skx-lux .lx-card__body { padding-top: var(--sp-5); display: grid; gap: var(--sp-2); }
.skx-lux .lx-card__title { font: var(--fw-regular) var(--fs-h3)/1.15 var(--font-display); }
.skx-lux .lx-card__title a { text-decoration: none; }
.skx-lux .lx-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.skx-lux .lx-card__title a:focus-visible { outline: none; }
.skx-lux .lx-card:has(.lx-card__title a:focus-visible) { outline: 2px solid var(--focus); outline-offset: 6px; }
.skx-lux .lx-card__text { color: var(--text-soft); font-weight: var(--fw-regular); font-size: var(--fs-small); line-height: 1.6; }
.skx-lux .lx-card__more { margin-top: var(--sp-2); position: relative; z-index: 2; }
.skx-lux .lx-card__meta { display: flex; flex-wrap: wrap; gap: .4em 1.2em; font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-card--development .lx-media { --ratio: 4 / 5; }
.skx-lux .lx-card--development .lx-card__status { font: italic var(--fw-regular) var(--fs-lead)/1.3 var(--font-display); color: var(--text-soft); }
.skx-lux .lx-card--development .lx-card__body { border-top: 1px solid var(--c-brass); margin-top: var(--sp-5); padding-top: var(--sp-4); }
.skx-lux .lx-card--destination { color: var(--c-linen); }
.skx-lux .lx-card--destination .lx-media { --ratio: 3 / 4; }
.skx-lux .lx-card--destination .lx-card__body {
position: absolute; inset: auto 0 0 0; padding: var(--sp-10) var(--sp-5) var(--sp-5);
background: linear-gradient(to top, rgba(29,24,20,.88) 0, rgba(29,24,20,.8) 45%, rgba(29,24,20,0) 100%); text-shadow: 0 1px 14px rgba(0,0,0,.4);
display: flex; flex-direction: column; --text: var(--c-linen); --text-soft: #E6DDCF; --focus: var(--c-brass-light);
}
.skx-lux .lx-card--destination .lx-card__title { font-size: var(--fs-h3); font-weight: var(--fw-regular); }
.skx-lux .lx-card--destination .lx-label { color: #E6DDCF; order: 2; }
.skx-lux .lx-card--insight .lx-media { --ratio: 3 / 2; }
.skx-lux .lx-card--insight .lx-card__title { font-size: var(--fs-h4); }
.skx-lux .lx-card--insight .lx-card__body { gap: var(--sp-3); }
.skx-lux .lx-card--villa { background: var(--c-ivory); }
.skx-lux .lx-card--villa .lx-media { --ratio: 4 / 3; }
.skx-lux .lx-card--villa .lx-card__body { padding: var(--sp-5); gap: var(--sp-3); }
.skx-lux .lx-card--villa .lx-card__spec { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: var(--sp-5); padding-block: var(--sp-3); border-block: 1px solid var(--rule); }
.skx-lux .lx-card--villa .lx-card__spec dt { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--c-mute); }
.skx-lux .lx-card--villa .lx-card__spec dd { font: var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); font-variant-numeric: lining-nums tabular-nums; }
.skx-lux .lx-card--villa .lx-card__price { font: var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); font-variant-numeric: lining-nums tabular-nums; }
.skx-lux .lx-card--villa .lx-card__price small { display: block; font-family: var(--font-sans); font-size: var(--fs-label); letter-spacing: .16em; text-transform: uppercase; color: var(--c-mute); font-weight: var(--fw-medium); }
.skx-lux .lx-card--wide { display: grid; gap: var(--sp-5); }
@media (min-width: 768px) {
.skx-lux .lx-card--wide { grid-template-columns: 1.4fr 1fr; align-items: end; gap: var(--sp-7); }
.skx-lux .lx-card--wide .lx-card__body { padding-top: 0; }
}
.skx-lux .lx-rail-head { display: flex; justify-content: space-between; align-items: end; gap: var(--sp-5); padding-bottom: var(--sp-4); margin-bottom: var(--sp-7); border-bottom: 1px solid var(--rule); }
.skx-lux .lx-rail-head .lx-h3 { font-weight: var(--fw-regular); }
.skx-lux .lx-facts { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--c-brass); }
@media (min-width: 768px) {
.skx-lux .lx-facts { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1200px) {
.skx-lux .lx-facts { grid-template-columns: repeat(var(--cols, 6), 1fr); }
}
.skx-lux .lx-fact { padding: var(--sp-5) var(--sp-4) var(--sp-5) 0; border-bottom: 1px solid var(--rule); display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: var(--sp-2); }
@media (min-width: 1200px) {
.skx-lux .lx-fact + .lx-fact { padding-left: var(--sp-5); border-left: 1px solid var(--rule); }
.skx-lux .lx-fact { border-bottom: 0; }
}
.skx-lux .lx-fact dt { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft); }
.skx-lux .lx-fact dd { font: var(--fw-regular) var(--fs-h3)/1.1 var(--font-display); font-variant-numeric: lining-nums; }
.skx-lux .lx-facts--large .lx-fact dd { font-size: var(--fs-numeral); }
.skx-lux .lx-amenities { columns: 1; column-gap: var(--sp-7); }
@media (min-width: 640px) {
.skx-lux .lx-amenities { columns: 2; }
}
@media (min-width: 1100px) {
.skx-lux .lx-amenities { columns: 3; }
}
.skx-lux .lx-amenities li { break-inside: avoid; display: flex; gap: var(--sp-4); align-items: baseline; padding: var(--sp-3) 0; border-bottom: 1px solid var(--rule); }
.skx-lux .lx-amenities li::before { content: ""; width: 5px; height: 5px; border: 1px solid var(--c-brass); rotate: 45deg; flex: none; translate: 0 -2px; }
.skx-lux .lx-list-editorial { counter-reset: lx; display: grid; gap: 0; }
.skx-lux .lx-list-editorial > li { counter-increment: lx; display: grid; grid-template-columns: 3rem 1fr; gap: var(--sp-4); padding: var(--sp-6) 0; border-top: 1px solid var(--rule); }
.skx-lux .lx-list-editorial > li::before { content: counter(lx, upper-roman); font: italic var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); color: var(--accent-text); }
.skx-lux .lx-list-editorial h3 { font: var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); font-size: var(--fs-h4); }
.skx-lux .lx-list-editorial p { margin-top: var(--sp-2); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-list-editorial > li > * { grid-column: 2; }
.skx-lux .lx-list-editorial > li::before { grid-row: 1 / span 2; }
@media (min-width: 992px) {
.skx-lux .lx-list-editorial > li { grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 1.3fr); }
.skx-lux .lx-list-editorial > li > p { grid-column: 3; grid-row: 1; margin-top: 0; }
.skx-lux .lx-list-editorial > li::before { grid-row: 1; }
}
.skx-lux .lx-callout { border-left: 1px solid var(--c-brass); padding: var(--sp-4) 0 var(--sp-4) var(--sp-6); margin-block: var(--sp-7); }
.skx-lux .lx-callout__figure { font: var(--fw-regular) var(--fs-numeral)/1 var(--font-display); color: var(--accent-text); }
.skx-lux .lx-callout p { margin-top: var(--sp-3); color: var(--text-soft); font-weight: var(--fw-regular); max-width: 36em; }
.skx-lux .lx-table-wrap {
position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%;
background:
linear-gradient(to right, var(--bg) 30%, rgba(239,232,222,0)) left / 40px 100% no-repeat local,
linear-gradient(to left, var(--bg) 30%, rgba(239,232,222,0)) right / 40px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%, rgba(43,37,33,.16), transparent) left / 12px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%, rgba(43,37,33,.16), transparent) right / 12px 100% no-repeat scroll;
}
.skx-lux .lx-table-wrap:focus-visible { outline-offset: 2px; }
.skx-lux .lx-table-hint { display: block; margin-top: var(--sp-2); font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
@media (min-width: 900px) {
.skx-lux .lx-table-hint { display: none; }
}
.skx-lux .lx-table { width: 100%; min-width: 560px; border-collapse: collapse; font-variant-numeric: tabular-nums lining-nums; font-size: var(--fs-small); }
.skx-lux .lx-table caption { caption-side: top; text-align: left; padding-bottom: var(--sp-4); font: italic var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); color: var(--text); }
.skx-lux .lx-table th, .skx-lux .lx-table td { padding: .95rem 1rem; text-align: left; border-bottom: 1px solid var(--rule); vertical-align: top; font-weight: var(--fw-regular); }
.skx-lux .lx-table thead th { background: var(--c-beige); font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--c-ink); border-bottom: 1px solid var(--c-brass); white-space: nowrap; }
.skx-lux .lx-table tbody th { font-weight: var(--fw-medium); color: var(--text); }
.skx-lux .lx-table th:first-child, .skx-lux .lx-table td:first-child { position: sticky; left: 0; background: var(--bg); z-index: 1; box-shadow: 1px 0 0 var(--rule); }
.skx-lux .lx-table thead th:first-child { background: var(--c-beige); z-index: 2; }
.skx-lux .lx-table td.is-num, .skx-lux .lx-table th.is-num { text-align: right; }
.skx-lux .lx-table tbody tr:hover td, .skx-lux .lx-table tbody tr:hover th { background: var(--c-ivory); }
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-table tbody tr:hover td, .skx-lux .lx-table tbody tr:hover th { background: color-mix(in srgb, var(--c-ivory) 70%, var(--bg)); } }
.skx-lux .lx-slider { position: relative; --per-view: 1.15; --gap: var(--grid-gap); }
@media (min-width: 640px) {
.skx-lux .lx-slider { --per-view: 2.1; }
}
@media (min-width: 1100px) {
.skx-lux .lx-slider { --per-view: 3; }
}
.skx-lux .lx-slider--gallery { --per-view: 1.08; }
@media (min-width: 768px) {
.skx-lux .lx-slider--gallery { --per-view: 1.6; }
}
@media (min-width: 1280px) {
.skx-lux .lx-slider--gallery { --per-view: 2.2; }
}
.skx-lux .lx-slider__track {
display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--per-view) - 1) * var(--gap)) / var(--per-view));
gap: var(--gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
-webkit-overflow-scrolling: touch; padding-bottom: 2px;
}
.skx-lux .lx-slider__track::-webkit-scrollbar { display: none; }
.skx-lux .lx-slider__track > * { scroll-snap-align: start; min-width: 0; }
@media (min-width: 992px) {
.skx-lux .lx-slider--gallery .lx-slider__track { -webkit-mask-image: linear-gradient(to right, #000 92%, transparent); mask-image: linear-gradient(to right, #000 92%, transparent); }
}
.skx-lux .lx-slider__track:focus-visible { outline-offset: 6px; }
.skx-lux .lx-slider__controls { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-5); margin-top: var(--sp-6); }
.skx-lux .lx-slider__progress { flex: 1; height: 1px; background: var(--rule); position: relative; max-width: 480px; }
.skx-lux .lx-slider__progress span { position: absolute; left: 0; top: -0.5px; height: 2px; background: var(--c-brass-line); width: var(--p, 20%); transition: width var(--dur-base) var(--ease-out), left var(--dur-base) var(--ease-out); }
.skx-lux .lx-slider__count { font: var(--fw-regular) var(--fs-lead)/1 var(--font-display); font-variant-numeric: tabular-nums lining-nums; color: var(--text-soft); min-width: 4.5em; }
.skx-lux .lx-slider__arrows { display: flex; gap: var(--sp-2); }
.skx-lux .lx-slide-figure figcaption { margin-top: var(--sp-3); display: flex; justify-content: space-between; gap: var(--sp-4); font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-slide-figure figcaption b { font: italic var(--fw-regular) var(--fs-lead)/1.3 var(--font-display); color: var(--text); }
.skx-lux .lx-zoom { display: block; width: 100%; position: relative; cursor: zoom-in; }
.skx-lux .lx-zoom:focus-visible { outline-offset: -4px; }
.skx-lux .lx-fade { position: relative; overflow: hidden; background: var(--c-espresso); color: var(--c-linen); touch-action: pan-y; }
.skx-lux .lx-fade__stage { position: relative; aspect-ratio: 4 / 5; }
@media (min-width: 768px) {
.skx-lux .lx-fade__stage { aspect-ratio: 16 / 9; max-height: 88vh; width: 100%; }
@supports (height: 1svh) { .skx-lux .lx-fade__stage { max-height: 88svh; } }
}
.skx-lux .lx-fade__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity var(--dur-fade) var(--ease-silk), visibility 0s linear var(--dur-fade); }
.skx-lux .lx-fade__slide.is-active { opacity: 1; visibility: visible; transition-delay: 0s; z-index: 1; }
.skx-lux .lx-fade__slide .lx-media { position: absolute; inset: 0; aspect-ratio: auto; background: var(--c-umber); }
.skx-lux .lx-fade__slide .lx-media::after { color: var(--c-taupe); }
.skx-lux .lx-fade__caption {
position: absolute; inset: auto 0 0 0; z-index: 2; padding: var(--sp-9) var(--gutter) calc(var(--sp-9) + 8px);
background: linear-gradient(to top, rgba(29,24,20,.8), rgba(29,24,20,0)); display: grid; gap: var(--sp-3);
--text: var(--c-linen); --text-soft: #E6DDCF; --focus: var(--c-brass-light); --accent-text: var(--c-brass-light);
}
@media (min-width: 992px) {
.skx-lux .lx-fade__caption { padding-inline: max(var(--gutter), calc((100% - var(--container-max)) / 2)); padding-bottom: var(--sp-9); }
}
.skx-lux .lx-fade__caption .lx-display { max-width: 16ch; color: var(--c-linen); }
.skx-lux .lx-fade__caption p { max-width: 36rem; color: #E6DDCF; }
.skx-lux .lx-fade__controls {
position: absolute; z-index: 3; left: var(--gutter); right: var(--gutter); bottom: var(--sp-4);
display: flex; align-items: center; gap: var(--sp-2); justify-content: flex-end; --focus: var(--c-brass-light);
}
@media (min-width: 992px) {
.skx-lux .lx-fade__controls { right: max(var(--gutter), calc((100% - var(--container-max)) / 2)); left: auto; bottom: var(--sp-6); }
}
.skx-lux .lx-fade__controls .lx-iconbtn { color: var(--c-linen); border-color: rgba(239,232,222,.4); }
.skx-lux .lx-fade__controls .lx-iconbtn:hover { border-color: var(--c-linen); background: rgba(239,232,222,.08); }
.skx-lux .lx-fade__dots { display: flex; gap: 0; margin-right: auto; }
@media (min-width: 992px) {
.skx-lux .lx-fade__dots { margin-right: var(--sp-5); }
}
.skx-lux .lx-fade__dots button { width: 44px; height: 44px; display: grid; place-items: center; }
.skx-lux .lx-fade__dots button::before { content: ""; width: 24px; height: 1px; background: rgba(239,232,222,.45); transition: background-color var(--dur-base), height var(--dur-base); }
.skx-lux .lx-fade__dots button[aria-current="true"]::before { background: var(--c-brass-light); height: 2px; }
.skx-lux .lx-fade.is-ready .lx-fade__slide.is-active .lx-media img { animation: none; }
@media (prefers-reduced-motion: no-preference) {
.skx-lux .lx-fade__slide.is-active .lx-media img { animation: lx-kenburns 9s var(--ease-silk) both; }
}
.skx-lux .lx-mosaic { display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, 1fr); }
.skx-lux .lx-mosaic > :first-child { grid-column: 1 / -1; }
@media (min-width: 992px) {
.skx-lux .lx-mosaic { grid-template-columns: repeat(12, 1fr); gap: var(--sp-4); }
.skx-lux .lx-mosaic > :nth-child(1) { grid-column: 1 / span 8; grid-row: span 2; }
.skx-lux .lx-mosaic > :nth-child(2), .skx-lux .lx-mosaic > :nth-child(3) { grid-column: 9 / span 4; }
.skx-lux .lx-mosaic > :nth-child(n +4) { grid-column: span 4; }
.skx-lux .lx-mosaic > :nth-child(1) .lx-media { aspect-ratio: auto; height: 100%; min-height: 100%; }
.skx-lux .lx-mosaic > :nth-child(1) .lx-media img { position: absolute; inset: 0; }
}
.skx-lux .lx-mosaic .lx-media { --ratio: 4 / 3; }
.skx-lux .lx-accordion { border-top: 1px solid var(--rule-strong); }
.skx-lux .lx-acc__item { border-bottom: 1px solid var(--rule); }
.skx-lux .lx-acc__heading { margin: 0; font: inherit; }
.skx-lux .lx-acc__trigger {
width: 100%; display: flex; justify-content: space-between; align-items: center; gap: var(--sp-5);
min-height: 72px; padding: var(--sp-4) 0; text-align: left; color: var(--text);
font: var(--fw-regular) var(--fs-h4)/1.3 var(--font-display);
}
.skx-lux .lx-acc__trigger:hover .lx-acc__q { color: var(--accent-text); }
.skx-lux .lx-acc__icon { position: relative; width: 44px; height: 44px; flex: none; border: 1px solid var(--rule-strong); display: grid; place-items: center; }
.skx-lux .lx-acc__icon::before, .skx-lux .lx-acc__icon::after { content: ""; position: absolute; width: 14px; height: 1px; background: currentColor; transition: rotate var(--dur-slow) var(--ease-silk), opacity var(--dur-base); }
.skx-lux .lx-acc__icon::after { rotate: 90deg; }
.skx-lux .lx-acc__trigger[aria-expanded="true"] .lx-acc__icon::after { rotate: 0deg; opacity: 0; }
.skx-lux .lx-acc__trigger[aria-expanded="true"] .lx-acc__icon { border-color: var(--c-brass-line); }
.skx-lux .lx-acc__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--dur-slow) var(--ease-silk), visibility 0s linear var(--dur-slow); visibility: hidden; }
.skx-lux .lx-acc__panel > div { overflow: hidden; }
.skx-lux .lx-acc__panel.is-open { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
.skx-lux .lx-acc__content { padding: 0 3.5rem var(--sp-6) 0; color: var(--text-soft); font-weight: var(--fw-regular); max-width: 46rem; }
.skx-lux .lx-acc__content > * + * { margin-top: var(--sp-3); }
.skx-lux .lx-form { display: grid; gap: var(--sp-5); }
.skx-lux .lx-form__row { display: grid; gap: var(--sp-5); }
@media (min-width: 640px) {
.skx-lux .lx-form__row--2 { grid-template-columns: 1fr 1fr; }
}
.skx-lux .lx-field { display: grid; gap: var(--sp-2); }
.skx-lux .lx-field__label { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text); }
.skx-lux .lx-field__label .req { color: var(--accent-text); margin-left: .15em; }
.skx-lux .lx-field__help { font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-input, .skx-lux .lx-select, .skx-lux .lx-textarea {
width: 100%; min-height: 52px; padding: .8rem 1rem; border: 1px solid var(--rule-strong); border-radius: 0;
background: var(--c-ivory); color: var(--c-ink); font: var(--fw-regular) var(--fs-body)/1.4 var(--font-sans); 
transition: border-color var(--dur-base), box-shadow var(--dur-base); -webkit-appearance: none; appearance: none;
}
.skx-lux .on-dark .lx-input, .skx-lux .on-dark .lx-select, .skx-lux .on-dark .lx-textarea { background: var(--c-umber); color: var(--c-linen); border-color: rgba(239,232,222,.5); }
.skx-lux .on-dark .lx-input::placeholder { color: var(--c-taupe); }
.skx-lux .lx-input::placeholder, .skx-lux .lx-textarea::placeholder { color: var(--c-mute); }
.skx-lux .lx-input:hover, .skx-lux .lx-select:hover, .skx-lux .lx-textarea:hover { border-color: var(--text); }
.skx-lux .lx-input:focus-visible, .skx-lux .lx-select:focus-visible, .skx-lux .lx-textarea:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; border-color: var(--text); }
.skx-lux .lx-textarea { min-height: 140px; resize: vertical; }
.skx-lux .lx-select { padding-right: 3rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237A5F3E' stroke-width='1.2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1.1rem center; }
.skx-lux .lx-field.is-invalid .lx-input, .skx-lux .lx-field.is-invalid .lx-select, .skx-lux .lx-field.is-invalid .lx-textarea { border-color: var(--c-error); box-shadow: inset 3px 0 0 var(--c-error); }
.skx-lux .lx-field__error { display: none; align-items: center; gap: .5em; font-size: var(--fs-small); color: var(--c-error); font-weight: var(--fw-regular); }
.skx-lux .on-dark .lx-field__error { color: #F0B8AE; }
.skx-lux .lx-field.is-invalid .lx-field__error { display: flex; }
.skx-lux .lx-field__error::before { content: "!"; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: var(--fs-label); font-weight: 500; flex: none; }
.skx-lux .lx-choices { display: flex; flex-wrap: wrap; gap: var(--sp-2); border: 0; padding: 0; margin: 0; }
.skx-lux .lx-choices legend { margin-bottom: var(--sp-3); padding: 0; }
.skx-lux .lx-choice { position: relative; }
.skx-lux .lx-choice input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.skx-lux .lx-choice span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.1rem; border: 1px solid var(--rule-strong); font-size: var(--fs-small); font-weight: var(--fw-regular); transition: background-color var(--dur-base), border-color var(--dur-base); }
.skx-lux .lx-choice input:checked + span { background: var(--c-brass); color: var(--c-ink); border-color: var(--c-brass-line); box-shadow: inset 0 -2px 0 var(--c-brass-line); }
.skx-lux .on-dark .lx-choice input:checked + span { background: var(--c-linen); color: var(--c-ink); }
.skx-lux .lx-choice input:focus-visible + span { outline: 2px solid var(--focus); outline-offset: 2px; }
.skx-lux .lx-check { display: flex; gap: var(--sp-3); align-items: flex-start; min-height: 44px; font-size: var(--fs-small); font-weight: var(--fw-regular); color: var(--text-soft); cursor: pointer; }
.skx-lux .lx-check input { appearance: none; -webkit-appearance: none; width: 22px; height: 22px; margin: 1px 0 0; border: 1px solid var(--rule-strong); background: var(--c-ivory); flex: none; display: grid; place-items: center; cursor: pointer; }
.skx-lux .lx-check input::after { content: ""; width: 10px; height: 6px; border-left: 1.5px solid var(--c-ink); border-bottom: 1.5px solid var(--c-ink); rotate: -45deg; translate: 0 -1px; opacity: 0; }
.skx-lux .lx-check input:checked { background: var(--c-brass); border-color: var(--c-brass-line); }
.skx-lux .lx-check input:checked::after { opacity: 1; }
.skx-lux .lx-form__actions { display: flex; flex-wrap: wrap; gap: var(--sp-4); align-items: center; }
.skx-lux .lx-form__status {
display: none; gap: var(--sp-3); align-items: flex-start; padding: var(--sp-4) var(--sp-5);
border: 1px solid var(--c-brass); background: var(--bg); color: var(--text); font-weight: var(--fw-regular);
}
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-form__status { background: color-mix(in srgb, var(--c-brass) 12%, var(--bg)); } }
.skx-lux .lx-form__status.is-shown { display: flex; }
.skx-lux .lx-form__status b { font: italic var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); display: block; }
.skx-lux .lx-form__legal { font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-form__legal a { color: var(--accent-text); }
.skx-lux .lx-timeline { display: grid; gap: 0; counter-reset: step; }
.skx-lux .lx-timeline li { position: relative; padding: 0 0 var(--sp-6) var(--sp-7); }
.skx-lux .lx-timeline li::before { content: ""; position: absolute; left: 7px; top: 12px; bottom: -4px; width: 1px; background: var(--rule-strong); }
.skx-lux .lx-timeline li:last-child::before { display: none; }
.skx-lux .lx-timeline li::after { content: ""; position: absolute; left: 2px; top: 6px; width: 11px; height: 11px; border: 1px solid var(--c-brass); background: var(--bg); rotate: 45deg; }
.skx-lux .lx-timeline li.is-done::after { background: var(--c-brass); }
.skx-lux .lx-timeline li.is-current::after { background: var(--c-ink); border-color: var(--c-ink); box-shadow: 0 0 0 5px transparent; }
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-timeline li.is-current::after { box-shadow: 0 0 0 5px color-mix(in srgb, var(--c-brass) 30%, transparent); } }
.skx-lux .lx-timeline__when { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft); }
.skx-lux .lx-timeline__what { font: var(--fw-regular) var(--fs-h4)/1.3 var(--font-display); margin-top: 4px; }
@media (min-width: 992px) {
.skx-lux .lx-timeline { grid-auto-flow: column; grid-auto-columns: 1fr; }
.skx-lux .lx-timeline li { padding: var(--sp-6) var(--sp-5) 0 0; }
.skx-lux .lx-timeline li::before { left: 0; right: 0; top: 7px; bottom: auto; width: auto; height: 1px; }
.skx-lux .lx-timeline li:last-child::before { display: block; right: 50%; }
.skx-lux .lx-timeline li::after { left: 0; top: 2px; }
}
.skx-lux .lx-joblist { border-top: 1px solid var(--rule-strong); }
.skx-lux .lx-job { position: relative; display: grid; grid-template-columns: 1fr auto; gap: var(--sp-2) var(--sp-5); align-items: center; padding: var(--sp-5) 0; border-bottom: 1px solid var(--rule); transition: background-color var(--dur-base); }
.skx-lux .lx-job:hover { background: var(--c-ivory); }
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-job:hover { background: color-mix(in srgb, var(--c-ivory) 60%, transparent); } }
.skx-lux .lx-job__title { font: var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); }
.skx-lux .lx-job__title a { text-decoration: none; }
.skx-lux .lx-job__title a::after { content: ""; position: absolute; inset: 0; }
.skx-lux .lx-job__meta { grid-column: 1; display: flex; flex-wrap: wrap; gap: .3em 1.4em; font-size: var(--fs-small); color: var(--text-soft); font-weight: var(--fw-regular); }
.skx-lux .lx-job__arrow { grid-column: 2; grid-row: 1 / span 2; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--rule-strong); transition: background-color var(--dur-base), color var(--dur-base); }
.skx-lux .lx-job:hover .lx-job__arrow { background: var(--c-brass); border-color: var(--c-brass-line); }
.skx-lux .lx-job__arrow svg { width: 16px; height: 16px; }
@media (min-width: 992px) {
.skx-lux .lx-job { grid-template-columns: 1.6fr 1fr 1fr auto; padding-inline: var(--sp-3); }
.skx-lux .lx-job__meta { display: contents; }
.skx-lux .lx-job__arrow { grid-column: 4; grid-row: 1; }
}
.skx-lux .lx-quote { max-width: 52rem; margin-inline: auto; text-align: center; }
.skx-lux .lx-quote blockquote p { font: italic var(--fw-regular) var(--fs-h3)/1.3 var(--font-display); color: var(--text); }
.skx-lux .lx-quote blockquote::before { content: "“"; display: block; font: var(--fw-regular) 5rem/.6 var(--font-display); color: var(--c-brass); margin-bottom: var(--sp-4); }
.skx-lux .lx-quote figcaption { margin-top: var(--sp-6); font: var(--fw-medium) var(--fs-label)/1.5 var(--font-sans); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--text-soft); }
.skx-lux .lx-logowall { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--rule); border-block: 1px solid var(--rule); }
@media (min-width: 768px) {
.skx-lux .lx-logowall { grid-template-columns: repeat(4, 1fr); }
}
.skx-lux .lx-logowall > * { background: var(--bg); min-height: 112px; display: grid; place-items: center; padding: var(--sp-5); text-align: center; font-size: var(--fs-small); color: var(--text-soft); }
.skx-lux .lx-logowall img { max-height: 40px; width: auto; filter: grayscale(1) contrast(.9); opacity: .75; }
.skx-lux .lx-cta-band { position: relative; isolation: isolate; overflow: hidden; background: var(--c-espresso); color: var(--c-linen); padding-block: clamp(6rem, 4rem + 7vw, 11rem); text-align: center;
--text: var(--c-linen); --text-soft: var(--c-taupe); --focus: var(--c-brass-light); --accent-text: var(--c-brass-light); --rule: rgba(239,232,222,.18); --bg: var(--c-espresso); }
.skx-lux .lx-cta-band__media { position: absolute; inset: 0; z-index: -2; margin: 0; }
.skx-lux .lx-cta-band__media img { width: 100%; height: 100%; object-fit: cover; }
.skx-lux .lx-cta-band__media.is-missing img { visibility: hidden; }
.skx-lux .lx-cta-band__media + .lx-cta-band__scrim { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at center, rgba(29,24,20,.82), rgba(29,24,20,.66)); }
.skx-lux .lx-cta-band .lx-intro { margin-bottom: var(--sp-7); }
.skx-lux .lx-cta-band .lx-lead { color: var(--c-taupe); margin-inline: auto; }
.skx-lux .lx-sticky-cta {
position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-sticky-cta);
display: flex; gap: var(--sp-2); padding: var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom));
background: var(--c-linen); border-top: 1px solid var(--rule);
-webkit-backdrop-filter: saturate(1.2) blur(10px); backdrop-filter: saturate(1.2) blur(10px);
transform: translateY(110%); transition: transform var(--dur-slow) var(--ease-silk); visibility: hidden;
}
@supports (color: color-mix(in srgb, red 50%, blue)) { .skx-lux .lx-sticky-cta { background: color-mix(in srgb, var(--c-linen) 94%, transparent); } }
.skx-lux .lx-sticky-cta.is-visible { transform: none; visibility: visible; }
html.lx-lock .lx-sticky-cta, body.lx-typing .lx-sticky-cta { transform: translateY(110%); visibility: hidden; }
.skx-lux .lx-sticky-cta .lx-btn { flex: 1; --btn-h: 48px; }
.skx-lux .lx-sticky-cta .lx-iconbtn { width: 48px; height: 48px; }
@media (min-width: 992px) {
.skx-lux .lx-sticky-cta { display: none; }
}
.skx-lux .lx-footer { background: var(--c-espresso); color: var(--c-linen); padding: var(--sp-10) 0 var(--sp-6);
--text: var(--c-linen); --text-soft: var(--c-taupe); --focus: var(--c-brass-light); --accent-text: var(--c-brass-light); --rule: rgba(239,232,222,.14); --bg: var(--c-espresso); }
.skx-lux .lx-footer__brand { text-align: center; padding-bottom: var(--sp-9); border-bottom: 1px solid var(--rule); }
.skx-lux .lx-footer__brand .lx-logo { height: 28px; margin: 0 auto var(--sp-5); color: var(--c-linen); }
.skx-lux .lx-footer__brand p { font: italic var(--fw-regular) var(--fs-h3)/1.3 var(--font-display); color: var(--c-taupe); }
.skx-lux .lx-footer__cols { display: grid; gap: var(--sp-7) var(--grid-gap); grid-template-columns: repeat(2, 1fr); padding-block: var(--sp-8); }
@media (min-width: 992px) {
.skx-lux .lx-footer__cols { grid-template-columns: 1.2fr .8fr .8fr .9fr 1.7fr; }
}
.skx-lux .lx-footer__cols > div:first-child { grid-column: 1 / -1; }
@media (min-width: 992px) {
.skx-lux .lx-footer__cols > div:first-child { grid-column: auto; }
}
.skx-lux .lx-footer h2 { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--c-brass-light); margin-bottom: var(--sp-4); }
.skx-lux .lx-footer li a, .skx-lux .lx-footer address a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: var(--c-linen); font-weight: var(--fw-regular); }
.skx-lux .lx-footer li a:hover { color: var(--c-brass-light); }
.skx-lux .lx-footer address { font-style: normal; color: var(--c-taupe); font-weight: var(--fw-regular); font-size: var(--fs-small); line-height: 1.6; }
.skx-lux .lx-footer address p { max-width: 34ch; }
.skx-lux .lx-footer__news p { color: var(--c-taupe); margin-bottom: var(--sp-4); font-size: var(--fs-small); font-weight: var(--fw-regular); }
.skx-lux .lx-footer__news .lx-form { gap: var(--sp-3); }
.skx-lux .lx-footer__legal { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); justify-content: space-between; align-items: center; padding-top: var(--sp-5); border-top: 1px solid var(--rule); font-size: var(--fs-small); color: var(--c-taupe); font-weight: var(--fw-regular); }
.skx-lux .lx-footer__legal ul { display: flex; flex-wrap: wrap; gap: 0 var(--sp-5); }
.skx-lux .lx-footer__legal a { min-height: 44px; display: inline-flex; align-items: center; color: var(--c-taupe); }
.skx-lux .lx-social { display: flex; gap: var(--sp-2); }
.skx-lux .lx-social a { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--rule); color: var(--c-linen); }
.skx-lux .lx-social a:hover { border-color: var(--c-brass-light); color: var(--c-brass-light); }
.skx-lux .lx-social svg { width: 18px; height: 18px; }
.skx-lux .lx-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .2em; font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--text-soft); }
.skx-lux .lx-breadcrumb li + li::before { content: "/"; margin-right: .5em; opacity: .6; }
.skx-lux .lx-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: var(--text); }
.skx-lux .lx-breadcrumb a:hover { text-decoration: underline; text-decoration-color: var(--c-brass); }
.skx-lux .lx-breadcrumb [aria-current] { color: var(--text-soft); }
@media (max-width: 575px) {
.skx-lux .lx-breadcrumb--hide-sm { display: none; }
}
.skx-lux .lx-pagination { display: flex; justify-content: center; align-items: center; gap: var(--sp-2); }
.skx-lux .lx-pagination a, .skx-lux .lx-pagination span { min-width: 44px; min-height: 44px; display: grid; place-items: center; text-decoration: none; font: var(--fw-regular) var(--fs-lead)/1 var(--font-display); font-variant-numeric: lining-nums; color: var(--text); }
.skx-lux .lx-pagination [aria-current="page"] { border-bottom: 2px solid var(--c-brass-line); }
.skx-lux .lx-pagination a:hover { color: var(--accent-text); }
.skx-lux .lx-pagination .lx-pagination__step { padding-inline: var(--sp-4); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; }
.skx-lux .lx-tags { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.skx-lux .lx-tag { display: inline-flex; align-items: center; min-height: 32px; padding: 0 .8rem; border: 1px solid var(--rule-strong); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--text); text-decoration: none; }
.skx-lux a.lx-tag, .skx-lux button.lx-tag { min-height: 44px; }
.skx-lux a.lx-tag:hover, .skx-lux button.lx-tag:hover { border-color: var(--text); }
.skx-lux .lx-tabs { display: flex; gap: var(--sp-5); overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--rule); scroll-snap-type: x proximity; }
.skx-lux .lx-tabs::-webkit-scrollbar { display: none; }
.skx-lux .lx-tabs button, .skx-lux .lx-tabs a {
flex: none; min-height: 48px; padding: 0 .2rem; position: relative; text-decoration: none; scroll-snap-align: start;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--text-soft);
}
.skx-lux .lx-tabs [aria-pressed="true"], .skx-lux .lx-tabs [aria-current="page"], .skx-lux .lx-tabs [aria-selected="true"] { color: var(--text); }
.skx-lux .lx-tabs [aria-pressed="true"]::after, .skx-lux .lx-tabs [aria-current="page"]::after, .skx-lux .lx-tabs [aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--c-brass-line); }
.skx-lux .lx-tabs button:focus-visible, .skx-lux .lx-tabs a:focus-visible { outline-offset: -2px; }
.skx-lux .lx-modal, .skx-lux .lx-drawer { position: fixed; inset: 0; z-index: var(--z-modal); display: grid; visibility: hidden; opacity: 0;
transition: opacity var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow); }
.skx-lux .lx-modal.is-open, .skx-lux .lx-drawer.is-open { visibility: visible; opacity: 1; transition-delay: 0s; }
.skx-lux .lx-modal__backdrop, .skx-lux .lx-drawer__backdrop { position: absolute; inset: 0; background: var(--c-veil); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.skx-lux .lx-modal { place-items: center; padding: var(--sp-4); }
.skx-lux .lx-modal--video .lx-modal__backdrop, .skx-lux .lx-modal--lightbox .lx-modal__backdrop { background: rgba(24,20,17,.94); }
.skx-lux .lx-modal__dialog { position: relative; width: min(100%, 1280px); color: var(--c-linen); --focus: var(--c-brass-light); }
.skx-lux .lx-modal__frame { position: relative; aspect-ratio: 16 / 9; background: #000; max-height: calc(100vh - 120px); margin-inline: auto; }
@supports (height: 1svh) { .skx-lux .lx-modal__frame { max-height: calc(100svh - 120px); } }
.skx-lux .lx-modal__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.skx-lux .lx-modal__close { position: absolute; right: 0; top: -56px; color: var(--c-linen); border-color: rgba(239,232,222,.5); }
.skx-lux .lx-modal__title { position: absolute; left: 0; top: -48px; font: italic var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); color: var(--c-taupe); max-width: calc(100% - 64px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skx-lux .lx-modal--lightbox { padding: var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom)); }
.skx-lux .lx-modal--lightbox .lx-modal__dialog { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; max-height: calc(100vh - 2 * var(--sp-3)); height: calc(100vh - 2 * var(--sp-3)); }
@supports (height: 1svh) { .skx-lux .lx-modal--lightbox .lx-modal__dialog { max-height: calc(100svh - 2 * var(--sp-3)); height: calc(100svh - 2 * var(--sp-3)); } }
.skx-lux .lx-modal--lightbox .lx-modal__close { position: static; justify-self: end; margin-bottom: var(--sp-2); }
.skx-lux .lx-lightbox__stage { position: relative; display: grid; place-items: center; min-height: 0; height: 100%; touch-action: pan-y; }
.skx-lux .lx-lightbox__stage img { width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 160px); object-fit: contain; }
@supports (height: 1svh) { .skx-lux .lx-lightbox__stage img { max-height: calc(100svh - 160px); } }
@media (max-width: 575px) {
.skx-lux .lx-modal--video { place-items: end stretch; padding: 0 0 env(safe-area-inset-bottom); }
.skx-lux .lx-modal--video .lx-modal__dialog { width: 100%; background: var(--c-espresso); padding: 72px var(--sp-4) var(--sp-6); }
.skx-lux .lx-modal--video .lx-modal__close { top: var(--sp-3); right: var(--sp-4); }
.skx-lux .lx-modal--video .lx-modal__title { top: var(--sp-5); left: var(--sp-4); max-width: calc(100% - 96px); }
}
.skx-lux .lx-lightbox__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); margin-top: var(--sp-4); }
.skx-lux .lx-lightbox__bar .lx-iconbtn { color: var(--c-linen); border-color: rgba(239,232,222,.4); }
.skx-lux .lx-lightbox__caption { font: italic var(--fw-regular) var(--fs-lead)/1.3 var(--font-display); color: var(--c-taupe); text-align: center; flex: 1; }
.skx-lux .lx-drawer { z-index: var(--z-sheet); justify-items: end; overflow: hidden; }
.skx-lux .lx-drawer__panel {
position: relative; display: flex; flex-direction: column; width: min(100%, 560px); height: 100%; background: var(--c-linen); color: var(--c-ink);
transform: translateX(100%); transition: transform var(--dur-slow) var(--ease-silk); box-shadow: var(--shadow-3);
}
.skx-lux .lx-drawer.is-open .lx-drawer__panel { transform: none; }
.skx-lux .lx-drawer__head { flex: none; display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); padding: var(--sp-4) var(--sp-6); background: var(--c-espresso); color: var(--c-linen); --focus: var(--c-brass-light); }
.skx-lux .lx-drawer__head .lx-iconbtn { color: var(--c-linen); border-color: rgba(239,232,222,.3); }
.skx-lux .lx-drawer__head h2 { font: var(--fw-regular) var(--fs-h3)/1.2 var(--font-display); }
.skx-lux .lx-drawer__head h2 em { color: var(--c-brass-light); }
.skx-lux .lx-drawer__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: var(--sp-6); }
.skx-lux .lx-drawer__body > * + * { margin-top: var(--sp-5); }
.skx-lux .lx-drawer__handle { display: none; }
@media (max-width: 767px) {
.skx-lux .lx-drawer { align-items: end; justify-items: stretch; }
.skx-lux .lx-drawer__panel { width: 100%; height: auto; max-height: calc(100vh - 24px); transform: translateY(100%); }
@supports (height: 1svh) { .skx-lux .lx-drawer__panel { max-height: calc(100svh - 24px); } }
.skx-lux .lx-drawer__handle { display: block; position: absolute; top: 8px; left: 50%; translate: -50% 0; width: 40px; height: 4px; border-radius: var(--radius-pill); background: rgba(239,232,222,.4); }
.skx-lux .lx-drawer__head { padding: var(--sp-5) var(--sp-4) var(--sp-3); }
.skx-lux .lx-drawer__body { padding: var(--sp-5) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom)); }
}
.skx-lux .lx-contact-options { display: grid; gap: var(--sp-2); }
.skx-lux .lx-contact-option { display: flex; align-items: center; gap: var(--sp-4); min-height: 56px; padding: var(--sp-3) var(--sp-4); border: 1px solid var(--rule-strong); text-decoration: none; }
.skx-lux .lx-contact-option:hover { border-color: var(--c-ink); }
.skx-lux .lx-contact-option svg { width: 20px; height: 20px; flex: none; color: var(--c-brass-text); }
.skx-lux .lx-contact-option span { display: grid; }
.skx-lux .lx-contact-option small { color: var(--c-mute); font-size: var(--fs-small); font-weight: var(--fw-regular); }
@media (prefers-reduced-motion: no-preference) {
.skx-lux .lx-reveal.is-pending { opacity: 0; transform: translateY(12px); }
.skx-lux .lx-reveal.is-in { opacity: 1; transform: none; transition: opacity var(--dur-reveal) var(--ease-silk), transform var(--dur-reveal) var(--ease-silk); }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
@media print {
.skx-lux .lx-header, .skx-lux .lx-sticky-cta, .skx-lux .lx-chapters, .skx-lux .lx-sheet, .skx-lux .lx-drawer, .skx-lux .lx-modal { display: none !important; }
}
.skx-lux .lx-mega__narrow-only { display: none; }
@media (min-width: 992px) and (max-width: 1279px) {
.skx-lux .lx-mega__narrow-only { display: list-item; }
}
.skx-lux .lx-fact dd, .skx-lux .lx-num, .skx-lux .lx-callout__figure, .skx-lux .lx-card__price, .skx-lux .lx-card__spec dd, .skx-lux .lx-slider__count, .skx-lux .lx-pagination a, .skx-lux .lx-pagination span, .skx-lux [class*="__metrics"] dd, .skx-lux [class*="-stat"] dd, .skx-lux .lx-timeline__what { font-variation-settings: "opsz" 16; }@font-face { font-family: "Trirong"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-normal-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "Trirong"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-italic-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-normal-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-italic-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-normal-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "DM Serif Display"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/bodoni-moda-italic-latin-o20.woff2) format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "BrownPopup"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "Jost"; font-style: italic; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); } @font-face { font-family: "Trirong"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMkAA4AAAAABfQAAALPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cOgZgP1NUQVREADwRCAqBPIE3CwgAATYCJAMMBCAFhFYHIBvyBMgEHkjv681ksgBzXvOglZQ9dOoAlucKQAV2cCf/n7+m3gEOvBp0ir/u3kXZoimwG3DA0wHd0SoEhwPfsbzyawCumtiDAOwIEDZi7vz8cmxQMMtiiegApFBZx59Pbls82o/RNdrRh9HfYg5imN0tPRjAGS17JeeIdeggV8hqouQlfqKRODH7lpS6tNJ1KdVSaEMZ0SNZRUVZXMJwmqFC/n1EfSpEeiHYSEvSR96hiQYSgcAmAx6Cm/zRwq5uUyhY2G52Cx2BCwpSlSKZdgka5mSDWAfy3Eyq7Mh4oB1z0ANFCGClJckN4KPgpGJ58ekqgFxKXVgsOGey1lCtAj5DnQ/Q1QJfUUoF2doqe91RtTrqDjOE/cqTh4S29OAJOzthv/LRI5YcvzeZ649Y8tCu0n7lA7H0ceevPhBL79vZNVjbWzXe2XmnKy6xPRH3qfaeNmkBp/xTvT3sp34q7JwQOz8l5Ibrb+15fnFW1WjleF1kdf7HrKzU2cU1kTOKts6a/SI/M/1GVngWAPsQa3Jevv/98QNNzhnfbDTtPS4/2PDqTOL0ImXt7n/G/xDlpB5Ftlo/fgv0Rjq9/xkWQzmdBXNrmqym8QYqMpqJA40al3Ch/zRnqCxJ2p4V524qW5nbIpIKjyBI+HgkTsLOozGTOx5FFLs8On4s81gRRrXbiSQmRgiFA14pHTtJMCSLV6GQIUYZoIV+quihHZNuBB0YujCyXjcxGWaMNKKJZow2RulhGFO4ohjL9BM1xWAX0RQxn/wpG02GKKMDmOqkHEOLuBxJKR10MU4/LYxSOYgmeDTEIAZxRBFDDHFi28C6IZMZUzr/Kp0siigii/QtzKmssGzjHIYYZnEXuSC0ZUTVOMBuB4Y+FJPGIXrpoA2WmcX4paLr2j+GQcgFQxdGg7fGaSWKNoYYIJrByeTOa0JXL0cD0HbU0L94EJZdxOEC) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "Trirong"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAN0AA8AAAAABuQAAAMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKAZgP1NUQVRIADwRCAqCVIIuCw4AATYCJAMYBCAFhRQHIAwHG6wFyAQe+Dzr/SQDOCu1HdnbDjIr4nABcKKO8I3IxDX183zgqQPclPaZtA6KSLICi6b/0d9sAL5pRefk3qi4D6d1BwKwJ9B8IDKyCiqwRUHXdb2gbnDDNUFCrXtv6+R+nM0JyWNFShHrsQJppVQDMX/lJpoIE84Vko2VbGOtCvJ+0BFV64k/LiouyuQyKsPk3f/PgnJcZKmwqePgVemzeqciIxDYIgGeJjA0Na17/OShvTRPbu0VVgg8UURxSViPOyADeoQQ60E6fwGVBM8AX9kURoLWrAA+CmI+hJbWX+vPBWRbZaHruOzI1kFH0I6rADhP8j7FuYQkpFo/ja4riqK4urq6KrV2LrZtTnaOM2aOmdEyetaoypVPnogFT586rHr8mPmPHuWtOvdULHhy1n7l6UfMf3ym/tYXosdh/NzMl2Ne3vLVDmveX6/7RlyP8Y24vtC3+IPFcMMmvCTcUJ+YaGgoCQ8PLw03NCQmGupLw4cGBjkX5Rc4FwcFBgU5FRfkOxUFcaNJaMaBj/EHPsIIZO7AuzHgAzYI8eqlqDXqP+U26Tc5M0nkhHucj212SfhmK8vvzdTDZ/tXr14+l65F/J/9/6yVWZnJVJaeG/kujFht/j/7v62V+QnQca+1PIp5Yhu+DvdBAXfS8gaMouOsacGGadjWEZTDkCNbnzyvPLfoeZG2cwh8xWg/os4iEA6ZBJ7j74l0Gg4r4pjrsGY4NXZnohjMi34kb6yJ9hqEFY7Yg7M2jaAMjT5a6SeXyaZnL2baqaaz3M14JmedkxlgEnEYTaNJtDMRMwNMZhIGBM30ao81JtKNkWKyKPAfm2ljIp2kodFhWe3HzDjK6KSbKfTSykSq6LTw2vgt6yphGDBhIpJ4uuliMhoavVZlPSYMxGI7jHAa295ULV/qRGvXUUQxRWQSP7IpB3P1VpuOxgAzeJC08Dm8MhFKGCoVjBfPOdZXJUxEw0In7fXCqUwhjrPcPwmVkfTD3Zhv1k6hDQPtTw+/gHPiulW4k66W8WezbuzVe1zYyKi/EeYc0ncTRlx9WuhLDitrAAA=) format("woff2"); unicode-range: U+0025; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMkAA4AAAAABfQAAALPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cOgZgP1NUQVREADwRCAqBPIE3CwgAATYCJAMMBCAFhFYHIBvyBMgEHkjv681ksgBzXvOglZQ9dOoAlucKQAV2cCf/n7+m3gEOvBp0ir/u3kXZoimwG3DA0wHd0SoEhwPfsbzyawCumtiDAOwIEDZi7vz8cmxQMMtiiegApFBZx59Pbls82o/RNdrRh9HfYg5imN0tPRjAGS17JeeIdeggV8hqouQlfqKRODH7lpS6tNJ1KdVSaEMZ0SNZRUVZXMJwmqFC/n1EfSpEeiHYSEvSR96hiQYSgcAmAx6Cm/zRwq5uUyhY2G52Cx2BCwpSlSKZdgka5mSDWAfy3Eyq7Mh4oB1z0ANFCGClJckN4KPgpGJ58ekqgFxKXVgsOGey1lCtAj5DnQ/Q1QJfUUoF2doqe91RtTrqDjOE/cqTh4S29OAJOzthv/LRI5YcvzeZ649Y8tCu0n7lA7H0ceevPhBL79vZNVjbWzXe2XmnKy6xPRH3qfaeNmkBp/xTvT3sp34q7JwQOz8l5Ibrb+15fnFW1WjleF1kdf7HrKzU2cU1kTOKts6a/SI/M/1GVngWAPsQa3Jevv/98QNNzhnfbDTtPS4/2PDqTOL0ImXt7n/G/xDlpB5Ftlo/fgv0Rjq9/xkWQzmdBXNrmqym8QYqMpqJA40al3Ch/zRnqCxJ2p4V524qW5nbIpIKjyBI+HgkTsLOozGTOx5FFLs8On4s81gRRrXbiSQmRgiFA14pHTtJMCSLV6GQIUYZoIV+quihHZNuBB0YujCyXjcxGWaMNKKJZow2RulhGFO4ohjL9BM1xWAX0RQxn/wpG02GKKMDmOqkHEOLuBxJKR10MU4/LYxSOYgmeDTEIAZxRBFDDHFi28C6IZMZUzr/Kp0siigii/QtzKmssGzjHIYYZnEXuSC0ZUTVOMBuB4Y+FJPGIXrpoA2WmcX4paLr2j+GQcgFQxdGg7fGaSWKNoYYIJrByeTOa0JXL0cD0HbU0L94EJZdxOEC) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAN0AA8AAAAABuQAAAMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKAZgP1NUQVRIADwRCAqCVIIuCw4AATYCJAMYBCAFhRQHIAwHG6wFyAQe+Dzr/SQDOCu1HdnbDjIr4nABcKKO8I3IxDX183zgqQPclPaZtA6KSLICi6b/0d9sAL5pRefk3qi4D6d1BwKwJ9B8IDKyCiqwRUHXdb2gbnDDNUFCrXtv6+R+nM0JyWNFShHrsQJppVQDMX/lJpoIE84Vko2VbGOtCvJ+0BFV64k/LiouyuQyKsPk3f/PgnJcZKmwqePgVemzeqciIxDYIgGeJjA0Na17/OShvTRPbu0VVgg8UURxSViPOyADeoQQ60E6fwGVBM8AX9kURoLWrAA+CmI+hJbWX+vPBWRbZaHruOzI1kFH0I6rADhP8j7FuYQkpFo/ja4riqK4urq6KrV2LrZtTnaOM2aOmdEyetaoypVPnogFT586rHr8mPmPHuWtOvdULHhy1n7l6UfMf3ym/tYXosdh/NzMl2Ne3vLVDmveX6/7RlyP8Y24vtC3+IPFcMMmvCTcUJ+YaGgoCQ8PLw03NCQmGupLw4cGBjkX5Rc4FwcFBgU5FRfkOxUFcaNJaMaBj/EHPsIIZO7AuzHgAzYI8eqlqDXqP+U26Tc5M0nkhHucj212SfhmK8vvzdTDZ/tXr14+l65F/J/9/6yVWZnJVJaeG/kujFht/j/7v62V+QnQca+1PIp5Yhu+DvdBAXfS8gaMouOsacGGadjWEZTDkCNbnzyvPLfoeZG2cwh8xWg/os4iEA6ZBJ7j74l0Gg4r4pjrsGY4NXZnohjMi34kb6yJ9hqEFY7Yg7M2jaAMjT5a6SeXyaZnL2baqaaz3M14JmedkxlgEnEYTaNJtDMRMwNMZhIGBM30ao81JtKNkWKyKPAfm2ljIp2kodFhWe3HzDjK6KSbKfTSykSq6LTw2vgt6yphGDBhIpJ4uuliMhoavVZlPSYMxGI7jHAa295ULV/qRGvXUUQxRWQSP7IpB3P1VpuOxgAzeJC08Dm8MhFKGCoVjBfPOdZXJUxEw0In7fXCqUwhjrPcPwmVkfTD3Zhv1k6hDQPtTw+/gHPiulW4k66W8WezbuzVe1zYyKi/EeYc0ncTRlx9WuhLDitrAAA=) format("woff2"); unicode-range: U+0025; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMkAA4AAAAABfQAAALPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cOgZgP1NUQVREADwRCAqBPIE3CwgAATYCJAMMBCAFhFYHIBvyBMgEHkjv681ksgBzXvOglZQ9dOoAlucKQAV2cCf/n7+m3gEOvBp0ir/u3kXZoimwG3DA0wHd0SoEhwPfsbzyawCumtiDAOwIEDZi7vz8cmxQMMtiiegApFBZx59Pbls82o/RNdrRh9HfYg5imN0tPRjAGS17JeeIdeggV8hqouQlfqKRODH7lpS6tNJ1KdVSaEMZ0SNZRUVZXMJwmqFC/n1EfSpEeiHYSEvSR96hiQYSgcAmAx6Cm/zRwq5uUyhY2G52Cx2BCwpSlSKZdgka5mSDWAfy3Eyq7Mh4oB1z0ANFCGClJckN4KPgpGJ58ekqgFxKXVgsOGey1lCtAj5DnQ/Q1QJfUUoF2doqe91RtTrqDjOE/cqTh4S29OAJOzthv/LRI5YcvzeZ649Y8tCu0n7lA7H0ceevPhBL79vZNVjbWzXe2XmnKy6xPRH3qfaeNmkBp/xTvT3sp34q7JwQOz8l5Ibrb+15fnFW1WjleF1kdf7HrKzU2cU1kTOKts6a/SI/M/1GVngWAPsQa3Jevv/98QNNzhnfbDTtPS4/2PDqTOL0ImXt7n/G/xDlpB5Ftlo/fgv0Rjq9/xkWQzmdBXNrmqym8QYqMpqJA40al3Ch/zRnqCxJ2p4V524qW5nbIpIKjyBI+HgkTsLOozGTOx5FFLs8On4s81gRRrXbiSQmRgiFA14pHTtJMCSLV6GQIUYZoIV+quihHZNuBB0YujCyXjcxGWaMNKKJZow2RulhGFO4ohjL9BM1xWAX0RQxn/wpG02GKKMDmOqkHEOLuBxJKR10MU4/LYxSOYgmeDTEIAZxRBFDDHFi28C6IZMZUzr/Kp0siigii/QtzKmssGzjHIYYZnEXuSC0ZUTVOMBuB4Y+FJPGIXrpoA2WmcX4paLr2j+GQcgFQxdGg7fGaSWKNoYYIJrByeTOa0JXL0cD0HbU0L94EJZdxOEC) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAN0AA8AAAAABuQAAAMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKAZgP1NUQVRIADwRCAqCVIIuCw4AATYCJAMYBCAFhRQHIAwHG6wFyAQe+Dzr/SQDOCu1HdnbDjIr4nABcKKO8I3IxDX183zgqQPclPaZtA6KSLICi6b/0d9sAL5pRefk3qi4D6d1BwKwJ9B8IDKyCiqwRUHXdb2gbnDDNUFCrXtv6+R+nM0JyWNFShHrsQJppVQDMX/lJpoIE84Vko2VbGOtCvJ+0BFV64k/LiouyuQyKsPk3f/PgnJcZKmwqePgVemzeqciIxDYIgGeJjA0Na17/OShvTRPbu0VVgg8UURxSViPOyADeoQQ60E6fwGVBM8AX9kURoLWrAA+CmI+hJbWX+vPBWRbZaHruOzI1kFH0I6rADhP8j7FuYQkpFo/ja4riqK4urq6KrV2LrZtTnaOM2aOmdEyetaoypVPnogFT586rHr8mPmPHuWtOvdULHhy1n7l6UfMf3ym/tYXosdh/NzMl2Ne3vLVDmveX6/7RlyP8Y24vtC3+IPFcMMmvCTcUJ+YaGgoCQ8PLw03NCQmGupLw4cGBjkX5Rc4FwcFBgU5FRfkOxUFcaNJaMaBj/EHPsIIZO7AuzHgAzYI8eqlqDXqP+U26Tc5M0nkhHucj212SfhmK8vvzdTDZ/tXr14+l65F/J/9/6yVWZnJVJaeG/kujFht/j/7v62V+QnQca+1PIp5Yhu+DvdBAXfS8gaMouOsacGGadjWEZTDkCNbnzyvPLfoeZG2cwh8xWg/os4iEA6ZBJ7j74l0Gg4r4pjrsGY4NXZnohjMi34kb6yJ9hqEFY7Yg7M2jaAMjT5a6SeXyaZnL2baqaaz3M14JmedkxlgEnEYTaNJtDMRMwNMZhIGBM30ao81JtKNkWKyKPAfm2ljIp2kodFhWe3HzDjK6KSbKfTSykSq6LTw2vgt6yphGDBhIpJ4uuliMhoavVZlPSYMxGI7jHAa295ULV/qRGvXUUQxRWQSP7IpB3P1VpuOxgAzeJC08Dm8MhFKGCoVjBfPOdZXJUxEw0In7fXCqUwhjrPcPwmVkfTD3Zhv1k6hDQPtTw+/gHPiulW4k66W8WezbuzVe1zYyKi/EeYc0ncTRlx9WuhLDitrAAA=) format("woff2"); unicode-range: U+0025; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2"); unicode-range: U+0E3F; }
@font-face { font-family: "BrownPopup"; font-style: normal; font-weight: 400 500; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/data:font/woff2;base64,d09GMgABAAAAAAMYAA4AAAAABdQAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cQAZgP1NUQVREADwRCAqBIIEjCwgAATYCJAMMBCAFhE4HIBvcBMgEAlpLZ/f2QgQXIPgwfQhLQKrCM8ugblUtyvbn/5p6B3jgsWjQKV22LZr+O/y0ChrQxAcUFTic+FRqk/TshcrmRa0MAdgRoEeI8sr6NmxQSMdiifkfcqFQrfBp3Oju5Vmixsw7DKImls0zRM0Ob5snatvk8BRR/Lamo5VMEpfQQZ6RXaTVpV5iAEM03iHtdal0JaU6DKMQgnd2lclUxWtCnIpU5P9CUJHiLYKrVJAJ8ivFhiARCGxS4KGRiIt2TkxuEzrsHNs2KawQuKA4QIpsxoysAZGQuATyeV+6/JDyQFtstQeKGMCqkSInwC6FTUuW7z/fMritcYXFgnOuai+6VYim6IUMXQ3wdQVKudnaKnvdUY046g6duv3ZDQ6tl/Ng4w2H1tftOuzPbonDm3Z2wv7sWvb7fmt7q4Gvd79OGBljGTSGH36+d291R05RzVN1oiR03sjNahqLq7xYd7iluDg1uSy3Y0/Djqb7Kak1cY1TXZeNAqNn9fV410mO7qz/NjLonP/XRtN+6OLajdWSdOK37Isv/jX8N2mvtZ/jN+Tuc6vfpP3412Dx1l7PW/BmabKLAVmNSajTAmu8xoWqlWtnsY9Je87ktrKlzA2RZFPIBAg3EBInoShkCvkIQpHAHULHj0OEFTF04U5kEhYidBzwSlhhZzjI2fpUaGSBZeYYZpZOphhjG5OWbIY8AcY+fRvbWGSFXJJJZoVRlplikW0aS2IlNUtSF9UTJGOikvouwTYWaDVgnhXaqHyYKRJpwQywnVmG4XZgZrn5oQXmCcEgiRRSMLQZAjPExAtpafBv8qjChIkq8obv8NDzkHAZCyyye+ncxjCTZYRuMAbNhDSe1MQyC0xjZpSXKmH7ZjLbxHTZP2ZjUxNM/dy1nRGSGGWBOZKZ70wd3yBmy9VkBjMdPfa+DYXlHgYeAAAA) format("woff2"); unicode-range: U+0E3F; } .skx-lux :is([class*="stat"], [class*="metric"], [class*="kpi"], [class*="price"], [class*="number"], [class*="figure"], [class*="yield"]) { font-variation-settings: "opsz" 16; font-variant-numeric: lining-nums tabular-nums; } body.skx-lux :not(h1, h2, h1 *, h2 *, #skx-o#skx-p) { font-variation-settings: "opsz" 16 !important; }
body.skx-lux :is(.skp-h, .skp-h *, .modal h2, .modal h2 *, h2 .ar-num, #skx-o#skx-p) { font-variation-settings: "opsz" 16 !important; }
@media (max-width: 1099px) { body.skx-lux :is(h2, h2 *, #skx-o#skx-p) { font-variation-settings: "opsz" 16 !important; } } body.skx-lux :is(figcaption, [class*="caption"], .wp-caption-text, small, .insights-nl__phone-headline, .ip-dev-number, .ip-grid-label, #metrics .bg-light span.d-block, #skx-o#skx-p) { font-variation-settings: "opsz" 12 !important; } body.skx-lux { --body-bg: var(--c-linen); --body-color: var(--c-ink); --link: var(--c-ink); --dark: var(--c-ink); --light: var(--c-beige); --lighter: var(--c-ivory);
--primary: var(--c-beige); --secondary: var(--c-ink);
--bs-body-bg: var(--c-linen); --bs-body-color: var(--c-ink); --bs-body-font-family: var(--font-sans); --bs-font-sans-serif: var(--font-sans);
--serif: var(--font-display); --sans: var(--font-sans); --observer-main-navbar-height: var(--header-h-mobile);
--wpbc-main-navbar-height: var(--header-h-mobile); --wpbc-main-navbar-lg-height: var(--header-h);
background-color: var(--c-linen); color: var(--c-ink);
font-family: var(--font-sans); font-weight: var(--fw-regular); line-height: var(--lh-body); font-synthesis: none;
}
@media (min-width: 992px) { body.skx-lux { --observer-main-navbar-height: var(--header-h); } }
.skx-lux :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6):not([class*="lx-"]):not(:is(h5, h6):is(.titletag, .titletagJust, .titletagJost)):not(:where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) *) {
font-family: var(--font-display); font-weight: var(--fw-regular); letter-spacing: var(--tr-heading);
font-variant-numeric: lining-nums;
} .skx-lux :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:where(.lx-header, .lx-mega, .lx-sheet, .lx-drawer, .lx-footer, .lx-sticky-cta, .lx-section, .lx-hero, .lx-modal, .lx-cta-band, .lx-card) *) :is(i, em) { font-family: var(--font-display); font-style: italic; font-weight: var(--fw-regular); }
.skx-lux :is(p, li, .lead, .p-lead, small, .small, label, td, th) { font-weight: var(--fw-regular); }
.skx-lux :is(.lead, .p-lead) { font-size: var(--fs-lead); line-height: 1.55; }
.skx-lux :is(strong, b) { font-weight: var(--fw-medium); }
.skx-lux .font-trirong { font-family: var(--font-display) !important; }
.skx-lux :is(.font-manrope, .font-jost) { font-family: var(--font-sans) !important; } html body.skx-lux :is(.skhai-card__title, .col-lg-4 .skhai-card .skhai-card__title, .col-md-6 .skhai-card .skhai-card__title, [data-observe] .skhai-card .skhai-card__title, .wpbc-template-query-row .skhai-card__title, div.skhai-card__title, .skhai-card--je h3.skhai-card__title, .insights-page-header h1, .insights-hero__caption h2, .insights-hero__caption h2 a, .insights-newsletter h3, .insights-nl__title, .insights-nl__phone-headline, .insights-hero-je__title) { font-family: var(--font-display) !important; }
html body.skx-lux :is(.col-lg-4 .skhai-card .skhai-card__cats, .col-md-6 .skhai-card .skhai-card__cats, [data-observe] .skhai-card .skhai-card__cats, .col-lg-4 .skhai-card .skhai-card__footer, .col-md-6 .skhai-card .skhai-card__footer, [data-observe] .skhai-card .skhai-card__footer, .skhai-card .skhai-card__cats, div.skhai-card__cats, .skhai-card--je .skhai-card__cats, .skhai-card--je .skhai-card__footer, .insights-primary-nav__link, a.insights-newsletter__btn, .insights-newsletter__label, .insights-newsletter__followus, .insights-nl__label, .insights-nl__desc, .insights-nl__input, .insights-nl__btn, .insights-nl__fine, .insights-nl__phone-brand, .insights-nl__phone-cat, .insights-nl__phone-meta, .insights-hero-je__cats, .insights-hero-je__excerpt, .insights-hero-je__meta, .sp-modal-body .wpcf7 input[type="submit"], .sp-modal-body .wpcf7 button) { font-family: var(--font-sans) !important; }
html body.skx-lux .skhai-card--je .skhai-card__img::after { font-family: var(--font-sans) !important; }
.skx-lux :is([class*="font-weight-1"], [class*="font-weight-2"], [class*="font-weight-3"], .fw-light, .fw-lighter) { font-weight: var(--fw-regular) !important; }
.skx-lux ::selection { background: var(--c-brass-light); color: var(--c-ink); } .skx-lux [lang|="th"] { line-height: 1.8; }  html body.skx-lux :is(a, button, .btn, .dropdown-toggle, .navbar-toggler, [role="button"], summary, [tabindex]:not([tabindex="-1"]), input, select, textarea):focus-visible,
html body.skx-lux :focus-visible {
outline: 2px solid var(--focus) !important; outline-offset: 2px !important; box-shadow: 0 0 0 6px var(--focus-halo) !important;
}
html body.skx-lux :is(input, select, textarea):focus-visible { outline-offset: 1px !important; } .skx-lux .btn:not([class*="lx-"]):not(.btn-link):not(.navbar-toggler):not(.btn-close):not(.btn-media-icon):not(.btn-circle):not(.btn-share):not(.btn-modal-close):not(.btn-icon),
.skx-lux .wpcf7-submit, .skx-lux .btn-submit {
display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-3);
min-height: 52px; padding: 0 1.75rem; border-radius: 0 !important;
font: var(--fw-medium) var(--fs-small)/1.2 var(--font-sans) !important; letter-spacing: var(--tr-button) !important; text-transform: uppercase;
transition: background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);
} .skx-lux :is(.btn-dark, .btn-primary, .btn-secondary, .btn-submit, .wpcf7-submit):not(:disabled):not([class*="lx-"]) {
background: var(--c-brass) !important; color: var(--c-ink) !important; border: 1px solid var(--c-brass-line) !important;
}
.skx-lux :is(.btn-dark, .btn-primary, .btn-secondary, .btn-submit, .wpcf7-submit):not(:disabled):not([class*="lx-"]):hover {
background: var(--c-espresso) !important; color: var(--c-linen) !important; border-color: var(--c-espresso) !important;
} .skx-lux :is(.btn-outline-currentColor, .btn-outline-current, .btn-outline-dark, .btn-outline-light, .btn-outline-primary, .btn-outline-secondary, .btn-light, .btn-current) {
background: transparent !important; color: inherit; border: 1px solid currentColor !important;
}
.skx-lux :is(.btn-outline-dark, .btn-outline-primary, .btn-outline-secondary, .btn-light):hover { background: var(--c-ink) !important; color: var(--c-linen) !important; border-color: var(--c-ink) !important; }
.skx-lux :is(.btn-outline-light, .btn-outline-currentColor, .btn-outline-current, .btn-current):hover { background: var(--c-linen) !important; color: var(--c-ink) !important; border-color: var(--c-linen) !important; } .skx-lux .btn-white { background: var(--c-linen) !important; color: var(--c-ink) !important; border: 1px solid var(--c-linen) !important; }
.skx-lux .btn-white:hover { background: var(--c-brass) !important; border-color: var(--c-brass-line) !important; } .skx-lux .btn-whatsapp { background: var(--c-espresso) !important; color: var(--c-linen) !important; border: 1px solid var(--c-espresso) !important; }
.skx-lux .btn-whatsapp:hover { background: var(--c-brass) !important; color: var(--c-ink) !important; border-color: var(--c-brass-line) !important; } .skx-lux .wpcf7 :is(.wpcf7-submit, .btn-submit, .btn-dark) { opacity: 1 !important; }
.skx-lux .wpcf7 :is(.btn-submit, .btn-dark):not(.form-ready):not(:disabled):not([class*="lx-"]) { cursor: not-allowed; }
.skx-lux .wpcf7 :is(.btn-submit, .btn-dark):not(.form-ready):not(:disabled):not([class*="lx-"]):hover { background: var(--c-brass) !important; color: var(--c-ink) !important; border-color: var(--c-brass-line) !important; } .skx-lux :is(.wpcf7-submit, .btn):disabled, .skx-lux .btn.disabled {
background: transparent !important; color: var(--c-mute) !important; border: 1px dashed var(--c-line-strong) !important; cursor: not-allowed; opacity: 1 !important;
}
.skx-lux .btn-link { color: var(--c-brass-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .28em; } .skx-lux .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea),
.skx-lux .form-default .form-control {
width: 100%; min-height: 52px; padding: .8rem 1rem !important; border: 1px solid var(--c-line-strong) !important; border-radius: 0 !important;
background-color: var(--c-ivory) !important; color: var(--c-ink) !important;
font: var(--fw-regular) var(--fs-body)/1.4 var(--font-sans) !important; box-shadow: none;
}
.skx-lux .wpcf7 textarea { min-height: 140px; resize: vertical; }
.skx-lux .wpcf7 :is(input, select, textarea)::placeholder { color: var(--c-mute) !important; opacity: 1; }
.skx-lux .wpcf7 :is(input, select, textarea):hover { border-color: var(--c-ink) !important; }
.skx-lux .wpcf7 [aria-invalid="true"] { border-color: var(--c-error) !important; box-shadow: inset 3px 0 0 var(--c-error) !important; }
.skx-lux .wpcf7 .iti { width: 100%; }
.skx-lux .wpcf7 .iti input[type="tel"] { padding-left: 88px !important; }
.skx-lux .form-default .iti .iti__selected-country { padding-left: 1rem; }
.skx-lux .form-default .form-group label, .skx-lux .wpcf7 label:not(.wpcf7-list-item label) {
padding-left: 0 !important; font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans) !important; letter-spacing: .16em; text-transform: uppercase; color: var(--c-ink);
}
.skx-lux .wpcf7 .wpcf7-list-item-label, .skx-lux .form-default .form-check label { font: var(--fw-regular) var(--fs-small)/1.5 var(--font-sans) !important; letter-spacing: 0; text-transform: none; color: var(--c-mute); }
.skx-lux .wpcf7 input[type="checkbox"], .skx-lux .wpcf7 input[type="radio"] { width: 20px; height: 20px; accent-color: var(--c-brass-line); } .skx-lux .wpcf7 .wpcf7-not-valid-tip {
position: static !important; display: block; width: 100%; max-width: none !important; padding: 0 !important; inset: auto !important;
margin-top: var(--sp-2); text-align: left !important; text-transform: none !important; letter-spacing: 0 !important; white-space: normal;
color: var(--c-error) !important; font: var(--fw-regular) var(--fs-small)/1.4 var(--font-sans) !important;
}
.skx-lux :is(.form-bg-dark, .on-dark) .wpcf7 .wpcf7-not-valid-tip { color: #F2B8AC !important; }
.skx-lux .wpcf7 .wpcf7-response-output {
display: none; position: static !important; inset: auto !important; z-index: auto !important; text-align: left !important;
border: 1px solid var(--c-brass) !important; background: var(--c-ivory) !important; color: var(--c-ink) !important;
font: var(--fw-regular) var(--fs-small)/1.5 var(--font-sans) !important; padding: var(--sp-4) var(--sp-5) !important; margin: var(--sp-5) 0 0 !important;
}
.skx-lux .wpcf7 form:is([data-status="invalid"], [data-status="unaccepted"], [data-status="spam"], [data-status="failed"], [data-status="aborted"], [data-status="sent"], .invalid, .unaccepted, .spam, .failed, .aborted, .sent) .wpcf7-response-output:not(:empty) { display: block !important; }
.skx-lux .wpcf7 form:is([data-status="invalid"], [data-status="unaccepted"], [data-status="spam"], [data-status="failed"], [data-status="aborted"], .invalid, .spam, .failed) .wpcf7-response-output { border-color: var(--c-error) !important; box-shadow: inset 3px 0 0 var(--c-error); }
.skx-lux .wpcf7 form:is([data-status="sent"], .sent) .wpcf7-response-output { border-color: var(--c-success) !important; box-shadow: inset 3px 0 0 var(--c-success); }
.skx-lux .wpcf7 .form-group { position: relative; } .skx-lux :is(.skx-lux-drawer-form, .ui-contact, .lxp-form, .modal, #property-inquiry) .wpcf7-form { display: flex; flex-direction: column; }
.skx-lux :is(.skx-lux-drawer-form, .ui-contact, .lxp-form, .modal, #property-inquiry) .wpcf7-form > .wpcf7-turnstile { order: 1; min-height: 65px; margin: var(--sp-2) 0 var(--sp-4); } .skx-lux :is(.skx-lux-drawer-form, .ui-contact, .lxp-form, .modal, #property-inquiry) .wpcf7-form > :is(.form-group-submit, .row) { order: 2; }
.skx-lux :is(.skx-lux-drawer-form, .ui-contact, .lxp-form, .modal, #property-inquiry) .wpcf7-form > .wpcf7-response-output { order: 3; }
.skx-lux .ui-contact .wpcf7-form { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--sp-5); row-gap: 0; }
@media (min-width: 640px) { .skx-lux .ui-contact .wpcf7-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.skx-lux .ui-contact .wpcf7-form > .row, .skx-lux .ui-contact .wpcf7-form > .row > .col-12 { display: contents; }
.skx-lux .ui-contact .wpcf7-form > .row > [class*="col-"] { width: auto; max-width: none; padding: 0; flex: none; }
.skx-lux .ui-contact .wpcf7-form > :is(fieldset, .wpcf7-turnstile, .wpcf7-response-output),
.skx-lux .ui-contact .wpcf7-form > .row > .col-12 > .form-group { grid-column: 1 / -1; }
.skx-lux .ui-contact .wpcf7-form > .row > .col-12 > .form-group-submit { order: 2; }
.skx-lux .ui-contact .wpcf7-form > fieldset { margin: 0; padding: 0; border: 0; } .skx-lux :is(.form-bg-dark, .on-dark) .wpcf7 :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea),
.skx-lux .form-default.form-bg-dark .form-control { background-color: var(--c-umber) !important; color: var(--c-linen) !important; border-color: rgba(239, 232, 222, .5) !important; }
.skx-lux :is(.form-bg-dark, .on-dark) .wpcf7 :is(input, textarea)::placeholder { color: var(--c-taupe) !important; }
.skx-lux :is(.form-bg-dark, .on-dark) :is(.form-group label, .wpcf7 label) { color: var(--c-linen); } .skx-lux .wpcf7 :is(.submit-wrapper, .form-group-submit, p):has(> .wpcf7-submit:disabled)::after,
.skx-lux .wpcf7 :is(.submit-wrapper, .form-group-submit):has(.wpcf7-submit:disabled)::after,
.skx-lux .wpcf7 .submit-wrapper:has(> :is(.btn-submit, .btn-dark):not(.form-ready))::after {
content: "Complete the required fields to send."; display: block; margin-top: var(--sp-2); font: var(--fw-regular) var(--fs-small)/1.4 var(--font-sans); color: var(--c-mute); letter-spacing: 0; text-transform: none;
} .skx-lux #main-breadcrumb { background: transparent; }
.skx-lux #main-breadcrumb :is(.breadcrumb, ol) { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: var(--sp-2) 0; background: none; font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--c-mute); }
.skx-lux #main-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-ink); text-decoration: none; }
.skx-lux #main-breadcrumb a:hover { text-decoration: underline; text-decoration-color: var(--c-brass); text-underline-offset: .28em; }
@media (max-width: 575px) { .skx-lux #main-breadcrumb { display: none; } }
.skx-lux :is(#body-loader, .simulate-main-navbar-h, #main-goup, .main-goup) { display: none !important; } .skx-lux #modal-main-navbar { display: none !important; } .skx-lux .lx-footer { position: relative; }
.skx-lux .skx-lux-observer { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.skx-lux .lx-social a.lx-social__text { width: auto; padding-inline: var(--sp-3); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; } .skx-lux .lx-footer address a { color: var(--c-linen); }
.skx-lux .lx-footer__cols > div:first-child { grid-column: auto; }
@media (max-width: 991px) { .skx-lux .lx-footer__cols > div:first-child { grid-column: 1 / -1; } } .skx-lux .skx-lux-drawer-form .lx-label { display: block; margin-bottom: var(--sp-4); color: var(--c-mute); }
.skx-lux .skx-lux-drawer-form .wpcf7-submit { width: 100%; }
.skx-lux .skx-lux-drawer-form .form-sent { display: none; }
.skx-lux .lx-drawer__body .lx-soft { color: var(--c-mute); } html body.skx-lux .btn-fixed-whatsapp { display: none !important; } html body.skx-lux #skc-cc { font-family: var(--font-sans); gap: 0; z-index: var(--z-sticky-cta); }
html body.skx-lux #skc-cc .skc-btn { font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; box-shadow: none; border-radius: 0; min-height: 44px; }
html.lx-lock body.skx-lux #skc-cc, html.lx-mega-open body.skx-lux #skc-cc, html body.skx-lux.modal-open #skc-cc {
visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;
}
@media (min-width: 992px) {
html body.skx-lux #skc-cc {
right: var(--sp-5); bottom: var(--sp-5); width: auto;
opacity: 0; visibility: hidden; transform: translateY(8px);
transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-silk), visibility 0s linear var(--dur-slow);
}
html body.skx-lux.lx-past-hero #skc-cc { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
html body.skx-lux #skc-cc #skc-wa { display: none !important; } html body.skx-lux #skc-cc #skc-spec { background: var(--c-linen); color: var(--c-ink); border: 1px solid var(--c-brass-line); padding: 0 1.25rem; box-shadow: var(--shadow-2); }
@supports (color: color-mix(in srgb, red 50%, blue)) { html body.skx-lux #skc-cc #skc-spec { background: color-mix(in srgb, var(--c-linen) 96%, transparent); } }
html body.skx-lux #skc-cc #skc-spec:hover { background: var(--c-espresso); color: var(--c-linen); border-color: var(--c-espresso); }
}
@media (max-width: 991px) {
html body.skx-lux #skc-cc {
left: 0; right: 0; bottom: 0; width: 100%; max-width: none; flex-direction: row; align-items: stretch; gap: var(--sp-2);
padding: var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom));
background: var(--c-linen); border-top: 1px solid var(--c-sand); z-index: var(--z-sticky-cta); transform: translateY(110%); visibility: hidden;
transition: transform var(--dur-slow) var(--ease-silk), visibility 0s linear var(--dur-slow);
}
html body.skx-lux.lx-past-hero #skc-cc { transform: none; visibility: visible; transition-delay: 0s; }
html.lx-lock body.skx-lux #skc-cc, html body.skx-lux.lx-typing #skc-cc, html body.skx-lux.modal-open #skc-cc { transform: translateY(110%); visibility: hidden; }
html body.skx-lux #skc-cc #skc-spec { flex: 1; min-height: 48px; background: var(--c-brass); color: var(--c-ink); border: 1px solid var(--c-brass-line); font-size: var(--fs-small); letter-spacing: var(--tr-button); }
html body.skx-lux #skc-cc #skc-wa { flex: none; width: 48px; min-height: 48px; padding: 0; font-size: 0; gap: 0; background: transparent; color: var(--c-ink); border: 1px solid var(--c-line-strong); } html body.skx-lux #skc-wa .skc-waic { display: none; }
html body.skx-lux #skc-cc #skc-wa::before {
content: ""; width: 22px; height: 22px; background: currentColor;
-webkit-mask: var(--skx-wa-mark) center / contain no-repeat; mask: var(--skx-wa-mark) center / contain no-repeat;
}
}
body.skx-lux { --skx-wa-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 0 0-7.8 13.5L3 21l4.6-1.2A9 9 0 1 0 12 3z' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3Cpath d='M8.8 8.2c.2-.5.5-.5.8-.5h.5c.2 0 .4 0 .6.4l.8 1.8c.1.2.1.4 0 .6l-.5.7c-.1.2-.1.3 0 .5a6 6 0 0 0 2.7 2.4c.2.1.4.1.5-.1l.7-.8c.2-.2.4-.2.6-.1l1.7.8c.2.1.4.2.4.4 0 .4-.1 1.1-.6 1.5-.5.5-1.4.7-2.2.5a9 9 0 0 1-5.6-5c-.4-1-.2-2 .6-2.6z' fill='%23000'/%3E%3C/svg%3E"); } html body.skx-lux #skc-panel { background: var(--c-linen); border: 1px solid var(--c-sand); box-shadow: var(--shadow-3); font-family: var(--font-sans); color: var(--c-ink); }
html body.skx-lux #skc-panel .skc-hd { background: var(--c-espresso); color: var(--c-linen); border-bottom: 0; }
html body.skx-lux #skc-panel .skc-hd h4 { color: var(--c-linen); font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: var(--tr-label); }
html body.skx-lux #skc-panel .skc-x { color: var(--c-taupe); min-width: 44px; min-height: 44px; }
html body.skx-lux #skc-panel .skc-x:hover { color: var(--c-linen); }
html body.skx-lux #skc-panel .skc-ticks i { background: rgba(239, 232, 222, .18); }
html body.skx-lux #skc-panel .skc-ticks i.on { background: var(--c-brass-light); }
html body.skx-lux #skc-panel .skc-step-n { color: var(--c-taupe); font-size: var(--fs-label); }
html body.skx-lux #skc-panel .skc-q { font: var(--fw-regular) var(--fs-h4)/1.25 var(--font-display); }
html body.skx-lux #skc-panel .skc-opt { min-height: 48px; background: var(--c-ivory); border-color: var(--c-line-strong); font: var(--fw-medium) var(--fs-label)/1.3 var(--font-sans); letter-spacing: .12em; }
html body.skx-lux #skc-panel .skc-opt:hover { background: var(--c-espresso); border-color: var(--c-espresso); color: var(--c-linen); }
html body.skx-lux #skc-panel .skc-in { min-height: 52px; background: var(--c-ivory); border-color: var(--c-line-strong); font-size: var(--fs-body); }
html body.skx-lux #skc-panel .skc-send { min-height: 52px; background: var(--c-brass); color: var(--c-ink); border: 1px solid var(--c-brass-line); font: var(--fw-medium) var(--fs-small)/1 var(--font-sans); letter-spacing: var(--tr-button); }
html body.skx-lux #skc-panel .skc-send:hover { background: var(--c-espresso); color: var(--c-linen); }
html body.skx-lux #skc-panel .skc-err { color: var(--c-error); font-size: var(--fs-small); }
html body.skx-lux #skc-panel #skc-email { color: var(--c-mute); font-size: var(--fs-label); min-height: 44px; display: inline-flex; align-items: center; }
html body.skx-lux #skc-panel .skc-check :is(circle, path) { stroke: var(--c-brass-line); }
html body.skx-lux #skc-toast { background: var(--c-espresso); color: var(--c-linen); font-family: var(--font-sans); } html body.skx-lux :is(.skp-card, .skp-body, .skp-wrap) { border-radius: 0 !important; font-family: var(--font-sans); }
html body.skx-lux .skp-h { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; text-transform: none !important; font-variation-settings: "opsz" 40; letter-spacing: var(--tr-heading); }
html body.skx-lux .skp-wa-btn { background: var(--c-espresso) !important; color: var(--c-linen) !important; border: 1px solid var(--c-espresso) !important; border-radius: 0 !important; font-family: var(--font-sans) !important; font-weight: var(--fw-medium) !important; letter-spacing: var(--tr-button) !important; min-height: 52px; }
html body.skx-lux .skp-wa-btn:hover { background: var(--c-brass) !important; color: var(--c-ink) !important; border-color: var(--c-brass-line) !important; }
html body.skx-lux .skp-wa-btn svg { fill: currentColor !important; }
html body.skx-lux .skp-x { min-width: 44px; min-height: 44px; }
html body.skx-lux :is(.skp-form button, .skp-form [type="submit"]) { background: var(--c-brass) !important; color: var(--c-ink) !important; border: 1px solid var(--c-brass-line) !important; border-radius: 0 !important; font-family: var(--font-sans) !important; letter-spacing: var(--tr-button); text-transform: uppercase; }
html body.skx-lux .skp-form input { border-radius: 0 !important; font-size: var(--fs-body) !important; min-height: 52px; } html body.skx-lux :is(#spEmail, #blogEmail, .sp-input, .sp-email-cta-input, .skp-form input, #skc-panel .skc-in) { font-size: max(16px, var(--fs-body)) !important; } html body.skx-lux #skhai-offer-bar {
top: calc(var(--header-h-mobile) + 1px) !important; z-index: calc(var(--z-header) - 1);
transition: top var(--dur-slow) var(--ease-silk); font-family: var(--font-sans);
}
@media (min-width: 992px) { html body.skx-lux #skhai-offer-bar { top: calc(var(--header-h) + 1px) !important; } }
html body.skx-lux:has(.lx-header.is-hidden:not(.is-open):not(:focus-within)) #skhai-offer-bar { top: 0 !important; } html body.skx-lux:has(#skhai-offer-bar:not([hidden])) .lx-hero__content { padding-top: calc(var(--header-h) + var(--sp-7) + 4.5rem); }
@media (min-width: 992px) { html body.skx-lux:has(#skhai-offer-bar:not([hidden])) .lx-hero__content { padding-top: calc(var(--header-h) + var(--sp-7) + 3rem); } }
html body.skx-lux #skhai-offer-bar .sob-btn { border-radius: 0; font-family: var(--font-sans); letter-spacing: .04em; } html body.skx-lux .skhai-offer-strip [style*="Trirong"] { font-family: var(--font-display) !important; }
html body.skx-lux.skhai-hide-float :is(#skc-cc, .lx-sticky-cta) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .2s ease, visibility 0s linear .2s; } html body.skx-lux #skhai-chat-toggle { border-radius: 0; background: var(--c-espresso); color: var(--c-linen); box-shadow: var(--shadow-2); }
html body.skx-lux #skhai-chat-panel { border-radius: 0; font-family: var(--font-sans); background: var(--c-linen); }
html body.skx-lux #skhai-chat-panel .skhai-chat-header { background: var(--c-espresso); color: var(--c-linen); border-radius: 0; }
html body.skx-lux #skhai-chat-panel .skhai-chat-header-title { font-family: var(--font-display); font-weight: var(--fw-regular); }
html body.skx-lux #skhai-chat-panel .skhai-chat-close { min-width: 44px; min-height: 44px; }
html body.skx-lux #skhai-chat-panel .skhai-chat-input { font-size: var(--fs-body); border-radius: 0; }
html body.skx-lux #skhai-chat-panel .skhai-chat-send { border-radius: 0; background: var(--c-brass); color: var(--c-ink); }
html body.skx-lux #skhai-chat-panel .skhai-chat-msg-user { background: var(--c-espresso); color: var(--c-linen); } html body.skx-lux #skhai-chat-toggle { min-width: 44px; min-height: 44px; }
html body.skx-lux #skhai-chat-panel :is(.skhai-chat-footer, .skhai-chat-msg-time, .skhai-chat-limit) { color: var(--c-mute) !important; opacity: 1 !important; }
html body.skx-lux #skhai-chat-panel .skhai-chat-msg-bot { background: var(--c-ivory); border: 1px solid var(--c-sand); border-radius: 0; color: var(--c-ink); }
html body.skx-lux #skhai-chat-panel .skhai-chat-msg-user .skhai-chat-msg-time { color: var(--c-taupe) !important; }
html body.skx-lux #skhai-chat-panel .skhai-chat-input { background: var(--c-ivory); border-color: var(--c-line-strong); }
html body.skx-lux #skhai-chat-panel .skhai-chat-send { min-width: 44px; min-height: 44px; border: 1px solid var(--c-brass-line); }
@media (max-width: 991px) { html body.skx-lux.lx-past-hero #skhai-chat-toggle { bottom: calc(72px + env(safe-area-inset-bottom)); } } .skx-lux .skx-lux-footer-extra { background: var(--c-espresso); color: var(--c-linen); }
.skx-lux .skx-lux-footer-extra > footer { background: transparent !important; }
.skx-lux .skx-lux-footer-extra :is(h2, .h2) { color: var(--c-linen); }
.skx-lux .skx-lux-footer-extra :is(h2, .h2) :is(i, em) { color: var(--c-brass-light); }
.skx-lux .skx-lux-footer-extra a:not(.btn) { color: var(--c-linen); } .skx-lux .skx-nf-hero { min-height: min(88vh, 900px); background: radial-gradient(ellipse 70% 60% at 50% 38%, rgba(168,138,94,.16), rgba(168,138,94,0) 70%), var(--c-espresso); }
@supports (height: 1svh) { .skx-lux .skx-nf-hero { min-height: min(88svh, 900px); } }
.skx-lux .skx-nf-hero .lx-hero__content { align-self: center; gap: var(--sp-4); padding-block: var(--sp-9) var(--sp-8); max-width: 60rem; }
.skx-lux .skx-nf-numeral { font: italic 400 clamp(4.5rem, 3rem + 6vw, 8.5rem)/.8 var(--font-display); color: var(--c-brass-light); opacity: .55; letter-spacing: -.02em; margin-bottom: var(--sp-2); font-variant-numeric: lining-nums; }
.skx-lux .skx-nf-hero .skx-nf-title { max-width: 22ch; font-size: clamp(2.5rem, 1.9rem + 2.4vw, 4.5rem); }
.skx-lux .skx-nf-hero .skx-nf-lead { max-width: 40rem; color: #E6DDCF; }
.skx-lux .skx-nf-hero .lx-hero__actions { justify-content: center; }
.skx-lux .skx-nf-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.skx-lux .skx-nf-more { margin-top: var(--sp-8); }
.skx-lux .skx-nf-news .lx-intro { margin-bottom: var(--sp-6); }
.skx-lux .skx-nf-news__form { width: min(100%, 36rem); margin-inline: auto; display: grid; gap: var(--sp-3); }
@media (min-width: 560px) { .skx-lux .skx-nf-news__form { grid-template-columns: 1fr auto; } .skx-lux .skx-nf-news__fine, .skx-lux .skx-nf-news__msg { grid-column: 1 / -1; } }
.skx-lux .skx-nf-news__fine { text-align: center; }
.skx-lux .skx-nf-news__msg { font-size: var(--fs-small); color: var(--c-success); text-align: center; }
.skx-lux .skx-nf-news__msg.is-error { color: var(--c-error); }
.skx-lux .skx-nf-quick { padding-block: var(--sp-6); }
.skx-lux .skx-nf-quick ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--sp-2) var(--sp-4); }
.skx-lux .skx-nf-quick a:not(.lx-btn) { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--sp-2); font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--c-taupe); text-decoration: none; border-bottom: 1px solid transparent; }
.skx-lux .skx-nf-quick a:not(.lx-btn):hover { color: var(--c-linen); border-bottom-color: var(--c-brass-light); }
.skx-lux .skx-nf-hero .lx-hero__scrim { background: linear-gradient(180deg, rgba(29,24,20,.55), rgba(29,24,20,.72)); }
.skx-lux .skx-nf-quick ul { list-style: none; margin: 0; padding: 0; } .skx-lux [data-visible].visible-no, .skx-lux [data-visible]:not(.visible-yes) { opacity: 1 !important; transform: none !important; animation: none !important; } html:has(> body.skx-lux) { scroll-behavior: auto !important; } .skx-lux .lx-header:not(.lx-header--overlay) { background: var(--c-linen); } .skx-lux.skx-lux-overlay .rs_listing_page_header { padding-top: calc(var(--header-h-mobile) + var(--sp-5)) !important; }
@media (min-width: 992px) { .skx-lux.skx-lux-overlay .rs_listing_page_header { padding-top: calc(var(--header-h) + var(--sp-5)) !important; } } @media (max-width: 1199px) {
.skx-lux :is(.ui_page_header_content-container, .rs_listing_page_header > .container, .sp-hero-inner > .container) { padding-inline: var(--gutter) !important; }
}  .skx-lux .skhai-card-status {
display: inline-flex !important; align-items: center; gap: .6em; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
background: transparent !important; color: var(--c-ink) !important;
font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans) !important; letter-spacing: var(--tr-label) !important; text-transform: uppercase;
}
.skx-lux .rs_badge {
display: inline-flex !important; align-items: center; gap: .6em; padding: .6em .95em !important; border: 0 !important; border-radius: 0 !important;
background: var(--c-linen) !important; color: var(--c-ink) !important; backdrop-filter: none !important;
font: var(--fw-medium) var(--fs-label)/1 var(--font-sans) !important; letter-spacing: var(--tr-label) !important; text-transform: uppercase;
}
.skx-lux :is(.skhai-card-status, .rs_badge-status)::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--c-brass-line); } .skx-lux :is(h5, h6):is(.titletag, .titletagJust, .titletagJost), .skx-lux p.titletagJost {
font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans) !important; letter-spacing: var(--tr-label) !important; text-transform: uppercase; color: var(--c-mute);
}
.skx-lux :is(h5, h6):is(.titletag, .titletagJust) b { font-weight: var(--fw-medium); color: var(--c-ink); } .skx-lux .ui-contact p[style*="fafafa"] { color: var(--c-ink) !important; opacity: 1 !important; font-family: var(--font-sans) !important; }
.skx-lux a[href*="wa.me"][style*="25d366"] {
display: inline-flex !important; align-items: center; gap: var(--sp-3); min-height: 52px; padding: 0 1.75rem !important;
background: var(--c-espresso) !important; color: var(--c-linen) !important; border: 1px solid var(--c-espresso) !important;
font: var(--fw-medium) var(--fs-small)/1.2 var(--font-sans) !important; letter-spacing: var(--tr-button) !important;
}
.skx-lux a[href*="wa.me"][style*="25d366"]:hover { background: var(--c-brass) !important; color: var(--c-ink) !important; border-color: var(--c-brass-line) !important; } .skx-lux section.skhai-hp-guide { background: var(--c-espresso) !important; color: var(--c-linen) !important; }
.skx-lux .skhai-hp-guide h2 { color: var(--c-linen) !important; font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; }
.skx-lux .skhai-hp-guide p { color: var(--c-taupe) !important; font-family: var(--font-sans) !important; }
.skx-lux .skhai-hp-guide > div > p:first-child { color: var(--c-brass-light) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-label) !important; }
.skx-lux .skhai-hp-guide a[href*="/docs/"] { color: var(--c-linen) !important; }
.skx-lux .skhai-hp-guide a[href*="/docs/"] > div { background: var(--c-umber) !important; border: 1px solid rgba(239, 232, 222, .12); transition: border-color var(--dur-base) var(--ease-out); }
.skx-lux .skhai-hp-guide a[href*="/docs/"]:hover > div { border-color: var(--c-brass-light); }
.skx-lux .skhai-hp-guide a[href*="/docs/"] > div > div:first-child { font-family: var(--font-display) !important; font-weight: var(--fw-regular) !important; }
.skx-lux .skhai-hp-guide a[href*="/docs/"] > div > div:nth-child(2) { color: var(--c-taupe) !important; font-size: var(--fs-label) !important; }
.skx-lux .skhai-hp-guide a[href*="/docs/"] span { font: var(--fw-medium) var(--fs-label)/1 var(--font-sans) !important; letter-spacing: var(--tr-button) !important; border-color: rgba(239, 232, 222, .5) !important; padding: .9rem 1.5rem !important; } .skx-lux [data-theme-part="ui-instagram"].skx-empty { display: none; } @media (min-width: 992px) {
.skx-lux .lx-footer__cols:has(> div:nth-child(4):last-child) { grid-template-columns: repeat(4, auto); justify-content: space-between; }
} .skx-lux .skx-nf-numeral { opacity: .85; text-shadow: 0 2px 24px rgba(29, 24, 20, .45); } @media (max-width: 575px) { .skx-lux .rs_listing_page_header nav[aria-label="breadcrumb"] { display: none; } }
@media (min-width: 576px) and (max-width: 991px) { .skx-lux .rs_listing_page_header nav[aria-label="breadcrumb"] { padding-top: 3.25rem; } } .skx-lux .lx-mega__soon > span { display: flex; flex-direction: column; justify-content: center; min-height: 48px; padding-block: 6px; font: var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); color: var(--c-mute); cursor: default; }
.skx-lux .lx-mega__soon small { font: var(--fw-medium) var(--fs-label)/1.4 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--c-mute); }
.skx-lux .lx-mega__stat { display: grid; gap: var(--sp-2); margin-top: var(--sp-5); padding: var(--sp-5); background: var(--c-ivory); border: 1px solid var(--rule); text-decoration: none; color: var(--c-ink); }
.skx-lux .lx-mega__stat:hover { border-color: var(--c-brass-line); }
.skx-lux .lx-mega__stat-num { font: var(--fw-regular) var(--fs-numeral)/1 var(--font-display); font-variant-numeric: lining-nums; color: var(--c-brass-text); }
.skx-lux .lx-mega__stat-title { font: var(--fw-regular) var(--fs-h4)/1.2 var(--font-display); }
.skx-lux .lx-mega__stat-desc { font: var(--fw-regular) var(--fs-small)/1.5 var(--font-sans); color: var(--c-mute); }
.skx-lux .lx-sheet__soon > span { display: flex; align-items: baseline; gap: var(--sp-3); min-height: 44px; align-items: center; font-size: var(--fs-body); color: var(--c-taupe); }
.skx-lux .lx-sheet__soon small { font: var(--fw-medium) var(--fs-label)/1 var(--font-sans); letter-spacing: .16em; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1279px) {
.skx-lux .lx-nav__item--wide-only { display: block; }
.skx-lux .lx-mega__narrow-only { display: none; }
} @font-face { font-family: "BrownPopup"; font-style: normal; font-weight: 600 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 600 900; font-display: swap; src: url(//skhai.com/wp-content/themes/bootclean14-skhai/assets/luxury/fonts/jost-normal-latin.woff2) format("woff2"); }
html body.skx-lux .skp-overlay :is(.skp-body, .skp-p, .skp-trust, .skp-or, .skp-fine, .skp-dismiss, .skp-email-row input, .skp-email-row button, .skp-link) { font-family: var(--font-sans) !important; }
html body.skx-lux .skp-overlay :is(.skp-email-row button, .skp-trust) { font-weight: var(--fw-medium) !important; }
html body.skx-lux .skp-overlay { padding: 16px; background: var(--c-veil); }
@media (max-width: 767px), (max-height: 700px) {
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-wrap { max-height: calc(100vh - 32px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; justify-content: flex-start; }
@supports (height: 1dvh) { html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-wrap { max-height: calc(100dvh - 32px); } }
}
html body.skx-lux .skp-overlay .skp-x {
width: 44px !important; height: 44px !important; top: 8px !important; right: 8px !important; z-index: 3;
font-size: 24px; color: var(--c-linen) !important; background: rgba(29, 24, 20, .55) !important; border-radius: 50%;
}
html body.skx-lux .skp-overlay .skp-x:hover { background: var(--c-espresso) !important; }
html body.skx-lux .skp-overlay .skp-x:focus-visible { outline: 2px solid var(--c-brass-light); outline-offset: 2px; }
html body.skx-lux .skp-overlay .skp-dismiss { min-height: 44px; padding: 10px 16px; margin-top: 8px; color: var(--c-linen) !important; opacity: 1; text-decoration: underline; text-decoration-color: rgba(239, 232, 222, .5); text-underline-offset: .25em; font-size: var(--fs-small); }
html body.skx-lux .skp-overlay .skp-dismiss:hover { color: var(--c-brass-light) !important; }
html body.skx-lux .skp-overlay.skp-lp .skp-fine, html body.skx-lux .skp-overlay.skp-lp .skp-or { color: var(--c-taupe) !important; }
html body.skx-lux .skp-overlay.skp-lp .skp-p { color: rgba(239, 232, 222, .86) !important; }
html body.skx-lux .skp-overlay.skp-lp :is(.skp-card, .skp-body) { background: var(--c-espresso) !important; }
html body.skx-lux .skp-overlay.skp-lp .skp-trust { color: var(--c-brass-light) !important; letter-spacing: .14em; } html body.skx-lux .skp-overlay .skp-media { border-radius: 0; }
@media (max-width: 767px) {
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-card { flex-direction: column; }
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-media { width: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 9; flex: none; }
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-body { width: 100% !important; padding: 20px 20px 18px !important; }
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-h { font-size: 1.375rem !important; line-height: 1.25 !important; margin-bottom: .75rem !important; }
}
@media (max-width: 767px) and (min-height: 760px) {
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-media { aspect-ratio: 3 / 2; }
}
@media (min-width: 768px) {
html body.skx-lux .skp-overlay .skp-card { flex-direction: row; align-items: stretch; }
html body.skx-lux .skp-overlay .skp-media { width: 40% !important; min-height: 0 !important; aspect-ratio: 4 / 5; align-self: stretch; flex: none; }
}
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-card { flex-shrink: 0; }
html body.skx-lux .skp-overlay.skp-lp .skp-wa-btn { background: var(--c-brass) !important; color: var(--c-ink) !important; border-color: var(--c-brass-line) !important; }
html body.skx-lux .skp-overlay.skp-lp .skp-wa-btn:hover { background: var(--c-linen) !important; border-color: var(--c-linen) !important; }
@media (max-width: 767px) {
html body.skx-lux .skp-overlay:not(.skp-variant-b) .skp-x { position: fixed !important; top: 24px !important; right: 24px !important; }
}
html body.skx-lux:has(#skpO.is-visible) #skc-cc { visibility: hidden !important; } .skx-lux .lx-list-editorial > li::before { content: counter(lx, decimal-leading-zero); font-style: normal; font-variant-numeric: lining-nums tabular-nums; } .skx-lux .ui-contact { background: var(--c-linen) !important; }
.skx-lux .ui-contact > .gpy-8 { display: none !important; }
.skx-lux .ui-contact .h2 { font: var(--fw-regular) var(--fs-h2)/1.1 var(--font-display); color: var(--c-ink); margin-bottom: var(--sp-6); }
.skx-lux .ui-contact .h2 .font-weight-200 { font-weight: var(--fw-regular) !important; }
.skx-lux .ui-contact .h2 em { color: var(--accent-text); }
.skx-lux .ui-contact .form-detail { font: var(--fw-regular) var(--fs-small)/1.4 var(--font-sans); color: var(--c-mute); display: inline-flex; gap: .4em; align-items: center; }
@media (min-width: 992px) {
.skx-lux .ui-contact {
--uc-w: min(100% - 2 * var(--gutter), var(--container-max)); --uc-g: clamp(3rem, 5vw, 6rem);
display: grid; column-gap: 0; align-items: start; padding-block: var(--section-y);
grid-template-columns: minmax(0, 1fr) calc((var(--uc-w) - var(--uc-g)) * 5 / 12) var(--uc-g) calc((var(--uc-w) - var(--uc-g)) * 7 / 12) minmax(0, 1fr);
}
.skx-lux .ui-contact > .container, .skx-lux .ui-contact > .container > .row { display: contents; }
.skx-lux .ui-contact > .container > .row > [class*="col-"] { grid-column: 4; width: auto; max-width: none; padding: 0; flex: none; }
.skx-lux .ui-contact > .container > .row > [class*="col-"]:first-child { grid-row: 1; }
.skx-lux .ui-contact > .container > .row > [class*="col-"]:nth-child(2) { grid-row: 2; }
.skx-lux .ui-contact > .ui-contact-background {
position: sticky !important; top: calc(var(--header-h) + var(--sp-5)) !important; left: auto !important; right: auto !important; bottom: auto !important;
grid-column: 2; grid-row: 1 / span 2; align-self: start;
width: 100%; height: auto !important; aspect-ratio: 4 / 5; max-height: calc(100vh - var(--header-h) - 2 * var(--sp-5)); overflow: hidden; background: var(--c-sand);
}
@supports (height: 1svh) { .skx-lux .ui-contact > .ui-contact-background { max-height: calc(100svh - var(--header-h) - 2 * var(--sp-5)); } } .skx-lux .ui-contact > .ui-contact-background img { object-position: 50% 60% !important; }
}
@media (max-width: 991px) { .skx-lux .ui-contact { display: flex; flex-direction: column; }
.skx-lux .ui-contact > .container { padding-block: var(--sp-7) var(--section-y-sm); }
.skx-lux .ui-contact > .ui-contact-background_mobile { order: -1; margin: var(--section-y-sm) var(--gutter) 0 !important; width: auto; aspect-ratio: 3 / 2; }
.skx-lux .ui-contact > .ui-contact-background_mobile img { object-position: 50% 60% !important; }
.skx-lux .ui-contact > .ui-contact-background_mobile::before { display: none; padding-top: 0; }
} .skx-lux .modal .btn-modal-close { --toggler-color: var(--c-ink); width: 44px; height: 44px; top: 6px; right: 6px; }
.skx-lux .modal-video .btn-modal-close { top: 0; right: 0; }
.skx-lux .modal .btn-modal-close .ui-toggler { justify-content: center; }
.skx-lux .modal .btn-modal-close .ui-toggler-icon, .skx-lux .modal .btn-modal-close .ui-toggler-icon::before, .skx-lux .modal .btn-modal-close .ui-toggler-icon::after { width: 26px; }
.skx-lux .modal .btn-modal-close.closed .ui-toggler-icon::before { top: calc(50% - 1px); }
.skx-lux .modal .btn-modal-close.closed .ui-toggler-icon::after { bottom: calc(50% - 1px); }
.skx-lux .modal .btn-modal-close:hover { --toggler-color: var(--c-brass-text); } .skx-lux .lxp-guide .lxp-guide__media { --ratio: 3 / 2; }
.skx-lux .lxp-guide .lxp-guide__media img { opacity: .92; } @media (max-width: 991px) {
.skx-lux .lx-split:has(> .lx-split__text .lx-chapter) > .lx-split__text { order: -1; }
} .skx-lux .lx-footer li a { min-width: 44px; }
.skx-lux .lx-table :is(th, td) a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px; }
.skx-lux .lx-card__title a { display: inline-block; padding-block: 4px; min-height: 44px; }
.skx-lux .lx-prose a[data-skx-nextsection] { display: inline-flex !important; align-items: center; min-height: 44px !important; padding-bottom: 0 !important; border-bottom: 0 !important; background: linear-gradient(var(--c-brass), var(--c-brass)) left calc(100% - 8px) / 100% 1px no-repeat; }
.skx-lux .lxp-guide-foot .lx-link, .skx-lux .lx-rail-head .lx-link { min-width: 44px; }
.skx-lux .lx-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; } html body.skx-lux #skc-panel #skc-email u { margin-left: .4em; }  html body.skx-lux .skp-overlay .skp-dismiss {
display: block; width: 100%; margin-top: 0 !important; background: var(--c-espresso) !important; text-align: center;
border-top: 1px solid rgba(239, 232, 222, .14); box-sizing: border-box;
} .skx-lux .lx-header :is(a, button, input, select, textarea, [tabindex]) { scroll-margin-top: calc(-1 * (var(--header-h) + 16px)); } @media (min-width: 992px) {
html body.skx-lux.lx-past-hero.lx-cta-yield #skc-cc,
html body.skx-lux.lx-cta-yield #skc-cc { opacity: 0; visibility: hidden; transform: translateY(8px); pointer-events: none; }
} .skx-lux :is(.lx-sheet, .lx-drawer):not(.is-open),
.skx-lux .lx-nav__item:not(.is-open) > .lx-mega {
content-visibility: hidden;
}
.skx-lux .lx-sheet { transition: opacity var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow), content-visibility 0s linear var(--dur-slow) allow-discrete; }
.skx-lux .lx-drawer { transition: opacity var(--dur-slow) var(--ease-out), visibility 0s linear var(--dur-slow), content-visibility 0s linear var(--dur-slow) allow-discrete; }
.skx-lux .lx-mega { transition: opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility 0s linear var(--dur-base), content-visibility 0s linear var(--dur-base) allow-discrete; }
.skx-lux :is(.lx-sheet, .lx-drawer).is-open, .skx-lux .lx-nav__item.is-open > .lx-mega { transition-delay: 0s; }
@media (prefers-reduced-motion: reduce) { .skx-lux :is(.lx-sheet, .lx-drawer, .lx-mega) { transition-duration: 0s !important; transition-delay: 0s !important; } } html.lx-nohas.lx-hdr-hidden body.skx-lux #skhai-offer-bar { top: 0 !important; }
html.lx-nohas.lx-offerbar body.skx-lux .lx-hero__content { padding-top: calc(var(--header-h) + var(--sp-7) + 4.5rem); }
@media (min-width: 992px) { html.lx-nohas.lx-offerbar body.skx-lux .lx-hero__content { padding-top: calc(var(--header-h) + var(--sp-7) + 3rem); } }
html.lx-nohas.lx-popup-open body.skx-lux #skc-cc { visibility: hidden !important; }
@media (min-width: 992px) { html.lx-nohas .skx-lux .lx-footer__cols[data-lx-has="four"] { grid-template-columns: repeat(4, auto); justify-content: space-between; } }
@media (max-width: 991px) {
html.lx-nohas .skx-lux .lx-split--chapter > .lx-split__text { order: -1; }
html.lx-nohas.lx-skc-live:not(.skc-conv) body.skx-lux .ip-sticky-cta,
html.lx-nohas.lx-skc-live:not(.skc-conv) body.skx-lux .st-sticky-cta,
html.lx-nohas.lx-skc-live:not(.skc-conv) body.skx-lux-property #sticky-property-cta { display: none !important; }
}
@media (min-width: 992px) { html.lx-nohas.lx-skc-live body.skx-lux-property #sticky-property-cta .d-flex { padding-right: 16rem; } }
html.lx-nohas.lx-skc-live body.skx-lux-villas-lp .float-cta { display: none; }
html.lx-nohas.lx-hdr-hidden body.skx-lux-property #main-navbar { top: 0; }
html.lx-nohas.lx-hdr-hidden body.skx-lux-insights .insights-primary-nav { top: 0 !important; }
html.lx-nohas.lx-hdr-shown body.skx-lux .ip-guide-cta { top: var(--header-h-mobile); }
@media (min-width: 992px) { html.lx-nohas.lx-hdr-shown body.skx-lux .ip-guide-cta { top: var(--header-h); } }
@media (max-width: 767px) {
html.lx-nohas .skx-lux .ip-grid[data-lx-has="three"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
html.lx-nohas .skx-lux .ip-grid[data-lx-has="three"] .ip-grid-label { font-size: var(--fs-small); margin-top: var(--sp-2); }
html.lx-nohas .skx-lux .ip-grid:not([data-lx-has="three"]) > .ip-grid-cell:last-child:nth-child(odd) { grid-column: 1 / -1; }
html.lx-nohas .skx-lux .ip-grid:not([data-lx-has="three"]) > .ip-grid-cell:last-child:nth-child(odd) img { aspect-ratio: 3 / 2; }
html.lx-nohas .skx-lux .st-grid[data-lx-has="three"] { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: var(--sp-4); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; }
html.lx-nohas .skx-lux .st-grid[data-lx-has="three"] > .st-grid-cell { scroll-snap-align: start; }
html.lx-nohas .skx-lux .st-grid[data-lx-has="three"] .st-grid-cell img { aspect-ratio: 4 / 3; }
html.lx-nohas .skx-lux .st-grid:not([data-lx-has="three"]) > .st-grid-cell:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 640px) { html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="only"] { grid-template-columns: 1fr; } }
@media (min-width: 1100px) {
html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="four"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="other"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="other"] > .ip-dev-card:not(.ip-dev-full) { grid-column: span 2; }
html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="other"] > .ip-dev-card:not(.ip-dev-full):nth-child(3n+1):nth-last-child(2):not(:first-child) { grid-column: 2 / span 2; }
html.lx-nohas .skx-lux .ip-dev-grid[data-lx-has="other"] > .ip-dev-card:not(.ip-dev-full):nth-child(3n+1):last-child:not(:first-child) { grid-column: 3 / span 2; }
} html body.skx-lux :is(.slp-hero h1, .slp-section-hdr h2, .slp-gate-panel h3, .slp-cta h3, .slp-modal h4, .slp-form-success h5) { font-family: var(--font-display) !important; }
html body.skx-lux :is(.slp-hero .slp-lead, .slp-stat-label, .slp-section-hdr p, .slp-spec-label, .slp-villa-card-price .slp-from, .slp-filter-label, .slp-filter-count, .slp-toggle-label, .slp-sold-hidden-count, .slp-gate-panel p, .slp-gate-input, .slp-gate-opt, .slp-gate-privacy, .slp-table tbody td, .slp-notes, .slp-disclaimer, .slp-cta p, .slp-bar-clear, .slp-modal-sub, .slp-modal-selection, .slp-form-row input, .slp-form-row textarea, .slp-form-success p) { font-family: var(--font-sans) !important; }
html body.skx-lux, html body.skx-lux .wl-page { --wl-serif: var(--font-display); --wl-sans: var(--font-sans); }