:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-99579a6 *//* ===== 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-ba5a0e3 *//* ===== HERO — section-specific only. Needs 00-global.css too (.cloud*, .draw-underline, [data-reveal] rules). ===== */
.word-mask { overflow: hidden; display: inline-block; vertical-align: top; }
.word-mask > span { display: inline-block; transform: translateY(110%); }

.grain {
  pointer-events: none; position: absolute; inset: 0; opacity: .05; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 120px 120px; animation: grainShift 1.1s steps(4) infinite;
}
@keyframes grainShift {
  0%{transform:translate(0,0)} 25%{transform:translate(-2%,1%)} 50%{transform:translate(1%,-2%)} 75%{transform:translate(-1%,2%)} 100%{transform:translate(0,0)}
}

/* Fully opaque at the bottom so it dissolves seamlessly into Philosophy's own gradient */
#hero-dissolve {
  position:absolute; inset:0;
  background: linear-gradient(180deg,
    rgba(24,21,19,.60) 0%,
    rgba(140,76,50,.38) 28%,
    rgba(207,134,46,.55) 56%,
    rgba(207,134,46,.88) 80%,
    #CF862E 100%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cefdfc4 *//* ===== PHILOSOPHY — section-specific only. Needs 00-global.css too (.cloud*). ===== */
.phil-line {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  text-align:center; opacity:0; filter: blur(6px); transform: scale(1.02); padding: 0 1.5rem;
  text-shadow: 0 4px 26px rgba(42,27,22,.35);
}

/* Opens on the exact hex Hero ends on, resolves to the exact ivory Measure/Trust opens on */
#philosophy-bg {
  position:absolute; inset:0;
  background: linear-gradient(180deg,
    #CF862E 0%,
    #CF862E 6%,
    #DDA35E 36%,
    #EAC48C 64%,
    #F4EFE6 90%,
    #F4EFE6 100%);
}

.marquee-track { display:flex; width:max-content; animation: marquee 110s linear infinite; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-197cc06 *//* ===== MEASURE / TRUST — section-specific only. ===== */
.hairline-x { transform: scaleX(0); transform-origin: left; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-426ef92 *//* ===== ABOUT — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56925ba *//* ===== SIGNATURE PROPERTIES — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e012984 *//* ===== SERVICES — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-effc7ba *//* ===== TESTIMONIAL — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d426de *//* ===== JOURNAL — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35640ee *//* ===== ENDING — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9507344 *//* ===== FOOTER — no section-specific CSS. =====
   This section only uses Tailwind utility classes (already active site-wide via
   00-header-scripts.html) plus shared classes already defined in 00-global.css
   (.draw-underline, .img-zoom, [data-reveal], .tracked, .cloud*). Nothing to add here. *//* End custom CSS */