.pp-mosaic{--pp-mosaic-background: #faf9f6;--pp-mosaic-text: #2f2f2f;--pp-mosaic-muted: #686868;--pp-mosaic-accent: #a58d5e;--pp-mosaic-gap: 12px;--pp-mosaic-radius: 16px;--pp-mosaic-padding-top: 72px;--pp-mosaic-padding-bottom: 72px;position:relative;overflow:hidden;color:var(--pp-mosaic-text);background:var(--pp-mosaic-background);padding-top:var(--pp-mosaic-padding-top);padding-bottom:var(--pp-mosaic-padding-bottom)}.pp-mosaic *,.pp-mosaic *:before,.pp-mosaic *:after{box-sizing:border-box}.pp-mosaic__inner{position:relative;z-index:1}.pp-mosaic__header{max-width:82rem;margin-bottom:clamp(2.8rem,5vw,5.2rem)}.pp-mosaic__header--left{margin-right:auto}.pp-mosaic__header--center{margin-right:auto;margin-left:auto;text-align:center}.pp-mosaic__eyebrow{margin:0 0 1rem;color:var(--pp-mosaic-accent);font-size:1.2rem;font-weight:700;line-height:1.25;letter-spacing:.18em;text-transform:uppercase}.pp-mosaic__heading{margin:0;color:var(--pp-mosaic-text);font-family:var(--font-heading-family);font-size:clamp(3.2rem,5vw,6rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.05;letter-spacing:-.025em}.pp-mosaic__subheading{max-width:68rem;margin-top:1.5rem;color:var(--pp-mosaic-muted);font-size:clamp(1.5rem,1.8vw,1.9rem);line-height:1.6}.pp-mosaic__header--center .pp-mosaic__subheading{margin-right:auto;margin-left:auto}.pp-mosaic__subheading p{margin:0}.pp-mosaic__grid{container-type:inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(7rem,8vw,14rem);gap:var(--pp-mosaic-gap)}@supports (height: 1cqw){.pp-mosaic__grid{grid-auto-rows:12.5cqw}}.pp-mosaic__item{min-width:0;min-height:0}.pp-mosaic__item--feature-square{grid-column:span 2;grid-row:span 4}.pp-mosaic__item--feature-wide{grid-column:span 3;grid-row:span 3}.pp-mosaic__item--wide{grid-column:span 2;grid-row:span 2}.pp-mosaic__item--tall{grid-column:span 1;grid-row:span 3}.pp-mosaic__item--square{grid-column:span 1;grid-row:span 2}.pp-mosaic__item--small-wide{grid-column:span 2;grid-row:span 1}.pp-mosaic__tile,.pp-mosaic__media-trigger,.pp-mosaic__media-frame{width:100%;height:100%}.pp-mosaic__tile{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--pp-mosaic-radius);background:#2f2f2f0f;box-shadow:0 .8rem 2.8rem #1a1a1a14}.pp-mosaic__media-trigger{display:block;margin:0;padding:0;overflow:hidden;border:0;border-radius:inherit;color:inherit;background:transparent;cursor:pointer;text-align:inherit;-webkit-appearance:none;appearance:none}div.pp-mosaic__media-trigger{cursor:default}.pp-mosaic__media-frame{position:relative;overflow:hidden;border-radius:inherit}.pp-mosaic__media{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.001);transition:transform .6s cubic-bezier(.22,1,.36,1)}.pp-mosaic__video{background:#151515}.pp-mosaic__media-trigger:hover .pp-mosaic__media,.pp-mosaic__media-trigger:focus-visible .pp-mosaic__media{transform:scale(1.035)}.pp-mosaic__media-trigger:focus-visible{outline:.3rem solid var(--pp-mosaic-accent);outline-offset:-.3rem}.pp-mosaic__placeholder{display:grid;width:100%;height:100%;min-height:20rem;place-items:center;align-content:center;gap:1rem;padding:2rem;color:var(--pp-mosaic-muted);background:linear-gradient(135deg,#a58d5e14,#2f2f2f0a);text-align:center}.pp-mosaic__placeholder-svg{width:min(15rem,55%);height:auto;opacity:.42}.pp-mosaic__placeholder span{font-size:1.3rem}.pp-mosaic__overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:flex-end;min-height:46%;padding:clamp(1.6rem,2vw,2.6rem);pointer-events:none;color:#fff;background:linear-gradient(180deg,#0f0f0f00,#0f0f0f2e 28%,#0f0f0fc7)}.pp-mosaic__overlay-content{max-width:42rem}.pp-mosaic__item-title{margin:0;color:#fff;font-family:var(--font-heading-family);font-size:clamp(1.8rem,2vw,2.8rem);line-height:1.12}.pp-mosaic__caption,.pp-mosaic__credit{margin:.65rem 0 0;color:#ffffffe6;font-size:1.3rem;line-height:1.45}.pp-mosaic__credit{color:#ffffffb8}.pp-mosaic__link{position:relative;z-index:3;display:inline-flex;align-items:center;margin-top:1.2rem;color:#fff;font-size:1.3rem;font-weight:700;line-height:1;text-decoration:underline;text-underline-offset:.35rem;pointer-events:auto}.pp-mosaic-lightbox[hidden]{display:none!important}.pp-mosaic-lightbox{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem}.pp-mosaic-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ae0;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem)}.pp-mosaic-lightbox__dialog{position:relative;z-index:1;display:grid;width:min(118rem,96vw);max-height:92vh;grid-template-columns:minmax(0,1fr) minmax(24rem,34rem);overflow:hidden;border-radius:2rem;background:#171717;box-shadow:0 2.5rem 8rem #00000073}.pp-mosaic-lightbox__stage{display:grid;min-width:0;min-height:42rem;place-items:center;overflow:hidden;background:#0d0d0d}.pp-mosaic-lightbox__stage img,.pp-mosaic-lightbox__stage video{display:block;width:100%;height:100%;max-height:92vh;object-fit:contain;background:#0d0d0d}.pp-mosaic-lightbox__details{align-self:stretch;overflow-y:auto;padding:5.5rem 3rem 3rem;color:#f7f3ea;background:#202221}.pp-mosaic-lightbox__copy h3{margin:0;color:#f7f3ea;font-family:var(--font-heading-family);font-size:3rem;line-height:1.1}.pp-mosaic-lightbox__copy p{margin:1.4rem 0 0;color:#f7f3eac7;font-size:1.5rem;line-height:1.55}.pp-mosaic-lightbox__copy .pp-mosaic-lightbox__credit{color:var(--pp-mosaic-accent)}.pp-mosaic-lightbox__copy a{display:inline-flex;margin-top:2rem;padding:1.2rem 1.8rem;border:.1rem solid var(--pp-mosaic-accent);border-radius:999px;color:#f7f3ea;font-size:1.4rem;font-weight:700;text-decoration:none}.pp-mosaic-lightbox__close{position:absolute;z-index:3;top:1.4rem;right:1.4rem;display:grid;width:4rem;height:4rem;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#0000008c;cursor:pointer}.pp-mosaic-lightbox__close span{display:block;font-size:3rem;font-weight:300;line-height:1;transform:translateY(-.1rem)}body.pp-mosaic-lightbox-open{overflow:hidden}.pp-mosaic-lightbox--media-only .pp-mosaic-lightbox__dialog{grid-template-columns:minmax(0,1fr)}.pp-mosaic-lightbox--media-only .pp-mosaic-lightbox__details{display:none}@media screen and (max-width:989px){.pp-mosaic__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-mosaic-lightbox__dialog{width:min(92rem,96vw);grid-template-columns:1fr}.pp-mosaic-lightbox__stage{min-height:30rem;max-height:68vh}.pp-mosaic-lightbox__details{max-height:24rem;padding:2.4rem 2.4rem 2.8rem}}@media screen and (max-width:749px){.pp-mosaic{--pp-mosaic-gap: min(var(--pp-mosaic-gap), 10px)}.pp-mosaic__header{margin-bottom:2.8rem}.pp-mosaic__eyebrow{font-size:1.05rem}.pp-mosaic__heading{font-size:clamp(3rem,10vw,4.4rem)}.pp-mosaic__subheading{font-size:1.5rem}.pp-mosaic__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(8.8rem,25vw,12rem)}@supports (height: 1cqw){.pp-mosaic__grid{grid-auto-rows:25cqw}}.pp-mosaic__item,.pp-mosaic__item--feature-square,.pp-mosaic__item--feature-wide,.pp-mosaic__item--wide,.pp-mosaic__item--tall,.pp-mosaic__item--square,.pp-mosaic__item--small-wide{grid-column:span 1;grid-row:span 2}.pp-mosaic__item--mobile-full{grid-column:1 / -1;grid-row:span 3}.pp-mosaic__item--mobile-wide{grid-column:1 / -1;grid-row:span 2}.pp-mosaic__item--mobile-tall{grid-column:span 1;grid-row:span 3}.pp-mosaic__item--mobile-square{grid-column:span 1;grid-row:span 2}.pp-mosaic__tile{border-radius:min(var(--pp-mosaic-radius),14px)}.pp-mosaic__overlay{padding:1.5rem}.pp-mosaic__caption,.pp-mosaic__credit{display:none}.pp-mosaic__item-title{font-size:1.7rem}.pp-mosaic-lightbox{padding:0}.pp-mosaic-lightbox__dialog{width:100vw;height:100dvh;max-height:none;border-radius:0;grid-template-rows:minmax(0,1fr) auto}.pp-mosaic-lightbox__stage{min-height:0;max-height:none}.pp-mosaic-lightbox__details{max-height:32vh;padding:2rem 2rem 2.4rem}.pp-mosaic-lightbox__copy h3{font-size:2.4rem}.pp-mosaic-lightbox__close{top:1.2rem;right:1.2rem}}@media(prefers-reduced-motion:reduce){.pp-mosaic__media{transition:none}.pp-mosaic__media-trigger:hover .pp-mosaic__media,.pp-mosaic__media-trigger:focus-visible .pp-mosaic__media{transform:none}}@media screen and (min-width:990px){.pp-mosaic__grid>.pp-mosaic__item:first-child{grid-column:span 2!important;grid-row:span 4!important}}@media screen and (max-width:749px){.pp-mosaic__grid>.pp-mosaic__item:first-child{grid-column:1 / -1!important;grid-row:span 4!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/purrpaws-media-mosaic.css.map */