/* --hero-fill = whatever the viewport has left once the announcement bar, the
   header and the running-text bar below the hero have taken their share, so
   chrome + hero = exactly one screen on first paint. The hero takes it
   unclamped: the aspect-ratio min() clamps that used to cap it existed only to
   keep the running-text bar above the fold, and that section is gone from the
   homepage. --running-text-height defaults to 0px, so pages without the bar are
   unaffected, while page.google-landing (which still publishes it) keeps its
   hero shrunk by the bar. The image is background-size:cover, so the extra
   height crops the sides rather than letterboxing. svh (not vh) on mobile so the
   collapsing browser UI can't make it overflow; @supports keeps the vh line as
   the fallback, since a bad calc() in a custom property fails at use time and
   would leave the hero with no height at all. */
.intro-section{--hero-fill:calc(100vh - var(--site-chrome-height, 95px) - var(--running-text-height, 0px));height:var(--hero-fill);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}@supports (height: 100svh){.intro-section{--hero-fill:calc(100svh - var(--site-chrome-height, 95px) - var(--running-text-height, 0px))}}@media(min-width: 768px){.intro-section{background-position:center top}}.intro-section .intro-decor{position:absolute;width:100%;top:0;left:0;padding:10px}@media(min-width: 1024px){.intro-section .intro-decor{padding:20px}}.intro-section .intro-decor svg{width:100%;display:block}.intro-section .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.intro-section .intro-wrap{display:flex;flex-direction:column;align-items:center;padding-bottom:43px}@media(min-width: 1024px){.intro-section .intro-wrap{padding-bottom:63px}}.intro-section .main-title{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 32px;max-width:100%;color:var(--color-white);font-family:"Moderat Mono",sans-serif;line-height:1;text-align:center;text-transform:uppercase;text-decoration:underline;text-underline-offset:.18em;margin-bottom:14px}.intro-section--clickable .main-title{position:relative;z-index:3}.intro-section--clickable .main-title .main-title__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}