body, #app { background-image: none !important; background-color: #0b0d0f !important; } header, footer { backdrop-filter: blur(18px); background: linear-gradient(135deg,#f4eee8 0%,#ded1c5 100%) !important; border-color: rgba(91,61,43,.18) !important; } header a, header button, footer, footer a { color:#17191c !important; } [class*="card"], [class*="service"] { border-radius: 18px !important; } [class*="hero"] { position: relative; } [class*="hero"]::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5,7,9,.82) 0%, rgba(5,7,9,.42) 55%, rgba(5,7,9,.15) 100%); } [class*="hero"] > * { position: relative; z-index: 1; } button, [class*="button"] { transition: transform .2s ease, box-shadow .2s ease; } button:hover, [class*="button"]:hover { transform: translateY(-2px); box-shadow: 0 12px 34px rgba(199,131,85,.22); } img[alt*="logo"], header img, footer img { object-fit: contain !important; max-height: 58px !important; max-width: 210px !important; } .header { min-height:88px !important; background:linear-gradient(135deg,#f4eee8 0%,#ded1c5 100%) !important; border-bottom:1px solid rgba(91,61,43,.18) !important; box-shadow:0 12px 36px rgba(0,0,0,.22) !important; } .header__content { min-height:88px !important; } .header__content__primary__left__logo { width:220px !important; min-width:220px !important; height:64px !important; display:flex !important; align-items:center !important; } .header__content__primary__left__logo img { width:100% !important; max-width:220px !important; height:64px !important; object-fit:contain !important; object-position:left center !important; } .header a, .header button { color:#17191c !important; } .footer { background:linear-gradient(135deg,#f4eee8 0%,#ded1c5 100%) !important; color:#17191c !important; } .footer .footer-logo, .footer .footer-logo.small { width:auto !important; max-width:220px !important; max-height:58px !important; object-fit:contain !important; opacity:1 !important; }
[class*="hero"] h1 { color:#ffffff !important; text-shadow:0 3px 24px rgba(0,0,0,.65) !important; font-size:clamp(42px,5vw,72px) !important; line-height:1.02 !important; max-width:760px !important; }
[class*="hero"] p { color:#f1f5f9 !important; text-shadow:0 2px 16px rgba(0,0,0,.75) !important; font-size:clamp(17px,1.7vw,22px) !important; max-width:780px !important; }
[class*="hero"] a, [class*="hero"] button { position:relative !important; z-index:4 !important; opacity:1 !important; }
.hero, .hero__content-wrapper, .hero__title, .hero .rich-text-wrapper, .hero h1, .hero p, .hero a, .hero button { opacity: 1 !important; visibility: visible !important; filter: none !important; }
.hero__content-wrapper, .hero__title, .hero .rich-text-wrapper { transform: none !important; }
.hero { isolation: isolate !important; }
.hero .hero__background { z-index: 0 !important; }
.hero::after { z-index: 1 !important; }
.hero .hero__content-wrapper, .hero .hero__title, .hero .rich-text-wrapper, .hero h1, .hero p, .hero a, .hero button { position: relative !important; z-index: 3 !important; opacity: 1 !important; visibility: visible !important; filter: none !important; }

/* WOLFLOW adaptive hero standard v1 */
.hero.hero { min-height: clamp(620px, 72vh, 760px) !important; height: auto !important; }
.hero.hero .hero__content-wrapper {
  min-height: inherit !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding-top: clamp(56px, 8vh, 88px) !important;
  padding-bottom: clamp(104px, 13vh, 144px) !important;
}
@media (max-width: 768px) {
  .hero.hero { min-height: clamp(600px, 80vh, 700px) !important; height: auto !important; }
  .hero.hero .hero__content-wrapper {
    min-height: inherit !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 52px 34px 84px !important;
    justify-content: center !important;
  }
}