/* ==================================================================
   Inspiration page — editorial kitchen gallery
   Images come from the client-managed Inspiration Gallery (page meta).
   Layout: CSS multi-column masonry so every image keeps its natural
   aspect ratio (never stretched, never cropped). 3 columns desktop,
   2 tablet, 1 mobile.
   ================================================================== */

.rh-insp-page{background:var(--cream,#faf7f0)}

.rh-insp-hero{background:var(--sand,#f4f1ea);border-bottom:1px solid var(--line,#e8e2d5);padding:clamp(36px,4.5vw,64px) 0;text-align:center}
.rh-insp-hero .eyebrow{color:var(--clay,#b08d57);font-size:12px;font-weight:700;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}
.rh-insp-hero h1{font-family:var(--serif,Georgia,serif);font-size:clamp(34px,4.4vw,54px);line-height:1.05;margin:0 0 12px}
.rh-insp-hero__sub{color:var(--muted,#6f6a5e);font-size:16px;margin:0 auto;max-width:560px}

.rh-insp-gallery-section{padding:clamp(32px,4vw,56px) 0 clamp(48px,5vw,72px)}
.rh-insp-empty{color:var(--muted,#6f6a5e);font-size:15px}

.rh-insp-gallery{column-count:3;column-gap:20px}
.rh-insp-gallery__item{break-inside:avoid;margin:0 0 20px}
.rh-insp-gallery__link{background:#fff;border:1px solid var(--line,#e8e2d5);border-radius:10px;display:block;overflow:hidden}
.rh-insp-gallery__image{display:block;height:auto;transition:transform .45s ease,opacity .3s ease;width:100%}
.rh-insp-gallery__link:hover .rh-insp-gallery__image,
.rh-insp-gallery__link:focus-visible .rh-insp-gallery__image{opacity:.92;transform:scale(1.02)}
.rh-insp-gallery__caption{color:var(--muted,#6f6a5e);font-size:13px;padding:10px 14px 12px}

@media(max-width:1024px){
	.rh-insp-gallery{column-count:2}
}
@media(max-width:600px){
	.rh-insp-gallery{column-count:1}
}

/* Lightbox */
.rh-lightbox{align-items:center;background:rgba(20,17,12,.92);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000}
.rh-lightbox.is-open{display:flex}
.rh-lightbox__img{box-shadow:0 20px 60px rgba(0,0,0,.5);display:block;margin:auto;max-height:86vh;max-width:88vw;object-fit:contain}
.rh-lightbox__caption{bottom:18px;color:rgba(255,255,255,.85);font-size:13px;left:0;position:absolute;text-align:center;width:100%}
.rh-lightbox__close,.rh-lightbox__prev,.rh-lightbox__next{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:44px;line-height:42px;position:absolute;text-align:center;width:44px}
.rh-lightbox__close{right:18px;top:18px}
.rh-lightbox__prev{left:18px;top:50%;transform:translateY(-50%)}
.rh-lightbox__next{right:18px;top:50%;transform:translateY(-50%)}
.rh-lightbox__close:hover,.rh-lightbox__prev:hover,.rh-lightbox__next:hover{background:rgba(255,255,255,.2)}