.tile__grid{display:grid;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start;gap:1.6rem;list-style:none;padding-bottom:3.6rem}.tile__grid .tile{position:relative;border-radius:8px;perspective:1000px;aspect-ratio:1/1;container-type:inline-size}.tile__grid .tile .tile__wrapper{display:block;width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s ease;color:#fff;text-decoration:none}@media(hover: hover){.tile__grid .tile:hover .tile__wrapper{transform:rotateY(180deg)}}.tile__grid .tile.is-flipped .tile__wrapper{transform:rotateY(180deg)}.tile__grid .tile .tile__front,.tile__grid .tile .tile__back{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;padding:3.6rem 2.4rem;color:#fff;letter-spacing:.2rem}.tile__grid .tile .tile__back{transform:rotateY(180deg)}.tile__grid .tile .tile__background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-filter:brightness(60%);filter:brightness(60%);z-index:-1;object-fit:cover}.tile__grid .tile .tile__title{text-align:center;z-index:1;font-size:2.4rem}.tile__grid .tile .tile__text{text-align:center;z-index:1;padding:0 1rem;font-size:1.6rem}.tile__grid .tile .tile__text strong,.tile__grid .tile .tile__text b{letter-spacing:.2rem}@container (max-width: 150px){.tile__grid .tile .tile__title{font-size:1.4rem}.tile__grid .tile .tile__text{font-size:1rem}}@container (min-width: 151px) and (max-width: 200px){.tile__grid .tile .tile__title{font-size:1.6rem}.tile__grid .tile .tile__text{font-size:1.2rem}}@container (min-width: 201px) and (max-width: 250px){.tile__grid .tile .tile__title{font-size:1.8rem}.tile__grid .tile .tile__text{font-size:1.3rem}}@container (min-width: 251px) and (max-width: 300px){.tile__grid .tile .tile__title{font-size:2rem}.tile__grid .tile .tile__text{font-size:1.4rem}}@container (min-width: 301px) and (max-width: 400px){.tile__grid .tile .tile__title{font-size:2.2rem}.tile__grid .tile .tile__text{font-size:1.5rem}}@container (min-width: 401px){.tile__grid .tile .tile__title{font-size:2.4rem}.tile__grid .tile .tile__text{font-size:1.6rem}}@media screen and (max-width: 900px){.tile__grid{grid-template-columns:repeat(2, 1fr) !important}}@media screen and (max-width: 400px){.tile__grid{grid-template-columns:1fr !important}}/*# sourceMappingURL=tileGrid.css.map */