.highlight-block{display:flex;flex-direction:column;gap:1rem;pointer-events:none}@media(min-width:992px){.highlight-block{flex-direction:row}}.highlight-block__image-wrapper{flex:4;position:relative}.highlight-block__tag-wrapper{align-items:center;background-image:url(assets/tag-background.svg);background-repeat:no-repeat;display:flex;height:54px;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:170px}.highlight-block__tag{display:block;opacity:0;position:relative;z-index:1}.highlight-block__image{border-radius:2rem;height:100%;mask-composite:exclude;mask-image:url(assets/cut-out.svg),linear-gradient(#fff 0 0);mask-position:-2px -2px;mask-repeat:no-repeat;overflow:hidden;position:relative}.highlight-block__image picture{opacity:0}.highlight-block__image img{display:block;height:100%;max-height:480px;object-fit:cover;object-position:center;width:100%}@media(min-width:992px){.highlight-block__image img{aspect-ratio:1/1;max-height:100%}}.highlight-block__image:after{background-color:var(--c-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(100%);width:100%}.highlight-block__content{align-items:flex-start;border:1px solid var(--c-midnight-blue);border-radius:2rem;display:flex;flex:6;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;position:relative}@media(min-width:992px){.highlight-block__content{padding:4rem}.highlight-block__content:after{background-image:url(assets/cut-out-actions.svg);background-repeat:no-repeat;bottom:-28px;content:"";height:156px;position:absolute;right:-32px;width:268px}}.highlight-block__title{font-size:clamp(32px,4vw + 1rem,48px);letter-spacing:-3px;line-height:1;margin-block-end:0;opacity:0}@media(min-width:768px){.highlight-block__title{max-width:80%}}.highlight-block__description{flex:1;font-size:14px;letter-spacing:.27px;line-height:24px;opacity:0}@media(min-width:768px){.highlight-block__description{max-width:80%}}.highlight-block__actions{opacity:0}@media(min-width:768px){.highlight-block__actions{max-width:80%}}.highlight-block.active{pointer-events:all}.highlight-block.active .highlight-block__actions,.highlight-block.active .highlight-block__description,.highlight-block.active .highlight-block__image picture,.highlight-block.active .highlight-block__tag,.highlight-block.active .highlight-block__title{opacity:1}.highlight-block.active .highlight-block__image:after{transform:translateY(-100%)}.highlight-block.active.enter .highlight-block__actions,.highlight-block.active.enter .highlight-block__description,.highlight-block.active.enter .highlight-block__tag,.highlight-block.active.enter .highlight-block__title{opacity:0}.highlight-block.active.enter .highlight-block__image:after{transform:translateY(100%)}.highlight-block.enter .highlight-block__tag{animation:tagEnter .3s ease forwards}.highlight-block.enter .highlight-block__image:after{animation:imageTransitionEnter .5s ease forwards}.highlight-block.enter .highlight-block__title{animation:contentEnter .4s ease forwards}.highlight-block.enter .highlight-block__description{animation:contentEnter .3s ease forwards;animation-delay:.15s}.highlight-block.enter .highlight-block__actions{animation:contentEnter .3s ease forwards;animation-delay:.25s}.highlight-block.exit .highlight-block__tag{animation:tagExit .3s ease forwards}.highlight-block.exit .highlight-block__image:after{animation:imageTransitionExit .5s ease forwards}.highlight-block.exit .highlight-block__title{animation:contentExit .4s ease forwards}.highlight-block.exit .highlight-block__description{animation:contentExit .3s ease forwards;animation-delay:.15s}.highlight-block.exit .highlight-block__actions{animation:contentExit .3s ease forwards;animation-delay:.25s}@keyframes imageTransitionEnter{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes imageTransitionExit{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tagEnter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes tagExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes contentEnter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes contentExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}