html.decor-view-open{overflow:hidden}.decor-gallery{color:#171717}.decor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.5rem;display:grid}.decor-card[hidden],.decor-filter-bar[hidden],.decor-more[hidden]{display:none}.decor-preview{text-decoration:none;display:block}.decor-image{border-radius:var(--media-radius);aspect-ratio:4/3;background:#e6e4de;position:relative;overflow:hidden}.decor-image>img:first-child{object-fit:cover;width:100%;height:100%;transition:transform .3s}.decor-gallery-rooms .decor-image{aspect-ratio:3/2}.decor-preview:hover .decor-image>img:first-child{transform:scale(1.025)}.decor-enlarge{color:#171717;background:#fff;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.3rem;display:grid;position:absolute;top:.8rem;right:.8rem}.decor-image .decor-swatch{object-fit:cover;border:2px solid #fff;border-radius:.3rem;width:3.6rem;height:4.4rem;position:absolute;bottom:.8rem;left:.8rem;box-shadow:0 3px 14px #0003}.decor-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-top:1rem;display:flex}.decor-title h3{font:650 1.25rem / 1.2 var(--font-display)}.decor-title>span{letter-spacing:.07em;color:#6b6b65;font-size:.65rem}.decor-description{color:#666660;margin-top:.5rem;font-size:.85rem;line-height:1.6}.decor-sample-link{text-underline-offset:.3rem;align-items:center;gap:1rem;min-height:44px;margin-top:.4rem;padding-block:.6rem;font-size:.8rem;font-weight:600;text-decoration:underline;display:inline-flex}.decor-colour-note{color:#777770;margin-top:2rem;font-size:.75rem;line-height:1.6}.decor-gallery a:focus-visible,.decor-gallery button:focus-visible{outline-offset:4px;outline:2px solid #171717}.decor-filter-bar{margin-bottom:2rem}.decor-filters{flex-wrap:wrap;gap:.5rem;display:flex}.decor-filters button{cursor:pointer;border:1px solid #d4d2cb;border-radius:2rem;min-height:44px;padding:.65rem 1rem;font-size:.8rem}.decor-filters button[aria-pressed=true]{color:#fff;background:#171717;border-color:#171717}.decor-filter-bar>p{color:#777770;margin-top:1rem;font-size:.75rem}.decor-more{cursor:pointer;border:1px solid #b9b7b0;min-height:48px;margin:2.5rem auto 0;padding:.9rem 2rem;font-size:.8rem;display:block}.decor-dialog{color:#171717;overscroll-behavior:contain;background:#fafaf8;border:0;border-radius:1rem;width:min(66rem,100% - 3rem);max-height:calc(100dvh - 3rem);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.decor-dialog::backdrop{backdrop-filter:blur(5px);background:#000b}.decor-dialog-close{z-index:2;float:right;color:#171717;cursor:pointer;background:#fff;border:1px solid #d7d5ce;border-radius:50%;width:44px;height:44px;margin:1rem 1rem -3.75rem 0;font-size:1.8rem;position:sticky;top:1rem}.decor-dialog-content{grid-template-columns:1fr 1fr;display:grid}.decor-detail-media{background:#eeece6;padding:1.5rem}.decor-detail-media>img{object-fit:contain;width:100%;max-height:72vh}.decor-detail-media figure{margin-top:1.5rem}.decor-detail-media figure img{border-radius:.5rem;width:100%;height:auto}.decor-detail-media figcaption{color:#666660;padding-top:.5rem;font-size:.7rem}.decor-detail-copy{padding:4rem 2rem 2rem}.decor-detail-copy h2{font:650 clamp(2rem, 3vw, 3rem) / 1.08 var(--font-display);margin-block:1rem}.decor-detail-copy>p{line-height:1.7}.decor-detail-copy dl{margin-top:1.5rem}.decor-detail-copy dl div{border-top:1px solid #d9d7d0;grid-template-columns:1fr 1fr;gap:1rem;padding:.65rem 0;font-size:.8rem;display:grid}.decor-detail-copy dt{color:#73736d}.decor-detail-copy dd{font-weight:550}.decor-note{color:#73736d;margin-block:1.5rem;font-size:.8rem}@media (width<=63.999rem){.decor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=39.999rem){.decor-grid{grid-template-columns:1fr;gap:2rem}.decor-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.decor-dialog-content{grid-template-columns:1fr}.decor-detail-media{padding:1rem}.decor-detail-media>img{max-height:55vh}.decor-detail-copy{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){.decor-image>img:first-child{transition:none}}html[data-motion=off] .decor-image>img:first-child{transition:none}
