.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bb-teal:#23302B; --bb-yellow:#BE9A62; --bb-ink:#2B2F2C; --bb-canvas:#F6F4EF; --bb-white:#FFFFFF; --bb-muted:#67675F; --bb-border:#E2DED5; --bb-control:#8B887F; --bb-hover:#141C19; --bb-footer:#1E2925; --bb-font-heading:Jost; --bb-font-body:Manrope; --bb-h1:clamp(2.75rem, 2.065rem + 3.04vw, 4.5rem); --bb-h2:clamp(2rem, 1.7rem + 1.32vw, 2.75rem); --bb-h3:clamp(1.625rem, 1.526rem + .44vw, 1.875rem); --bb-body-size:clamp(1rem, .951rem + .22vw, 1.125rem); --bb-lead-size:clamp(1.125rem, 1.076rem + .22vw, 1.25rem); --bb-gutter:clamp(1.5rem, .51rem + 4.4vw, 4rem); --bb-section:clamp(3rem, 2rem + 3.5vw, 5rem); --bb-content-max:1200px; --bb-sand:#EEEAE2; }
/* Start custom CSS *//* Blakeman motion: hover + scroll reveal (Nov 2026) */
.elementor .bb-btn, .elementor .bb-btn-outline, .elementor .bb-btn-ghost-light { transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.elementor .bb-btn:hover, .elementor .bb-btn-outline:hover, .elementor .bb-btn-ghost-light:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(20,28,25,.18); }
.elementor .bb-card, .elementor .bb-value { transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease; will-change: transform; }
.elementor .bb-card:hover, .elementor .bb-value:hover { transform: translateY(-6px); box-shadow: 0 16px 36px rgba(20,28,25,.12); }
.elementor .bb-check { transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.elementor .bb-value:hover .bb-check { transform: scale(1.1) rotate(-6deg); }
.elementor .bb-photo, .elementor .bb-photo-43, .elementor .bb-photo-45 { transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .4s ease, box-shadow .4s ease; }
.elementor .bb-photo:hover, .elementor .bb-photo-43:hover, .elementor .bb-photo-45:hover { transform: translateY(-4px); filter: saturate(1.08) brightness(1.03); box-shadow: 0 18px 40px rgba(20,28,25,.18); }
.elementor .bb-link a, .elementor a.bb-link { transition: color .2s ease; }
.elementor .bb-step-num { transition: transform .3s ease; display: inline-block; }
.elementor .bb-col:hover > .bb-step-num { transform: translateX(6px); }
@keyframes bb-rise { from { opacity: 0; translate: 0 32px; } to { opacity: 1; translate: 0 0; } }
@keyframes bb-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes bb-hero-zoom { from { scale: 1.08; } to { scale: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .elementor .bb-display { animation: bb-rise .9s cubic-bezier(.2,.7,.2,1) .1s both; }
  .elementor .bb-display ~ .bb-lead { animation: bb-rise .9s cubic-bezier(.2,.7,.2,1) .25s both; }
  .elementor .bb-display ~ .bb-btn-row { animation: bb-rise .9s cubic-bezier(.2,.7,.2,1) .4s both; }
  .elementor .e-6af0cd33-bca1 { animation: bb-hero-zoom 1.8s cubic-bezier(.2,.7,.2,1) both; }
  @supports (animation-timeline: view()) {
    .elementor :is(.bb-h2, .bb-value, .bb-card, .bb-photo, .bb-photo-43, .bb-photo-45, .bb-svc-link, .bb-cta-card, .bb-band, .bb-steps > *, .bb-gallery > *, .bb-flag) { animation: bb-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
    .elementor :is(.bb-values, .bb-steps, .bb-cards, .bb-svc-list, .bb-gallery) > *:nth-child(2) { animation-range: entry 5% entry 45%; }
    .elementor :is(.bb-values, .bb-steps, .bb-cards, .bb-svc-list, .bb-gallery) > *:nth-child(3) { animation-range: entry 10% entry 50%; }
    .elementor :is(.bb-values, .bb-steps, .bb-cards, .bb-svc-list, .bb-gallery) > *:nth-child(4) { animation-range: entry 15% entry 55%; }
    .elementor .bb-photo-45 { animation-name: bb-fade; }
  }
}
.elementor .elementor-element-195ae1ff { overflow: hidden; }
/* hero-mobile-start */
@media (max-width: 767px) {
  .elementor [data-id="5a926983"] { display: none !important; }
  .elementor .elementor-element-195ae1ff { background-image: url('https://blakemanbuilds.com/wp-content/uploads/2026/11/running-springs-decks-stairs-three-level-01-m750.webp'); background-size: cover; background-position: center 30%; }
  .elementor .elementor-element-450d5e2 { display: none !important; }
  .elementor [data-id="252469a"] { object-position: 30% 50% !important; }
  .elementor [data-id="e42b666"] { display: none !important; }
  .elementor .elementor-element-61b95fb { background-image: url('https://blakemanbuilds.com/wp-content/uploads/2026/11/crestline-hillside-home-decks-stairs-and-rails-01-m750.webp'); background-size: cover; background-position: center 40%; }
}
body.page-id-47 .elementor .e-5115e622-c4f1 { background-image: linear-gradient(rgba(35,48,43,0.80), rgba(35,48,43,0.88)), url('https://blakemanbuilds.com/wp-content/uploads/2026/11/stock-lake-arrowhead-aerial-village.webp'); background-size: cover; background-position: center 55%; }
/* hero-mobile-end */
/* ba-start */
.bb-ba { position: relative; width: 100%; max-width: 420px; aspect-ratio: 2 / 3; overflow: hidden; user-select: none; box-shadow: 0 12px 32px rgba(20,28,25,.14); }
.bb-ba img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.bb-ba-before { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.bb-ba-handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 3px; margin-left: -1.5px; background: #fff; pointer-events: none; box-shadow: 0 0 0 1px rgba(0,0,0,.15); }
.bb-ba-handle::after { content: '‹ ›'; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: var(--bb-yellow); color: var(--bb-teal); font: 700 20px/44px sans-serif; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.bb-ba-tag { position: absolute; top: 12px; padding: 4px 10px; background: rgba(35,48,43,.85); color: #fff; font: 600 11px/1.4 var(--bb-font-body), sans-serif; letter-spacing: .12em; text-transform: uppercase; pointer-events: none; }
.bb-ba-tag-l { left: 12px; } .bb-ba-tag-r { right: 12px; }
.bb-ba-range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
.bb-ba-range:focus-visible + * , .bb-ba:focus-within .bb-ba-handle { background: var(--bb-yellow); }
/* ba-end *//* End custom CSS */