html:not([data-sky="night"]) {
  --lt-hdr: #f6f2ec;
  --lt-paper: #faf7f2;
  --lt-cream: #f3ede4;
  --lt-foot: #efe9e0;
  --lt-line: rgba(25,21,17,.11);
  --lt-sh: 0 1px 2px rgba(60,44,28,.05), 0 18px 44px -26px rgba(60,44,28,.28);
  background: var(--lt-hdr);
}
html:not([data-sky="night"]) :is(.sec--dark, .sec--warm, .ftr, .mnav, .hdr, .origin) {
  --ink: #faf7f2; --ink-2: #fffdf9; --ink-3: #f1ebe2; --warm: #f3ede4;
  --td: #191511; --md: #5f564b; --mute-d: #7d7266;
  --copper: #8a4f1f; --copper-hi: #6e3c14;
  --stone: #191511; --stone-h: #3a322a;
  --line-d: rgba(25,21,17,.12); --line-d2: rgba(25,21,17,.26);
  --focus: #8a4f1f; --ok: #3f6e3a; --err: #a3402f;
}
html:not([data-sky="night"]) .sec--dark { background: var(--lt-paper); }
html:not([data-sky="night"]) .sec--warm { background: var(--lt-cream); }
html:not([data-sky="night"]) :is(.sec--dark, .sec--warm) { box-shadow: inset 0 1px 0 var(--lt-line), inset 0 -1px 0 var(--lt-line); }

html:not([data-sky="night"]) .hdr,
html:not([data-sky="night"]) .hdr.is-solid,
html:not([data-sky="night"]) body:has(>main>.gx5) .hdr,
html:not([data-sky="night"]):not(.dv-js) .hdr,
html:not([data-sky="night"]).js-off .hdr {
  background: var(--lt-hdr);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-bottom: 1px solid var(--lt-line);
  box-shadow: none;
  color: #191511;
}
html:not([data-sky="night"]) .hdr .hdr__cta { border-color: rgba(25,21,17,.32); color: #191511; }
@media (hover:hover) {
  html:not([data-sky="night"]) .hdr .hdr__cta:hover { background: #191511; color: var(--lt-hdr); border-color: #191511; }
}
html:not([data-sky="night"]) .hdr .nav a { color: #191511; }
html:not([data-sky="night"]) .hdr__in { align-items: center; }
html:not([data-sky="night"]) .hdr__logo img { display: block; }
html:not([data-sky="night"]) .lang a { opacity: .62; }
html:not([data-sky="night"]) .lang a[aria-current="true"], html:not([data-sky="night"]) .lang a:hover { opacity: 1; }

html:not([data-sky="night"]) .mnav { background: var(--lt-hdr); color: #191511; }
html:not([data-sky="night"]) .mnav__foot { background: var(--lt-hdr); color: #5f564b; }
html:not([data-sky="night"]) .mnav__links a[aria-current="page"] span { color: #8a4f1f; }

html:not([data-sky="night"]) .ftr { background: var(--lt-foot); color: #191511; }

html:not([data-sky="night"]) :is(.intro__tex, .contact__tex) { display: none; }

html:not([data-sky="night"]) .contact__form { background: #fffdf9; border-color: var(--lt-line); box-shadow: var(--lt-sh); -webkit-backdrop-filter: none; backdrop-filter: none; }
html:not([data-sky="night"]) :is(.sec--dark, .sec--warm) .field input::placeholder,
html:not([data-sky="night"]) :is(.sec--dark, .sec--warm) .field textarea::placeholder { color: rgba(25,21,17,.5); }
html:not([data-sky="night"]) .sec--dark .tab[aria-selected="false"]:hover { background: rgba(25,21,17,.04); }
html:not([data-sky="night"]) :is(.sec--dark, .sec--warm) .pslot { background: rgba(25,21,17,.035); }
html:not([data-sky="night"]) .dbx__photos .dbx__ph--b,
html:not([data-sky="night"]) #designer-box .hbox.hbox--b { background: #fffdf9; }

html:not([data-sky="night"]) .skyctl__pill { background: rgba(255,253,249,.92); color: #191511; box-shadow: 0 0 0 1px var(--lt-line), 0 8px 24px -12px rgba(60,44,28,.35); }
html:not([data-sky="night"]) .skyctl__pop { background: rgba(255,253,249,.97); color: #191511; box-shadow: 0 0 0 1px var(--lt-line), 0 24px 60px -24px rgba(60,44,28,.4);
  --td: #191511; --md: #5f564b; --line-d: rgba(25,21,17,.12); --line-d2: rgba(25,21,17,.26); --copper: #8a4f1f; --copper-hi: #6e3c14; --stone: #191511; --ink: #fffdf9; }
html:not([data-sky="night"]) .skyctl__seg button:hover { color: #000; }

html:not([data-sky="night"]) .origin { background: #fffdf9; box-shadow: var(--lt-sh); border: 1px solid var(--lt-line); }
html:not([data-sky="night"]) .origin__mark { background: radial-gradient(120% 90% at 100% 0%, rgba(196,147,92,.12), rgba(196,147,92,0) 60%); }
html:not([data-sky="night"]) .app__cap span,
html:not([data-sky="night"]) .rooms__ba { background: rgba(255,253,249,.9); color: #191511; }
html:not([data-sky="night"]) .vplay { --td: #ede6da; --md: #c9bfb2; --copper: #dcba94; --copper-hi: #e8cfae; color: #ede6da; }
html:not([data-sky="night"]) .vplay { background: #e7e0d6; }
html:not([data-sky="night"]) .vplay::after { background: linear-gradient(0deg, rgba(20,16,12,.74) 0%, rgba(20,16,12,.42) 30%, rgba(20,16,12,0) 58%); }
html:not([data-sky="night"]) .vplay__meta { text-shadow: 0 1px 14px rgba(0,0,0,.35); }
html:not([data-sky="night"]) .vplay.is-playing video { background: #efe9e0; }
@media (max-width:900px) { html:not([data-sky="night"]) .vplay::after { background: linear-gradient(0deg, rgba(20,16,12,.8) 0%, rgba(20,16,12,.55) 38%, rgba(20,16,12,0) 72%); } }
html:not([data-sky="night"]) .tin__fig { background: #ebe5dc; }
html:not([data-sky="night"]) :is(.app__vis) { background-color: #e7e0d6; }

html:not([data-sky="night"]) .pie__n circle { fill: #fffdf9; stroke: rgba(138,79,31,.55); }
html:not([data-sky="night"]) .pie__n text { fill: #191511; }
html:not([data-sky="night"]) .pie__svg line[stroke="#000"] { stroke-opacity: .2; }
html:not([data-sky="night"]) .pie__svg polygon[fill="rgba(255,255,255,.07)"] { fill: rgba(196,212,220,.1); }
html:not([data-sky="night"]) .pie__svg polygon[fill="rgba(255,255,255,.30)"] { fill: rgba(170,186,194,.55); }
html:not([data-sky="night"]) .pie__svg polygon[fill="rgba(255,255,255,.42)"] { fill: rgba(196,208,214,.7); }
html:not([data-sky="night"]) .pie__svg polyline[stroke-opacity=".55"] { stroke: #8fa2ab; stroke-opacity: .75; }

.gx5 .gcat { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 20px; }
.gx5 .gcat .tt > span { white-space: normal; overflow-wrap: anywhere; }

html[data-sky="night"] .hdr { background: #14110f !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border-bottom: 1px solid rgba(237,230,218,.12) !important; color: var(--td) !important; }
html[data-sky="night"] .hdr .hdr__cta { border-color: var(--line-d2) !important; color: var(--td) !important; }

.tzm__s:not(.is-on) { opacity: .9; }
.dv6__c small { opacity: 1; }

@media (max-width: 380px) {
  .btn { height: auto; min-height: var(--h); white-space: normal; padding: 14px 20px; text-align: center; line-height: 1.35; }
  .btn-text { white-space: normal; height: auto; min-height: 54px; }
  .gx5 .tgrain .tt.tgrain__o { white-space: normal; }
}

.gx5 .rsel__t, .gx5 .rsel__gb, #interiors .rsel__t, #interiors .rsel__gb { flex: 0 0 auto; }