.elementor-302 .elementor-element.elementor-element-19d8986f{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 55px;padding:0px 22px 35px 9px;width:var( --container-widget-width, 87.236% );max-width:87.236%;--container-widget-width:87.236%;--container-widget-flex-grow:0;}.elementor-302 .elementor-element.elementor-element-19d8986f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-302 .elementor-element.elementor-element-5811b9d4{padding:55px 0px 0px 0px;}.elementor-302 .elementor-element.elementor-element-19dd5134{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-302 .elementor-element.elementor-element-19d8986f{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 25px;}.elementor-302 .elementor-element.elementor-element-5811b9d4{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-302 .elementor-element.elementor-element-19dd5134{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 0px 40px;}}/* Start custom CSS for html, class: .elementor-element-70e7172 *//* ===== HEADER — section-specific only. Needs 00-global.css too (.draw-underline, .tracked). ===== */

.nav-pill {
  background: rgba(36,24,19,0.32);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(244,239,230,0.18);
  transition: background-color .5s ease, padding .4s ease;
}
.nav-pill.scrolled { background: rgba(20,17,15,0.58); }

/* Logo crop — wrapper stays fixed at pill height; image is "zoomed"
   inside it to crop out the transparent padding baked into the PNG.
   Tune the .site-logo-img height until the mark fills the wrapper
   edge-to-edge with no empty band top/bottom. */
.logo-crop{
  height: 40px;
  width: 42px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.site-logo-img{
  height: 52px;
  width: 42px;
  max-width: none;
  object-fit: contain;
  display: block;
}

@media (max-width: 640px){
  .logo-crop{ height: 38px; width: 38px; }
  .site-logo-img{ height: 68px; }
}

/* ===== Nav link hover — amber, not theme default blue ===== */
.draw-underline:hover,
.draw-underline:focus-visible {
  color: #CF862E !important;
}

.draw-underline::after {
  background-color: #CF862E;
}

/* ===== Private Consultation button — only kill the blue hover, keep everything else as-is ===== */
a.hidden.md\:inline-block.bg-lux-ivory:hover,
a.hidden.md\:inline-block.bg-lux-ivory:focus-visible {
  color: #CF862E !important;
}

/* ===== Mobile menu ===== */
#mobile-menu {
  background: rgba(10, 8, 7, 0.46) !important;
}

.mobile-link:hover,
.mobile-link:focus-visible {
  color: #CF862E !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19d8986f *//* ---------- CONTACT — LEFT COLUMN ----------
   Apply #0E0D0B as the Elementor SECTION's background (or set
   it on this column directly, same as you did on the contact-page
   dark form column) — don't rely on a .contact wrapper div that
   no longer exists here now that Elementor owns the section/columns. */

.contact-head h2{
  font-size:clamp(34px,3.8vw,52px);
  margin-top:16px;
  color:#FFFFFF;
}
.contact-head p{
  color:rgba(244,239,230,0.65);
  font-size:15.5px;
  line-height:1.75;
  margin-top:22px;
  max-width:340px;
}
.eyebrow{
  font-size:11.5px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#CF862E;
  display:flex;
  align-items:center;
  gap:12px;
}
.eyebrow::before{
  content:'';
  width:26px;
  height:1px;
  background:#CF862E;
  display:block;
}
.contact-details{
  margin-top:44px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.contact-details a{
  font-size:15px;
  color:#FFFFFF;
  border-bottom:1px solid rgba(244,239,230,0.16);
  padding-bottom:2px;
  width:fit-content;
}
.contact-details a:hover{
  color:#CF862E;
  border-color:#CF862E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19dd5134 */footer{
  position:relative;
  overflow:hidden;
  background:#0A0908;
  color:rgba(244,239,230,0.55);
  padding:60px 0 30px;
}
.foot-top{display:flex; justify-content:space-between; align-items:center; padding-bottom:40px; border-bottom:1px solid rgba(244,239,230,0.16); flex-wrap:wrap; gap:20px;}
.foot-bottom{padding-top:26px; display:flex; justify-content:space-between; font-size:12.5px; flex-wrap:wrap; gap:12px;}

.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13.5px;
  letter-spacing:0.04em;
  padding:14px 26px;
  border:1px solid currentColor;
  transition:background .35s ease, color .35s ease, border-color .35s ease;
  white-space:nowrap;
}
.btn-dark{
  color:#FFFFFF;
  border-color:rgba(255,255,255,0.4);
}
.btn-dark:hover{
  background:rgba(207, 134, 46, 0.85);
  color:#0e0d0b;
}

.footer-watermark{
  position:absolute;
  bottom:-6vw;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  font-family:'Cormorant Garamond', serif;
  font-size:26vw;
  line-height:1;
  white-space:nowrap;
  color:rgba(244,239,230,0.04);
  pointer-events:none;
  user-select:none;
  z-index:0;
}

footer .wrap{
  position:relative;
  z-index:1;
}/* End custom CSS */