/* Page CSS scoped to :where(.wst-s-contact) (build/scope_css_apply.py): content rules apply only inside this
   page's template or its blocks, so blocks from different pages can share a page. :where() keeps specificity unchanged.
   Chrome rules stay global. */
/* Contact — design <helmet> CSS verbatim (html/body background moved to site.css). */
    html,body{margin:0;}
    *{box-sizing:border-box;}
    a{color:#c7361d;text-decoration:none;}
    a:hover{color:#e44125;}
    @keyframes wstDraw{to{stroke-dashoffset:0;}}
    @media (prefers-reduced-motion: reduce){:where(.wst-s-contact) .wst-draw{animation:none !important;stroke-dashoffset:0 !important;}}
    [data-m="burger"]{display:none;}
    [data-m="burger"] summary{list-style:none;}
    [data-m="burger"] summary::-webkit-details-marker{display:none;}
    @media (max-width:820px){
      [data-m="nav"]{display:none !important;}
      [data-m="burger"]{display:block;}
      :where(.wst-s-contact) [data-m="toc"]{display:none !important;}
      :where(.wst-s-contact) [data-m="clients"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 24px !important;}
      :where(.wst-s-contact) [data-m="clients"] img{max-width:100% !important;max-height:56px !important;}
      :where(.wst-s-contact) [data-m="hero-space"]{height:280px !important;}
      :where(.wst-s-contact) [data-m="hero-mark"]{top:auto !important;bottom:0 !important;height:300px !important;width:100% !important;}
      :where(.wst-s-contact) [data-m="hero-p"]{width:auto !important;}
    }
    @media (max-width:820px){
      :where(.wst-s-contact) [data-p="sec"]{padding-top:56px !important;padding-bottom:56px !important;}
      :where(.wst-s-contact) [data-p="hero"]{padding-top:56px !important;padding-bottom:48px !important;}
      :where(.wst-s-contact) [data-p="band"]{padding-top:32px !important;padding-bottom:32px !important;}
      :where(.wst-s-contact) [data-p="card"]{padding:20px !important;}
      [data-p="footer"]{padding-top:56px !important;padding-bottom:32px !important;}
    }
    @media (max-width:640px){[data-t="label"]{letter-spacing:.12em !important;}}
    @media (hover:none){:where(.wst-s-contact) [data-m="clients"] img{opacity:1 !important;}}

    /* ---- converted style-hover / dynamic states ---- */
    /* Address (WYSIWYG link): design <a> is a block in the column, #0f1216 → #c7361d on hover. */
    :where(.wst-s-contact) .wst-addr a{color:#0f1216;}
    :where(.wst-s-contact) .wst-addr p > a:only-child{display:block;}
    :where(.wst-s-contact) .wst-addr a:hover{color:#c7361d !important;}
    /* Inputs: style-focus */
    :where(.wst-s-contact) .wst-field:focus{border-color:#e44125 !important;box-shadow:0 0 0 3px rgba(228,65,37,.14) !important;}
    /* Honeypot never visible */
    :where(.wst-s-contact) .wst-cform{position:relative;}