.shop-by-room{padding:var(--space-3xl) 0}.room-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 1),1fr);gap:var(--space-lg);margin-top:var(--space-xl)}@media(min-width:768px){.room-grid{grid-template-columns:repeat(var(--columns-desktop, 3),1fr);gap:var(--space-xl)}}.room-tile{position:relative;overflow:hidden;border-radius:var(--radius-md)}.room-tile__link{display:block;text-decoration:none;color:inherit;position:relative}.room-tile__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:var(--color-surface)}.room-tile__image{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.room-tile:hover .room-tile__image{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.room-tile__image{transition:none}.room-tile:hover .room-tile__image{transform:none}}.room-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1c141000,#1c141066 60%,#1c1410bf);transition:background .4s var(--ease-out)}.room-tile:hover .room-tile__overlay{background:linear-gradient(to bottom,#1c141000,#1c141080,#1c1410d9)}.room-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-alt);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text);opacity:.5}.room-tile__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);z-index:2;color:var(--color-ivory)}.room-tile__title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500;line-height:1.2;margin:0 0 var(--space-xs);letter-spacing:-.01em}.room-tile__subtitle{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4;margin:0 0 var(--space-sm);opacity:.9}.room-tile__cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.room-tile:hover .room-tile__cta{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.room-tile__cta{transition:opacity .2s ease;transform:none}.room-tile:hover .room-tile__cta{transform:none}}.room-tile__cta svg{width:16px;height:16px;transition:transform .3s var(--ease-out)}.room-tile:hover .room-tile__cta svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.room-tile:hover .room-tile__cta svg{transform:none}}@media(hover:none){.room-tile__cta{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-shop-by-room.css.map */