/* A square master covers each responsive hero with the same crop as its still.
   Elementor's hosted-video handler otherwise assumes a 16:9 source. */
/* Sea green: grade only the texture, including its inherited native fallback.
   The same treatment applies in the editor; logo and copy remain unfiltered. */
.ti-hero{--ti-metal-grade:saturate(1.7) brightness(1.025)}
.ti-hero .elementor-background-video-container{background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:inherit;filter:var(--ti-metal-grade)}
.ti-hero .elementor-background-video-hosted{width:100%!important;height:100%!important;object-fit:cover;object-position:center var(--ti-background-position-y,50%);left:0!important;top:0!important;transform:none!important}
body:not(.elementor-editor-active) .ti-hero .elementor-background-video-hosted{opacity:0;transition:opacity 1.2s ease}
body:not(.elementor-editor-active) .ti-hero.ti-background-ready:not(.ti-background-still) .elementor-background-video-hosted{opacity:1}
.ti-site .ti-background-toggle{position:absolute;top:22px;left:var(--ti-gutter);z-index:91;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #eaf8f740;border-radius:50%;background:#10332F14;color:#eaf8f7;cursor:pointer;transition:background .2s,border-color .2s}
.ti-site .ti-background-toggle:hover{background:#10332F60;border-color:#eaf8f790}
.ti-background-toggle[hidden]{display:none}
.ti-background-toggle .ti-background-play{display:none}
.ti-background-toggle[aria-pressed="true"] .ti-background-play{display:block}
.ti-background-toggle[aria-pressed="true"] .ti-background-pause{display:none}
body[data-ti-logo-state="transition"] .ti-background-toggle,body[data-ti-logo-state="header"] .ti-background-toggle{visibility:hidden}
@media(max-width:800px){.ti-site .ti-background-toggle{top:18px;left:24px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.ti-hero .elementor-background-video-hosted,.ti-background-toggle{display:none!important}}