.card-post{--margin: 0;--max-width: calc(var(--s2) * 28);--width: 100%;--flex: unset;--color:var(--color-text);--figure-aspect-ratio: 163 / 237;--figure-height: auto;position:relative;display:block;max-width:var(--max-width);width:var(--width);margin:var(--margin);flex:var(--flex);color:var(--color)}@media screen and (min-width: 768px){.card-post{--figure-aspect-ratio: unset;--figure-height: 30vw}}@media screen and (min-width: 992px){.card-post{--figure-height: 30.9vw}}@media screen and (min-width: 1200px){.card-post{--figure-height: 25.9vw}}.card-post--color-light{--color:var(--color-light)}@media (hover: hover) and (pointer: fine){.card-post:hover .card-post__figure img{transform:scale(1.05)}}.card-post:active .card-post__figure img{transform:scale(1.05)}.card-post--has-media-icons .card-post__figure:after{content:"";height:20%;position:absolute;bottom:0;left:0;pointer-events:none;width:100%;background:linear-gradient(0,#000 0%,#0000 100%)}.card-post__categories{list-style-type:none;padding:0;margin:0 0 calc(var(--s) * .5);display:flex;flex-wrap:wrap}.card-post__categories>li{font-size:var(--fs-xs);line-height:var(--lh-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);text-transform:uppercase;margin-bottom:calc(var(--s) * .5)}.card-post__categories>li:after{content:"|";margin:0 var(--s)}.card-post__categories>li:last-child:after{display:none}.card-post__date>li{font-size:var(--fs-xs);line-height:var(--lh-xs);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);margin-bottom:calc(var(--s) * .5)}.card-post__figure{position:relative;border-radius:calc(var(--s) * 2);overflow:hidden;aspect-ratio:var(--figure-aspect-ratio);height:var(--figure-height);width:100%}.card-post__figure picture{overflow:hidden}.card-post__figure img{transition:var(--transition-default)}.card-post__figure picture,.card-post__figure img{width:100%;height:100%;object-fit:cover;object-position:center}.card-post__figure:has(.card-post__chip--raffle):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;z-index:1}.card-post__chip{position:absolute;top:var(--s2);left:var(--s2);z-index:1;opacity:.9;background:var(--color-light);color:var(--color-text);padding:.3em 1em;font-size:calc(var(--s2) * 1);font-variation-settings:"wght" 700;font-family:var(--font-primary);text-transform:uppercase;border-radius:3em}@media screen and (min-width: 992px){.card-post__chip{font-size:calc(var(--s2) * 1.2)}}.card-post__chip--live{display:flex;color:var(--color-red);align-items:center}.card-post__chip--live:before{content:"";width:calc(var(--s2) * .4);height:calc(var(--s2) * .4);border-radius:calc(var(--s2) * .4);background-color:var(--color-red);margin-right:.6em}.card-post__chip--raffle{background-color:var(--color-primary);color:var(--color-light);z-index:2}.card-post__icon-play{position:absolute;top:50%;left:50%;margin-top:var(--s2);transform:translate(-50%,-50%);--color: var(--color-light);width:calc(var(--s2) * 7);height:calc(var(--s2) * 7);z-index:1}.card-post__icon-play svg{width:100%;height:100%}.card-post__header{margin-top:calc(var(--s) * 3)}.card-post__excerpt,.card-post .button{display:none}@media screen and (min-width: 1200px){.card-post .button{display:inline-block;text-decoration:underline;margin-top:calc(var(--s) * 4)}}.card-post__media-icons{position:absolute;bottom:var(--s3);right:var(--s3);display:flex;gap:var(--s2);z-index:1}.card-post__media-icon{position:relative}.card-post__media-icon .icon{display:block;--color: var(--color-light);--width: calc(var(--s2) * 3);--height: calc(var(--s2) * 3)}.card-post__media-icon span:not(.icon){font-size:calc(var(--s2) * 1.2);color:var(--color-light);position:absolute;top:calc(50% + .1em);left:calc(50% + .1em);transform:translate(-50%,-50%);font-variation-settings:"wght" 700}.card-post-date{font-size:var(--fs-m);line-height:var(--lh-m);font-family:var(--font-primary);font-variation-settings:"wght" var(--heading-font-variation-settings, 400);margin-bottom:calc(var(--s))}@media screen and (min-width: 1200px){.card-post-date{margin-bottom:calc(var(--s) * 2)}}