as-banner-hero{--banner-hero-max-width:81.25rem;--banner-hero-gutter:2rem;--banner-hero-height:70vh;--banner-hero-min-height:30rem;--banner-hero-frame-height:max(var(--banner-hero-height),var(--banner-hero-min-height));--banner-hero-reveal-height:max(100vh,calc(var(--banner-hero-frame-height) + var(--as-space-l)));--banner-hero-inset:2.5rem;--banner-hero-panel-width:26.25rem;--banner-hero-tilt:3deg;--banner-hero-zoom-in:1.05;--banner-hero-zoom-out:.95;--banner-hero-bleed:calc(1.25rem + (100vw + var(--banner-hero-frame-height))*0.035);--banner-hero-ambient-time:calc(var(--as-time-xl)*6);background:var(--as-color-brand);display:block;height:var(--banner-hero-height);min-height:var(--banner-hero-min-height);overflow:hidden;position:relative;width:100%}.banner-hero__img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}as-banner-hero[variant=ambient] .banner-hero__img{animation:banner-hero-ambient var(--banner-hero-ambient-time) ease-in-out infinite;height:calc(100% + var(--banner-hero-bleed)*2);inset:calc(var(--banner-hero-bleed)*-1);width:calc(100% + var(--banner-hero-bleed)*2)}@keyframes banner-hero-ambient{0%,to{transform:scale(1) rotate(0deg)}33.33%{transform:scale(var(--banner-hero-zoom-in)) rotate(var(--banner-hero-tilt))}66.67%{transform:scale(var(--banner-hero-zoom-out)) rotate(calc(var(--banner-hero-tilt)*-1))}}as-banner-hero[variant=reveal] .banner-hero__img{height:var(--banner-hero-reveal-height)}@supports (animation-timeline:scroll(root block)){as-banner-hero[variant=reveal] .banner-hero__img{animation:banner-hero-reveal linear both;animation-timeline:scroll(root block);will-change:transform}@keyframes banner-hero-reveal{0%{transform:translateY(var(--banner-hero-reveal-from,0))}to{transform:translateY(var(--banner-hero-reveal-to,0))}}}@media (prefers-reduced-motion:reduce){as-banner-hero[variant] .banner-hero__img{animation:none;height:100%;inset:0;transform:none;width:100%;will-change:auto}}.banner-hero__inner{inset:0;margin-inline:auto;max-width:calc(var(--banner-hero-max-width) + var(--banner-hero-gutter)*2);position:absolute}.banner-hero__panel{backdrop-filter:blur(1.5rem) saturate(1.4);-webkit-backdrop-filter:blur(1.5rem) saturate(1.4);background:rgb(from var(--as-color-background-inverted) r g b/.72);border:var(--as-size-thin) solid rgb(from var(--as-color-text-inverted) r g b/.14);border-radius:1.25rem;box-shadow:0 1.25rem 2.75rem rgb(from var(--as-color-text) r g b/.28);inset-block-end:var(--banner-hero-inset);inset-inline-start:var(--banner-hero-gutter);padding-block:2rem;padding-inline:2.125rem;position:absolute;width:min(var(--banner-hero-panel-width),calc(100% - var(--banner-hero-gutter)*2));z-index:var(--as-index-default)}.banner-hero__eyebrow{align-items:center;color:var(--as-color-highlight);display:flex;font-family:var(--as-font-bold);font-size:var(--as-font-size-s);font-weight:600;gap:var(--as-space-s);letter-spacing:.14em;margin-block-end:.875rem;text-transform:uppercase}.banner-hero__title{color:var(--as-color-text-inverted);font-family:var(--as-font-bold);font-size:clamp(var(--as-font-size-xxl),2.6vw,1.875rem);font-weight:700;letter-spacing:-.015em;line-height:var(--as-line-height-tight);margin-block:0 1.375rem;margin-inline:0;text-wrap:pretty}.banner-hero__divider{background:rgb(from var(--as-color-text-inverted) r g b/.15);height:var(--as-size-thin);margin-block-end:1.25rem}.banner-hero__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--as-space-m);justify-content:space-between}.banner-hero__date,.banner-hero__link{align-items:center;display:flex;font-size:var(--as-font-size-m);gap:.4375rem}.banner-hero__link{text-decoration:none;transition:none}.banner-hero__link,.banner-hero__link:active,.banner-hero__link:focus,.banner-hero__link:hover{color:var(--as-color-text-inverted);font-weight:600}

/* !important is unavoidable here: theme-overrides.css carries
   `a { text-decoration: none !important }`, and no amount of specificity
   beats an !important declaration. Without this the underline never shows. */.banner-hero__link:focus-visible,.banner-hero__link:hover{text-decoration:underline!important}.banner-hero__date{color:rgb(from var(--as-color-text-inverted) r g b/.75);font-weight:500}.banner-hero__link-globe{opacity:.8}.banner-hero__link-arrow{opacity:.6}@media (max-width:767px){as-banner-hero{--banner-hero-gutter:var(--as-space-m);--banner-hero-inset:var(--as-space-l)}.banner-hero__panel{padding:var(--as-space-l)}.banner-hero__meta{align-items:flex-start;flex-direction:column;gap:var(--as-space-s)}}