/* The mark removes only the white veil; the existing scene stays visible below it. */
.brand .brand-mark{filter:grayscale(1)}
/* Diffuse light stays within the header; no backdrop sampling or perpetual animation. */
.site-header{--ambient:#589bd6;isolation:isolate}
.site-header:before,.site-header:after{content:"";position:absolute;pointer-events:none;z-index:-1;background-color:var(--ambient);transition:background-color 900ms ease}
.site-header:before{inset:0 0 auto;height:180px;opacity:.16;mask-image:radial-gradient(ellipse 80% 95% at 25% 0%,#000,transparent 100%);filter:blur(12px);clip-path:inset(0)}
.site-header:after{left:5%;top:25px;width:72px;height:50px;opacity:.3;mask:url('/assets/ws-camaleao-brand.webp') center/contain no-repeat}
.light-effects .site-header:before{filter:none}
@media(max-width:960px){.site-header:before{height:130px;opacity:.13;filter:none}.site-header:after{left:6%;top:21px;width:58px;height:40px}}
@media(prefers-reduced-motion:reduce){.site-header:before,.site-header:after{transition:none}}
@media(forced-colors:active){.site-header:before,.site-header:after{display:none}}
@supports (mask-composite:exclude){
  .hero-shade,.detail-hero:after{
    --paper-x:calc(5% + 3.6px);--paper-y:25px;--paper-width:72px;--paper-height:50px;
    mask-image:linear-gradient(#000,#000),url('/assets/ws-camaleao-brand.webp');
    mask-size:100% 100%,var(--paper-width) var(--paper-height);
    mask-position:0 0,var(--paper-x) var(--paper-y);
    mask-repeat:no-repeat;
    mask-mode:alpha;
    mask-composite:exclude;
  }
  .site-header .brand-mark{visibility:hidden;filter:none}
  @media(max-width:960px){
    .hero-shade,.detail-hero:after{--paper-x:calc(6% + 3.48px);--paper-y:21px;--paper-width:58px;--paper-height:40px}
  }
}