.elementor-kit-5{--e-global-color-primary:#B89D72;--e-global-color-secondary:#5F5F5F;--e-global-color-text:#000000;--e-global-color-accent:#B89D72;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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;}}
/* Start custom CSS */@media (prefers-reduced-motion: reduce){.elementor-invisible{visibility:visible !important;opacity:1 !important;animation:none !important}.animated{animation:none !important}.elementor *,.elementor *::before,.elementor *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
.elementor .e-tab-base{border-block-end-color:transparent !important;transition:border-color 320ms ease}
.elementor .e-tab-base span{transition:color 300ms ease}
.elementor .e-tab-base:hover span{color:var(--e-global-color-primary,#B89D72) !important}
.elementor .e-tab-base.e--selected{border-block-end-color:var(--e-global-color-primary,#B89D72) !important}
.elementor .e-tab-base.e--selected span{color:var(--e-global-color-text,#000000) !important}
/* ===== CTA band legibility =====
   The "Let's Create ..." band is section 775f372, copied verbatim onto every
   page, so the same two element-id classes exist site-wide and one rule here
   covers all of them. The band lays white copy straight over the photo: the
   headline survives at 54px, but the description is white at 76% and lands on
   bright sky in most crops.

   The wash is painted by ::after INSIDE the scrim child, not on the section.
   The scrim sits at z-index 1 and the copy block at z-index 2, so a pseudo in
   that stacking context covers the photo and still passes under the text. Put
   it on the section instead and it would either sit under the photo or over
   the buttons. The scrim is position:absolute, so it is already a containing
   block for inset:0. */
.elementor-element-775f372 .elementor-element-5c9dcb52::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(8,8,8,.86) 0%,rgba(8,8,8,.74) 30%,rgba(8,8,8,.42) 56%,rgba(8,8,8,.10) 80%,rgba(8,8,8,0) 100%)}
/* Below the two-column threshold the copy spans the full width, so a flat
   veil reads better than a directional one. */
@media (max-width:1024px){.elementor-element-775f372 .elementor-element-5c9dcb52::after{background:linear-gradient(180deg,rgba(8,8,8,.74) 0%,rgba(8,8,8,.60) 50%,rgba(8,8,8,.74) 100%)}}

/* ===== Elementor Form - Crown Heritage skin =====
   The three site forms were rebuilt on the classic Form widget because the
   atomic (V4) form registers no reCAPTCHA field on this build. The widget's
   own style controls cannot express the underline-only fields the hand-built
   forms had, so the skin lives here and dresses all three at once.

   Colours come from four custom properties set on the form. The default set
   is for a light ground (Contact's white card, Build Your Home's light
   section); the Home form sits on a black section and re-points them at the
   bottom of this block.

   Two structural notes, both load-bearing:
   - The flex container is .elementor-form-fields-wrapper, NOT .elementor-form,
     so the row gap and the margin reset belong there. The wrapper ships with
     `margin: 0 -5px -10px` to cancel the 5px side padding on each group; with
     that padding zeroed the negative margin makes the form 10px wider than
     its column, so it is zeroed too.
   - Each group must be `flex-wrap: nowrap`. Elementor sets wrap on the group,
     and once the direction is column a tall child (the textarea) wraps into a
     SECOND COLUMN beside its own label instead of stacking under it. */
.elementor-widget-form .elementor-form{--chf-label:#7A7A7A;--chf-text:#1A1A1A;--chf-line:rgba(26,26,26,.20);--chf-placeholder:#A8A8A8;--chf-gold:#B89D72}
.elementor-widget-form .elementor-form-fields-wrapper{margin:0;row-gap:26px;column-gap:0}
.elementor-widget-form .elementor-field-group{padding:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
.elementor-widget-form .elementor-field-group>label,.elementor-widget-form .elementor-field-group>.elementor-field,.elementor-widget-form .elementor-field-group>.elementor-field-subgroup,.elementor-widget-form .elementor-field-group>.elementor-field-html{width:100%}
.elementor-widget-form .elementor-field-group>.elementor-field-label{font-family:Jost,sans-serif;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--chf-label);margin-bottom:10px}

/* Underline-only fields, as the hand-built forms had. The textarea keeps a
   full box because a single rule under a six-row field reads as a mistake. */
.elementor-widget-form .elementor-field-textual{height:48px;padding:8px 0;border:0;border-bottom:1px solid var(--chf-line);border-radius:0;background-color:transparent;font-family:Jost,sans-serif;font-size:15px;line-height:1.6;box-shadow:none;transition:border-color 240ms ease}
.elementor-widget-form .elementor-field-group textarea.elementor-field{height:auto;padding:14px;border:1px solid var(--chf-line);border-radius:0}
.elementor-widget-form .elementor-field-textual:focus{border-color:var(--chf-gold);outline:none;box-shadow:none}
.elementor-widget-form .elementor-field-textual::placeholder{color:var(--chf-placeholder)}

/* Checkbox and acceptance rows */
/* nowrap for the same reason as the field groups: Elementor gives each
   option flex-basis:100%, which in a column container is a HEIGHT, so with
   wrap on they spill into columns across the row instead of stacking. */
.elementor-widget-form .elementor-field-subgroup{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px}
.elementor-widget-form .elementor-field-subgroup .elementor-field-option{display:flex;flex:0 0 auto;width:100%;align-items:flex-start;gap:12px}
.elementor-widget-form .elementor-field-option input[type=checkbox]{width:1.05em;height:1.05em;margin:3px 0 0;accent-color:var(--chf-gold);flex:0 0 auto}
.elementor-widget-form .elementor-field-option label{font-family:Jost,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:normal;text-transform:none;color:var(--chf-text);margin:0}
.elementor-widget-form .elementor-field-type-acceptance .elementor-field-option label{color:var(--chf-label)}

/* Submit. Hello Elementor's reset styles bare `button` and would repaint
   this one, so every property is stated rather than inherited. */
.elementor-widget-form .elementor-field-type-submit{align-items:flex-start}
.elementor-widget-form .elementor-form button.elementor-button{width:auto;align-self:flex-start;font-family:Jost,sans-serif;font-size:12px;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#FFFFFF;background-color:var(--chf-gold);border:1px solid var(--chf-gold);border-radius:0;padding:19px 44px;cursor:pointer;transition:background-color 280ms,border-color 280ms,color 280ms,transform 280ms}
.elementor-widget-form .elementor-form button.elementor-button:hover,.elementor-widget-form .elementor-form button.elementor-button:focus-visible{color:#FFFFFF;background-color:#1A1A1A;border-color:#1A1A1A;transform:translate3d(0,-3px,0)}
@media (max-width:767px){.elementor-widget-form .elementor-form button.elementor-button{width:100%;padding-inline:20px}}

/* The HTML note under Selected Lot on Build Your Home */
.elementor-widget-form .ch-field-note{font-family:Jost,sans-serif;font-size:12px;line-height:1.6;color:var(--chf-label);margin:-12px 0 0;opacity:.85}

/* reCAPTCHA. Google's widget is a fixed 304px, wider than the form column
   on a phone, and clipping it would cut the checkbox off. Scale it down
   instead, with the group's height brought in to match so nothing below it
   is pushed away. */
.elementor-widget-form .elementor-field-type-recaptcha{margin-top:2px}
@media (max-width:460px){
.elementor-widget-form .elementor-field-type-recaptcha .elementor-g-recaptcha{transform:scale(.9);transform-origin:left top}
.elementor-widget-form .elementor-field-type-recaptcha{height:70px}
}
.elementor-widget-form .elementor-message{font-family:Jost,sans-serif;font-size:15px;line-height:1.7}
.elementor-widget-form .elementor-message.elementor-message-success{color:var(--chf-gold)}
.elementor-widget-form .elementor-message.elementor-message-danger{color:#C2564F}

/* Home: this one form sits on a black section. */
.elementor-page-15 .elementor-widget-form .elementor-form{--chf-label:rgba(255,255,255,.58);--chf-text:#FFFFFF;--chf-line:rgba(255,255,255,.26);--chf-placeholder:rgba(255,255,255,.38)}/* End custom CSS */