html:has(link[href*="frontend.css"]) body>#art-main,html:has(link[href*="contact-v2.css"]) body>#art-main{visibility:hidden!important;opacity:0!important;height:1px!important;min-height:0!important;overflow:hidden!important}html:has(link[href*="article-v2.css"]) body:not(.article-v2)>#art-main{visibility:hidden!important;opacity:0!important}html:has(link[href*="article-v2.css"]) body.article-v2>#art-main{visibility:visible!important;opacity:1!important}.v2-hero,.contact-hero{min-height:480px}.article-intro{min-height:190px}.faq .hero,.case-hero,.area-hero{min-height:180px}@media(min-width:1051px){body.content-page .managed-header.ph-scrolled{height:var(--premium-total)!important}body.content-page .managed-header.ph-scrolled .hm-top,body.content-page .managed-header.ph-scrolled .premium-main{opacity:1!important;pointer-events:auto!important;transform:none!important}body.content-page .managed-header.ph-scrolled>header{transform:none!important}body.content-page .managed-header .hm-top,body.content-page .premium-main,body.content-page .managed-header>header{transition:none!important}}
@media(max-width:680px){html body :where(.art-postcontent,.content-page .hero,.content-page .panel,.content-page .case-detail,.intro,.areas,.cta,.area-hero,.case-hero,.faq .hero,.contact-hero,.v2-hero,.article-intro) :where(h1,h2){margin:0 0 12px!important;color:#8a4700!important;font-family:"Leelawadee UI",Tahoma,Arial,sans-serif!important;font-weight:850!important;letter-spacing:0!important;line-height:1.32!important;overflow-wrap:anywhere!important;word-break:normal!important}html body :where(.art-postcontent,.content-page .hero,.content-page .panel,.content-page .case-detail,.intro,.area-hero,.case-hero,.faq .hero,.contact-hero,.v2-hero,.article-intro) h1{font-size:clamp(27px,8vw,32px)!important}html body :where(.art-postcontent,.content-page .hero,.content-page .panel,.content-page .case-detail,.areas,.cta,.area-hero,.case-hero,.faq .hero,.contact-hero,.v2-hero,.article-intro) h2{font-size:clamp(22px,6.4vw,26px)!important}}