.ns-img-product-stack{--ns-img-product-stack-row-pad: var(--ns-space-lg-tight);--ns-img-product-stack-pad-x: var(--ns-gutter);font-family:var(--ns-font);background:var(--ns-colour-bg-primary);padding:var(--ns-img-product-stack-gap-block, var(--ns-section-gap)) var(--ns-img-product-stack-pad-x)}.ns-img-product-stack__inner{--ns-img-product-stack-col-gap: var(--ns-space-4xl);display:flex;align-items:stretch;gap:var(--ns-img-product-stack-col-gap);max-width:var(--ns-width-full);margin:0 auto}.ns-img-product-stack__media{flex:0 0 calc((100% - var(--ns-space-4xl)) * .48225);min-width:0}.ns-img-product-stack__media{aspect-ratio:var(--ns-img-product-stack-media-ratio, 652 / 830)}.ns-img-product-stack__image,.ns-img-product-stack__video{display:block;width:100%;height:100%;aspect-ratio:var(--ns-img-product-stack-media-ratio, 652 / 830);object-fit:cover;border-radius:var(--ns-radius-card)}.ns-img-product-stack__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ns-img-product-stack__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:var(--ns-space-2xl) 0;flex:1 1 0;min-width:0}.ns-img-product-stack__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ns-space-md)}.ns-img-product-stack__title,.ns-img-product-stack__body,.ns-img-product-stack__name,.ns-img-product-stack__meta,.ns-img-product-stack__cta{font-family:var(--ns-font);margin:0;padding:0;border:0}.ns-img-product-stack__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;white-space:pre-line}.ns-img-product-stack__body,.ns-img-product-stack .ns-img-product-stack__body p{color:var(--ns-colour-text-muted);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)}.ns-img-product-stack .ns-img-product-stack__body p{margin:0 0 var(--ns-space-sm)}.ns-img-product-stack .ns-img-product-stack__body p:last-child{margin-bottom:0}.ns-img-product-stack .ns-img-product-stack__body a{color:inherit;text-decoration:underline}.ns-img-product-stack__stack{list-style:none;margin:0;padding:0;width:100%}.ns-img-product-stack__item{border-bottom:1px solid var(--ns-colour-border-dark)}.ns-img-product-stack__card{display:flex;align-items:center;gap:var(--ns-space-lg);padding:var(--ns-img-product-stack-row-pad) var(--ns-space-sm) var(--ns-img-product-stack-row-pad) 0;text-decoration:none;color:inherit}.ns-img-product-stack__card:focus-visible{outline:2px solid var(--ns-colour-ink);outline-offset:var(--ns-space-xs)}.ns-img-product-stack__thumb{position:relative;display:block;flex:0 0 auto;width:96px;aspect-ratio:96 / 112;background:var(--ns-colour-bg-primary);border-radius:var(--ns-radius-card);overflow:hidden}.ns-img-product-stack__thumb-img{display:block;width:100%;height:100%;object-fit:contain}.ns-img-product-stack__thumb-img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--ns-transition-fast)}.ns-img-product-stack__card:hover .ns-img-product-stack__thumb--has-hover .ns-img-product-stack__thumb-img--hover,.ns-img-product-stack__card:focus-visible .ns-img-product-stack__thumb--has-hover .ns-img-product-stack__thumb-img--hover{opacity:1}.ns-img-product-stack__card-text{display:flex;flex-direction:column;justify-content:center;gap:var(--ns-space-sm);flex:1 1 0;min-width:0;word-break:break-word}.ns-img-product-stack__name{color:var(--ns-colour-text-strong);font-size:var(--ns-type-title-sm-size);line-height:var(--ns-type-title-sm-line);font-weight:var(--ns-font-weight-title);letter-spacing:var(--ns-type-title-sm-tracking)}.ns-img-product-stack__meta{color:var(--ns-colour-text-muted);font-size:var(--ns-type-body-size);line-height:var(--ns-type-body-line);font-weight:var(--ns-font-weight-regular);letter-spacing:var(--ns-type-body-tracking)}.ns-img-product-stack__arrow{flex:0 0 auto;display:block;width:20px;height:20px;color:var(--ns-colour-ink);transition:transform var(--ns-transition-fast),color var(--ns-transition-fast)}.ns-img-product-stack__arrow svg{display:block;width:100%;height:100%}.ns-img-product-stack__card:hover .ns-img-product-stack__arrow,.ns-img-product-stack__card:focus-visible .ns-img-product-stack__arrow{color:var(--ns-colour-label-on-light);transform:translate(var(--ns-space-xs))}.ns-img-product-stack__card:hover .ns-img-product-stack__name{color:var(--ns-colour-label-on-light)}.ns-img-product-stack__cta{display:inline-block;background:var(--ns-colour-button-secondary-bg);color:var(--ns-colour-button-secondary-text);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-md);border:1px solid var(--ns-colour-button-secondary-border);border-radius:var(--ns-radius-button);transition:background var(--ns-transition-fast),color var(--ns-transition-fast)}.ns-img-product-stack__cta:hover,.ns-img-product-stack__cta:focus-visible{background:var(--ns-colour-ink);border:1px solid var(--ns-colour-ink);color:var(--ns-colour-bg-primary)}.ns-img-product-stack__cta:focus-visible{outline:2px solid var(--ns-colour-ink);outline-offset:var(--ns-space-xs)}@media screen and (max-width:989px){.ns-img-product-stack__inner{flex-direction:column;align-items:stretch;gap:var(--ns-space-2xl)}.ns-img-product-stack__media{flex:0 0 auto}.ns-img-product-stack__image{height:auto}.ns-img-product-stack__content{align-items:stretch;justify-content:flex-start;padding:0;gap:var(--ns-space-xl)}.ns-img-product-stack{--ns-img-product-stack-row-pad: var(--ns-space-md);--ns-img-product-stack-media-ratio: 720 / 700;--ns-img-product-stack-pad-x: var(--ns-space-lg)}}@media screen and (max-width:749px){.ns-img-product-stack{--ns-img-product-stack-media-ratio: 343 / 436.64;--ns-img-product-stack-pad-x: var(--ns-space-md)}.ns-img-product-stack__inner{gap:var(--ns-space-xl)}.ns-img-product-stack__card{padding-right:0}.ns-img-product-stack__cta{text-align:center}}@media(prefers-reduced-motion:reduce){.ns-img-product-stack__video{display:none}.ns-img-product-stack__thumb-img--hover,.ns-img-product-stack__arrow,.ns-img-product-stack__cta{transition:none}.ns-img-product-stack__card:hover .ns-img-product-stack__arrow,.ns-img-product-stack__card:focus-visible .ns-img-product-stack__arrow{transform:none}}.ns-img-product-stack__media{position:relative}.ns-img-product-stack__image--row{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s cubic-bezier(.2,0,.2,1);pointer-events:none}.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="0"]:hover) .ns-img-product-stack__image--row[data-row-image="0"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="1"]:hover) .ns-img-product-stack__image--row[data-row-image="1"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="2"]:hover) .ns-img-product-stack__image--row[data-row-image="2"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="3"]:hover) .ns-img-product-stack__image--row[data-row-image="3"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="4"]:hover) .ns-img-product-stack__image--row[data-row-image="4"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="5"]:hover) .ns-img-product-stack__image--row[data-row-image="5"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="0"]:focus-within) .ns-img-product-stack__image--row[data-row-image="0"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="1"]:focus-within) .ns-img-product-stack__image--row[data-row-image="1"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="2"]:focus-within) .ns-img-product-stack__image--row[data-row-image="2"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="3"]:focus-within) .ns-img-product-stack__image--row[data-row-image="3"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="4"]:focus-within) .ns-img-product-stack__image--row[data-row-image="4"],.ns-img-product-stack:has(.ns-img-product-stack__item[data-row-index="5"]:focus-within) .ns-img-product-stack__image--row[data-row-image="5"]{opacity:1}.ns-img-product-stack__item{transition:opacity .3s ease}.ns-img-product-stack__stack:hover .ns-img-product-stack__item:not(:hover),.ns-img-product-stack__stack:focus-within .ns-img-product-stack__item:not(:focus-within):not(:hover){opacity:.5}@media(prefers-reduced-motion:reduce){.ns-img-product-stack__image--row,.ns-img-product-stack__item{transition:none}}@media(hover:none){.ns-img-product-stack__stack:hover .ns-img-product-stack__item:not(:hover){opacity:1}.ns-img-product-stack__image--row{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-ns-img-product-stack.css.map */