/* seo.py: added after the Webflow stylesheet. Keeps the look unchanged after the SEO markup changes. */
/* Home hero: the wrapper became an h1. The site CSS styles h1 by tag (Mattone font, 7.25em, uppercase,
   letter-spacing), so give it back the inherited values the div had. Inner divs became display:block spans. */
h1.div-block-2{font:inherit;letter-spacing:inherit;text-transform:inherit;margin-top:0}
h1.div-block-2>span{display:block}
/* GIF loops replaced by <video>: the same box as the <img> had (.w-richtext figure img + img base rules).
   Width comes from the width attribute (the GIF's width) and is capped by max-width like the image. */
.w-richtext figure video[data-lazy-video]{max-width:100%;height:auto;display:inline-block;vertical-align:middle;border:0}
video[data-lazy-video][width="480"][height="270"]{aspect-ratio:480/270}
video[data-lazy-video][width="640"][height="280"]{aspect-ratio:640/280}
video[data-lazy-video][width="640"][height="360"]{aspect-ratio:640/360}
video[data-lazy-video][width="800"][height="300"]{aspect-ratio:800/300}
video[data-lazy-video][width="1000"][height="100"]{aspect-ratio:1000/100}
video[data-lazy-video][width="1000"][height="150"]{aspect-ratio:1000/150}
video[data-lazy-video][width="1000"][height="200"]{aspect-ratio:1000/200}
/* Without JavaScript the <noscript> poster image is shown instead. */
html:not(.w-mod-js) video[data-lazy-video]{display:none}
/* Home nav: the links are bare #work/#services/#about/#contact (that is what closes the mobile menu after a
   tap), which turns on Webflow's scroll-spy: it adds w--current to the link of the section in view, and the
   site CSS greys .nav-link-3.w--current. Live, the links are absolute URLs and never get w--current, so keep
   them light as live does, with the same grey on hover. */
.nav-link-3.w--current{color:var(--light-text)}
.nav-link-3.w--current:hover{color:var(--dark-text)}