/* Scroll performance: frosted-glass blur (backdrop-filter) repaints on every scrolled frame.
   Swapped for near-opaque white, which looks almost identical on this light theme. Delete this file to revert. */
.site-header,.hero__pin,.img-note,.brand-reel__tag,.subnav,.mobile-menu__panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.site-header{background:#fffffff7}
.subnav{background:#fffffff7}
.hero__pin{background:#ffffffeb}
.img-note{background:#fffffff0}
.brand-reel__tag{background:#fffffff2}

/* SCROLL-FIX 1: header no longer changes height while scrolling (it pushed the whole page and fought the scroll). Logo still shrinks, via transform. */
.site-header.is-scrolled .site-header__inner{height:var(--header-h)}
.site-header .brand__logo,.site-header.is-scrolled .brand__logo{height:60px;transform-origin:left center;transition:transform .3s var(--ease)}
.site-header.is-scrolled .brand__logo{transform:scale(.72)}
@media(max-width:960px){.site-header .brand__logo,.site-header.is-scrolled .brand__logo{height:48px}.site-header.is-scrolled .brand__logo{transform:scale(.8)}}
/* SCROLL-FIX 2: reveal animations shorter, lighter and one-shot (main.js no longer re-hides sections). */
.js .reveal{translate:0 14px;transition:opacity .45s var(--ease),translate .5s var(--ease)}
.js .section-head.reveal .h2,.js .section-head.reveal.is-in .h2{clip-path:none;translate:none}
.js .band.reveal,.js .why__media.reveal,.js .about-hero__media.reveal,.js .workflow.reveal,.js .article__media.reveal{scale:none}
.js .band.reveal img,.js .why__media.reveal img,.js .about-hero__media.reveal img,.js .workflow.reveal img{scale:none!important;transition:none}
@media(max-width:960px),(pointer:coarse){.js .reveal{translate:none;transition:opacity .35s ease}}
/* SCROLL-FIX 3: no endless floating animations on phones/tablets. */
@media(max-width:960px),(pointer:coarse){.js .hero__pin{animation:popIn .6s var(--ease) both!important}.img-note{animation:none!important}}
/* SCROLL-FIX 4: logo video background is already pure white, blend mode not needed. */
.brand-reel__video{mix-blend-mode:normal}