.home-masthead.wordmark-reveal{position:relative;max-width:none;max-height:calc(var(--page-max)/4);aspect-ratio:4/1;padding:0 var(--gutter);display:flex;align-items:center;background:#fff;isolation:isolate;overflow:hidden;touch-action:pan-y}
.home-masthead.wordmark-reveal h1{width:100%;max-width:calc(var(--page-max) - 2 * var(--gutter));margin:0 auto;position:relative;z-index:0}
.wordmark-reveal canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}
.wordmark-reveal.is-ready canvas{opacity:1}
.wordmark-reveal.is-ready h1 svg{opacity:0}
@media(max-width:700px){.home-masthead.wordmark-reveal{aspect-ratio:3/1;max-height:none}}
@media(prefers-reduced-motion:reduce){.wordmark-reveal canvas{display:none}.wordmark-reveal.is-ready h1 svg{opacity:1}}

/* The white link inverts against the fluid canvas as the ink passes beneath it. */
.masthead-newsletter{position:absolute;z-index:2;top:20px;right:max(var(--gutter),calc((100% - var(--page-max))/2 + var(--gutter)));line-height:1.4;text-decoration:none;color:#fff;mix-blend-mode:difference}
.masthead-newsletter:hover,.masthead-newsletter:focus-visible{color:#111;background:#fff;mix-blend-mode:normal;text-decoration:none}
.masthead-newsletter:focus-visible{outline:1px solid #111;outline-offset:3px}
@media(max-width:700px){.home-masthead.wordmark-reveal{padding-top:34px;min-height:140px}.masthead-newsletter{top:14px}}
