.room-page{background:radial-gradient(circle at 72% 10%,rgb(227 118 63 / 9%),transparent 28rem),var(--nocturne)}.room-hero{position:relative;display:grid;min-height:min(82svh,58rem);padding:2rem var(--page-gutter) clamp(5rem,10vw,9rem);overflow:hidden;align-content:space-between;background:linear-gradient(90deg,#0e0c0df0,#0e0c0da8 48%,#0e0c0d29),image-set(url(/images/piano-room-hero-1600.avif) type("image/avif"),url(/images/piano-room-hero-1600.webp) type("image/webp")) 58% center / cover}.room-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.room-nav__back,.room-nav__sections{color:var(--piano-ivory);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.room-nav__sections{display:flex;gap:clamp(1rem,3vw,2.5rem)}.room-hero__content{position:relative;z-index:1;max-width:62rem}.room-hero h1{margin:0 0 1.5rem;color:var(--score-paper);font-family:var(--display);font-size:clamp(5rem,16vw,12rem);font-weight:400;letter-spacing:-.07em;line-height:.76}.room-hero__intro{max-width:38rem;margin:0;color:var(--parchment);font-family:var(--display);font-size:clamp(1.25rem,2.4vw,2.15rem);line-height:1.35}.room-collection{padding-top:clamp(7rem,12vw,12rem)}.room-collection__heading{display:grid;margin-bottom:clamp(2.5rem,5vw,5rem);grid-template-columns:2rem 1fr;gap:1.25rem;align-items:end}.room-collection__heading h2{margin-bottom:0;font-size:clamp(3rem,8vw,7rem)}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.6rem)}.room-card{min-width:0}.room-card a{position:relative;display:block;height:100%}.room-card__picture{display:block;overflow:hidden;aspect-ratio:16 / 9;background:var(--smoked-umber)}.room-card__picture img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-out),filter .45s ease}.room-card__veil{position:absolute;inset:0 0 auto;display:grid;aspect-ratio:16 / 9;opacity:0;background:#0e0c0d85;color:var(--score-paper);place-items:center;transition:opacity .3s ease}.room-card__veil span{padding-bottom:.35rem;border-bottom:1px solid var(--ember-flare);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.room-card h3{margin:1rem 0 0;color:var(--parchment);font-family:var(--sans);font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:500;letter-spacing:0;line-height:1.3}.room-card a:hover .room-card__picture img,.room-card a:focus-visible .room-card__picture img{transform:scale(1.035);filter:saturate(.84) brightness(.82)}.room-card a:hover .room-card__veil,.room-card a:focus-visible .room-card__veil{opacity:1}.room-closing{padding-top:clamp(8rem,14vw,14rem);padding-bottom:clamp(9rem,15vw,15rem)}.room-closing h2{max-width:65rem}.room-closing>a{display:inline-block;padding-bottom:.4rem;border-bottom:1px solid var(--ember);color:var(--piano-ivory);letter-spacing:.08em}@media(min-width:1200px){.room-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:699px){.room-hero{min-height:70svh;background-position:center,61% center;background-image:linear-gradient(90deg,#0e0c0df0,#0e0c0da3 55%,#0e0c0d24),image-set(url(/images/piano-room-hero-960.avif) type("image/avif"),url(/images/piano-room-hero-960.webp) type("image/webp"))}.room-nav__sections a:first-child{display:none}.room-hero h1{font-size:clamp(4.8rem,24vw,7.5rem)}.room-card h3{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.room-card__picture img,.room-card__veil{transition:none}.room-card a:hover .room-card__picture img,.room-card a:focus-visible .room-card__picture img{transform:none}}