@keyframes revealLeft{0%{translate:-50% 0%;opacity:0}to{translate:0% 0%;opacity:1}}@keyframes revealSlant{0%{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}to{clip-path:polygon(0 0,0 0,100% 100%,0% 100%)}}@keyframes revealSlantMobile{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{clip-path:polygon(0 0,0 0,100% 0,0% 100%)}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes revealRight{0%{translate:50% 0%;opacity:0}to{translate:0% 0%;opacity:1}}.gna-and-not-or-promo{display:grid;margin:10px 0;grid-template-columns:1fr 4rem 1fr;min-height:250px;box-shadow:#0003 0 0 6px;view-timeline:--gnaAndNotOrPromoTimeline y}.gna-and-not-or-promo>:is(:nth-child(1),:nth-child(3)){height:100%;display:grid;align-items:center;align-content:center;justify-content:center}.gna-and-not-or-promo>:nth-child(1){background:#007f00;container-type:inline-size;padding:2rem 0 2rem 2rem;text-align:center}.gna-and-not-or-promo div:nth-child(2).slant{background:#007f00;clip-path:polygon(0 0,0 0,100% 100%,0% 100%);animation-timeline:--gnaAndNotOrPromoTimeline;animation-name:revealSlant;animation-range:entry 0% cover 50%;margin:0 0 0 -1px}.gna-and-not-or-promo>div:nth-child(3){background:#ffffff;gap:1rem;padding:2rem}.gna-and-not-or-promo>div:first-child h3{font-size:50px;font-size:clamp(50px,10cqw,70px);line-height:1;color:#fff;font-weight:1;text-shadow:0 0 10px rgb(0 0 0 / 30%);animation-timeline:--gnaAndNotOrPromoTimeline;animation-name:revealLeft;animation-range:entry 0% cover 50%}.gna-and-not-or-promo>div:first-child h3>*{display:inline-block}.gna-and-not-or-promo>div:first-child h3 span{position:relative}.gna-and-not-or-promo>div:first-child h3 span svg{position:absolute;width:100%;bottom:-20%;fill:#cf0;left:0}.gna-and-not-or-promo>div:first-child h3 span svg mask path{animation-timeline:--gnaAndNotOrPromoTimeline;animation-name:draw;animation-fill-mode:forwards;animation-range:entry 50% cover 60%}.gna-and-not-or-promo a{appearance:none;text-decoration:none;display:inline-block;justify-self:flex-start;text-align:center;font-size:1.1rem;background:#fff;border:1px solid rgba(0,127,0,.5);color:#252530;padding:.5rem 1rem;border-radius:999px;transition:color .2s,border .2s}.gna-and-not-or-promo a:hover{border:1px solid rgba(0,127,0,.3);color:#666}@media (width <= 720px){.gna-and-not-or-promo{grid-template-columns:1fr;grid-template-rows:auto 4rem 1fr}.gna-and-not-or-promo>:nth-child(1){padding:4rem 2rem 2rem}.gna-and-not-or-promo div:nth-child(2).slant{clip-path:polygon(0 0,0 0,100% 0,0% 100%);animation-timeline:--gnaAndNotOrPromoTimeline;animation-name:revealSlantMobile;animation-range:entry 0% cover 50%;margin:-1px 0 0}}