.nfs-v2.template-index .nfs-portrait-cards,.nfs-v2.template-index .nfs-portrait-cards *,.nfs-v2.template-index .nfs-portrait-cards *:before,.nfs-v2.template-index .nfs-portrait-cards *:after{box-sizing:border-box}.nfs-v2.template-index .nfs-portrait-cards{--portrait-card-background: #fff;--portrait-card-radius: 3.2rem;--portrait-card-border-colour: #dce5ef;--portrait-card-frame-colour: rgba(208, 220, 234, .72);--portrait-card-shadow: 0 1rem 2.4rem rgba(18, 45, 82, .11);--portrait-card-shadow-hover: 0 1.4rem 3rem rgba(18, 45, 82, .16);--portrait-card-min-height: 39rem;--portrait-card-media-inset: 1.4rem;--portrait-card-media-radius: 2.4rem;--portrait-card-media-background: #eef5ff;--portrait-card-media-ratio: 4 / 3;--portrait-card-media-fit: contain;--portrait-card-fade-opacity: 1;--portrait-card-fade-height: 32%;--portrait-card-title-colour: #08274d;--portrait-card-title-size: 2.4rem;--portrait-card-description-colour: #607087;--portrait-card-description-size: 1.45rem;--portrait-card-body-padding: 2rem;--portrait-card-content-gap: 1.8rem;--portrait-card-action-size: 5.6rem;--portrait-card-action-radius: 1.8rem;--portrait-card-action-background: #1464f4;--portrait-card-action-colour: #fff;--portrait-card-action-halo: rgba(191, 216, 255, .62);--portrait-card-focus: var(--nfs-editor-focus-colour, #0755e9)}.nfs-v2.template-index .nfs-portrait-cards--density-compact{--portrait-card-min-height: 34rem;--portrait-card-media-inset: 1.2rem;--portrait-card-body-padding: 1.6rem;--portrait-card-content-gap: 1.4rem;--portrait-card-action-size: 5.2rem}.nfs-v2.template-index .nfs-portrait-cards--density-spacious{--portrait-card-min-height: 44rem;--portrait-card-media-inset: 1.8rem;--portrait-card-body-padding: 2.4rem;--portrait-card-content-gap: 2.2rem;--portrait-card-action-size: 6rem}.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4.8rem)/4);grid-template-columns:none;align-items:stretch;gap:1.6rem;padding:1.6rem 1rem 3.2rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:1rem;scroll-snap-type:inline mandatory}.nfs-v2.template-index .nfs-portrait-cards.nfs-portrait-cards--resources .nfs-fh-resources__grid{grid-auto-flow:column;grid-auto-columns:calc((100% - 4.8rem)/4);grid-template-columns:none}.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail-item,.nfs-fh-products__grid>.nfs-portrait-card,.nfs-fh-resources__grid>.nfs-portrait-card-shell){min-width:0;align-self:stretch;scroll-snap-align:start}.nfs-v2.template-index .nfs-portrait-cards .nfs-v2-discovery__rail-item,.nfs-v2.template-index .nfs-portrait-cards .nfs-portrait-card-shell{display:flex;height:100%}.nfs-v2.template-index .nfs-portrait-cards--resources .nfs-home-rail-controls--mobile{display:flex}.nfs-v2.template-index .nfs-portrait-cards .nfs-portrait-card{position:relative;isolation:isolate;display:flex;width:100%;min-width:0;min-height:var(--portrait-card-min-height);height:100%;max-height:none;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;overflow:visible;border:1px solid var(--portrait-card-border-colour);border-radius:var(--portrait-card-radius);background:var(--portrait-card-background);box-shadow:var(--portrait-card-shadow);color:var(--portrait-card-title-colour);text-align:left;text-decoration:none;transition:transform .22s cubic-bezier(.2,.75,.25,1),border-color .22s ease,box-shadow .22s ease}.nfs-v2.template-index .nfs-portrait-cards .nfs-portrait-card-shell,.nfs-v2.template-index .nfs-portrait-cards .nfs-portrait-card-shell:hover{width:100%;min-width:0;min-height:var(--portrait-card-min-height);height:100%;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.nfs-v2.template-index .nfs-portrait-card:before{content:"";position:absolute;z-index:0;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:1px solid var(--portrait-card-frame-colour);border-radius:calc(var(--portrait-card-radius) - .6rem);pointer-events:none}.nfs-v2.template-index .nfs-portrait-card>*{position:relative;z-index:1}.nfs-v2.template-index a.nfs-portrait-card:hover{border-color:#b9cae0;box-shadow:var(--portrait-card-shadow-hover);transform:translateY(-.3rem)}.nfs-v2.template-index a.nfs-portrait-card:focus-visible{outline:.3rem solid var(--portrait-card-focus);outline-offset:.4rem}.nfs-v2.template-index .nfs-portrait-card__media,.nfs-v2.template-index .nfs-portrait-cards--resources .nfs-portrait-card>.nfs-portrait-card__media,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-category-card>.nfs-portrait-card__media,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-business-card>.nfs-portrait-card__media,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-product-tile>.nfs-portrait-card__media{position:relative;display:grid;width:calc(100% - (2 * var(--portrait-card-media-inset)));min-width:0;height:auto;min-height:0;flex:0 0 auto;aspect-ratio:var(--portrait-card-media-ratio);margin:var(--portrait-card-media-inset) var(--portrait-card-media-inset) 0;padding:0;place-items:center;overflow:hidden;border:0;border-radius:var(--portrait-card-media-radius);background:var(--portrait-card-media-background)}.nfs-v2.template-index .nfs-portrait-card__media:after{content:"";position:absolute;z-index:2;inset-inline:0;bottom:-.1rem;height:var(--portrait-card-fade-height);background:linear-gradient(to bottom,transparent,var(--portrait-card-background));opacity:var(--portrait-card-fade-opacity);pointer-events:none}.nfs-v2.template-index .nfs-portrait-card__media>img,.nfs-v2.template-index .nfs-portrait-cards--resources .nfs-portrait-card>.nfs-portrait-card__media>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-product-tile>.nfs-portrait-card__media>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-category-card>.nfs-portrait-card__media>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-business-card>.nfs-portrait-card__media>img{display:block;width:100%;height:100%;padding:0;object-fit:var(--portrait-card-media-fit);object-position:center;transform:scale(1);transition:transform .32s cubic-bezier(.2,.75,.25,1)}.nfs-v2.template-index .nfs-portrait-card__media--icon>img,.nfs-v2.template-index .nfs-portrait-cards--resources .nfs-portrait-card>.nfs-portrait-card__media--icon>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-product-tile>.nfs-portrait-card__media--icon>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-category-card>.nfs-portrait-card__media--icon>img,.nfs-v2.template-index .nfs-portrait-card.nfs-fh-business-card>.nfs-portrait-card__media--icon>img{width:clamp(6.4rem,34%,10.4rem);height:clamp(6.4rem,34%,10.4rem);object-fit:contain}.nfs-v2.template-index a.nfs-portrait-card:hover .nfs-portrait-card__media--image>img{transform:scale(1.035)}.nfs-v2.template-index .nfs-portrait-card__body{display:grid;width:100%;min-width:0;min-height:0;flex:1 1 auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--portrait-card-content-gap);padding:var(--portrait-card-body-padding);text-align:left}.nfs-v2.template-index .nfs-portrait-card__copy{display:flex;min-width:0;flex-direction:column;align-self:end;gap:.8rem}.nfs-v2.template-index .nfs-portrait-card__title,.nfs-v2.template-index .nfs-portrait-card :where(strong).nfs-portrait-card__title{display:block;width:100%;min-width:0;min-height:0;margin:0;overflow:visible;color:var(--portrait-card-title-colour);font-family:var(--nfs-v2-font-heading, inherit);font-size:var(--portrait-card-title-size);font-weight:750;line-height:1.2;overflow-wrap:anywhere;text-align:left;text-overflow:clip;text-wrap:balance;white-space:normal}.nfs-v2.template-index .nfs-portrait-cards--resources{--portrait-card-title-size: 2.2rem}.nfs-v2.template-index .nfs-portrait-cards--products{--portrait-card-title-size: 2.1rem}.nfs-v2.template-index .nfs-portrait-card__description,.nfs-v2.template-index .nfs-portrait-card :where(small).nfs-portrait-card__description{display:block;min-width:0;margin:0;color:var(--portrait-card-description-colour);font-size:var(--portrait-card-description-size);font-weight:500;line-height:1.5;overflow-wrap:anywhere}.nfs-v2.template-index .nfs-portrait-card__action,.nfs-v2.template-index .nfs-portrait-card :where(span).nfs-portrait-card__action{display:inline-grid;width:var(--portrait-card-action-size);min-width:var(--portrait-card-action-size);height:var(--portrait-card-action-size);min-height:var(--portrait-card-action-size);align-self:end;margin:0 0 .2rem auto;padding:0;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:var(--portrait-card-action-radius);background:var(--portrait-card-action-background);box-shadow:0 0 0 .7rem var(--portrait-card-action-halo),0 .8rem 1.8rem #1464f447;color:var(--portrait-card-action-colour)}.nfs-v2.template-index .nfs-portrait-card__action :where(svg,img){display:block;width:2.5rem;height:2.5rem;color:currentColor;transition:transform .22s cubic-bezier(.2,.75,.25,1)}.nfs-v2.template-index a.nfs-portrait-card:hover .nfs-portrait-card__action :where(svg,img),.nfs-v2.template-index a.nfs-portrait-card:focus-visible .nfs-portrait-card__action :where(svg,img){transform:translate(.3rem)}.nfs-v2.template-index a.nfs-portrait-card:hover .nfs-v2-discovery-card__arrow.nfs-portrait-card__action,.nfs-v2.template-index a.nfs-portrait-card:focus-visible .nfs-v2-discovery-card__arrow.nfs-portrait-card__action{transform:none}@media(max-width:1199px){.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){grid-auto-columns:calc((100% - 3.2rem) / 3)}.nfs-v2.template-index .nfs-portrait-cards.nfs-portrait-cards--resources .nfs-fh-resources__grid{grid-auto-columns:calc((100% - 3.2rem) / 3)}}@media(max-width:899px){.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){grid-auto-columns:calc((100% - 1.6rem)/2)}.nfs-v2.template-index .nfs-portrait-cards.nfs-portrait-cards--resources .nfs-fh-resources__grid{grid-auto-columns:calc((100% - 1.6rem)/2)}}@media(max-width:767px){.nfs-v2.template-index .nfs-portrait-cards{--portrait-card-radius: 2.6rem;--portrait-card-media-inset: 1.2rem;--portrait-card-media-radius: 2rem;--portrait-card-title-size: 2.05rem;--portrait-card-description-size: 1.4rem;--portrait-card-body-padding: 1.7rem;--portrait-card-content-gap: 1.5rem;--portrait-card-action-size: 4.8rem;--portrait-card-action-radius: 1.5rem}.nfs-v2.template-index .nfs-portrait-cards--resources{--portrait-card-title-size: 2rem}.nfs-v2.template-index .nfs-portrait-cards--products{--portrait-card-title-size: 1.9rem}.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){grid-auto-columns:min(86%,34rem);gap:1.4rem;padding:1.3rem .8rem 2.6rem;scroll-padding-inline:.8rem}.nfs-v2.template-index .nfs-portrait-cards.nfs-portrait-cards--resources .nfs-fh-resources__grid{grid-auto-columns:min(86%,34rem)}.nfs-v2.template-index .nfs-portrait-card__action{box-shadow:0 0 0 .5rem var(--portrait-card-action-halo),0 .6rem 1.4rem #1464f43d}}@media(max-width:359px){.nfs-v2.template-index .nfs-portrait-cards{--portrait-card-min-height: 32rem;--portrait-card-title-size: 1.85rem;--portrait-card-body-padding: 1.5rem;--portrait-card-content-gap: 1.2rem;--portrait-card-action-size: 4.6rem}.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){grid-auto-columns:min(90%,28rem)}.nfs-v2.template-index .nfs-portrait-cards.nfs-portrait-cards--resources .nfs-fh-resources__grid{grid-auto-columns:min(90%,28rem)}}@media(prefers-reduced-motion:reduce){.nfs-v2.template-index .nfs-portrait-card,.nfs-v2.template-index .nfs-portrait-card__media>img,.nfs-v2.template-index .nfs-portrait-card__action :where(svg,img){transition:none}.nfs-v2.template-index a.nfs-portrait-card:hover,.nfs-v2.template-index a.nfs-portrait-card:hover .nfs-portrait-card__media>img,.nfs-v2.template-index a.nfs-portrait-card:hover .nfs-portrait-card__action :where(svg,img){transform:none}.nfs-v2.template-index .nfs-portrait-cards :where(.nfs-v2-discovery__rail,.nfs-fh-products__grid,.nfs-fh-resources__grid){scroll-behavior:auto}}@media(forced-colors:active){.nfs-v2.template-index .nfs-portrait-card,.nfs-v2.template-index .nfs-portrait-card:before,.nfs-v2.template-index .nfs-portrait-card__action{border:1px solid CanvasText;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/component-nfs-portrait-card.css.map */