@property --gradient-color{inherits:true;initial-value:#000;syntax:"<color>"}@layer component{.teaser-card[data-v-b861a79d]{--gradient-color:oklch(from var(--color-blue-10) l c h/40%);--bg-up:var(--color-blue-10);--bg:var(--color-blue-20);--bg-down:var(--color-blue-30);--fg-up:var(--color-white);--fg:var(--color-neutral-80);--fg-down:var(--color-neutral-50);--fg-primary:var(--color-gold-70);--fg-secondary:var(--color-blue-70);--fg-info:var(--color-info-light);--fg-success:var(--color-success-light);--fg-warning:var(--color-warning-light);--fg-danger:var(--color-danger-light);align-items:flex-end;background-color:var(--bg);border-radius:var(--border-radius-md);color:var(--fg);container-type:inline-size;display:flex;height:100%;overflow:clip;position:relative;text-decoration:none}.teaser-card[data-v-b861a79d]:before{background-image:linear-gradient(0deg,transparent 0,oklch(from var(--color-gold-70) l c h/20%) 85%),linear-gradient(0deg,var(--gradient-color) 10%,transparent 100%);content:"";display:block;inset:0;position:absolute;transition:--gradient-color .25s ease;z-index:2}.teaser-card[data-v-b861a79d]:focus-within,.teaser-card[data-v-b861a79d]:hover{--gradient-color:oklch(from var(--color-blue-10) l c h/100%)}img[data-v-b861a79d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}.inner[data-v-b861a79d]{background:linear-gradient(0deg,oklch(from var(--color-blue-10) l c h/60%) 45%,transparent 100%);inset-block-end:0;inset-inline-start:0;padding:var(--sp-sm);position:relative;transition:.4s ease;translate:0 10px;width:100%;z-index:3}@media(width>=768px){.inner[data-v-b861a79d]{padding:calc(var(--sp-md) + var(--sp)*12) var(--sp-md) var(--sp-md)}}.overline[data-v-b861a79d]{color:var(--fg-secondary);font-family:var(--font);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-wrap:pretty;--line-height-sm:var(--line-height-xs-sm);--line-height-base:var(--line-height-xs-base);--line-height-lg:var(--line-height-xs-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 290px){.overline[data-v-b861a79d]{--line-height:var(--line-height-sm)}}@container (width >= 581px){.overline[data-v-b861a79d]{--line-height:var(--line-height-lg)}}.overline[data-v-b861a79d]{font-size:var(--font-size-xs);margin-block:.75em 0}.title[data-v-b861a79d]{font-family:var(--font-display);font-weight:700;text-wrap:pretty;--line-height-sm:var(--line-height-xl-sm);--line-height-base:var(--line-height-xl-base);--line-height-lg:var(--line-height-xl-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 602px){.title[data-v-b861a79d]{--line-height:var(--line-height-sm)}}@container (width >= 1204px){.title[data-v-b861a79d]{--line-height:var(--line-height-lg)}}.title[data-v-b861a79d]{font-size:var(--font-size-xl);color:var(--fg-up);margin-block:0 .25em}.overline+.title[data-v-b861a79d]{margin-block-start:0}.details[data-v-b861a79d]{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);--line-height:var(--line-height-base);line-height:var(--line-height)}@container (width <= 348px){.details[data-v-b861a79d]{--line-height:var(--line-height-sm)}}@container (width >= 697px){.details[data-v-b861a79d]{--line-height:var(--line-height-lg)}}.details[data-v-b861a79d]{font-size:var(--font-size-sm);font-family:var(--font);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.details strong[data-v-b861a79d]{font-weight:700}.details[data-v-b861a79d]{--line-height:var(--line-height-sm);color:var(--fg-up);height:0;margin-block:0;max-width:48ch;opacity:0;overflow:clip;transition:margin .3s ease .1s,height .3s ease .1s,opacity .2s ease}.teaser-card:focus-within .details[data-v-b861a79d],.teaser-card:hover .details[data-v-b861a79d]{height:auto;margin-block:.75em;opacity:1;transition:margin .3s ease,height .3s ease,opacity .2s ease .1s}}@layer compose{.details[data-v-b861a79d]>:last-child{margin-block-end:0}}