.hero{padding:80px 0 0}.hero__container{width:100%}@media(min-width:768px){.hero{padding:80px 0 30px}.hero--large{padding:120px 0 60px}.hero--xlarge{padding:200px 0 100px}}.hero__overlay{height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}.hero__title{font-size:2em;margin-bottom:.8em}.knockout{background:transparent}.knockout__backdrop{display:none}.knockout--dark{color:#f2f2f2}.knockout--light{color:#1d1a1a}@supports(mix-blend-mode:multiply) and (mix-blend-mode:lighten){.knockout{background:#000;position:relative;color:#fff;mix-blend-mode:lighten;pointer-events:none}.knockout__backdrop{bottom:0;display:block;left:0;position:absolute;right:0;top:0;background-size:125%;background-attachment:fixed;background-position:-20% 0%}.knockout--dark{background:#fff;color:#000;mix-blend-mode:multiply}.knockout--dark .knockout__backdrop{mix-blend-mode:lighten}.knockout--light{background:#000;color:#fff;mix-blend-mode:lighten}.knockout--light .knockout__backdrop{filter:brightness(1.25) opacity(.7);mix-blend-mode:multiply}}.hero__tagline{display:inline-block;max-width:550px}.hero__collab{opacity:.7}.hero__collab-item{margin-right:1em}.hero__collab-item.logo{font-size:28px}.tagline{font-size:.8em;letter-spacing:.075em;line-height:1.9;padding:.2em 1em;position:relative}.tagline__rule{background-color:#dc3a3a;height:100%;left:0;position:absolute;top:0;width:3px}@media(min-width:767px){.hero__title{font-size:4.5em;margin-bottom:.2em}}