/* Source: /mobile-header-call-20261017.css */
/* RENOVA: a phone call pill and a right-aligned three-line mobile menu. */
.site-header .renova-header-call-icon { display: none; }

@media (max-width: 760px), (max-width: 1100px) and (max-height: 500px) and (pointer: coarse) {
  /* Approximately 6% more ink coverage, including the descriptor; preserve logo dimensions. */
  body .site-header .brand { transform: scale(1.1) translateY(5%); transform-origin: left center;
    filter: drop-shadow(0 0 0 color-mix(in srgb, currentColor 41%, transparent)) drop-shadow(0 0 0 color-mix(in srgb, currentColor 41%, transparent)) drop-shadow(0 0 0 color-mix(in srgb, currentColor 41%, transparent)) drop-shadow(0 0 0 color-mix(in srgb, currentColor 41%, transparent));
  }
  body .site-header .header-end { --renova-menu-edge-inset: 10.499100721306px; gap: 10px; flex-shrink: 0; align-items: center; }
  body .site-header .header-phone {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    box-sizing: border-box;
    width: 56px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: #f1efe9 !important;
    text-decoration: none;
    line-height: 1;
    isolation: isolate;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  body .site-header .header-phone::before {
    content: "";
    position: absolute;
    inset: 4px 2px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgba(102, 81, 63, .18);
    border-radius: 20px;
    background: rgba(102, 81, 63, .92);
    transform: scale(.889287);
    transition: background-color .2s ease;
  }
  body .site-header .renova-header-call-number { display: none; }
  body .site-header .renova-header-call-icon {
    display: block;
    width: 19.720828512px;
    height: 19.720828512px;
    flex: none;
    pointer-events: none;
    transform-box: fill-box;
    transform-origin: center;
    animation: renova-phone-shake 6s ease-in-out 6s infinite;
  }
  body .site-header .menu-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    touch-action: manipulation;
  }
  body .site-header .menu-toggle::before { content: none; }
  body .site-header .menu-toggle::after {
    content: "";
    position: absolute;
    top: calc(50% - 1.406204734347px);
    left: 12.45046px;
    width: 25.46544px;
    height: 2.812409468694px;
    background: currentColor;
    pointer-events: none;
    opacity: 1;
    transform: scaleX(1);
    transition: opacity .18s ease, transform .3s ease;
  }
  body .site-header .menu-toggle span { top: calc(50% - 1.406204734347px); left: 6.0841px !important; width: 31.8318px !important; height: 2.812409468694px !important; transition: transform .3s ease, width .3s ease, left .3s ease; }
  /* Center the closed menu at 23.001798557388px tall; top grows upward, bottom downward, middle stays centered. */
  body .site-header .menu-toggle span:first-child { top: var(--renova-menu-edge-inset); bottom: auto; transform: none; }
  body .site-header .menu-toggle span:last-child { top: auto; bottom: var(--renova-menu-edge-inset); transform: none; }
  body .site-header .menu-toggle[aria-expanded="true"] span:first-child { top: calc(50% - 1.406204734347px); bottom: auto; transform: rotate(45deg); }
  body .site-header .menu-toggle[aria-expanded="true"] span:last-child { top: calc(50% - 1.406204734347px); bottom: auto; left: 6.0841px !important; width: 31.8318px !important; transform: rotate(-45deg); }
  body .site-header .menu-toggle[aria-expanded="true"]::after { opacity: 0; transform: scaleX(.55); }
  body .site-header .header-phone:focus-visible { outline: 2px solid #66513f; outline-offset: 2px; }
  body .site-header .header-phone:active::before { background: #514437; }
  body.menu-open .site-header .header-phone::before {
    background: rgba(241, 239, 233, .10);
    border-color: rgba(241, 239, 233, .40);
  }
  body.menu-open .site-header .header-phone:focus-visible { outline-color: #f1efe9; }
}

/* A brief handset shake every six seconds; the pill stays still. */
@keyframes renova-phone-shake {
  0%, 10%, 100% { transform: rotate(0deg); }
  2% { transform: rotate(-26.25deg); }
  4% { transform: rotate(22.5deg); }
  6% { transform: rotate(-16.875deg); }
  8% { transform: rotate(9.375deg); }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .renova-header-call-icon { animation: none; }
  .site-header .header-phone::before,
  .site-header .menu-toggle::after { transition: none; }
}
@media (max-width: 760px) and (forced-colors: active), (max-width: 1100px) and (max-height: 500px) and (pointer: coarse) and (forced-colors: active) {
  .site-header .header-phone { color: LinkText !important; }
  .site-header .header-phone::before { background: Canvas; border-color: LinkText; }
}

/* 2026-10-19: 15% shorter phone header (72px -> 61.2px), preserving safe area and 44px controls. */
@media (max-width: 760px), (max-width: 1100px) and (max-height: 500px) and (pointer: coarse) {
  body .site-header,
  body:not(.menu-open) .site-header,
  body:not(.menu-open) .site-header.is-scrolled {
    height: calc(61.2px + env(safe-area-inset-top));
  }
  html { scroll-padding-top: calc(89.2px + env(safe-area-inset-top)); }
  body #mobile-menu.mobile-nav { padding-top: calc(101.2px + env(safe-area-inset-top)); }
  body #project-inquiry { scroll-margin-top: calc(93.2px + env(safe-area-inset-top)); }
}


/* Source: /selective-lighting-20261019.css */
/* RENOVA selective lighting review, 2026-10-19.
   Presentation-only exposure adjustments: original image/video bytes, 4K masters,
   responsive delivery, frame rate, motion, crop, geometry and branding are unchanged.
   Intentionally bright/daylight scenes, portraits, night scenes and material studies
   retain their existing treatment. The two approved homepage frames stay at 1.38. */

body img[src*="/assets/projects/bathroom-in-delray-beach/hero-4k-display.webp"],
body img[src*="/assets/projects/broken-sound-whole-home-renovation-project-boca-raton/20260918-gallery-complete/distinct-detail-1.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/20260918-gallery-complete/distinct-detail-1.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/20260918-gallery-completion/additional-4.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/gallery-4.jpg"],
body img[src*="/assets/services/construction-management/story-20260921-01/07-structure-detail-4k.webp"] { filter: brightness(1.06); }

body img[src*="/assets/images-4k-20261018/915977a5d596dc/"],
body img[src*="/assets/projects/bathroom-in-delray-beach/gallery-1-4k-display.webp"],
body img[src*="/assets/projects/bathroom-in-delray-beach/gallery-2-4k-display.webp"],
body img[src*="/assets/projects/broken-sound-whole-home-renovation-project-boca-raton/20260918-gallery-complete/distinct-detail-3.webp"],
body img[src*="/assets/projects/broken-sound-whole-home-renovation-project-boca-raton/gallery-3-4k-display.webp"],
body img[src*="/assets/projects/broken-sound-whole-home-renovation-project-boca-raton/hero-4k-display.webp"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/20260918-gallery-complete/distinct-detail-1.webp"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/gallery-1.jpg"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/hero.jpg"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/20260918-gallery-completion/additional-1.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/20260918-gallery-completion/additional-2.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/hero.jpg"],
body img[src*="/assets/services/construction-management/story-20260921-01/01-hero-4k.webp"],
body img[src*="/assets/services/construction-management/story-20260921-01/09-kitchen-4k.webp"],
body img[src*="/assets/services/construction-management/story-20260921-01/10-primary-suite-4k.webp"] { filter: brightness(1.08); }

body img[src*="/assets/images-4k-20261018/199fad96136554/"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/20260918-gallery-completion/additional-2.webp"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/gallery-2.jpg"],
body img[src*="/assets/projects/east-boca-raton-master-bathroom-renovation/gallery-4.jpg"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/20260918-gallery-completion/additional-3.webp"],
body img[src*="/assets/projects/east-delray-elegance-unveils-a-luxurious-modern-kitchen-renovation/gallery-3-4k-display.webp"] { filter: brightness(1.1); }

body img[src*="/assets/projects/camino-real-whole-home-renovation-project-boca/gallery-2-4k-display.webp"] { filter: brightness(1.15); }

/* Selected city aerial: retain its existing monochrome treatment. */
body.city-guide-page .city-hero-image > img[src*="/assets/cities/weston-20260921-3840.webp"] {
  filter: grayscale(1) contrast(1.035) brightness(1.1178);
}

/* Keep the poster and moving footage equally exposed; no re-encoding. */
body #project-film-video { filter: brightness(1.06); }
body #contact-project-film { filter: brightness(1.08); }
body .closing-gather .closing-image-wrap > img,
body .closing-gather .closing-image-wrap > video { filter: brightness(1.06); }
body [data-construction-loop="/assets/services/condo-renovations/action-video-v2/left-action.mp4"] > img,
body [data-construction-loop="/assets/services/condo-renovations/action-video-v2/left-action.mp4"] > video,
body .pbd-film-frame > img,
body .pbd-film-frame > video { filter: brightness(1.08); }

/* Ease the heavy finishing-frame scrim 15%; retain the directional text backing. */
body.kr-page .kr-payoff-media::after,
body.cr-page .cr-payoff-media::after {
  background: linear-gradient(90deg,rgba(14, 12, 10,.646),rgba(14, 12, 10,.1615) 62%,rgba(14, 12, 10,.102)),
              linear-gradient(0deg,rgba(14, 12, 10,.425),transparent 48%);
}

/* Community photo and video share this scrim. Retain the existing animated shade. */
body.community-page .cm-scene::after {
  background: linear-gradient(90deg,rgba(23,23,23,.374),rgba(22,20,18,.085) 58%,rgba(22,20,18,.221)),
              linear-gradient(0deg,rgba(18,18,18,.629),transparent 55%,rgba(22,22,22,.272));
}