body.unscrollable{overflow-y:hidden}.twelve-days{display:grid;grid-template-areas:"one one eight eight twelve twelve twelve twelve" "one one eight eight twelve twelve twelve twelve" "ten ten six two four four seven seven" "ten ten six two four four seven seven" "three three eleven eleven nine nine seven seven" "three three eleven eleven nine nine five five";column-gap:14px;row-gap:28px}.twelve-days .grid-item{position:relative;padding-bottom:100%;animation-name:none;animation-duration:.3s;animation-timing-function:ease;animation-iteration-count:infinite;animation-fill-mode:both;perspective:2000px}.twelve-days .grid-item:not(.locked):hover{animation-name:jiggle;cursor:pointer}.twelve-days .grid-item.open:hover{animation-name:none}@keyframes jiggle{0%{transform:rotate(0)}33%{transform:rotate(3deg)}66%{transform:rotate(-3deg)}100%{transform:rotate(0)}}.twelve-days .grid-item .background{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s ease}.twelve-days .grid-item .background-grey{box-shadow:rgba(50,50,93,0.25) 0px 30px 60px -12px inset,rgba(0,0,0,0.3) 0px 18px 36px -18px inset}.twelve-days .grid-item .background-purple{background-color:var(--primary-color);box-shadow:rgba(0,0,0,0.12) 0px 1px 3px,rgba(0,0,0,0.24) 0px 1px 2px}.twelve-days .grid-item.open .background-purple{transform:rotateY(-20deg);transform-origin:left;filter:grayscale(0.7)}.twelve-days .grid-item.open:hover .background-purple{transform:rotateY(-30deg)}.twelve-days .grid-item .grid-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.twelve-days .grid-item.open .grid-image{transform:rotateY(-20deg);transform-origin:left;filter:grayscale(0.7)}.twelve-days .grid-item.open:hover .grid-image{transform:rotateY(-30deg)}.twelve-days .one{grid-area:one}.twelve-days .two{grid-area:two;padding-bottom:150%}.twelve-days .three{grid-area:three}.twelve-days .four{grid-area:four}.twelve-days .five{grid-area:five;padding-bottom:50%}.twelve-days .six{grid-area:six;padding-bottom:150%}.twelve-days .seven{grid-area:seven;padding-bottom:125%}.twelve-days .eight{grid-area:eight}.twelve-days .nine{grid-area:nine}.twelve-days .ten{grid-area:ten}.twelve-days .eleven{grid-area:eleven}.twelve-days .twelve{grid-area:twelve;padding-bottom:50%}.twelve-days .grid-popup{display:none;flex-flow:column nowrap;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;position:fixed;overflow-y:scroll;overflow-x:hidden;min-width:100vw;min-height:100vh;z-index:2;background-color:rgba(255,255,255,0.95);animation-name:fadeIn;animation-duration:.3s;animation-timing-function:ease}@keyframes fadeIn{0%{opacity:0}100%{opacity:100%}}.twelve-days .grid-popup.active{display:flex}.twelve-days .grid-popup .popup-underlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.twelve-days .grid-popup .close-icon{position:absolute;top:12px;right:12px;width:24px;height:24px;cursor:pointer;z-index:1}.twelve-days .grid-popup .close-icon svg{fill:var(--primary-color)}.twelve-days .grid-popup .content{position:absolute;top:0;display:flex;flex-flow:column nowrap;align-items:center;width:100%;max-width:750px;padding:20px 32px;text-align:center}.twelve-days .grid-popup .title{font-size:36px;font-weight:700;line-height:normal;text-transform:uppercase;color:var(--primary-color);margin-bottom:16px;margin-top:32px}.twelve-days .grid-popup .cover-image{max-height:320px}.twelve-days .grid-popup .content .underlay{background-color:rgba(255,255,255,1);position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 180px);border-top:40px solid var(--lime);z-index:-1}.twelve-days .grid-popup .content .rich-text{width:100%;max-width:435px}@media screen and (max-width:767px){.twelve-days{grid-template-areas:"one one eight eight" "one one eight eight" "ten ten six two" "ten ten six two" "three three eleven eleven" "three three eleven eleven" "twelve twelve twelve twelve" "twelve twelve twelve twelve" "four four seven seven" "four four seven seven" "nine nine seven seven" "nine nine five five"}}