.advent-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 0 2rem}.advent-grid--item{aspect-ratio:2;background:var(--c-off-white);box-shadow:inset 0 0 50px -25px #000;cursor:pointer;display:grid;height:100%;overflow:hidden;place-content:stretch;position:relative}.advent-grid--item p,.advent-grid--item:before{grid-area:1/1;height:100%;padding:0 25px;place-content:center;text-align:center;width:100%}.advent-grid--item:before{background-color:var(--c-black);box-shadow:0 0 5px #000;color:#f6da9e;content:attr(cover);display:grid;font-family:var(--emphasis-heading-font-family);font-size:1.5rem;letter-spacing:.1ch;-webkit-mask-image:radial-gradient(circle at 100% center,transparent 15px,#1b1b1b 16px);mask-image:radial-gradient(circle at 100% center,transparent 15px,#1b1b1b 16px);text-transform:uppercase;transform-origin:left;transition:transform .25s var(--bezier)}.advent-grid--item:not(.active):hover:before{animation:open .2s var(--bezier) forwards}.advent-grid--item.active:before{transform:translateX(-90%)}@keyframes open{0%{translate:0 0}60%{translate:-8% 0}to{translate:-5% 0}}