.room-tiles{display:grid;gap:var(--rt-gap, 12px)}.room-tiles--mosaic{grid-template-columns:repeat(4,1fr)}.room-tiles--row{grid-template-columns:repeat(var(--rt-columns, 4),1fr)}.room-tile{position:relative;display:block;overflow:hidden;border-radius:var(--rt-radius, 4px);text-decoration:none;color:#fff;background:var(--color-foreground, #1f1f1f);grid-column:span 1;aspect-ratio:1 / 1}.room-tile--large{grid-column:span 2;aspect-ratio:4 / 3}.room-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.22,.61,.36,1)}.room-tile__scrim,.room-tile__scrim--hover{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s ease}.room-tile__scrim{opacity:1;background:linear-gradient(to top,#14100cc7,#14100c73 32%,#14100c00 62%)}.room-tile__scrim--hover{opacity:0;background:linear-gradient(to top,#14100ce6,#14100c99 40%,#14100c1f 75%)}.room-tile__content{position:absolute;inset-block-end:0;inset-inline-start:0;padding:20px;display:flex;flex-direction:column;gap:2px;z-index:1}.room-tile__name{font-family:var(--font-heading--family);font-weight:500;line-height:1.1;margin:0;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35);font-size:clamp(1.1rem,.9rem + .7vw,1.4rem)}.room-tile--large .room-tile__name{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem)}.room-tile__cta{font-family:var(--font-body--family);font-size:.875rem;color:#fff;opacity:.95;display:inline-flex;align-items:center;gap:6px}.room-tile__cta svg{transition:transform .4s ease}.room-tile__count{font-family:var(--font-body--family);font-size:.75rem;color:#fff;opacity:.78;margin-block-start:2px}@media(hover:hover){.room-tile:hover img{transform:scale(1.04)}.room-tile:hover .room-tile__scrim{opacity:0}.room-tile:hover .room-tile__scrim--hover{opacity:1}.room-tile:hover .room-tile__cta svg{transform:translate(4px)}}.room-tile:focus-visible{outline:3px solid var(--color-primary-button-background, #2c6690);outline-offset:3px}.room-tiles__header{display:flex;flex-direction:column;gap:4px;margin-block-end:20px}.room-tiles__title{font-family:var(--font-heading--family);font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);line-height:1.1;margin:0}.room-tiles__subtitle{font-family:var(--font-body--family);font-size:1rem;opacity:.75;margin:0}@media screen and (max-width:989px){.room-tiles--row{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.room-tiles--mosaic,.room-tiles--row{grid-template-columns:repeat(2,1fr)}.room-tile--large{grid-column:span 2}.room-tile__content{padding:14px}}@media(prefers-reduced-motion:reduce){.room-tile img,.room-tile__scrim,.room-tile__scrim--hover,.room-tile__cta svg{transition:none}.room-tile:hover img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/room-tiles.css.map */