.elementor-kit-5{--e-global-color-primary:#372927;--e-global-color-secondary:#FFC71A;--e-global-color-text:#221A18;--e-global-color-accent:#5F5552;--e-global-color-dhroastd:#241B19;--e-global-color-dhfog00:#F1E8D8;--e-global-color-dhoff00:#FAF6EF;--e-global-color-dhgalv0:#A99F95;--e-global-color-dhwhite:#FFFFFF;--e-global-color-dhonrst:#EFE4D2;--e-global-color-dhyelhv:#E9AF00;--e-global-color-dhlink0:#7A5200;--e-global-color-dhcream:#FFE9B5;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;color:#221A18;font-family:"Open Sans", Sans-serif;font-size:17px;line-height:1.7em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#FFC71A;color:#372927;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#E9AF00;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#7A5200;}.elementor-kit-5 a:hover{color:#372927;}.elementor-kit-5 h1{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-kit-5 h2{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-kit-5 h3{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-kit-5 h4{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-kit-5 h5{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-kit-5 h6{color:#372927;font-family:"Open Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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 *//* Double H kit CSS (forked from Highline 2026-09-25). Brand hexes here mirror vars.py. */
.elementor-widget-text-editor p:last-child{margin-bottom:0}
.e-con.e-grid > .e-con{min-width:0}
.hl-lift{transition:transform .2s ease,box-shadow .2s ease}
.hl-lift:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,14,12,.18)}
.hl-arrow span{display:inline-block;transition:transform .2s ease}
.hl-arrow:hover span{transform:translateX(4px)}
.hl-arrow:hover{text-decoration:underline !important}

/* wide table scrolls inside itself; min-width:0 stops it stretching the layout viewport */
.elementor-widget-text-editor:has(.hl-table-wrap){min-width:0;max-width:100%}
.hl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.hl-table-wrap table{min-width:520px}

/* lead form */
.hl-form .elementor-field-group{margin-bottom:12px}
.hl-form .elementor-field-group .elementor-field-textual{border:1px solid #C9BFB3;background:#fff;
  color:#221A18;border-radius:3px;min-height:50px;padding:12px 14px}
.hl-form .elementor-field-group textarea.elementor-field-textual{min-height:112px}
.hl-form .elementor-field-textual:focus{border-color:#372927;box-shadow:0 0 0 3px rgba(55,41,39,.16);outline:0}
.hl-form .elementor-field-textual::placeholder{color:#5F5552;opacity:1}
.hl-form .elementor-button{min-height:54px}

/* FAQ accordion, v2 (Kris 2026-09-14 "enhance this one"): numbered raised cards */
.hl-faq .elementor-accordion{counter-reset:hlfaq;display:flex;flex-direction:column;gap:14px}
.hl-faq .elementor-accordion-item{counter-increment:hlfaq;border:1px solid rgba(55,41,39,.1) !important;
  border-radius:6px;background:#fff;overflow:hidden;
  box-shadow:0 1px 2px rgba(30,20,18,.05),0 10px 26px -14px rgba(30,20,18,.22);
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
.hl-faq .elementor-accordion-item:hover{transform:translateY(-2px);
  box-shadow:0 2px 4px rgba(30,20,18,.06),0 18px 36px -16px rgba(30,20,18,.3)}
.hl-faq .elementor-accordion-item:has(.elementor-active){border-color:rgba(55,41,39,.28) !important;
  box-shadow:inset 5px 0 0 #372927,0 20px 40px -18px rgba(30,20,18,.34)}
.hl-faq .elementor-tab-title{position:relative;display:flex !important;align-items:center;gap:18px;
  padding:20px 22px 20px 22px !important;border:0 !important;cursor:pointer}
.hl-faq .elementor-tab-title:before{content:counter(hlfaq,decimal-leading-zero);flex:none;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font:800 15px/1.15 "Open Sans",sans-serif;padding-top:3px;color:#372927;background:#F1E8D8;transition:all .22s ease}
.hl-faq .elementor-tab-title.elementor-active:before{background:#372927;color:#fff}
.hl-faq .elementor-tab-title .elementor-accordion-title{order:1;flex:1;color:#372927 !important;
  font-family:"Open Sans",sans-serif;font-weight:600;font-size:25px;line-height:1.1;letter-spacing:.2px;text-decoration:none}
.hl-faq .elementor-accordion-icon{order:2;flex:none;float:none !important;width:36px !important;height:36px;
  border-radius:50%;display:grid !important;place-items:center;border:2px solid rgba(55,41,39,.2);
  color:#372927 !important;font-size:13px;transition:all .22s ease}
.hl-faq .elementor-accordion-icon svg{width:13px;height:13px;fill:currentColor}
.hl-faq .elementor-tab-title.elementor-active .elementor-accordion-icon{background:#372927;border-color:#372927;color:#fff !important}
.hl-faq .elementor-tab-content{border:0 !important;padding:0 26px 24px 86px !important;color:#221A18;
  font-size:16.5px;line-height:1.75}
@media(max-width:767px){
  .hl-faq .elementor-tab-title{gap:12px;padding:16px !important}
  .hl-faq .elementor-tab-title:before{width:38px;height:38px;font-size:20px}
  .hl-faq .elementor-tab-title .elementor-accordion-title{font-size:21px}
  .hl-faq .elementor-tab-content{padding:0 18px 20px 18px !important}}
/* FAQ aside: photo + overlapping sticky call card */
/* balance: aside column stretches to the questions column; photo absorbs the difference
   (Kris 2026-09-14 "need to balance the height"). Replaces the sticky aside. */
@media(min-width:768px){
  .e-con:has(> .e-con > .hl-faq-aside){align-items:stretch !important}
  .e-con:has(> .hl-faq-aside){align-self:stretch !important}
  .hl-faq-aside{flex:1 1 auto !important;height:100%;display:flex !important;flex-direction:column !important}
  .hl-faq-aside > .hl-faq-photo{flex:1 1 auto !important;min-height:230px !important;background-position:center 30% !important}
  .hl-faq-aside > .hl-faq-callcard{flex:none !important}}
.hl-faq-photo{border-radius:6px 6px 0 0 !important}
.hl-faq-callcard{margin:-46px 18px 0 !important;width:auto !important;max-width:none !important;position:relative;z-index:1;border-top:4px solid #FFC71A}
@media(max-width:767px){.hl-faq-callcard{margin:-40px 12px 0 !important}.hl-pf-ring{width:52px;height:52px;box-shadow:0 0 0 7px rgba(255,255,255,.1)}}
.hl-faq-promises{list-style:none;margin:0;padding:0}
.hl-faq-promises li{display:flex;gap:10px;align-items:center;margin:0 0 10px;color:#fff;font-weight:600}
.hl-faq-promises span{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(241,232,216,.16);
  color:#F1E8D8;font-size:12px;display:grid;place-items:center}

/* pre-footer CTA, v2 */
.hl-prefooterA{border-top:1px solid rgba(241,232,216,.12)}
.hl-pf-list{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.hl-pf-list li{display:flex;gap:10px;align-items:center;color:#fff;font-weight:600}
.hl-pf-tick{flex:none;width:24px;height:24px;border-radius:50%;background:#fff;color:#372927;font-size:12px;
  display:grid;place-items:center;font-weight:700}
.hl-pf-call{display:flex;align-items:center;gap:18px;margin-top:10px}
.hl-pf-ring{flex:none;width:60px;height:60px;border-radius:50%;background:#fff;color:#372927;display:grid;
  place-items:center;box-shadow:0 0 0 9px rgba(255,255,255,.1),0 0 0 18px rgba(255,255,255,.05)}
.hl-pf-call small{display:block;font:600 12px/1.3 "Open Sans",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#F1E8D8}
.hl-pf-call a{font:800 27px/1.15 "Open Sans",sans-serif;color:#fff !important;text-decoration:none;letter-spacing:.6px}
.hl-pf-formwrap{position:relative}
@media(min-width:1025px){.hl-pf-formwrap:before{content:"";position:absolute;inset:22px -22px -22px 22px;
  border:2px solid rgba(241,232,216,.28);border-radius:8px;pointer-events:none}}
.hl-pf-formwrap .hl-formcard{position:relative}
#hl-footer{border-top:1px solid rgba(241,232,216,.14)}
@media(max-width:767px){.hl-pf-list{grid-template-columns:1fr}.hl-pf-call a{font-size:36px}}

/* header */
#hl-header .elementor-button-text{white-space:nowrap}
#hl-header.elementor-sticky--effects{box-shadow:0 2px 16px rgba(20,14,12,.12)}
.hl-callbtn{display:inline-flex;align-items:center;gap:7px;background:#FFC71A;color:#372927 !important;
  border-radius:999px;padding:11px 15px;font:700 14px/1 "Open Sans",sans-serif;letter-spacing:.4px;
  text-decoration:none;text-transform:uppercase}
.hl-callbtn:hover,.hl-callbtn:focus{background:#E9AF00;color:#372927 !important}

/* tablet/mobile nav: pin the dropdown to the viewport. Elementor's "stretch" anchors it to the
   nav widget's own narrow column (Iron Ridge 2026-08-18: rendered as a 41px sliver). */
:root{--hl-hdr-h:70px}
@media(max-width:1024px){
  #hl-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown{
    position:fixed !important;top:var(--hl-hdr-h) !important;left:0 !important;right:0 !important;
    width:100% !important;max-width:100% !important;margin:0 !important;
    max-height:calc(100dvh - var(--hl-hdr-h)) !important;overflow-y:auto !important;
    overscroll-behavior:contain;box-shadow:0 16px 30px rgba(20,14,12,.22) !important;z-index:9999}
  #hl-nav .elementor-nav-menu--dropdown a.elementor-item,
  #hl-nav .elementor-nav-menu--dropdown a.elementor-sub-item{padding-left:24px !important;min-height:48px}
  #hl-nav .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item{padding-left:44px !important}
  #hl-nav .elementor-menu-toggle{background:transparent !important}
}
/* hello-elementor paints bare buttons #cc3366 on hover/focus */
#hl-nav .elementor-menu-toggle:hover,#hl-nav .elementor-menu-toggle:focus{background:transparent !important;color:#FFC71A}

/* footer */
#hl-footer a:hover{text-decoration:underline !important}
#hl-footer p,#hl-footer a{overflow-wrap:anywhere}

/* visible focus, WCAG 2.4.7 */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
.elementor-tab-title:focus-visible{outline:3px solid #7A5200;outline-offset:2px}
.hl-band-dark a:focus-visible,.hl-band-dark button:focus-visible,#hl-header a:focus-visible,#hl-footer a:focus-visible{outline-color:#FFC71A}


/* ===== DEPTH PASS (Kris 2026-09-14: "enhance the design, add more depth") ===== */
.hl-band{position:relative;isolation:isolate}
.hl-band > .e-con-inner{position:relative;z-index:1}
/* dark bands: navy-to-deep gradient light falloff + a faint blueprint grid */
.hl-band-dark::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1100px 520px at 12% 0%,rgba(255,255,255,.09),transparent 60%),
    radial-gradient(900px 600px at 100% 100%,rgba(0,0,0,.28),transparent 65%),
    linear-gradient(rgba(241,232,216,.045) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(241,232,216,.045) 1px,transparent 1px) 0 0/44px 44px}
.hl-band-photo.hl-band-dark::after{background:
    radial-gradient(1100px 520px at 12% 0%,rgba(255,255,255,.07),transparent 60%),
    linear-gradient(180deg,rgba(20,14,12,0) 60%,rgba(20,14,12,.35) 100%)}
/* light bands: soft top light and a quiet diagonal roofline texture */
.hl-band-light::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 420px at 88% 0%,rgba(55,41,39,.045),transparent 70%),
    repeating-linear-gradient(135deg,rgba(55,41,39,.018) 0 2px,transparent 2px 22px)}
/* a hairline where two light bands meet */
.hl-band-light + .hl-band-light{box-shadow:inset 0 1px 0 rgba(55,41,39,.07)}

/* cards: layered elevation */
.hl-card{box-shadow:0 1px 2px rgba(30,20,18,.06),0 10px 28px -8px rgba(30,20,18,.16);
  transition:transform .22s ease,box-shadow .22s ease}
.hl-card:hover{transform:translateY(-4px);
  box-shadow:0 2px 4px rgba(30,20,18,.06),0 22px 44px -12px rgba(30,20,18,.26)}
.hl-card-dark{box-shadow:0 24px 50px -18px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.hl-card-dark:hover{transform:none}
.hl-syscard{box-shadow:0 2px 4px rgba(0,0,0,.12),0 18px 40px -14px rgba(0,0,0,.45)}
.hl-syscard:hover{box-shadow:0 4px 8px rgba(0,0,0,.14),0 30px 56px -16px rgba(0,0,0,.55)}
.hl-band-light .hl-syscard{box-shadow:0 1px 2px rgba(30,20,18,.06),0 14px 34px -10px rgba(30,20,18,.2)}

/* photos: offset Ridge Fog frame behind + soft drop shadow */
.hl-photo{box-shadow:18px 18px 0 0 #F1E8D8,0 26px 50px -18px rgba(30,20,18,.38)}
.hl-photo-l{box-shadow:-18px 18px 0 0 #F1E8D8,0 26px 50px -18px rgba(30,20,18,.38)}
.hl-band-light .hl-photo-r{box-shadow:18px 18px 0 0 rgba(55,41,39,.12),0 26px 50px -18px rgba(30,20,18,.34)}
.hl-band-light .hl-photo-l{box-shadow:-18px 18px 0 0 rgba(55,41,39,.12),0 26px 50px -18px rgba(30,20,18,.34)}
.hl-syscard .hl-photo{box-shadow:none}
@media(max-width:767px){.hl-photo,.hl-photo-l{box-shadow:10px 10px 0 0 rgba(55,41,39,.12),0 18px 34px -16px rgba(30,20,18,.34)}}

/* form card: raised, copper top edge (the kit lets offer boxes carry copper) */
.hl-formcard{border-top:5px solid #FFC71A;
  box-shadow:0 2px 6px rgba(20,14,12,.12),0 40px 80px -24px rgba(20,14,12,.55) !important}

/* buttons: copper glow + lift */
.elementor-button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
a.elementor-button[style*="C2521C"],.hl-copper-btn .elementor-button{box-shadow:0 10px 22px -8px rgba(255,199,26,.55)}
.elementor-widget-button .elementor-button:hover{transform:translateY(-2px)}

/* ===== HOME HERO, OPTION A (approved by Kris 2026-09-14) ===== */
#hl-hero,.hl-heroA{position:relative;isolation:isolate;overflow:hidden}
/* Niel 2026-09-16: shadow under the proof strip. Its bottom edge IS the hero's bottom edge,
   so the hero must stop clipping it; the art layer keeps its own clip. Inner heroes unchanged. */
#hl-hero{overflow:visible;z-index:1}
#hl-hero .hl-hero-artwrap{overflow:hidden}
#hl-hero > .e-con-inner,.hl-heroA > .e-con-inner{position:static}
.hl-hero-artwrap{position:absolute !important;inset:0;z-index:0;margin:0 !important;width:auto !important;max-width:none !important}
.hl-hero-artwrap > .elementor-widget-container{height:100%}
.hl-hero-art{position:absolute;inset:0;pointer-events:none}
.hl-hero-photo{display:none}
@media(min-width:1025px){#hl-hero,.hl-heroI{background-image:none !important}
  .hl-hero-photo{display:block;position:absolute;inset:0 0 0 46%;background-position:0% 10%;background-size:cover;background-repeat:no-repeat}}
.hl-hero-art:before{content:"";position:absolute;inset:0 0 0 38%;
  background:linear-gradient(90deg,rgba(36,27,25,.55) 0%,rgba(36,27,25,0) 38%),linear-gradient(0deg,rgba(20,14,12,.55),rgba(20,14,12,0) 40%)}
.hl-hero-panel{position:absolute;inset:0 auto 0 0;width:58%;
  background:linear-gradient(160deg,#372927 0%,#241B19 70%);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.hl-hero-panel:after{content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(241,232,216,.05) 1px,transparent 1px) 0 0/46px 46px,
             linear-gradient(90deg,rgba(241,232,216,.05) 1px,transparent 1px) 0 0/46px 46px}
.hl-hero-edge{position:absolute;inset:0 auto 0 0;width:58%;background:#FFC71A;
  clip-path:polygon(99.2% 0,100% 0,78.8% 100%,78% 100%)}
.hl-hero-tag{position:absolute;left:49%;bottom:150px;z-index:1;background:rgba(20,14,12,.72);color:#fff;
  font:700 12px/1 "Open Sans",sans-serif;letter-spacing:1.4px;text-transform:uppercase;padding:10px 14px;border-left:3px solid #FFC71A}
.hl-hero-row,.hl-proof{position:relative;z-index:2}
.hl-hero-row{flex:1 1 auto}
.hl-hero-h1 .hl-h1-2{display:block;color:#F1E8D8;white-space:nowrap}
.hl-hero-lead{max-width:560px !important}
.hl-proof-cell > .elementor-widget-heading{flex:none}
.hl-proof{margin-top:44px;background:#fff;border-radius:6px 6px 0 0;
  box-shadow:0 -20px 50px -20px rgba(20,14,12,.5),0 18px 34px -14px rgba(20,14,12,.3)}
.hl-proof-cell + .hl-proof-cell{border-left:1px solid #F1E8D8}
.hl-proof-num{white-space:nowrap}
@media(max-width:1024px){
  .hl-hero-panel{width:100%;clip-path:none;opacity:.94}.hl-hero-edge,.hl-hero-tag{display:none}
  .hl-hero-h1 .hl-h1-2{white-space:normal}
  .hl-proof-cell:nth-child(3){border-left:0}.hl-proof-cell:nth-child(n+3){border-top:1px solid #F1E8D8}}
@media(max-width:767px){
  .hl-hero-panel{top:220px;opacity:1;background:linear-gradient(180deg,rgba(36,27,25,0) 0,#241B19 44px,#241B19 100%)}
  .hl-hero-panel:after{top:60px}
  .hl-hero-art:before{inset:0 0 auto 0;height:240px;background:linear-gradient(0deg,rgba(36,27,25,.9),rgba(36,27,25,0) 55%)}
  .hl-hero-tag{display:inline-block;left:18px;right:auto;top:196px;bottom:auto}
  .hl-hero-h1 .hl-h1-2{white-space:normal}
  .hl-proof{margin:36px -18px 0 !important;width:calc(100% + 36px) !important;max-width:none !important;border-radius:0}}

/* ===== INNER HERO (service, city, about, contact) in option A language ===== */
/* Kris 2026-09-14: "make the image a full background overlay", card "align to center" */
@media(min-width:1025px){
  .hl-heroI .hl-hero-photo{inset:0 !important;background-size:cover !important}
  .hl-heroI .hl-hero-edge{display:none}
  .hl-heroI .hl-hero-panel{width:100%;clip-path:none;
    background:linear-gradient(90deg,rgba(36,27,25,.95) 0%,rgba(36,27,25,.88) 42%,rgba(36,27,25,.62) 72%,rgba(36,27,25,.5) 100%)}
  .hl-heroI .hl-hero-panel:after{opacity:.8}
  .hl-heroI .hl-hero-art:before{inset:0;z-index:1;background:linear-gradient(0deg,rgba(20,14,12,.45),rgba(20,14,12,0) 45%)}
  .hl-heroI .hl-hero-row{align-items:center !important}}
.hl-heroI-h1 .hl-h1-sub{display:block;margin-top:10px;font-size:.52em;line-height:1.02;color:#F1E8D8;letter-spacing:.3px}
.hl-crumbs{font:600 13px/1.3 "Open Sans",sans-serif;color:#EFE4D2;letter-spacing:.3px}
.hl-crumbs a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.hl-crumbs a:hover{border-bottom-color:#fff}
.hl-crumbs span[aria-hidden]{margin:0 8px;color:#EFE4D2}
.hl-chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hl-chips li{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(241,232,216,.3);
  background:rgba(255,255,255,.06);border-radius:3px;color:#fff;font-weight:600;font-size:13.5px}
.hl-chips span{color:#F1E8D8;font-weight:700}
/* evaluation card with the proof points (Kris 2026-09-14) */
.hl-heroI-card{flex:none !important;width:360px !important;max-width:360px !important;margin-bottom:6px;overflow:hidden;
  border-top:5px solid #FFC71A;box-shadow:0 2px 6px rgba(20,14,12,.14),0 36px 70px -22px rgba(20,14,12,.65)}
.hl-ec-head{display:flex;align-items:center;gap:10px;padding:24px 28px 0;font:700 12px/1 "Open Sans",sans-serif;
  letter-spacing:2px;text-transform:uppercase;color:#5F5552}
.hl-ec-dot{width:8px;height:8px;border-radius:50%;background:#FFC71A;box-shadow:0 0 0 4px rgba(255,199,26,.18)}
.hl-ec-phone{display:block;padding:10px 28px 0;font:800 25px/1.15 "Open Sans",sans-serif;letter-spacing:.6px;color:#372927 !important;text-decoration:none}
.hl-ec-phone:hover{color:#7A5200 !important}
.hl-ec-sub{padding:4px 28px 20px;font:500 14px/1.4 "Open Sans",sans-serif;color:#5F5552;border-bottom:1px solid #F1E8D8}
.hl-ec-list{list-style:none;margin:0;padding:18px 28px 6px;background:#FAF6EF}
.hl-ec-list li{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 14.5px/1.3 "Open Sans",sans-serif;color:#221A18}
.hl-ec-tick{flex:none;width:24px;height:24px;border-radius:50%;background:#372927;color:#fff;font-size:12px;font-weight:700;
  display:grid;place-items:center}
.hl-ec-cta{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#FAF6EF;
  border-top:1px solid #F1E8D8;font:700 13px/1 "Open Sans",sans-serif;letter-spacing:1px;text-transform:uppercase;
  color:#372927 !important;text-decoration:none}
.hl-ec-cta span{transition:transform .2s ease}.hl-ec-cta:hover span{transform:translateX(4px)}
@media(max-width:1024px){.hl-heroI-card{width:100% !important;max-width:480px !important;margin-top:30px}}
@media(max-width:767px){.hl-heroI-card{max-width:none !important}.hl-ec-phone{font-size:36px}}
@media(max-width:767px){.hl-heroI .hl-hero-art:before{display:none}.hl-heroI .hl-hero-panel{top:150px;background:linear-gradient(180deg,rgba(36,27,25,0) 0,rgba(36,27,25,.55) 60px,#241B19 124px,#241B19 100%)}.hl-chips li{font-size:12.5px;padding:8px 10px}}

/* ===== PROCESS TIMELINE (Kris 2026-09-14 "this looks boring") ===== */
.hl-tl-left{position:relative}
.hl-tl-left > .hl-tl-photo{flex:1 1 auto !important;min-height:260px !important;margin-top:10px}
.hl-tl-step{position:relative}
.hl-tl-mark{flex:none !important;width:66px !important;max-width:66px !important;position:relative;align-self:stretch}
.hl-tl-num{position:relative;z-index:1;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  font:800 20px/1.15 "Open Sans",sans-serif;padding-top:4px;letter-spacing:.5px}
.hl-tl-step:not(:last-child) .hl-tl-mark:after{content:"";position:absolute;left:32px;
  top:74px;bottom:-26px;width:2px;border-radius:2px;z-index:0}
.hl-tl-body{flex:1 1 auto !important;min-width:0;border-radius:6px;transition:transform .22s ease,box-shadow .22s ease}
.hl-tl-step:hover .hl-tl-body{transform:translateX(4px)}
.hl-tl-dark .hl-tl-num{background:#fff;color:#372927;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 14px 30px -10px rgba(0,0,0,.5)}
.hl-tl-dark .hl-tl-mark:after{background:linear-gradient(rgba(241,232,216,.55),rgba(241,232,216,.12))}
.hl-tl-dark .hl-tl-body{background:rgba(255,255,255,.055);border:1px solid rgba(241,232,216,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 40px -26px rgba(0,0,0,.6)}
.hl-tl-dark .hl-tl-lead{color:#fff}
.hl-tl-light .hl-tl-num{background:#372927;color:#fff;box-shadow:0 0 0 8px rgba(55,41,39,.08),0 14px 30px -12px rgba(30,20,18,.45)}
.hl-tl-light .hl-tl-mark:after{background:linear-gradient(rgba(55,41,39,.45),rgba(55,41,39,.08))}
.hl-tl-light .hl-tl-body{background:#fff;border:1px solid rgba(55,41,39,.1);
  box-shadow:0 1px 2px rgba(30,20,18,.05),0 14px 32px -14px rgba(30,20,18,.22)}
.hl-tl-light .hl-tl-lead{color:#372927}
@media(max-width:767px){.hl-tl-mark{width:52px !important;max-width:52px !important}
  .hl-tl-num{width:52px;height:52px;font-size:26px}
  .hl-tl-step:not(:last-child) .hl-tl-mark:after{left:25px;top:60px}}
@media (prefers-reduced-motion:reduce){.hl-tl-body{transition:none}.hl-tl-step:hover .hl-tl-body{transform:none}}

/* ===== ABOUT v2 (Kris 2026-09-14 "add more background image") ===== */
.hl-band-wash::after{background:repeating-linear-gradient(135deg,rgba(55,41,39,.022) 0 2px,transparent 2px 22px) !important}
.hl-ab-pills{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hl-ab-pills li{padding:9px 14px;border:1px solid rgba(241,232,216,.32);background:rgba(255,255,255,.07);
  border-radius:999px;color:#fff;font-weight:600;font-size:13.5px}
.hl-ab-biocard{border-top:5px solid #FFC71A !important;box-shadow:0 2px 6px rgba(20,14,12,.14),0 40px 80px -26px rgba(0,0,0,.6) !important}
.hl-ab-biocard:hover{transform:none !important}
.hl-collage{position:relative;padding:0 0 60px 0 !important}
.hl-collage-main{width:86% !important;margin-left:auto;box-shadow:0 30px 60px -24px rgba(30,20,18,.45)}
.hl-collage-inset{position:absolute !important;left:0;bottom:0;width:48% !important;border:7px solid #fff;
  box-shadow:0 30px 60px -20px rgba(30,20,18,.5)}
.hl-collage > .elementor-widget-html{position:absolute !important;right:-10px;top:28px;width:auto !important}
.hl-collage-badge{background:#372927;color:#fff;border-radius:6px;padding:16px 20px;border-left:5px solid #FFC71A;
  box-shadow:0 20px 40px -16px rgba(20,14,12,.55)}
.hl-collage-badge b{display:block;font:800 25px/1.15 "Open Sans",sans-serif;letter-spacing:.5px}
.hl-collage-badge span{font:600 12px/1.3 "Open Sans",sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#F1E8D8}
@media(max-width:767px){.hl-collage{padding-bottom:40px !important}.hl-collage-main{width:92% !important}
  .hl-collage-inset{width:56% !important;border-width:5px}.hl-collage > .elementor-widget-html{right:0;top:14px}
  .hl-collage-badge b{font-size:32px}}
.hl-ab-quote{margin:0;position:relative;padding:40px 36px 34px;border-radius:6px;background:rgba(255,255,255,.06);
  border:1px solid rgba(241,232,216,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 50px -30px rgba(0,0,0,.6)}
.hl-ab-qmark{position:absolute;left:28px;top:-34px;font:800 81px/1.15 "Open Sans",sans-serif;color:#F1E8D8;opacity:.9}
.hl-ab-quote blockquote{margin:0;font:800 22px/1.15 "Open Sans",sans-serif;color:#fff;letter-spacing:.3px;text-transform:uppercase}
.hl-ab-quote figcaption{margin-top:18px;font:700 12px/1 "Open Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;color:#F1E8D8}
.hl-ab-mvp{height:100%}
/* Who We Are v3 */
.hl-ab-left{position:relative;display:flex !important;flex-direction:column !important}
.hl-ab-tallphoto{width:100% !important;flex:1 1 auto !important}
.hl-ab-photo2{width:100% !important;flex:none !important;margin-top:28px !important;box-shadow:0 26px 50px -22px rgba(30,20,18,.4)}
.hl-ab-callcard{position:relative !important;z-index:2;align-self:flex-end;margin:-70px -28px 0 0 !important;width:auto !important;max-width:340px;
  border-top:5px solid #FFC71A !important;box-shadow:0 2px 6px rgba(20,14,12,.14),0 30px 60px -22px rgba(20,14,12,.55) !important}
.hl-ab-lead p{color:#372927 !important;font-weight:500}
.hl-ab-how{background:#FAF6EF;border-left:5px solid #372927;border-radius:0 6px 6px 0}
.hl-ab-close p{color:#372927 !important;font-weight:600;font-family:"Open Sans",sans-serif !important;font-size:26px !important;
  line-height:1.15 !important;letter-spacing:.2px}
.hl-ab-pills-light li{border-color:rgba(55,41,39,.22) !important;background:#fff !important;color:#372927 !important}
@media(max-width:1024px){.hl-ab-callcard{margin-right:16px !important}.hl-ab-photo2{display:none !important}}
@media(max-width:767px){.hl-ab-callcard{align-self:stretch;margin:-50px 16px 0 !important;max-width:none}
  .hl-ab-close p{font-size:22px !important}}
@media(max-width:1024px){.hl-ab-mvp{height:auto}}
.hl-ab-chip{background:rgba(255,255,255,.05);transition:background .2s ease}
.hl-ab-chip:hover{background:rgba(255,255,255,.1)}
.hl-ab-vnum{font:800 40px/1.15 "Open Sans",sans-serif;color:rgba(55,41,39,.16);margin:-6px 0 -4px}
.hl-ab-creds{list-style:none;margin:10px 0 0;padding:22px 30px;display:flex;flex-wrap:wrap;justify-content:space-around;gap:14px 30px;
  background:#372927;border-radius:6px;box-shadow:0 26px 50px -24px rgba(30,20,18,.55)}
.hl-ab-creds li{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}
.hl-ab-creds span{flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:#372927;display:grid;place-items:center;font-size:13px;font-weight:700}

/* ===== CONTACT v2 (Kris 2026-09-14) ===== */
.hl-ct-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid rgba(55,41,39,.1);border-radius:6px;
  box-shadow:0 1px 2px rgba(30,20,18,.05),0 14px 32px -16px rgba(30,20,18,.22)}
.hl-ct-row{display:flex;gap:18px;align-items:flex-start;padding:20px 24px}
.hl-ct-row + .hl-ct-row{border-top:1px solid #F1E8D8}
.hl-ct-ico{flex:none;width:46px;height:46px;border-radius:50%;background:#372927;color:#fff;display:grid;place-items:center}
.hl-ct-row:first-child .hl-ct-ico{background:#FFC71A;color:#372927}
.hl-ct-txt small{display:block;font:700 12px/1.2 "Open Sans",sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#5F5552;margin:3px 0 5px}
.hl-ct-txt > span{font:500 16.5px/1.55 "Open Sans",sans-serif;color:#221A18}
.hl-ct-big{font:800 21px/1.15 "Open Sans",sans-serif !important;color:#372927 !important;text-decoration:none;letter-spacing:.5px}
.hl-ct-map{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 26px 50px -24px rgba(30,20,18,.45)}
.hl-ct-map iframe{display:block;border:0;width:100%;height:300px}
.hl-ct-dir{position:absolute;left:14px;bottom:14px;background:#372927;color:#fff !important;text-decoration:none;
  font:700 12.5px/1 "Open Sans",sans-serif;letter-spacing:1px;text-transform:uppercase;padding:12px 16px;border-radius:3px;
  box-shadow:0 10px 24px -8px rgba(20,14,12,.5)}
.hl-ct-dir:hover{background:#241B19}
.hl-ct-formcard{height:100%;background:#fff;border-radius:6px;overflow:hidden;border:1px solid rgba(55,41,39,.1);
  box-shadow:0 2px 6px rgba(20,14,12,.08),0 40px 80px -30px rgba(20,14,12,.4)}
.hl-ct-formcard > .elementor-widget-form{padding:28px 34px 34px}
.hl-ct-formhead{background:#372927;padding:30px 34px 26px;border-top:5px solid #FFC71A;position:relative}
.hl-ct-formhead h2{margin:0 0 6px;font:800 24px/1.15 "Open Sans",sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.3px}
.hl-ct-formhead p{margin:0;color:#EFE4D2;font:500 16px/1.5 "Open Sans",sans-serif}
.hl-ct-formhead a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.hl-ct-formhead .hl-ec-dot{display:none}
.hl-ct-formcard .elementor-field-textual{min-height:54px}
.hl-ct-formcard textarea.elementor-field-textual{min-height:150px}
.hl-ct-formcard{display:flex !important;flex-direction:column !important}
.hl-ct-formcard > .hl-ns-wrap,.hl-ct-formcard > .elementor-widget-html:last-child{margin-top:auto !important}
.hl-ns{margin:0 34px 34px;padding:22px 24px;background:#FAF6EF;border-radius:6px;border-left:4px solid #372927}
.hl-ns small{display:block;font:700 12px/1 "Open Sans",sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#5F5552;margin-bottom:14px}
.hl-ns ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hl-ns li{display:flex;gap:12px;align-items:center;font:600 16px/1.35 "Open Sans",sans-serif;color:#221A18}
.hl-ns-n{flex:none;width:28px;height:28px;border-radius:50%;background:#372927;color:#fff;display:grid;place-items:center;
  font:800 11px/1.15 "Open Sans",sans-serif;padding-top:2px}
@media(max-width:767px){.hl-ns{margin:0 20px 24px;padding:18px}}
.hl-ql{display:flex;flex-direction:column;gap:12px;height:100%;padding:30px 28px;background:#fff;border-radius:6px;
  border:1px solid rgba(55,41,39,.1);text-decoration:none !important;
  box-shadow:0 1px 2px rgba(30,20,18,.05),0 12px 28px -14px rgba(30,20,18,.2);transition:transform .2s ease,box-shadow .2s ease}
.hl-ql:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(30,20,18,.06),0 22px 44px -16px rgba(30,20,18,.3)}
.hl-ql-ico{width:54px;height:54px;border-radius:12px;background:#F1E8D8;color:#372927;display:grid;place-items:center;transition:all .2s ease}
.hl-ql:hover .hl-ql-ico{background:#372927;color:#fff}
.hl-ql-q{font:800 16px/1.15 "Open Sans",sans-serif;color:#372927;text-transform:uppercase;letter-spacing:.2px}
.hl-ql-l{margin-top:auto;font:700 13px/1.3 "Open Sans",sans-serif;letter-spacing:1px;text-transform:uppercase;color:#7A5200}
@media(max-width:767px){.hl-ct-row{padding:16px 18px;gap:14px}.hl-ct-ico{width:40px;height:40px}
  .hl-ct-formhead{padding:24px 22px 20px}.hl-ct-formhead h2{font-size:32px}.hl-ct-formcard > .elementor-widget-form{padding:22px 20px 26px}
  .hl-ct-big{font-size:30px !important}}

/* home: trust bar lifts out of the hero as a raised strip (no longer used on home) */
#hl-trust{margin-top:-58px;z-index:5;background:transparent !important;padding-top:0 !important}
#hl-trust::after{display:none}
#hl-trust > .e-con-inner{background:#FFFFFF;border-radius:6px;padding:22px 34px;
  box-shadow:0 2px 6px rgba(20,14,12,.1),0 30px 60px -22px rgba(20,14,12,.45);border-bottom:4px solid #372927}
@media(max-width:767px){#hl-trust{margin-top:-36px}#hl-trust > .e-con-inner{padding:18px 18px}}

/* inner-page hero: floating evaluation card over the photo corner */
.hl-herophoto{position:relative}
.hl-float{position:absolute !important;left:-34px;bottom:-30px;z-index:3;width:auto !important;
  max-width:300px;box-shadow:0 2px 6px rgba(20,14,12,.12),0 28px 56px -18px rgba(20,14,12,.5)}
@media(max-width:1024px){.hl-float{left:16px;bottom:-24px}}

/* steps on navy: glass panels */
.hl-glass{background:rgba(255,255,255,.055);border:1px solid rgba(241,232,216,.16);border-radius:6px;
  padding:30px 28px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 40px -26px rgba(0,0,0,.6);
  backdrop-filter:blur(2px)}
.hl-band-light .hl-glass{background:#FFFFFF;border:1px solid rgba(55,41,39,.08);
  box-shadow:0 1px 2px rgba(30,20,18,.06),0 14px 32px -12px rgba(30,20,18,.18)}

/* big faint numeral behind section kickers on light bands */
.hl-watermark{position:absolute;right:-8px;top:-40px;font:800 136px/1.15 "Open Sans",sans-serif;
  color:rgba(55,41,39,.045);pointer-events:none;user-select:none;z-index:0}

/* footer depth */
#hl-footer{background:linear-gradient(180deg,#372927 0%,#241B19 100%) !important}
#hl-prefooter{box-shadow:inset 0 10px 24px -18px rgba(30,20,18,.25)}
@media (prefers-reduced-motion:reduce){.hl-card,.elementor-button{transition:none}
  .hl-card:hover,.elementor-widget-button .elementor-button:hover{transform:none}}

/* ===== DOUBLE H additions (2026-09-25) ===== */
/* dark header: submenu and mobile dropdown are white panels with roast text */
#hl-header .elementor-nav-menu--main .elementor-item{color:#fff}
#hl-nav .elementor-nav-menu--dropdown{border-top:3px solid #FFC71A !important}
#hl-header.elementor-sticky--effects{box-shadow:0 6px 24px rgba(20,14,12,.35)}
:root{--hl-hdr-h:71px}
@media(max-width:767px){:root{--hl-hdr-h:65px}}
/* reviews */
.dh-stars{display:inline-block;background:#372927;color:#FFC71A;padding:4px 9px 3px;border-radius:3px;
  font-size:15px;letter-spacing:3px;line-height:1.2}
.dh-rev{margin:0;height:100%;display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:6px;
  padding:28px 28px 24px;border-top:5px solid #FFC71A;
  box-shadow:0 1px 2px rgba(30,20,18,.06),0 14px 34px -12px rgba(30,20,18,.22)}
.dh-rev-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dh-rev-src{font:700 11.5px/1 "Open Sans",sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#5F5552}
.dh-rev blockquote{margin:0;flex:1 1 auto}
.dh-rev blockquote p{margin:0 0 10px;font:400 16px/1.7 "Open Sans",sans-serif;color:#221A18}
.dh-rev blockquote p:last-child{margin:0}
.dh-rev figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid #F1E8D8;padding-top:14px}
.dh-rev cite{font:700 15px/1.3 "Open Sans",sans-serif;font-style:normal;color:#372927}
.dh-rev figcaption span{font:500 13px/1.3 "Open Sans",sans-serif;color:#5F5552;white-space:nowrap}
.dh-rev-kick{font:700 12px/1 "Open Sans",sans-serif;letter-spacing:2px;text-transform:uppercase;color:#7A5200}
.dh-rev-title{margin:-4px 0 2px;font:800 17px/1.15 "Open Sans",sans-serif;text-transform:uppercase;color:#372927;letter-spacing:.2px}
.dh-rev-lg blockquote p{font-size:18px;line-height:1.7}
.dh-revgrid > .elementor-widget-html{height:100%}
.dh-revside > .elementor-widget-html{flex:1 1 auto}
#hl-nav .elementor-nav-menu--main > .elementor-nav-menu{flex-wrap:nowrap}
#hl-nav .elementor-nav-menu--main .elementor-item{white-space:nowrap}
.dh-revgrid > .elementor-widget-html > .elementor-widget-container{height:100%}
.dh-masonry{columns:3 320px;column-gap:24px}
.dh-masonry .dh-rev{break-inside:avoid;margin:0 0 24px;height:auto}
.dh-masonry-2{columns:2 380px}
.dh-blog-empty{background:#fff;padding:28px 30px;border-radius:6px;border-left:5px solid #FFC71A;
  box-shadow:0 14px 34px -12px rgba(30,20,18,.22)}
.dh-blog-empty p{margin:0;font:400 17px/1.65 "Open Sans",sans-serif;color:#221A18}
.dh-blog-empty a{color:#7A5200;font-weight:700}
.dh-blog:has(.elementor-post) .dh-blog-empty{display:none}
.dh-revsum{display:flex;align-items:center;gap:22px;background:#372927;border-radius:6px;padding:26px 30px;
  border-left:6px solid #FFC71A;box-shadow:0 24px 50px -24px rgba(20,14,12,.55)}
.dh-revsum-num{font:800 52px/1.15 "Open Sans",sans-serif;color:#fff;padding-top:8px}
.dh-revsum p{margin:10px 0 0;font:600 15px/1.3 "Open Sans",sans-serif;color:#EFE4D2;letter-spacing:.4px}
.dh-revsum .dh-stars{background:#FFC71A;color:#372927;font-size:20px}
/* blog posts widget */
.dh-posts .elementor-post__title,.dh-posts .elementor-post__title a{color:#372927 !important;font-family:"Open Sans",sans-serif !important;font-weight:700}
.dh-posts .elementor-post__read-more{color:#7A5200 !important;font-weight:700}
.dh-posts .elementor-post__excerpt p{font-size:16px !important;line-height:1.6;color:#4a4a4a}
.dh-posts .elementor-post-date{color:#5F5552 !important}
.dh-hposts .elementor-post__card{background:#fff}
.dh-hfeat .elementor-post__title{font-size:24px !important;line-height:1.25}
.dh-hrest .elementor-post__title{font-size:18px !important;line-height:1.3}
.dh-hrest .elementor-posts-container{row-gap:24px !important}
.dh-single .elementor-widget-theme-post-content li{font-size:17px;line-height:1.75;margin-bottom:6px}
.dh-single .elementor-widget-theme-post-content h2{font-family:"Open Sans",sans-serif;font-weight:700;color:#372927;font-size:28px;margin:34px 0 12px}
.dh-single .elementor-widget-theme-post-content a{color:#7A5200;font-weight:600}
.dh-posts .elementor-post__card{border-radius:6px;border-top:5px solid #FFC71A;box-shadow:0 14px 34px -12px rgba(30,20,18,.22)}
.dh-posts .elementor-posts-nothing-found{font:500 17px/1.6 "Open Sans",sans-serif;color:#221A18;background:#fff;
  padding:28px 30px;border-radius:6px;border-left:5px solid #FFC71A}
/* badges sit on white plates in the dark footer and the proof strip */
.hl-proof-cell .elementor-widget-image img{max-height:48px;width:auto;object-fit:contain}
@media(max-width:767px){.hl-proof-cell .e-con{flex-wrap:nowrap !important;gap:6px !important}
  .hl-proof-cell .elementor-widget-image{--container-widget-width:40px !important;width:40px !important;max-width:40px !important;padding:3px !important}}

/* ===== OLD SITE REPLICA (Kris 2026-09-25) ===== */
.oh-sec{font-family:"Open Sans",sans-serif}
.oh-kick{display:flex;align-items:center;gap:12px;font:600 12.5px/1 "Open Sans",sans-serif;letter-spacing:2px;text-transform:uppercase}
.oh-kick span{width:9px;height:9px;background:#FFC71A;display:inline-block}
.oh-btn .elementor-button{box-shadow:none !important}
/* top strip: yellow bar with a white notch holding the phone */
.oh-topwrap{margin:0 !important}.oh-top{background:#FFC71A;height:30px}
.oh-top-in{max-width:1140px;margin:0 auto;height:30px;position:relative}
.oh-top-ph{position:absolute;left:0;top:0;height:30px;display:flex;align-items:center;gap:8px;padding:0 60px 0 40px;background:#fff;color:#372927 !important;
  font:600 13px/1 "Open Sans",sans-serif;letter-spacing:1.5px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,26px 100%)}
#hl-header .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFC71A !important}
/* hero */
.oh-h1 .elementor-heading-title{letter-spacing:.3px}
.oh-callnow{display:inline-flex;align-items:center;gap:14px;text-decoration:none;margin-top:6px}
.oh-callico{width:38px;height:38px;border-radius:50%;background:#FFC71A;color:#372927;display:grid;place-items:center}
.oh-callnow small{display:block;color:#fff;font:600 14px/1.3 "Open Sans",sans-serif}.oh-callnow b{color:#FFC71A;font:700 20px/1.2 "Open Sans",sans-serif}
.oh-heroform{background:rgba(55,41,39,.88) !important;border-top:0 !important;border-radius:6px !important;box-shadow:none !important}
.oh-heroform .elementor-heading-title{color:#fff !important;font-family:"Open Sans",sans-serif !important;text-transform:none !important;font-size:22px !important;text-align:center}
.oh-heroform .elementor-field-textual{background:transparent !important;border:1px solid rgba(255,255,255,.55) !important;color:#fff !important;min-height:40px !important;border-radius:2px !important}
.oh-heroform .elementor-field-textual::placeholder{color:#e8e0d8 !important}
.oh-heroform .elementor-button{width:auto !important;min-height:34px !important;padding:8px 22px !important;margin-left:auto;letter-spacing:2px}
.oh-heroform .e-form__buttons{justify-content:flex-end}
/* value */
.oh-vpics{position:relative;padding:0 60px 60px 0 !important}
.oh-v-main img{width:100%;height:440px;object-fit:cover}
.oh-v-inset{position:absolute !important;right:0;bottom:0;width:48% !important}
.oh-v-inset img{height:260px;object-fit:cover;border:3px solid #FFC71A;border-radius:16px}
.oh-badgebar{position:relative;padding:22px 30px !important;justify-content:flex-start}
.oh-badgebar:before{content:"";position:absolute;inset:0;background:#dcdcdc;clip-path:polygon(0 0,50% 0,50% 100%,0 100%,6% 50%);z-index:-1}
.oh-badgebar:after{content:"";position:absolute;inset:0;background:#dcdcdc;clip-path:polygon(50% 0,94% 0,100% 50%,94% 100%,50% 100%);z-index:-1}
.oh-badge{width:auto !important}.oh-badge img{height:90px;width:auto}
/* dark bands with the old dot texture */
.oh-dark{background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) !important;background-size:6px 6px !important}
.oh-card{border:1px solid #FFC71A;border-radius:4px}
.oh-card-img img{width:100%;height:150px;object-fit:cover}
.oh-card .elementor-heading-title a{color:#FFC71A !important}
/* protect: yellow triangles on the left */
.oh-protect{position:relative;overflow:hidden}
.oh-protect:before{content:"";position:absolute;left:0;top:0;bottom:0;width:260px;background:#FFC71A;clip-path:polygon(0 0,58% 0,17% 100%,0 100%)}
.oh-protect:after{content:"";position:absolute;left:10%;bottom:0;width:190px;height:62%;background:#FFC71A;clip-path:polygon(50% 0,100% 100%,0 100%)}
.oh-protect > .e-con-inner{position:relative;z-index:1}
.oh-framed img{border:2px solid #FFC71A;border-radius:8px;width:100%;height:360px;object-fit:cover}
.oh-why .oh-framed img{height:420px}
.oh-yellowbox{box-shadow:0 12px 24px -8px rgba(0,0,0,.3)}
/* what set us apart: faint house mark behind */
.oh-apart{position:relative;overflow:hidden}
.oh-apart:before{content:"";position:absolute;left:50%;top:50%;width:520px;height:88%;transform:translate(-50%,-50%);
  background:url("https://doublehroofing.com/wp-content/uploads/2026/09/logo-mark-roast.png") center/contain no-repeat;opacity:.06}
.oh-apart-ico img{width:64px;height:64px}
.oh-proj img{width:100%;height:160px;object-fit:cover}
/* FAQ in the old brown/yellow bars */
.oh-faq .elementor-accordion-item{border:0 !important;margin-bottom:14px}
.oh-faq .elementor-tab-title{background:#372927;border:0 !important;padding:14px 16px !important}
.oh-faq .elementor-tab-title .elementor-accordion-title{color:#fff !important;font:700 14px/1.3 "Open Sans",sans-serif !important}
.oh-faq .elementor-accordion-icon{color:#FFC71A !important}
.oh-faq .elementor-tab-title.elementor-active{background:#FFC71A}
.oh-faq .elementor-tab-title.elementor-active .elementor-accordion-title,.oh-faq .elementor-tab-title.elementor-active .elementor-accordion-icon{color:#372927 !important}
.oh-faq .elementor-tab-content{background:#FFC71A;border:0 !important;color:#372927;font:400 16px/1.7 "Open Sans",sans-serif;padding:0 16px 14px !important}
/* reviews like the old widget, real ones */
.oh-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.oh-rev{background:#F3F3F3;border-radius:4px;padding:14px 14px 12px;font-family:"Open Sans",sans-serif}
.oh-rev-top{display:flex;align-items:center;gap:10px}.oh-rev-top b{display:block;font-size:13px;color:#222}.oh-rev-top small{font-size:11px;color:#777}
.oh-av{width:30px;height:30px;border-radius:50%;background:#372927;color:#FFC71A;display:grid;place-items:center;font-weight:700;font-size:14px}
.oh-g{margin-left:auto;font:700 14px/1 Arial;color:#4285F4}
.oh-stars{color:#E9AF00;letter-spacing:2px;margin:8px 0 6px}
.oh-rev p{margin:0;font-size:16px;line-height:1.6;color:#333;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.oh-brand{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:14px}.oh-brand img{height:120px;width:100%;object-fit:contain}
/* pre-footer */
.oh-readybox img{height:220px;width:100%;object-fit:cover}
.oh-choose{background:#fff;border-radius:6px;display:flex;align-items:center;gap:30px;padding:26px 30px;position:relative;overflow:hidden}
.oh-choose b{font:700 22px/1.1 "Open Sans",sans-serif;color:#372927;max-width:280px;position:relative;z-index:1}
.oh-chev{position:absolute;right:0;top:0;bottom:0;width:62%;background:
  linear-gradient(115deg,transparent 0 12%,#FFC71A 12% 20%,transparent 20% 26%,#FFC71A 26% 34%,transparent 34% 40%,#FFC71A 40% 100%)}
.oh-choose a{margin-left:auto;position:relative;z-index:1;font:800 26px/1 "Open Sans",sans-serif;color:#fff !important;text-shadow:0 2px 6px rgba(0,0,0,.35)}
/* footer */
.oh-footer{position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) !important;background-size:6px 6px !important}
.oh-footer:before{content:"";position:absolute;left:auto !important;right:0;top:0;bottom:0;width:260px;background:#FFC71A;clip-path:polygon(35% 0,100% 0,100% 100%,15% 100%,62% 45%,0 0)}
.oh-footer > .e-con-inner{position:relative;z-index:1}
.oh-foot{display:grid;grid-template-columns:1.1fr .7fr 1.9fr 1.1fr;gap:30px;font:400 13px/1.7 "Open Sans",sans-serif;color:#fff}
.oh-foot h4{margin:0 0 14px;font:700 14px/1 "Open Sans",sans-serif;color:#fff;text-transform:uppercase}
.oh-foot ul{list-style:none;margin:0;padding:0}.oh-foot li{margin:0 0 9px;padding-left:16px;position:relative;text-transform:uppercase;font-size:12px}
.oh-foot li:before{content:"›";position:absolute;left:0;top:-3px;color:#FFC71A;font-size:18px}
.oh-foot a{color:#fff !important;text-decoration:none}.oh-foot a:hover{color:#FFC71A !important}
.oh-2col{columns:2;column-gap:24px}.oh-touch li{text-transform:none;font-size:13.5px}
.oh-areas{margin-top:22px;font:400 12.5px/1.6 "Open Sans",sans-serif;color:#e8dccc}.oh-areas a{color:#fff !important}
.oh-copy{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25);font:400 12px/1.5 "Open Sans",sans-serif;color:#e8dccc}
.oh-copy a{color:#FFC71A !important}
.oh-copy > a{background:#372927;padding:5px 10px;border-radius:3px;position:relative;z-index:2}
.oh-popform{border-top:6px solid #FFC71A !important}
.oh-popform .elementor-heading-title{font-family:"Open Sans",sans-serif !important;text-transform:none !important;font-size:26px !important;font-weight:700 !important}
@media(max-width:1024px){.oh-revs{grid-template-columns:1fr 1fr}.oh-foot{grid-template-columns:1fr 1fr}.oh-footer:before{width:120px;opacity:.9}}
@media(max-width:767px){.oh-vpics{padding:0 30px 40px 0 !important}.oh-v-main img{height:300px}.oh-v-inset img{height:170px}
  .oh-badgebar{flex-wrap:wrap}.oh-badge img{height:64px}.oh-protect:before,.oh-protect:after{opacity:.35}
  .oh-framed img,.oh-why .oh-framed img{height:240px}.oh-revs{grid-template-columns:1fr}.oh-foot{grid-template-columns:1fr}
  .oh-2col{columns:1}.oh-footer:before{display:none}.oh-choose{flex-direction:column;align-items:flex-start;gap:14px}.oh-chev{width:100%;opacity:.35}
  .oh-choose a{margin-left:0;color:#372927 !important;text-shadow:none}.oh-proj img{height:120px}.oh-brand img{height:80px}}

.oh-h1-sub{display:block;font-size:.6em;margin-top:6px;color:#FFE9B5}
.oh-herosub .hl-crumbs a{color:#fff}
/* trust bar v2 (Kris 2026-09-25) */
.oh-trustbar{position:relative;clip-path:polygon(0 0,calc(100% - 60px) 0,100% 50%,calc(100% - 60px) 100%,0 100%);
  border-left:8px solid #FFC71A;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) !important;background-size:6px 6px !important}
.oh-trustbar:after{content:"";position:absolute;right:26px;top:0;bottom:0;width:36px;background:#FFC71A;
  clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,60% 50%)}
.oh-tb-tile{background:#fff;border-radius:8px;min-height:150px;box-shadow:0 10px 24px -12px rgba(0,0,0,.6);border-bottom:4px solid #FFC71A}
.oh-tb-logo img{height:72px;width:auto;max-width:100%;object-fit:contain}
.oh-tb-cap .elementor-heading-title{line-height:1.3 !important}
.oh-tb-num .elementor-heading-title{line-height:1 !important}.oh-tb-star{color:#E9AF00;font-size:.7em;margin-left:4px;vertical-align:.18em}
@media(max-width:1024px){.oh-trustbar{clip-path:none;padding-right:30px !important}.oh-trustbar:after{display:none}}
@media(max-width:767px){.oh-tb-tile{min-height:130px}.oh-tb-logo img{height:58px}}

/* story spread (Kris 2026-09-25 "be creative, avoid AI look") */
.oh-story{background-image:radial-gradient(rgba(55,41,39,.06) 1px,transparent 1px) !important;background-size:7px 7px !important}
.oh-st-photos{position:relative;padding:0 70px 90px 0 !important}
.oh-st-main img{width:100%;height:430px;object-fit:cover;box-shadow:16px 16px 0 #FFC71A;transform:rotate(-1.2deg)}
.oh-st-inset{position:absolute !important;right:0;bottom:0;width:52% !important;z-index:2}
.oh-st-inset img{height:230px;object-fit:cover;border:8px solid #fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transform:rotate(2deg)}
.oh-st-photos > .elementor-widget-html{position:absolute !important;left:-26px;bottom:34px;z-index:3;width:auto !important}
.oh-stamp{position:relative;width:150px;height:150px;border-radius:50%;background:#372927;color:#FFE9B5;display:grid;place-items:center;
  transform:rotate(-12deg);box-shadow:0 0 0 5px #FBF3E0,0 0 0 7px #372927,0 18px 30px -12px rgba(0,0,0,.5)}
.oh-stamp svg{position:absolute;inset:0;width:100%;height:100%;fill:#FFC71A;font:700 13px "Open Sans",sans-serif;letter-spacing:2.2px}
.oh-stamp img{width:62px;height:auto;position:relative}
.oh-st-h2 .elementor-heading-title{letter-spacing:-.5px;line-height:1.08 !important;position:relative;padding-bottom:14px}
.oh-st-h2 .elementor-heading-title:after{content:"";position:absolute;left:0;bottom:0;width:70px;height:4px;background:#FFC71A}
.oh-st-pills{list-style:none;margin:2px 0 4px;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.oh-st-pills li{font:800 12.5px/1 "Open Sans",sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#372927;padding:10px 14px;
  border:2px solid #372927;border-radius:3px;background:#FFC71A;box-shadow:3px 3px 0 #372927}
.oh-mani .e-con-inner{position:relative}
.oh-manifesto{margin:0;position:relative;padding-left:90px}
.oh-manifesto span{position:absolute;left:0;top:-30px;font:800 150px/1 Georgia,serif;color:#FFC71A}
.oh-manifesto blockquote{margin:0;font:700 38px/1.2 "Open Sans",sans-serif;color:#fff;letter-spacing:-.8px;max-width:900px}
.oh-manifesto figcaption{margin-top:16px;font:700 13px "Open Sans";letter-spacing:2.5px;text-transform:uppercase;color:#FFC71A}
.oh-why2{border-top:1px solid rgba(55,41,39,.12)}
.oh-ledger{border-top:3px solid #372927;padding-top:26px !important}
.oh-led-col{position:relative;padding-top:4px !important}
.oh-led-col + .oh-led-col{border-left:1px dashed rgba(55,41,39,.35);padding-left:28px !important}
.oh-led-n{font:800 64px/1 "Open Sans",sans-serif;color:transparent;-webkit-text-stroke:2px #372927;letter-spacing:-2px}
@media(max-width:767px){.oh-st-photos{padding:0 26px 70px 0 !important}.oh-st-main img{height:280px;box-shadow:10px 10px 0 #FFC71A}
  .oh-st-inset img{height:150px}.oh-st-photos > .elementor-widget-html{left:-6px;bottom:18px}.oh-stamp{width:110px;height:110px}
  .oh-stamp svg{font-size:10px}.oh-stamp img{width:46px}
  .oh-manifesto{padding-left:0;padding-top:50px}.oh-manifesto span{top:-20px;font-size:110px}.oh-manifesto blockquote{font-size:26px}
  .oh-led-col + .oh-led-col{border-left:0;padding-left:0 !important;border-top:1px dashed rgba(55,41,39,.35);padding-top:20px !important}}

/* ===== OLD SITE on inner pages (2026-09-25) ===== */
.oh-kickw .elementor-heading-title{display:flex;align-items:center;gap:12px}
.oh-kickw .elementor-heading-title:before{content:"";width:9px;height:9px;background:#FFC71A;flex:none}
.hl-band-dark::after{background:none !important}
.hl-band-light::after{background:none !important}
.hl-card{border-radius:4px !important}
.hl-band-dark .hl-card,.hl-band-dark .hl-syscard{border:1px solid #FFC71A}
body,.elementor-widget-text-editor{font-family:"Open Sans",sans-serif}

/* old-site photo frames + card edges on inner pages */
.hl-photo,.hl-photo-l,.hl-band-light .hl-photo-r,.hl-band-light .hl-photo-l{box-shadow:none !important;border:2px solid #FFC71A;border-radius:8px !important}
.hl-syscard .hl-photo{border:0}
.hl-card[style],.hl-card{border-top-color:#FFC71A !important}

.hl-map iframe{display:block}
@media (prefers-reduced-motion:reduce){
  .hl-lift,.hl-arrow span{transition:none}.hl-lift:hover{transform:none}.hl-arrow:hover span{transform:none}}/* End custom CSS */