.pg-ridex-grid.demo-2{--color-text:#332e1b;--color-text-inverted:#b3ac99;--color-bg:#e4e2d9;--color-bg-overlay:#fff;--color-text-preview:#000;--color-title-preview:#d80910}.pg-ridex-grid .unbutton{font:inherit;cursor:pointer;background:none;border:0;margin:45px;padding:0;position:absolute;left:0;bottom:0}.pg-ridex-grid .unbutton:focus{outline:none}.pg-ridex-grid .oh{position:relative;overflow:hidden}.pg-ridex-grid .oh__inner{will-change:transform;display:inline-block}.pg-ridex-grid .line{transform-origin:0;white-space:nowrap;will-change:transform}.pg-ridex-grid .content{line-height:1;position:relative;z-index:1;grid-row:2}.preview-open .pg-ridex-grid .content{pointer-events:none}.pg-ridex-grid .content__item{margin:0;position:relative;display:flex;flex-direction:column}.pg-ridex-image-wrap{height:100%}.pg-ridex-grid .content__item-img-wrap{overflow:hidden;width:100%;height:100%;aspect-ratio:1.25;cursor:pointer;will-change:transform;position:relative;transition:box-shadow .3s cubic-bezier(.68, -0.55, .21, .68),border .3s cubic-bezier(.68, -0.55, .21, .68)}.pg-ridex-grid .content__item-img-wrap:before{position:absolute;content:'';bottom:0;left:0;width:100%;height:0;background-image:linear-gradient(7deg, rgba(7,67,99,0.561), transparent);z-index:1;opacity:0;transition:all .3s cubic-bezier(.68, -0.55, .21, .68)}.pg-ridex-grid .content__item:hover .content__item-img-wrap:before{height:100%;opacity:1}.pg-ridex-grid .content__item-img{background-size:cover;background-position:50% 50%;width:100%;height:100%;object-fit:cover;will-change:transform}.pg-ridex-grid .content__item-title{margin:0 0 1rem}.pg-ridex-grid .content__item-title{font-size:clamp(2rem, 3.25vw, 1.85rem);font-weight:500;text-transform:capitalize;color:#4d4d5c;text-decoration:none;transition:color .3s ease}.pg-ridex-grid .content__item-caption{font-size:16px;text-transform:lowercase;line-height:1.5;color:#fff;position:absolute;bottom:0;margin:30px;z-index:1;transform:translateX(30px);opacity:0;transition:all .3s cubic-bezier(.68, -0.55, .21, .68)}.pg-ridex-grid .content__item:hover .content__item-caption{transform:translateY(0);opacity:1}.pg-ridex-grid .content__overlay{background:var(--color-bg-overlay);position:fixed;top:calc(50% - 75vmax);left:calc(50% - 75vmax);width:150vmax;height:150vmax;pointer-events:none;will-change:transform;z-index:3}.pg-ridex-grid .overlay__inner{background:var(--color-bg-overlay);width:100%;height:100%;position:relative}.pg-ridex-grid.demo-2 .content__overlay{border-radius:50%;transform:scale(0)}.pg-ridex-grid .preview{height:100vh;position:fixed;top:0;left:0;width:100%;display:grid;pointer-events:none;z-index:4;color:var(--color-text-preview)}.pg-ridex-grid .preview__item{grid-area:1 / 1 / -1 / -1;opacity:0;pointer-events:none;display:grid;grid-gap:1rem;padding-top:2rem;grid-template-columns:100%;grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:'title' 'subtitle' 'meta' 'box-left' 'box-right' '...';will-change:clip-path}.pg-ridex-grid .preview__item--current{opacity:1;pointer-events:auto}.pg-ridex-grid .preview__item-img-outer{align-self:center;width:60vw;max-width:800px;justify-self:center;grid-area:1 / 1 / -1 / -1}.demo-2 .preview__item-img-outer{height:100%;width:50vw}.pg-ridex-grid .preview__item-img-wrap{width:100%;height:100%;position:relative;overflow:hidden;will-change:transform}.pg-ridex-grid .preview__item-img{background-size:cover;background-position:50% 50%;width:100%;height:100%;object-fit:cover;will-change:transform}.pg-ridex-grid .preview__item-title{align-self:center;justify-self:center;grid-area:title;font-weight:700;margin:0;line-height:1;will-change:transform;padding-top:1vw}.pg-ridex-grid .preview__item-title{font-size:clamp(3rem, 12vw, 17rem);color:#000}.pg-ridex-grid .preview__item-subtitle{justify-self:center;position:relative;grid-area:subtitle;margin:0 0 3px}.pg-ridex-grid .preview__item-subtitle{font-weight:300;color:var(--color-title-preview);text-decoration:none}.pg-ridex-grid .preview__item-meta{justify-self:center;position:relative;grid-area:meta}.pg-ridex-grid .preview__item-box{padding:var(--preview-padding);position:relative;max-width:450px;will-change:transform;justify-self:center;text-align:left;margin:50px}.pg-ridex-grid .preview__item-box--right{grid-area:box-right}.pg-ridex-grid .preview__item-box--left{grid-area:box-left}.pg-ridex-grid .preview__item-box-title{color:var(--color-title-preview);margin:0;font-weight:400;font-size:30px;font-weight:700;text-transform:uppercase}.pg-ridex-grid .preview__item-box-desc{will-change:transform, opacity;font-size:14px;color:#4d4d5c}.pg-ridex-grid .preview__back{cursor:pointer;z-index:300;opacity:0;pointer-events:none;will-change:transform, opacity}.preview-open .pg-ridex-grid .preview__back{pointer-events:auto}.pg-ridex-grid .preview__back svg{pointer-events:none;stroke:var(--color-text-preview);stroke-width:1px;transition:stroke .3s}.pg-ridex-grid .content{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:40px}@media screen and (min-width:53em){.pg-ridex-grid .content__item{height:100%;width:100%}.pg-ridex-grid .preview__item{padding-top:0;grid-template-columns:30% 1fr 30%;grid-template-rows:1fr auto auto auto;grid-template-areas:'title title title' 'box-left subtitle box-right' 'box-left meta box-right' 'box-left ... box-right'}.pg-ridex-grid .preview__item-title{grid-row:1 / span 4}.pg-ridex-grid .preview__item-box--right{justify-self:end;text-align:right}.pg-ridex-grid .preview__item-box--left{justify-self:start;text-align:left}}@media (min-width:768px){.pg-ridex-grid .content{grid-template-columns:repeat(2, 1fr)}}@media (min-width:1024px){.pg-ridex-grid .unbutton{top:0;margin:70px;bottom:unset}.pg-ridex-grid .content{grid-template-columns:repeat(3, 1fr)}}