@oiz/stzh-components 4.5.0 → 4.6.0-beta2

package/dist/stzh-components/{p-4a05919e.entry.js → p-7cfa54b9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-pi-pagetitle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(\n    --stzh-pi-pagetitle-hero-background-color,\n    var(--stzh-color-primary10)\n  );--lead-background-color:var(\n    --stzh-pi-pagetitle-lead-background-color,\n    var(--stzh-color-primary40)\n  );--background-color:var(\n    --stzh-pi-pagetitle-background-color,\n    var(--stzh-color-coolgrey10)\n  );--grid-template-areas:"hero hero hero hero"\n    "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero hero hero ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero . . ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);--color:var(--stzh-color-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-column:1/2;grid-row:1/2;position:relative;z-index:2}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-column:1/-1;grid-row:1/2;z-index:1}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem;grid-column:3/-1;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-column:1/-1;grid-row:2/4;z-index:1;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{grid-column:3/-1;grid-row:2/-1}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:transparent}@media screen and (max-width: 899px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--lead-background-color)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) * -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const l=n;const r=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const n=s(this.element,"menu");const l=!!this.author||!!this.date;const r={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":n,"stzh-pi-pagetitle--has-article-info":l,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"bc1447bd906371534607883029d0fdafaac84865","has-menu":n,"has-article-info":l},t("div",{key:"2976ef10ec0a80e25447a706948df5e83bce96e4",class:r},t("div",{key:"a643484b32794710eb3209eb30a464f2e6abd4f5",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"c7fb03253283621f30d744fd7b42bf88a7650aa7",class:"stzh-pi-pagetitle__hero"},t("div",{key:"276a214f03d357f18601abb6573fd99fd492a89a",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"1406af1abed10f1d4f19a25ca4889fd09a5dd594",name:"breadcrumb"})),t("div",{key:"c02fd00abc4bb83333a392bcb6594e31a45e4733",class:"stzh-pi-pagetitle__meta"},t("div",{key:"323c574c1b38891b9aea152fc0fde085ce645189",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"023779d61f0f1726c7740726a5d5ad96db24837a",name:"readspeaker"}))),t("div",{key:"a04c33680ba7bec7cd34b7e11d14e2761f75cf1e",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"242c2ba331c2bd373970d3a36225acfa7ce55ca8",name:"dateline"})),t("div",{key:"2e4ea0b21f4ff9479b9a6c4ada9a355283fe3847",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"bd4a74fbc65b05564abf7a0b88eee4c2ca523dbd",name:"heading"})))),t("div",{key:"ee24ff47efc29d6fe1345ef7bfd08c697ccdcebb",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"db6cb2a05c58b1189832d350160e943c4fb228a9",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"bae5a9d6aa541bbd8c978b550f22bbecf92caab2",class:"stzh-pi-pagetitle__menu"},n&&t("div",{key:"64614f49e06acaa037f233a4b4361f5d0618f950",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"dbc9294e0a1ed5d65e2998aa1c956fed8355bf0b",name:"menu"}))),e&&t("div",{key:"46cc40114e3d085f261e1244b2efe64fdc73073e",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"2448c75b847ab9f4729aba5681c30bac615c6f9f",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"01dcebc68d01b849f86073885564df8fb1ffdfcb",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"2b668c52975933f2294e6f3c87bcae85219d6044",name:"image"})))),n&&t("div",{key:"a989167bc3a76e160b5cde9c06871948b65d0042",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"bae28bb8353549eb9c4b4b9b3ce65aae911f07ca",name:"lead"})))),!n&&t("div",{key:"47657439842999b021bc4158c19b755f21ae8752",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"5358eb381605b433ffd56793bd719ff3d1be9746",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"09dd20699f06cd5a77356f00d6db001264596f7c",name:"lead"}))),l&&t("div",{key:"6087fc056609840d8f1ee629379c8da77440d035",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"ba08bb1cc82b8b13fb385a5b823ccf45d43c4252",class:"stzh-pi-pagetitle__article-info"},t("div",{key:"1158c090072dc2090273d967e7bf2aaa22610272",class:"stzh-pi-pagetitle__article-info-holder"},this.author&&t("p",{key:"d7bb67b16ad7404da9cb1b49df4921a681638fd1",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"615e3defa175315b194e2ebe8333f6d856327b24",class:"stzh-pi-pagetitle__date"},this.date),t("slot",{key:"413b9e6f73c14b62ba6d752e644e0f928be4d7ca",name:"content"}))))))}get element(){return a(this)}};r.style=l;export{r as stzh_pi_pagetitle};
-//# sourceMappingURL=p-4a05919e.entry.js.map
+import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-pi-pagetitle-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(\n    --stzh-pi-pagetitle-hero-background-color,\n    var(--stzh-color-primary10)\n  );--lead-background-color:var(\n    --stzh-pi-pagetitle-lead-background-color,\n    var(--stzh-color-primary40)\n  );--background-color:var(\n    --stzh-pi-pagetitle-background-color,\n    var(--stzh-color-coolgrey10)\n  );--grid-template-areas:"hero hero hero hero"\n    "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero"\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero hero hero ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero . . ."\n      "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);--color:var(--stzh-color-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-column:1/2;grid-row:1/2;position:relative;z-index:2}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-column:1/-1;grid-row:1/2;z-index:1}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem;grid-column:3/-1;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-column:1/-1;grid-row:2/4;z-index:1;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{grid-column:3/-1;grid-row:2/-1}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:transparent}@media screen and (max-width: 899px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--lead-background-color)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) * -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const l=n;const d=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const n=s(this.element,"menu");const l=!!this.author||!!this.date;const d={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":n,"stzh-pi-pagetitle--has-article-info":l,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"7ea11c48b8c57d36a37c2a6d74bbf9a2fc9d904e","has-menu":n,"has-article-info":l},t("div",{key:"c9d1cc9761d0a35b9fc66baf409813c0af435685",class:d},t("div",{key:"e32cb331b8e6f03381bb8b5ca33af86a992edf26",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"37c4e72c7eb3b4e2ec1a64ace15c4d47b0f6e43a",class:"stzh-pi-pagetitle__hero"},t("div",{key:"f285333ba0eff3875613a2b890c36196f99ee12c",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"fd81c5e3e49816288ec9d822a86950c5702964a5",name:"breadcrumb"})),t("div",{key:"935d4419958984a2d91ed7db6d37a5beca568598",class:"stzh-pi-pagetitle__meta"},t("div",{key:"328d4c6994b315da26f3f7470d741cffdbada90d",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"2ead52ad42dabc733bfa67b3e743bc790c2b50eb",name:"readspeaker"}))),t("div",{key:"4df5e3871f9114a38dccc6739304df280f6cd7d4",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"4576c4f11268a8081b71a8e776c3527f8cb94571",name:"dateline"})),t("div",{key:"24d4ef15a376d07ad44a95e38ea83e86e3be29cd",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"5530b2846ff28d8568c6781279d9671ab17e1601",name:"heading"})))),t("div",{key:"9dbfc7fac99bb4b89eef7887296648392e099109",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"ab73e1d6f13e2098309bc03454657e9a9b189f4a",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"4a28eadc08311050cb0f6a591c01cf91c94dfdc1",class:"stzh-pi-pagetitle__menu"},n&&t("div",{key:"566cf88bd625035d8060e7de23d1bfaf0858d1f7",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"837e00551eb0e0208ec9ab979a3cf090af734b5a",name:"menu"}))),e&&t("div",{key:"2f4be9e6df7f32ca34dff53a225f859905df6339",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"c7c913468286788ec37f5be9a03e5c8aa0870b9c",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"0cff56d0e99705c567589db49931ceff94b6ae5f",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"d5288b9554264c8d976188ad61898eaf4ae284ed",name:"image"})))),n&&t("div",{key:"ba77a201bef9d6a44fae462cc30bf0d35a1e74db",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"c388a5a185ff83d98fb1e8400b4ffa6f0693e1bb",name:"lead"})))),!n&&t("div",{key:"f2d78346bce95f3271cb386d3e03bbe0ceba8eac",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"647bcc87e9fbfb359bc11b7b7b1b080f8a914b78",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"5c03b625f0282c93c4e32f24996caa0bfd12db78",name:"lead"}))),t("div",{key:"713935d6e3d7ed9ce9ec93fc551e37c820d043e1",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"d0103129df581d0b516f74556d26c0487cf17c2e",class:"stzh-pi-pagetitle__article-info"},t("div",{key:"51b9b85aca3e2158ba29366dcc9497ff24da6781",class:"stzh-pi-pagetitle__article-info-holder"},l&&t("div",{key:"d1b26da604f2c60a8ca6d4a321cb113e610fd1c7"},this.author&&t("p",{key:"8fc605d7235b143d4fc6eee854a32ba493b2b8f4",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"6e9d57f0b109d837b850db8733eb5271af54ef81",class:"stzh-pi-pagetitle__date"},this.date)),t("slot",{key:"b87768ccb4752a0027585601b121f1948d9d31e4",name:"content"}))))))}get element(){return a(this)}};d.style=l;export{d as stzh_pi_pagetitle};
+//# sourceMappingURL=p-7cfa54b9.entry.js.map

package/dist/stzh-components/{p-4a05919e.entry.js.map → p-7cfa54b9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhPiPagetitleCss","StzhPiPagetitleStyle0","StzhPiPagetitle","this","init","heading","element","querySelector","leads","querySelectorAll","readspeakerButton","setPropsIfNull","curve","level","variant","noPaddingLeft","noPaddingRight","size","sizeMedium","buttonAccesskey","forEach","lead","connectedCallback","render","imageSlotUsed","hasSlot","leadSlotUsed","readspeakerSlotUsed","menuSlotUsed","hasArticleInfo","author","date","classes","hyphensEnabled","h","Host","key","class","name","indexOf","ratio","ratioSmall"],"sources":["src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.scss?tag=stzh-pi-pagetitle&encapsulation=scoped","src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-pagetitle-background-color: Background if it has a menu\n   * @prop --stzh-pi-pagetitle-hero-background-color: Background color\n   * @prop --stzh-pi-pagetitle-lead-background-color: Background of lead section\n */\n\n:host {\n  --hero-background-color: var(\n    --stzh-pi-pagetitle-hero-background-color,\n    #{$colorPrimary10}\n  );\n  --lead-background-color: var(\n    --stzh-pi-pagetitle-lead-background-color,\n    #{$colorPrimary40}\n  );\n  --background-color: var(\n    --stzh-pi-pagetitle-background-color,\n    #{$colorCoolgrey10}\n  );\n  --grid-template-areas: \"hero hero hero hero\"\n    \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  @include mq($from: small) {\n    --grid-template-areas: \". hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: \". . hero hero hero hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero hero hero .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n  @include mq($from: ultra) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero . . .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  ::slotted([slot=\"dateline\"]) {\n    @include fontSize(\"milli\");\n    @include font(\"heavy\");\n    --color: var(--stzh-color-black80op);\n  }\n\n  ::slotted([slot=\"heading\"]),\n  ::slotted([slot=\"lead\"]) *,\n  ::slotted([slot=\"breadcrumb\"]) {\n    --color: var(--stzh-color-black);\n  }\n\n  ::slotted([slot=\"menu\"]) {\n    --stzh-pi-menu-padding-left: #{$containerMargin};\n\n    @include mq($from: small) {\n      --stzh-pi-menu-padding-left: #{$containerMarginSmall};\n    }\n\n    @include mq($from: large) {\n      --stzh-pi-menu-padding-left: #{$containerMarginLarge};\n    }\n\n    @include mq($from: ultra) {\n      --stzh-pi-menu-padding-left: calc((100vw - #{$containerMaxWidth}) / 2);\n    }\n  }\n}\n\n.stzh-pi-pagetitle {\n  @include spaceCurve(\"margin-bottom\", \"large\");\n  @include spaceCurve(\"margin-bottom\", \"large\");\n\n  /* Containers */\n\n  &__hero-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include containerPadding;\n  }\n\n  &__image-lead-menu-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n\n    @include mq($from: medium) {\n      @include containerPadding;\n    }\n  }\n\n  &__lead-container {\n    @include grid;\n    grid-template-areas: \"lead lead lead lead\";\n    background-color: var(--lead-background-color);\n    @include containerPadding;\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . lead lead lead lead lead lead . . .\";\n    }\n  }\n\n  &__image-lead-menu {\n    grid-area: image-lead-menu;\n\n    @include grid;\n    grid-template-areas: \"image image image image\" \"lead lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  /* Elements */\n\n  &__hero {\n    grid-area: hero;\n  }\n\n  &__menu {\n    display: none;\n    // grid-area: menu;\n    grid-column: 1 / 2; /* span full width */\n    grid-row: 1 / 2; /* same row as image */\n    position: relative; /* allows z-index to work */\n    z-index: 2;\n\n    @include mq($from: medium) {\n      // grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      // grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n  }\n\n  &__image {\n    // grid-area: image;\n    grid-column: 1 / -1;\n    grid-row: 1 / 2; /* extend beyond menu row */\n    z-index: 1;\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &__lead {\n    --stzh-base-lead-color: #{$headingColor};\n    // grid-area: lead;\n    grid-column: 1 / -1;\n    grid-row: 2 / 4; /* extend beyond menu row */\n    z-index: 1;\n\n    background-color: var(--lead-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n\n    @include mq($from: medium) {\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 2 / -1; /* same row as image */\n    }\n  }\n\n  &__text {\n    @include spaceCurve(\"padding-top\", \"big\");\n    @include spaceCurve(\"padding-bottom\", \"big\");\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  &__meta {\n    display: flex;\n    flex-direction: column-reverse;\n    row-gap: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__readspeaker {\n    margin-bottom: space(\"medium\");\n\n    @include mq($from: small) {\n      margin-bottom: space(\"large\");\n    }\n\n    @include mq($from: small, $to: medium) {\n      --stzh-readspeaker-dropdown-position: relative;\n      --stzh-readspeaker-dropdown-top: auto;\n    }\n  }\n\n  &__dateline {\n    margin-bottom: space(\"xxsmall\");\n  }\n\n  &__breadcrumbs {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  /**\n   * Menu.\n   */\n\n  &__menu-inner {\n    @include mq($from: medium) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n  }\n\n  /* Article Info */\n  &__article-info-wrapper {\n    @include container();\n    @include spaceCurve(\"padding-top\", \"large\");\n    @include grid;\n    grid-template-areas: \"article-info article-info article-info article-info\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info\";\n    }\n  }\n\n  &__article-info {\n    grid-area: article-info;\n  }\n\n  &__article-info-holder {\n    @include mq($from: medium) {\n      @include spaceCurve(\"padding-left\", \"regular\");\n    }\n  }\n\n  &__author {\n    margin-top: 0;\n    margin-bottom: var(--stzh-space-xxsmall);\n    color: var(--stzh-color-coolgrey70);\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n  }\n\n  &__date {\n    margin: 0;\n    @include fontCurve(\"p1\");\n  }\n\n  /**\n   * Has menu.\n   */\n  &--has-menu &__image-lead-menu {\n    grid-template-columns: auto repeat(3, minmax(0, 1fr));\n    // grid-template-areas: \"menu image image image\" \"menu lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-columns: $gridColumnsMedium;\n      // grid-template-areas: \"menu menu image image image image image image\" \"menu menu lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: $gridColumnsLarge;\n      // grid-template-areas: \"menu menu menu image image image image image image image image image\" \"menu menu menu lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  &--has-menu &__image-lead-menu-container {\n    background-color: transparent;\n    @include mq($to: medium) {\n      background-color: var(--lead-background-color);\n    }\n  }\n\n  &--has-menu &__menu {\n    position: relative;\n    display: inherit;\n    margin-right: calc(#{$gridGutter} * -1);\n\n    @include mq($from: small) {\n      margin-right: calc(#{$gridGutterSmall} * -1);\n    }\n\n    @include mq($from: medium) {\n      margin-right: calc(#{$gridGutterMedium} * -1);\n      margin-left: -$containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: calc(#{$gridGutterLarge} * -1);\n      margin-left: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(#{$gridGutterUltra} * -1);\n      margin-left: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &--has-menu &__lead {\n    @include spaceCurve(\"padding-left\", \"regular\");\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n      padding-right: calc((100vw - 84.25rem) / 2);\n    }\n  }\n\n  /* Has meta */\n\n  &--has-meta &__text {\n    @include spaceCurve(\"padding-top\", \"regular\");\n  }\n\n  /* Level 3-4 */\n  &--level-3,\n  &--level-4 {\n    --hero-background-color: var(--stzh-color-coolgrey20);\n    --lead-background-color: var(--stzh-color-coolgrey30);\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n  tag: \"stzh-pi-pagetitle\",\n  styleUrl: \"stzh-pi-pagetitle.scss\",\n  scoped: true,\n})\nexport class StzhPiPagetitle {\n  /** Level */\n  @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  /** Author of the content */\n  @Prop({ reflect: true }) author: string = \"\";\n\n  /** Date of the content */\n  @Prop({ reflect: true }) date: string = \"\";\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"hero\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    leads.forEach(lead => {\n      setPropsIfNull(lead, {\n        lead: true,\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n    const menuSlotUsed = hasSlot(this.element, \"menu\");\n    const hasArticleInfo = !!this.author || !!this.date;\n\n    const classes = {\n      \"stzh-pi-pagetitle\": true,\n      \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n      \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n      \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n      \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n      \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n      \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n      \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n      [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n    };\n\n    return (\n      <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n        <div class={classes}>\n          <div class=\"stzh-pi-pagetitle__hero-container\">\n            <div class=\"stzh-pi-pagetitle__hero\">\n              <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n                <slot name=\"breadcrumb\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__meta\">\n                <div class=\"stzh-pi-pagetitle__readspeaker\">\n                  <slot name=\"readspeaker\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__dateline\">\n                <slot name=\"dateline\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__heading\">\n                <slot name=\"heading\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n            <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n              <div class=\"stzh-pi-pagetitle__menu\">\n                {menuSlotUsed && (\n                  <div class=\"stzh-pi-pagetitle__menu-inner\">\n                    <slot name=\"menu\"></slot>\n                  </div>\n                )}\n              </div>\n\n              {imageSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__image\">\n                  {[1, 2].indexOf(this.level) > -1 && (\n                    <div class=\"stzh-pi-pagetitle__image-wrapper\">\n                      <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n                        <slot name={\"image\"}></slot>\n                      </stzh-ratio>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {menuSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__lead\">\n                  <slot name=\"lead\"></slot>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {!menuSlotUsed && (\n            <div class=\"stzh-pi-pagetitle__lead-container\">\n              <div class=\"stzh-pi-pagetitle__lead\">\n                <slot name=\"lead\"></slot>\n              </div>\n            </div>\n          )}\n\n          {hasArticleInfo && (\n            <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n              <div class=\"stzh-pi-pagetitle__article-info\">\n                <div class=\"stzh-pi-pagetitle__article-info-holder\">\n                  {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n                  {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n\n                  <slot name=\"content\" />\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhPiPagetitleCss","StzhPiPagetitleStyle0","StzhPiPagetitle","this","init","heading","element","querySelector","leads","querySelectorAll","readspeakerButton","setPropsIfNull","curve","level","variant","noPaddingLeft","noPaddingRight","size","sizeMedium","buttonAccesskey","forEach","lead","connectedCallback","render","imageSlotUsed","hasSlot","leadSlotUsed","readspeakerSlotUsed","menuSlotUsed","hasArticleInfo","author","date","classes","hyphensEnabled","h","Host","key","class","name","indexOf","ratio","ratioSmall"],"sources":["src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.scss?tag=stzh-pi-pagetitle&encapsulation=scoped","src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pi-pagetitle-background-color: Background if it has a menu\n   * @prop --stzh-pi-pagetitle-hero-background-color: Background color\n   * @prop --stzh-pi-pagetitle-lead-background-color: Background of lead section\n */\n\n:host {\n  --hero-background-color: var(\n    --stzh-pi-pagetitle-hero-background-color,\n    #{$colorPrimary10}\n  );\n  --lead-background-color: var(\n    --stzh-pi-pagetitle-lead-background-color,\n    #{$colorPrimary40}\n  );\n  --background-color: var(\n    --stzh-pi-pagetitle-background-color,\n    #{$colorCoolgrey10}\n  );\n  --grid-template-areas: \"hero hero hero hero\"\n    \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  @include mq($from: small) {\n    --grid-template-areas: \". hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: \". . hero hero hero hero hero hero\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero hero hero .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n  @include mq($from: ultra) {\n    --grid-template-areas: \". . hero hero hero hero hero hero hero . . .\"\n      \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n  }\n\n  ::slotted([slot=\"dateline\"]) {\n    @include fontSize(\"milli\");\n    @include font(\"heavy\");\n    --color: var(--stzh-color-black80op);\n  }\n\n  ::slotted([slot=\"heading\"]),\n  ::slotted([slot=\"lead\"]) *,\n  ::slotted([slot=\"breadcrumb\"]) {\n    --color: var(--stzh-color-black);\n  }\n\n  ::slotted([slot=\"menu\"]) {\n    --stzh-pi-menu-padding-left: #{$containerMargin};\n\n    @include mq($from: small) {\n      --stzh-pi-menu-padding-left: #{$containerMarginSmall};\n    }\n\n    @include mq($from: large) {\n      --stzh-pi-menu-padding-left: #{$containerMarginLarge};\n    }\n\n    @include mq($from: ultra) {\n      --stzh-pi-menu-padding-left: calc((100vw - #{$containerMaxWidth}) / 2);\n    }\n  }\n}\n\n.stzh-pi-pagetitle {\n  @include spaceCurve(\"margin-bottom\", \"large\");\n  @include spaceCurve(\"margin-bottom\", \"large\");\n\n  /* Containers */\n\n  &__hero-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include containerPadding;\n  }\n\n  &__image-lead-menu-container {\n    @include grid;\n    grid-template-areas: var(--grid-template-areas);\n    background-color: var(--hero-background-color);\n\n    @include mq($from: medium) {\n      @include containerPadding;\n    }\n  }\n\n  &__lead-container {\n    @include grid;\n    grid-template-areas: \"lead lead lead lead\";\n    background-color: var(--lead-background-color);\n    @include containerPadding;\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . lead lead lead lead lead lead . . .\";\n    }\n  }\n\n  &__image-lead-menu {\n    grid-area: image-lead-menu;\n\n    @include grid;\n    grid-template-areas: \"image image image image\" \"lead lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  /* Elements */\n\n  &__hero {\n    grid-area: hero;\n  }\n\n  &__menu {\n    display: none;\n    // grid-area: menu;\n    grid-column: 1 / 2; /* span full width */\n    grid-row: 1 / 2; /* same row as image */\n    position: relative; /* allows z-index to work */\n    z-index: 2;\n\n    @include mq($from: medium) {\n      // grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      // grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n      grid-column: 1 / 3; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n  }\n\n  &__image {\n    // grid-area: image;\n    grid-column: 1 / -1;\n    grid-row: 1 / 2; /* extend beyond menu row */\n    z-index: 1;\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 1 / 2; /* same row as image */\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &__lead {\n    --stzh-base-lead-color: #{$headingColor};\n    // grid-area: lead;\n    grid-column: 1 / -1;\n    grid-row: 2 / 4; /* extend beyond menu row */\n    z-index: 1;\n\n    background-color: var(--lead-background-color);\n    @include spaceCurve(\"padding-top\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n\n    @include mq($from: medium) {\n      grid-column: 3 / -1; /* span full width */\n      grid-row: 2 / -1; /* same row as image */\n    }\n  }\n\n  &__text {\n    @include spaceCurve(\"padding-top\", \"big\");\n    @include spaceCurve(\"padding-bottom\", \"big\");\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  &__meta {\n    display: flex;\n    flex-direction: column-reverse;\n    row-gap: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__readspeaker {\n    margin-bottom: space(\"medium\");\n\n    @include mq($from: small) {\n      margin-bottom: space(\"large\");\n    }\n\n    @include mq($from: small, $to: medium) {\n      --stzh-readspeaker-dropdown-position: relative;\n      --stzh-readspeaker-dropdown-top: auto;\n    }\n  }\n\n  &__dateline {\n    margin-bottom: space(\"xxsmall\");\n  }\n\n  &__breadcrumbs {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"regular\");\n  }\n\n  /**\n   * Menu.\n   */\n\n  &__menu-inner {\n    @include mq($from: medium) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    }\n  }\n\n  /* Article Info */\n  &__article-info-wrapper {\n    @include container();\n    @include spaceCurve(\"padding-top\", \"large\");\n    @include grid;\n    grid-template-areas: \"article-info article-info article-info article-info\";\n\n    @include mq($from: medium) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info\";\n    }\n\n    @include mq($from: large) {\n      grid-template-areas: \". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info\";\n    }\n  }\n\n  &__article-info {\n    grid-area: article-info;\n  }\n\n  &__article-info-holder {\n    @include mq($from: medium) {\n      @include spaceCurve(\"padding-left\", \"regular\");\n    }\n  }\n\n  &__author {\n    margin-top: 0;\n    margin-bottom: var(--stzh-space-xxsmall);\n    color: var(--stzh-color-coolgrey70);\n    @include font(\"heavy\");\n    @include fontCurve(\"p1\");\n  }\n\n  &__date {\n    margin: 0;\n    @include fontCurve(\"p1\");\n  }\n\n  /**\n   * Has menu.\n   */\n  &--has-menu &__image-lead-menu {\n    grid-template-columns: auto repeat(3, minmax(0, 1fr));\n    // grid-template-areas: \"menu image image image\" \"menu lead lead lead\";\n\n    @include mq($from: medium) {\n      grid-template-columns: $gridColumnsMedium;\n      // grid-template-areas: \"menu menu image image image image image image\" \"menu menu lead lead lead lead lead lead\";\n    }\n\n    @include mq($from: large) {\n      grid-template-columns: $gridColumnsLarge;\n      // grid-template-areas: \"menu menu menu image image image image image image image image image\" \"menu menu menu lead lead lead lead lead lead lead lead lead\";\n    }\n  }\n\n  &--has-menu &__image-lead-menu-container {\n    background-color: transparent;\n    @include mq($to: medium) {\n      background-color: var(--lead-background-color);\n    }\n  }\n\n  &--has-menu &__menu {\n    position: relative;\n    display: inherit;\n    margin-right: calc(#{$gridGutter} * -1);\n\n    @include mq($from: small) {\n      margin-right: calc(#{$gridGutterSmall} * -1);\n    }\n\n    @include mq($from: medium) {\n      margin-right: calc(#{$gridGutterMedium} * -1);\n      margin-left: -$containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: calc(#{$gridGutterLarge} * -1);\n      margin-left: -$containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc(#{$gridGutterUltra} * -1);\n      margin-left: calc((100vw - #{$containerMaxWidth}) / -2);\n    }\n  }\n\n  &--has-menu &__lead {\n    @include spaceCurve(\"padding-left\", \"regular\");\n\n    @include mq($from: medium) {\n      margin-right: -$containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      margin-right: -$containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n      padding-right: calc((100vw - 84.25rem) / 2);\n    }\n  }\n\n  /* Has meta */\n\n  &--has-meta &__text {\n    @include spaceCurve(\"padding-top\", \"regular\");\n  }\n\n  /* Level 3-4 */\n  &--level-3,\n  &--level-4 {\n    --hero-background-color: var(--stzh-color-coolgrey20);\n    --lead-background-color: var(--stzh-color-coolgrey30);\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n  tag: \"stzh-pi-pagetitle\",\n  styleUrl: \"stzh-pi-pagetitle.scss\",\n  scoped: true,\n})\nexport class StzhPiPagetitle {\n  /** Level */\n  @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  /** Author of the content */\n  @Prop({ reflect: true }) author: string = \"\";\n\n  /** Date of the content */\n  @Prop({ reflect: true }) date: string = \"\";\n\n  @Element() element: HTMLStzhPiPagetitleElement;\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"hero\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    leads.forEach(lead => {\n      setPropsIfNull(lead, {\n        lead: true,\n      } as HTMLStzhTextElement);\n    });\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n    const menuSlotUsed = hasSlot(this.element, \"menu\");\n    const hasArticleInfo = !!this.author || !!this.date;\n\n    const classes = {\n      \"stzh-pi-pagetitle\": true,\n      \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n      \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n      \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n      \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n      \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n      \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n      \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n      [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n    };\n\n    return (\n      <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n        <div class={classes}>\n          <div class=\"stzh-pi-pagetitle__hero-container\">\n            <div class=\"stzh-pi-pagetitle__hero\">\n              <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n                <slot name=\"breadcrumb\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__meta\">\n                <div class=\"stzh-pi-pagetitle__readspeaker\">\n                  <slot name=\"readspeaker\"></slot>\n                </div>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__dateline\">\n                <slot name=\"dateline\"></slot>\n              </div>\n\n              <div class=\"stzh-pi-pagetitle__heading\">\n                <slot name=\"heading\"></slot>\n              </div>\n            </div>\n          </div>\n          <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n            <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n              <div class=\"stzh-pi-pagetitle__menu\">\n                {menuSlotUsed && (\n                  <div class=\"stzh-pi-pagetitle__menu-inner\">\n                    <slot name=\"menu\"></slot>\n                  </div>\n                )}\n              </div>\n\n              {imageSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__image\">\n                  {[1, 2].indexOf(this.level) > -1 && (\n                    <div class=\"stzh-pi-pagetitle__image-wrapper\">\n                      <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n                        <slot name={\"image\"}></slot>\n                      </stzh-ratio>\n                    </div>\n                  )}\n                </div>\n              )}\n\n              {menuSlotUsed && (\n                <div class=\"stzh-pi-pagetitle__lead\">\n                  <slot name=\"lead\"></slot>\n                </div>\n              )}\n            </div>\n          </div>\n\n          {!menuSlotUsed && (\n            <div class=\"stzh-pi-pagetitle__lead-container\">\n              <div class=\"stzh-pi-pagetitle__lead\">\n                <slot name=\"lead\"></slot>\n              </div>\n            </div>\n          )}\n\n          <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n            <div class=\"stzh-pi-pagetitle__article-info\">\n              <div class=\"stzh-pi-pagetitle__article-info-holder\">\n                {hasArticleInfo && (\n                  <div>\n                    {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n                    {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n                  </div>\n                )}\n                <slot name=\"content\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}