:root:root {
  --lep-navy: #1D4289;
  --lep-navy-deep: #003057;
  --lep-gold: #AB9868;
  --lep-ink: #003057;
  --lep-light: #FFFFFF;
  --bg: #003057;
  --glass: rgba(0, 48, 87, 0.55);
  --glass-panel: rgba(0, 48, 87, 0.68);
  --glass-strong: rgba(0, 48, 87, 0.92);
  --navy-chip: rgba(0, 48, 87, 0.6);
  --ink: #FFFFFF;
  --mute: #E3EBF1;
  --accent: #E3CB86;
  --accent-rgb:
    227,
    203,
    134;
  --accent-ink: #003057;
  --cta: #AB9868;
  --cta-ink: #003057;
  --gold: #E3CB86;
  --font:
    "Inter",
    "Segoe UI",
    system-ui,
    -apple-system,
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-display:
    "Leptos Heading",
    Georgia,
    "Times New Roman",
    serif;
}
.brand,
.compass,
.toolbar,
.sheet,
.card,
.tip,
.stats,
.ov-head,
.ov-foot,
.utag,
.toast,
.attrib,
.filterchip,
.coach {
  -webkit-backdrop-filter: blur(16px) saturate(1.35) brightness(0.8);
  backdrop-filter: blur(16px) saturate(1.35) brightness(0.8);
}
.sheet,
.card {
  background: var(--glass-panel);
}
.sheet-head h2,
#panel-units.towersheet .sheet-head h2,
.ov-head h2,
.vt-bar h2,
.wk-title b,
.wk-phead b,
.proj-name {
  letter-spacing: 0;
}
#cardTitle {
  letter-spacing: 0.01em;
}
.eyebrow,
.label,
.plans-h,
.proj-state,
.proj-where,
.vt-eye {
  font-weight: 700;
}
.brand-sub,
.proj-sub {
  font-weight: 400;
}
.pl-lbl,
.pl-tab td {
  font-family: var(--font);
}
.attrib-i,
.vinfo-btn,
.iinfo-btn {
  font-family: var(--font);
  font-style: normal;
  font-weight: 700;
}
.pill.enquire,
a.primary.enquire,
.primary.enquire,
.card .actions.qa-row > .enquire,
.card.usheet .erow .enquire {
  letter-spacing: 0.08em;
}
.plans-g .planchip small {
  width: auto;
  padding-top: 0;
}
.stat > span {
  letter-spacing: 0.04em;
  font-size: 10px;
}
@media (max-width: 599px) {
  .pill.enquire,
  a.primary.enquire,
  .primary.enquire,
  .card .actions.qa-row > .enquire,
  .card.usheet .erow .enquire {
    letter-spacing: 0.04em;
    font-size: 13px;
  }
  .grid3 .pill {
    font-size: 13px;
  }
  #viewer .ov-head h2 {
    white-space: normal;
    font-size: 15px;
    line-height: 1.12;
  }
}
@media (max-width: 379px) {
  .pill.enquire,
  a.primary.enquire,
  .primary.enquire,
  .card .actions.qa-row > .enquire,
  .card.usheet .erow .enquire {
    letter-spacing: 0.02em;
    font-size: 12.5px;
  }
  .grid3 .pill {
    white-space: normal;
    line-height: 1.15;
  }
  .stat {
    padding-left: 6px;
    padding-right: 6px;
  }
  .stat > span {
    letter-spacing: 0.02em;
    font-size: 9.5px;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .pill.enquire,
  a.primary.enquire,
  .primary.enquire,
  .card .actions.qa-row > .enquire,
  .card.usheet .erow .enquire {
    letter-spacing: 0.04em;
    font-size: 13px;
  }
  .grid3 .pill {
    white-space: normal;
    line-height: 1.15;
  }
  .stats4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.brand-logo {
  height: 20px;
}
@media (min-width: 900px) {
  .brand-logo {
    height: 24px;
  }
}
@media (min-width: 1500px) {
  .brand-logo {
    height: 27px;
  }
}
@media (max-width: 599px) and (orientation: portrait) {
  .brand-logo {
    height: 16px;
  }
  .brand-name {
    letter-spacing: 0.01em;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .brand-logo {
    height: 18px;
  }
}
#needle path:first-child {
  fill: #AB9868;
}
.findbtn,
.primary,
.pill.enquire,
a.primary.enquire,
.primary.enquire,
.card .actions.qa-row > .enquire,
.card.usheet .erow .enquire {
  font-weight: 700;
}
@media (hover: hover) {
  .findbtn:hover,
  .primary:not(.ghost):hover,
  .pill.enquire:hover {
    background: #BFAB78;
    border-color: #BFAB78;
  }
}
.findbtn {
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 48, 87, 0.45);
}
@media (hover: hover) {
  .findbtn:hover {
    background: #998868;
    border-color: #998868;
  }
}
.tlabel {
  background: var(--navy-chip);
}
.tlabel.site {
  background: var(--glass-panel);
}
.proj {
  background:
    linear-gradient(
      135deg,
      rgba(29, 66, 137, 0.5),
      rgba(0, 48, 87, 0.4));
}
.proj.soon {
  background:
    linear-gradient(
      135deg,
      rgba(29, 66, 137, 0.28),
      rgba(0, 48, 87, 0.2));
}
.proj.soon::after {
  display: none;
}
.overlay {
  background: #003057;
}
.overlay.live {
  background: transparent;
}
.vstage,
.istage,
.ithumb {
  background: #00243F;
}
.vt-root,
.vt-frame {
  background: #003057;
}
.ilightbox {
  background: rgba(0, 48, 87, 0.96);
}
.wk-lightbox {
  background: rgba(0, 48, 87, 0.92);
}
.vbadge,
.vlook,
.vclock,
.vtbtn,
.pc-hd,
.pano-status,
.pano-compass svg,
.ilabel,
#interior .iexpand,
.wk-room,
.wk-hint,
.wk-door {
  background: var(--navy-chip);
}
#viewer .vmodes .vtbtn {
  background: var(--navy-chip);
}
#viewer .dirbtn,
#viewer .pchip {
  background: var(--navy-chip);
}
#viewer .dirbtn.off {
  background: rgba(0, 48, 87, 0.38);
}
.pchip.on {
  background: rgba(0, 48, 87, 0.92);
}
.wk-door:hover {
  background: rgba(0, 48, 87, 0.92);
}
html .pl-root {
  --pl-accent: #003057;
}
html .pl-root[data-look=cavalli] {
  --pl-accent: #003057;
}
html .pl-lbl,
html .pl-tab td {
  font-family: var(--font);
}
html .pl-bar h2 {
  letter-spacing: 0;
}
html .pl-eye,
html .pl-res span {
  color: #7A6A3F;
}
html .pl-desk .pl-res b::after {
  background: #AB9868;
}
html .pl-levels button.on,
html .pl-walk {
  background: #003057;
}
html .pl-walk:hover {
  background: #1D4289;
}
html .ar-mk {
  background: var(--navy-chip);
}
html .ar-mk.sel {
  background: rgba(0, 48, 87, 0.92);
}
html .ar-site {
  background: rgba(0, 48, 87, 0.88);
}
html .ar-edge {
  background: var(--navy-chip);
}