.npg{--npg-gap: 1.6rem;--npg-radius: 2rem;--npg-row1-h: 56rem;--npg-row2-h: 28rem;--npg-hero-h-mobile: 44rem;--npg-card-h-mobile: 34rem;--npg-overlay: .5;--npg-heading-scale: 1;--npg-text: #ffffff;--npg-accent: #8b7bf7}.npg__inner{margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.npg__inner{padding:0 5rem}}.npg__grid{display:flex;flex-direction:column;gap:var(--npg-gap)}.npg__rail{display:flex;gap:var(--npg-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem}.npg__rail::-webkit-scrollbar{display:none}.npg__rail>.npg__card{flex:0 0 calc((100% - (var(--npg-gap) * .15)) / 1.15);scroll-snap-align:start;min-height:var(--npg-card-h-mobile)}.npg__card--hero{min-height:var(--npg-hero-h-mobile)}@media screen and (min-width:750px){.npg__rail>.npg__card{flex-basis:calc((100% - (var(--npg-gap) * 1.2)) / 2.2)}}@media screen and (min-width:990px){.npg__grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:minmax(var(--npg-row1-h),auto) minmax(var(--npg-row2-h),auto);gap:var(--npg-gap)}.npg__rail{display:contents}.npg__card{min-height:0}.npg__grid[data-rows="1"]{grid-template-rows:minmax(var(--npg-row1-h),auto)}.npg__grid[data-tall=row1] .npg__card--hero{grid-column:1 / 7;grid-row:1 / 2}.npg__grid[data-tall=row1] .npg__card--tall{grid-column:7 / 9;grid-row:1 / 2}.npg__grid[data-tall=row1] .npg__card--small-1{grid-column:1 / 5;grid-row:2 / 3}.npg__grid[data-tall=row1] .npg__card--small-2{grid-column:5 / 9;grid-row:2 / 3}.npg__grid[data-tall=full] .npg__card--hero{grid-column:1 / 7;grid-row:1 / 2}.npg__grid[data-tall=full] .npg__card--tall{grid-column:7 / 9;grid-row:1 / 3}.npg__grid[data-tall=full][data-rows="1"] .npg__card--tall{grid-row:1 / 2}.npg__grid[data-tall=full] .npg__card--small-1{grid-column:1 / 4;grid-row:2 / 3}.npg__grid[data-tall=full] .npg__card--small-2{grid-column:4 / 7;grid-row:2 / 3}}.npg__card{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:var(--npg-radius);background-color:#0e0e10;color:var(--npg-text)}.npg__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.npg__media picture{display:block;width:100%;height:100%}.npg__media img,.npg__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--npg-focus, center);transform:scale(1);transition:transform .6s cubic-bezier(.22,.61,.36,1)}.npg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:var(--npg-card-overlay, var(--npg-overlay));background:linear-gradient(to right,#000000f0,#000000b8 34%,#00000057 64%,#0000001f);transition:opacity .4s ease}.npg__card[data-align=center] .npg__overlay,.npg__card[data-align=right] .npg__overlay{background:linear-gradient(to top,#000000f0,#0009 40%,#0000003d 74%,#00000014)}.npg__content{position:relative;z-index:3;display:flex;flex-direction:column;gap:1rem;height:100%;min-height:inherit;padding:clamp(2rem,2.6vw,4rem);pointer-events:none}.npg__content>*{max-width:42rem}.npg__card[data-position=top] .npg__content{justify-content:flex-start}.npg__card[data-position=middle] .npg__content{justify-content:center}.npg__card[data-position=bottom] .npg__content{justify-content:flex-end}.npg__card[data-align=left] .npg__content{align-items:flex-start;text-align:left}.npg__card[data-align=center] .npg__content{align-items:center;text-align:center}.npg__card[data-align=right] .npg__content{align-items:flex-end;text-align:right}.npg__eyebrow{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--npg-text);opacity:.72}.npg__heading{margin:0;font-size:calc(clamp(2.8rem,1.4rem + 3.2vw,6rem) * var(--npg-heading-scale));line-height:1.02;letter-spacing:-.03em;font-weight:700;color:var(--npg-text);overflow-wrap:break-word;text-wrap:balance}.npg__card--tall .npg__heading,.npg__card--small-1 .npg__heading,.npg__card--small-2 .npg__heading{font-size:calc(clamp(2rem,1.2rem + 1.8vw,3.4rem) * var(--npg-heading-scale))}.npg__accent{color:var(--npg-accent)}.npg__desc{margin:0;font-size:1.4rem;line-height:1.55;color:var(--npg-text);opacity:.8}.npg__meta{margin:0;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--npg-text)}.npg__card[data-align=center] .npg__meta{justify-content:center}.npg__card[data-align=right] .npg__meta{justify-content:flex-end}.npg__meta-value{color:var(--npg-accent);font-size:1.5rem;letter-spacing:.02em}.npg__actions{margin-top:.6rem;pointer-events:auto}.npg__btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;min-width:16rem;padding:0 2.4rem;border:.1rem solid currentColor;border-radius:10rem;font-size:1.3rem;font-weight:600;letter-spacing:.03em;text-decoration:none;color:var(--npg-text);background-color:transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.npg__btn--solid,a.npg__btn:hover{background-color:var(--npg-text);border-color:var(--npg-text);color:#0e0e10}a.npg__btn--solid:hover{background-color:transparent;color:var(--npg-text)}.npg__btn--static{pointer-events:none}.npg__cardlink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:var(--npg-radius);text-indent:-9999px;overflow:hidden;white-space:nowrap}.npg__cardlink:focus-visible,.npg__btn:focus-visible{outline:.2rem solid var(--npg-accent);outline-offset:.3rem}.npg__card:has(.npg__cardlink:focus-visible){outline:.2rem solid var(--npg-accent);outline-offset:.3rem}.npg[data-motion=true] .npg__card:hover .npg__media img,.npg[data-motion=true] .npg__card:focus-within .npg__media img{transform:scale(1.045)}.npg[data-motion=true] .npg__card:hover .npg__overlay,.npg[data-motion=true] .npg__card:focus-within .npg__overlay{opacity:calc(var(--npg-card-overlay, var(--npg-overlay)) + .06)}@media(prefers-reduced-motion:reduce){.npg__media img,.npg__overlay,.npg__btn{transition:none}.npg[data-motion=true] .npg__card:hover .npg__media img,.npg[data-motion=true] .npg__card:focus-within .npg__media img{transform:none}}.npg__placeholder{display:flex;align-items:center;justify-content:center;min-height:24rem;border-radius:var(--npg-radius);border:.1rem dashed rgba(var(--color-foreground),.25);font-size:1.4rem;color:rgba(var(--color-foreground),.6);text-align:center;padding:2rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/novapep-promo-grid.css.map */