.twz-card-article{--card-article-media-height: 24rem;container-type:inline-size;container-name:article-card;position:relative;color:var(--black);height:100%;overflow:clip;border-radius:2rem;background:var(--white)}.twz-card-article__wrapper{display:flex;gap:3rem 5rem;width:100%;height:100%}.twz-card-article__wrapper::after{content:"";position:absolute;position-anchor:--focused-card;height:100%;width:100%;background:var(--blob-fill, var(--blue-100));z-index:2;transition:var(--animation-speed-m) ease}@container article-card (width <= 500px){.twz-card-article__wrapper{--card-article-media-height: 34rem;flex-direction:column}.twz-card-article__wrapper .twz-card-article__image{clip-path:shape(from 0% 0%, line to 100% 0%, line to 100% 80%, curve to 0% 80% with 50% 103%, close)}.twz-card-article__wrapper::after{top:anchor(top);right:anchor(right);scale:.5;translate:15% -13%;rotate:77deg;clip-path:shape(from 96.5% 53.12%, curve to 48.28% 100% with 82.37% 86.28%/74.91% 100%, curve to 0.06% 53.12% with 21.65% 100%/0.87% 78.99%, curve to 47.7% 1.16% with -1.1% 16.4%/14.58% 8.5%, curve to 96.51% 53.12% with 79.39% -5.87%/110.63% 19.98%, close)}}@container article-card (width > 500px){.twz-card-article__wrapper .twz-card-article__media{flex:0 0 max(var(--card-article-media-height),30%)}.twz-card-article__wrapper .twz-card-article__image{--card-image-scale: 1.15;clip-path:shape(from 0% 1.1%, line to 2.1% 0%, line to 72.5% 0%, curve to 82.9% 11% with 80.4% 0%/91.3% 30.3%, curve to 96.8% 40.5% with 89.7% 19.2%/94.9% 29.7%, curve to 82% 99.3% with 102.3% 61.7%/102.6% 83.5%, line to 79.5% 100%, line to 2.1% 100%, curve to 0% 98.9% with 0.9% 100%/0% 99.5%, close)}.twz-card-article__wrapper::after{top:anchor(center);left:anchor(left);scale:.6;translate:-20% -45%;rotate:300deg;width:80%;clip-path:shape(from 96.5% 53.12%, curve to 48.28% 100% with 82.37% 86.28%/74.91% 100%, curve to 0.06% 53.12% with 21.65% 100%/0.87% 78.99%, curve to 47.7% 1.16% with -1.1% 16.4%/14.58% 8.5%, curve to 96.51% 53.12% with 79.39% -5.87%/110.63% 19.98%, close)}}.twz-card-article__wrapper>.twz-icon--blob{--twz-icon-size: 80%;--twz-icon-fill: var(--blob-fill, var(--blue-100));position-anchor:--focused-card;transition:var(--animation-speed-l) ease;position:absolute;z-index:2}.twz-card-article__media{anchor-name:--focused-card;flex:0 0 var(--card-article-media-height)}.twz-card-article__image{position:relative;z-index:5;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;scale:var(--card-image-scale, 1.1)}.twz-card-article__content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:3.5rem;flex:1 1 auto;transition:var(--animation-speed-s) ease}@media(max-width: 549px){.twz-card-article__content{padding:2rem}}.twz-card-article__meta{display:flex;align-items:center;gap:.5rem;font-size:var(--fs-7)}.twz-card-article__meta strong{font-weight:700}.twz-card-article__meta-separator{font-weight:700}.twz-card-article__title{margin:0;font-size:clamp(2.4rem,4.5vw,3rem);transition:var(--animation-speed-s) ease}.twz-card-article__link{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem}.twz-card-article:hover .twz-card-article__link,.twz-card-article:has(a:focus-visible) .twz-card-article__link{padding-left:calc(var(--btn-padding-x) + var(--icon-blob-size)*.5);padding-right:calc(var(--btn-padding-x) - var(--icon-blob-size)*.5)}.twz-card-article:hover .twz-card-article__link .btn-icon,.twz-card-article:has(a:focus-visible) .twz-card-article__link .btn-icon{transform:translateY(-50%) scale(1);opacity:1}.twz-card-article:hover .twz-card-article__wrapper::after,.twz-card-article:has(a:focus-visible) .twz-card-article__wrapper::after{border-radius:20rem;scale:1.75;rotate:0deg;clip-path:shape(from 100% 53.12%, curve to 48.28% 100% with 82.37% 86.28%/74.91% 100%, curve to 0% 53.12% with 21.65% 100%/0.87% 78.99%, curve to 47.7% 0% with 0% 16.4%/14.58% 8.5%, curve to 100% 53.12% with 79.39% 0%/100% 19.98%, close)}@container article-card (width > 500px){.twz-card-article:hover .twz-card-article__wrapper::after,.twz-card-article:has(a:focus-visible) .twz-card-article__wrapper::after{rotate:175deg;translate:5% -45%}}