/* Proposal only. Page scope is reinforced by the conditional MU loader. */
.hm-scope{--hm-ease:cubic-bezier(.22,.7,.2,1)}
.hm-scope .header{position:sticky;top:0;z-index:60;background:rgba(251,250,247,.97);border-bottom:1px solid #dedad0}
body.admin-bar .hm-scope .header{top:32px}
.hm-scope .hm-reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1000;background:#b68a23;transform:scaleX(0);transform-origin:left;pointer-events:none}
.elementor-6674.hm-scope #top{overflow:hidden}
.elementor-6674.hm-scope #top .hero-photo{border-top-left-radius:clamp(56px,7vw,120px);min-height:700px;transform-origin:center}
.elementor-6674.hm-scope .section{scroll-margin-top:100px}
.hm-scope :is(h1,h2){text-wrap:balance}
.hm-scope :is(.btn,.nav-cta,.hinata-hero-case-link){min-height:48px;transition:background-color .25s,color .25s,border-color .25s}
.hm-scope :is(.btn,.nav-cta) span[aria-hidden="true"]{display:inline-block;transition:transform .3s var(--hm-ease)}
.hm-scope :is(.btn,.nav-cta):hover span[aria-hidden="true"]{transform:translateX(5px)}
.hm-scope :is(.btn,.nav-cta,.hinata-hero-case-link):focus-visible{outline:3px solid #796126;outline-offset:5px}
.hm-scope .hinata-hero-case-link .hht-button-arrow{transition:transform .4s var(--hm-ease)}
.hm-scope .hinata-hero-case-link:hover .hht-button-arrow{transform:rotate(-45deg)}
.hm-scope :is(.hcs-card,.lp-work-preview){transition:transform .45s var(--hm-ease),box-shadow .45s}
.hm-scope .hp-work-shot{overflow:hidden}
.hm-scope .hp-work-shot img{transition:transform .8s var(--hm-ease);transform-origin:center top}
.hm-scope :is(.hcs-site,.lp-work-preview a){min-height:44px;display:flex;align-items:center}
@media(min-width:1101px){
 .elementor-6674.hm-scope .solution{align-items:start}
 .elementor-6674.hm-scope .solution-photo{position:sticky;top:110px;align-self:start;border-radius:3px 3px 72px 3px}
}
@media(hover:hover) and (pointer:fine){
 .hm-scope :is(.hcs-card,.lp-work-preview):hover{transform:translateY(-5px);box-shadow:0 16px 34px #292a2712}
 .hm-scope :is(.hcs-card,.lp-work-preview):hover .hp-work-shot img{transform:scale(1.035)}
}
@media(max-width:900px){
 .elementor-6674.hm-scope #top .hero-photo{border-radius:56px 0 0 0;min-height:0}
 .hm-scope .header{top:0}
}
@media(max-width:782px){body.admin-bar .hm-scope .header{top:46px}}
@media(prefers-reduced-motion:reduce){
 .hm-scope *, .hm-scope *::before,.hm-scope *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .hm-scope :is(.hcs-card,.lp-work-preview):hover,.hm-scope .hp-work-shot img{transform:none!important}
 .hm-scope .hm-reading-progress{display:none}
}
.hm-scope[data-hm-preview-reduced="true"] *{animation:none!important;transition:none!important}

/* Runtime correction: original inline CSS and the short Elementor HTML host blocked sticky. */
body .elementor.hm-scope .header{position:sticky;z-index:60;background:rgba(251,250,247,.97)}
body .elementor.hm-scope .elementor-widget-html:has(>.elementor-widget-container>.header){display:contents}
@media(max-width:600px){body.admin-bar .hm-scope .header{top:0}}

/* Restore the existing 450px mobile photo; retain readable single-line header labels. */
@media(max-width:900px){body .elementor-6674.hm-scope #top .hero-photo{min-height:450px}}
@media(max-width:600px){
 body .elementor.hm-scope .header .logo{font-size:14px;gap:7px;white-space:nowrap}
 body .elementor.hm-scope .header .nav-cta{white-space:nowrap}
}
