.recs-page{background:var(--white);width:100%;position:relative}.recs-page__subtitle{font-family:var(--font-body);color:var(--navy);margin:clamp(14px,1.6vw,22px) 0 0;font-size:clamp(15px,1.15vw,19px);font-weight:400;line-height:1.5}.recs-page__gallery{padding:clamp(34px,4vw,54px) 11vw clamp(70px,9vw,110px)}.recs-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.2vw,34px);display:grid}.recs-page__card{width:100%;box-shadow:none;background:var(--off-white,#f5f5f5);cursor:zoom-in;border:none;border-radius:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.recs-page__card img{opacity:0;border-radius:0;width:100%;height:auto;transition:opacity .35s,transform .35s;display:block}.recs-page__card img.is-loaded{opacity:1}.recs-page__card:hover img.is-loaded{transform:scale(1.02)}.recs-page__skeleton{aspect-ratio:4/3;background:linear-gradient(90deg,#eee 25%,#f7f7f7 37%,#eee 63%) 0 0/400% 100%;width:100%;animation:1.3s infinite recs-skeleton;display:block}@keyframes recs-skeleton{0%{background-position:100% 0}to{background-position:0 0}}.recs-page__empty{font-family:var(--font-body);color:var(--navy);text-align:center;font-size:clamp(17px,1.4vw,22px)}.recs-lightbox{z-index:9999;background:#000000d1;justify-content:center;align-items:center;padding:5vh 8vw;animation:.22s recs-fade;display:flex;position:fixed;inset:0}.recs-lightbox img{max-width:100%;max-height:90vh;box-shadow:none;background:#fff;border-radius:0;animation:.25s recs-zoom}@keyframes recs-fade{0%{opacity:0}to{opacity:1}}@keyframes recs-zoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.recs-lightbox__close,.recs-lightbox__nav{color:#fff;cursor:pointer;line-height:1;font-family:var(--font-display);background:0 0;border:none;position:absolute}.recs-lightbox__close{font-size:clamp(30px,3.2vw,44px);top:16px;left:20px}.recs-lightbox__nav{padding:0 12px;font-size:clamp(36px,4.2vw,58px);top:50%;transform:translateY(-50%)}.recs-lightbox__nav--prev{right:10px}.recs-lightbox__nav--next{left:10px}@media (width<=1100px){.recs-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.recs-page__grid{grid-template-columns:1fr}.recs-page__gallery{padding-left:7vw;padding-right:7vw}}
