.page-teasers__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr))}.page-teaser{position:relative;isolation:isolate;padding:2rem 1.5rem 1.5rem;background-color:var(--color--background);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media (prefers-reduced-motion: no-preference){.page-teaser{will-change:box-shadow;transition:box-shadow var(--timing) var(--ease)}}.page-teaser--has-link{box-shadow:0 3px 9px #00000029}.page-teaser:not(.page-teaser--highlight){background-color:var(--color--background-alternate)}@media (prefers-reduced-motion: no-preference){.page-teaser:not(.page-teaser--highlight){will-change:background-color, box-shadow;transition:background-color var(--timing) var(--ease),box-shadow var(--timing) var(--ease)}}.page-teaser:not(.page-teaser--highlight)::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:4px solid var(--color--background-alternate)}.page-teaser--highlight::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--gradient--green-green-135)}@media (prefers-reduced-motion: no-preference){.page-teaser--highlight::after{will-change:opacity;transition:opacity var(--timing) var(--ease)}}.page-teaser__title{font-size:1.25rem;line-height:1.5}@media (min-width: 20em){.page-teaser__title{font-size:calc(1.25rem + 4 * ((100vw - 320px) / 748))}}@media (min-width: 66.75em){.page-teaser__title{font-size:1.5rem}}.page-teaser:not(.page-teaser--highlight) .page-teaser__title{color:var(--color--brand)}.page-teaser__description{line-height:1.5;margin-bottom:3rem}.page-teaser__link{margin-top:auto;margin-bottom:0}.page-teaser__link::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.page-teaser__link:focus-visible{box-shadow:none}.page-teaser__link:focus-visible::after{border-radius:var(--roundness);box-shadow:0 0 0 var(--line) cyan}.page-teaser__link-icon{width:1rem;height:1rem;flex-shrink:0;transform:rotate(-90deg)}.page-teaser:not(.page-teaser--highlight) .page-teaser__link{display:flex;align-items:center;gap:.25rem;color:var(--color--font)}.page-teaser--highlight .page-teaser__link{overflow:visible;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;display:inline-flex;align-items:center;min-height:2.75rem;font:inherit;font-size:1rem;line-height:inherit;font-weight:inherit;color:inherit;background-color:transparent;border:none;padding:0;font-weight:var(--font-weight--bold);border-radius:7px;padding:.25em 2em;background-color:var(--color--white);border-radius:7px;box-shadow:0 3px 6px #00000029}.page-teaser--highlight .page-teaser__link>*{pointer-events:none}@media (prefers-reduced-motion: no-preference){.page-teaser--highlight .page-teaser__link{will-change:color background-color box-shadow;transition:color var(--timing) var(--ease),background-color var(--timing) var(--ease),box-shadow var(--timing) var(--ease)}}.page-teaser--highlight .page-teaser__link:is(a){text-decoration:none}.page-teaser--highlight .page-teaser__link:is(a):hover{text-decoration:none}.page-teaser--highlight .page-teaser__link:active{transform:scale(0.99)}.page-teaser--has-link:hover{box-shadow:0 0 0 #00000029}.page-teaser--has-link:not(.page-teaser--highlight):hover{background-color:var(--color--background)}.page-teaser--has-link:not(.page-teaser--highlight):hover .page-teaser__link{color:var(--color--darkgreen)}.page-teaser--has-link.page-teaser--highlight:hover::after{opacity:.8}.page-teaser--has-link.page-teaser--highlight:hover{box-shadow:0 2px 4px #00000029}
