.ns-media-grid{--ns-media-grid-pad: var(--ns-gutter);--ns-media-grid-card-width: 327px;--ns-media-grid-label-lift: var(--ns-space-xs);background:var(--ns-colour-bg-primary);padding:var(--ns-space-4xl) var(--ns-media-grid-pad);display:flex;flex-direction:column;gap:var(--ns-space-2xl)}.ns-media-grid__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ns-space-xl)}.ns-media-grid__intro{display:flex;flex-direction:column;gap:var(--ns-space-lg-tight);max-width:var(--ns-width-measure)}.ns-media-grid__title,.ns-media-grid__card-title,.ns-media-grid__tag,.ns-media-grid__cta{font-family:var(--ns-font);margin:0;padding:0;border:0}.ns-media-grid__title{color:var(--ns-colour-text-strong);font-size:var(--ns-type-title-md-size);line-height:var(--ns-type-title-md-line);font-weight:var(--ns-font-weight-title);letter-spacing:var(--ns-type-title-md-tracking);text-transform:uppercase}.ns-media-grid .ns-media-grid__body,.ns-media-grid .ns-media-grid__body p{color:var(--ns-colour-text-muted);font-family:var(--ns-font);font-size:var(--ns-type-body-md-size)!important;line-height:var(--ns-type-body-md-line);font-weight:var(--ns-font-weight-regular);letter-spacing:var(--ns-type-body-md-tracking);margin:0}.ns-media-grid .ns-media-grid__cta{display:inline-block;flex:0 0 auto;color:var(--ns-colour-button-secondary-text);background:var(--ns-colour-button-secondary-bg);font-size:var(--ns-type-interactive-size);line-height:var(--ns-type-interactive-line);font-weight:var(--ns-font-weight-interactive);letter-spacing:var(--ns-type-interactive-tracking);text-transform:uppercase;text-decoration:none;padding:var(--ns-space-md) var(--ns-space-lg);border:1px solid var(--ns-colour-button-secondary-border)!important;border-radius:var(--ns-radius-button)!important;transition:background var(--ns-transition-fast),color var(--ns-transition-fast),border-color var(--ns-transition-fast)}.ns-media-grid .ns-media-grid__cta:hover,.ns-media-grid .ns-media-grid__cta:focus-visible{background:var(--ns-colour-ink);border-color:var(--ns-colour-ink)!important;color:var(--ns-colour-bg-primary)}.ns-media-grid__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--ns-media-grid-columns, 4),minmax(0,1fr));gap:var(--ns-space-xs)}.ns-media-grid__item{margin:0;padding:0;min-width:0}.ns-media-grid__card{position:relative;display:block;height:595px;overflow:hidden;border-radius:var(--ns-radius-card);text-decoration:none;color:inherit}.ns-media-grid__media{position:absolute;top:0;right:0;bottom:0;left:0}.ns-media-grid__image{width:100%;height:100%;object-fit:cover;object-position:var(--ns-media-grid-image-position, center center);display:block}.ns-media-grid__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:rgba(0,0,0,var(--ns-media-grid-overlay, .25));transition:background-color var(--ns-transition-fast)}a.ns-media-grid__card:hover .ns-media-grid__media:after,a.ns-media-grid__card:focus-visible .ns-media-grid__media:after{background:rgba(0,0,0,var(--ns-media-grid-overlay-hover, .5))}a.ns-media-grid__card:focus-visible{outline:2px solid var(--ns-colour-text-strong);outline-offset:var(--ns-space-xs)}.ns-media-grid__card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ns-space-sm);padding:var(--ns-space-lg);text-align:center;transform:translateY(0);transition:transform var(--ns-transition-fast);pointer-events:none}a.ns-media-grid__card:hover .ns-media-grid__card-content,a.ns-media-grid__card:focus-visible .ns-media-grid__card-content{transform:translateY(calc(var(--ns-media-grid-label-lift, 4px) * -1))}.ns-media-grid__tag{color:var(--ns-colour-title);font-size:var(--ns-type-tag-size);line-height:var(--ns-type-tag-line);font-weight:var(--ns-font-weight-medium);letter-spacing:var(--ns-type-tag-tracking);text-transform:uppercase}.ns-media-grid__card-title{color:var(--ns-colour-title);font-size:var(--ns-type-card-label-size);line-height:var(--ns-type-card-label-line);font-weight:var(--ns-font-weight-title);letter-spacing:var(--ns-type-card-label-tracking);text-transform:uppercase;text-align:center}@media screen and (max-width:989px){.ns-media-grid{--ns-media-grid-pad: var(--ns-space-lg);padding:var(--ns-space-3xl) var(--ns-media-grid-pad)}.ns-media-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ns-media-grid__card{height:536px}.ns-media-grid{gap:var(--ns-space-2xl)}.ns-media-grid__grid{order:1}.ns-media-grid__dots{order:2}.ns-media-grid__header{order:3;flex-direction:column;align-items:flex-start;gap:var(--ns-space-xl-plus)}}@media screen and (max-width:749px){.ns-media-grid{--ns-media-grid-pad: var(--ns-space-md);padding:var(--ns-space-xl-plus) var(--ns-media-grid-pad);gap:var(--ns-space-2xl)}.ns-media-grid__intro{max-width:none}.ns-media-grid__grid{grid-template-columns:minmax(0,1fr)}.ns-media-grid__card{height:516px}}@media(prefers-reduced-motion:reduce){.ns-media-grid__media:after{transition:none}.ns-media-grid__card-content{transition:none}a.ns-media-grid__card:hover .ns-media-grid__card-content,a.ns-media-grid__card:focus-visible .ns-media-grid__card-content{transform:translateY(0)}}.ns-media-grid--carousel .ns-media-grid__grid{display:flex;gap:var(--ns-space-xs);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-inline:calc(var(--ns-media-grid-pad) * -1);padding-inline:var(--ns-media-grid-pad);scroll-padding-inline:var(--ns-media-grid-pad)}.ns-media-grid--carousel .ns-media-grid__grid::-webkit-scrollbar{display:none}.ns-media-grid--carousel .ns-media-grid__item{scroll-snap-align:start;flex:0 0 calc((100% - (var(--ns-space-xs) * 3)) / 4)}.ns-media-grid__dots{display:none;align-items:center;justify-content:center;height:var(--ns-space-lg);gap:var(--ns-space-sm);margin-top:0;padding:0;list-style:none}.ns-media-grid__dot{width:6px;height:6px;display:block;padding:0;border:0;border-radius:50%;background:var(--ns-colour-ink);opacity:.25;cursor:pointer;transition:opacity .2s ease}.ns-media-grid__dot.is-active{opacity:1}.ns-media-grid__dot:focus-visible{outline:2px solid var(--ns-colour-label);outline-offset:3px}@media screen and (max-width:989px){.ns-media-grid--carousel .ns-media-grid__item{flex:0 0 min(var(--ns-media-grid-card-width, 327px),calc(100vw - (var(--ns-media-grid-pad) * 2)))}.ns-media-grid--carousel .ns-media-grid__grid{gap:var(--ns-space-sm)}.ns-media-grid--carousel .ns-media-grid__dots{display:flex}}@media(prefers-reduced-motion:reduce){.ns-media-grid--carousel .ns-media-grid__grid{scroll-behavior:auto}.ns-media-grid__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-ns-media-grid.css.map */