.ff-sg{padding-top:var(--ff-sg-pad-t, 40px);padding-bottom:var(--ff-sg-pad-b, 40px)}.ff-sg__container{max-width:var(--ff-sg-max-w, var(--page-width, 1200px));margin-inline:auto;padding-inline:var(--ff-sg-gutter, 1.5rem)}.ff-sg--full-width .ff-sg__container{max-width:none;padding-inline:0}.ff-sg__header{margin-bottom:var(--ff-sg-heading-gap, 24px);text-align:var(--ff-sg-heading-align, left)}.ff-sg--full-width .ff-sg__header{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--ff-sg-gutter, 1.5rem)}.ff-sg__heading{font-size:var(--ff-sg-heading-size, 32px);font-weight:var(--ff-sg-heading-weight, 700);color:var(--ff-sg-heading-color, #121212);text-transform:var(--ff-sg-heading-transform, none);letter-spacing:var(--ff-sg-heading-ls, 0em);line-height:1.2;margin:0}.ff-sg__subheading{font-size:var(--ff-sg-sub-size, 16px);font-weight:var(--ff-sg-sub-weight, 400);color:var(--ff-sg-sub-color, #666666);line-height:1.5;margin:8px 0 0}.ff-sg__grid{display:grid;gap:var(--ff-sg-gap, 12px);list-style:none;margin:0;padding:0}.ff-sg--1-col .ff-sg__grid{grid-template-columns:1fr}.ff-sg--2-col .ff-sg__grid{grid-template-columns:repeat(2,1fr)}.ff-sg--3-col .ff-sg__grid{grid-template-columns:repeat(3,1fr)}.ff-sg--4-col .ff-sg__grid{grid-template-columns:repeat(4,1fr)}.ff-sg--2x2 .ff-sg__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.ff-sg--2x2 .ff-sg__tile:nth-child(n+5){display:none}.ff-sg--wide-2-below .ff-sg__grid{grid-template-columns:1fr 1fr;grid-template-rows:3fr 2fr}.ff-sg--wide-2-below .ff-sg__tile:first-child{grid-column:1 / -1;grid-row:1}.ff-sg--wide-2-below .ff-sg__tile:nth-child(n+4){display:none}.ff-sg--wide-3-below .ff-sg__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:3fr 2fr}.ff-sg--wide-3-below .ff-sg__tile:first-child{grid-column:1 / -1;grid-row:1}.ff-sg--wide-3-below .ff-sg__tile:nth-child(n+5){display:none}.ff-sg--large-left .ff-sg__grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.ff-sg--large-left .ff-sg__tile:first-child{grid-column:1;grid-row:1 / span 2}.ff-sg--large-left .ff-sg__tile:nth-child(n+4){display:none}.ff-sg--large-right .ff-sg__grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.ff-sg--large-right .ff-sg__tile:nth-child(1){grid-column:1;grid-row:1}.ff-sg--large-right .ff-sg__tile:nth-child(2){grid-column:1;grid-row:2}.ff-sg--large-right .ff-sg__tile:nth-child(3){grid-column:2;grid-row:1 / span 2}.ff-sg--large-right .ff-sg__tile:nth-child(n+4){display:none}.ff-sg--quilt-5 .ff-sg__grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.ff-sg--quilt-5 .ff-sg__tile:first-child{grid-column:1;grid-row:1 / span 2}.ff-sg--quilt-5 .ff-sg__tile:nth-child(2){grid-column:2;grid-row:1}.ff-sg--quilt-5 .ff-sg__tile:nth-child(3){grid-column:3;grid-row:1}.ff-sg--quilt-5 .ff-sg__tile:nth-child(4){grid-column:2;grid-row:2}.ff-sg--quilt-5 .ff-sg__tile:nth-child(5){grid-column:3;grid-row:2}.ff-sg--quilt-5 .ff-sg__tile:nth-child(n+6){display:none}.ff-sg--2-top-wide .ff-sg__grid{grid-template-columns:1fr 1fr;grid-template-rows:2fr 3fr}.ff-sg--2-top-wide .ff-sg__tile:nth-child(3){grid-column:1 / -1;grid-row:2}.ff-sg--2-top-wide .ff-sg__tile:nth-child(n+4){display:none}.ff-sg--flow.ff-sg--h-fixed .ff-sg__grid{grid-auto-rows:var(--ff-sg-h, 400px)}.ff-sg--template.ff-sg--h-fixed .ff-sg__grid{height:var(--ff-sg-h, 500px)}.ff-sg--flow.ff-sg--h-ratio .ff-sg__tile,.ff-sg--template.ff-sg--h-ratio .ff-sg__grid{aspect-ratio:var(--ff-sg-ar)}@media screen and (max-width:749px){.ff-sg__grid{gap:var(--ff-sg-gap-m, var(--ff-sg-gap, 8px))}.ff-sg__heading{font-size:var(--ff-sg-heading-size-m, 24px)}.ff-sg__subheading{font-size:var(--ff-sg-sub-size-m, 14px)}.ff-sg__container,.ff-sg--full-width .ff-sg__header{padding-inline:var(--ff-sg-gutter-m, var(--ff-sg-gutter, 1.5rem))}.ff-sg--m-stack .ff-sg__grid{grid-template-columns:1fr;grid-template-rows:none}.ff-sg--m-stack .ff-sg__tile:nth-child(n){grid-column:auto;grid-row:auto;display:block}.ff-sg--m-2col .ff-sg__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.ff-sg--m-2col .ff-sg__tile:nth-child(n){grid-column:auto;grid-row:auto;display:block}.ff-sg--flow.ff-sg--h-fixed .ff-sg__grid{grid-auto-rows:var(--ff-sg-h-m, var(--ff-sg-h, 300px))}.ff-sg--template.ff-sg--h-fixed .ff-sg__grid{height:var(--ff-sg-h-m, var(--ff-sg-h, 350px))}.ff-sg--flow.ff-sg--h-ratio .ff-sg__tile,.ff-sg--template.ff-sg--h-ratio .ff-sg__grid{aspect-ratio:var(--ff-sg-ar-m, var(--ff-sg-ar))}.ff-sg--m-stack.ff-sg--h-fixed .ff-sg__grid,.ff-sg--m-2col.ff-sg--h-fixed .ff-sg__grid{height:auto;grid-auto-rows:var(--ff-sg-h-m, var(--ff-sg-h, 300px))}.ff-sg--m-stack.ff-sg--h-ratio .ff-sg__tile,.ff-sg--m-2col.ff-sg--h-ratio .ff-sg__tile{aspect-ratio:var(--ff-sg-ar-m, var(--ff-sg-ar))}.ff-sg--m-stack.ff-sg--h-ratio .ff-sg__grid,.ff-sg--m-2col.ff-sg--h-ratio .ff-sg__grid{aspect-ratio:unset}}.ff-sg__tile{position:relative;overflow:hidden;border-radius:var(--ff-sg-radius, 0px);display:block;min-width:0;min-height:0;text-decoration:none;color:inherit;cursor:pointer}.ff-sg__tile--static{cursor:default}.ff-sg__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ff-sg__media img{width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0) scale(1.005);transition:transform var(--ff-sg-trans, .4s) ease;will-change:transform;backface-visibility:hidden}.ff-sg__tile:hover .ff-sg__media img{transform:translateZ(0) scale(var(--ff-sg-zoom, 1.05))}.ff-sg__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.ff-sg__placeholder svg{width:60px;height:60px;opacity:.3}.ff-sg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ff-sg-ov-color, #000000);opacity:var(--ff-sg-ov-opacity, .4);mix-blend-mode:var(--ff-sg-ov-blend, multiply);transition:opacity var(--ff-sg-trans, .4s) ease;pointer-events:none;z-index:1}.ff-sg__tile:hover .ff-sg__overlay{opacity:var(--ff-sg-ov-hover, .2)}.ff-sg__tile:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--ff-sg-grad-h, 60%);pointer-events:none;z-index:1;opacity:var(--ff-sg-grad-on, 0);background:linear-gradient(to top,color-mix(in oklab,var(--ff-sg-ov-color, #000) var(--ff-sg-grad-bottom, 50%),transparent),color-mix(in oklab,var(--ff-sg-ov-color, #000) var(--ff-sg-grad-top, 0%),transparent))}.ff-sg__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:var(--ff-sg-text-pad, 20px);box-sizing:border-box;pointer-events:none;transform:translateY(var(--ff-sg-text-offset-y, 0px))}.ff-sg__content--h-left{align-items:flex-start;text-align:left}.ff-sg__content--h-center{align-items:center;text-align:center}.ff-sg__content--h-right{align-items:flex-end;text-align:right}.ff-sg__content--v-top{justify-content:flex-start}.ff-sg__content--v-center{justify-content:center}.ff-sg__content--v-bottom{justify-content:flex-end}.ff-sg__title{font-family:var(--ff-sg-title-ff);font-size:var(--ff-sg-title-size, 20px);font-weight:var(--ff-sg-title-weight, 700);color:var(--ff-sg-title-color, #ffffff);text-transform:var(--ff-sg-title-transform, none);letter-spacing:var(--ff-sg-title-ls, 0em);text-shadow:var(--ff-sg-title-shadow, none);line-height:1.25;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ff-sg-title-lines, 2);overflow:hidden;flex-shrink:0}@media screen and (max-width:749px){.ff-sg__title{font-size:var(--ff-sg-title-size-m, 16px)}}.ff-sg__desc{font-family:var(--ff-sg-desc-ff);font-size:var(--ff-sg-desc-size, 14px);font-weight:var(--ff-sg-desc-weight, 400);color:var(--ff-sg-desc-color, #ffffff);text-transform:var(--ff-sg-desc-transform, none);letter-spacing:var(--ff-sg-desc-ls, 0em);line-height:1.45;margin:var(--ff-sg-desc-gap, 6px) 0 0;max-width:var(--ff-sg-desc-mw, none);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ff-sg-desc-lines, 2);overflow:hidden;flex-shrink:0}.ff-sg__desc-wrap{min-height:0;flex-shrink:0}.ff-sg--desc-hover .ff-sg__content--v-top .ff-sg__desc,.ff-sg--desc-hover .ff-sg__content--v-center .ff-sg__desc{overflow:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--ff-sg-trans, .4s) ease,transform var(--ff-sg-trans, .4s) ease}.ff-sg--desc-hover .ff-sg__tile:hover .ff-sg__content--v-top .ff-sg__desc,.ff-sg--desc-hover .ff-sg__tile:hover .ff-sg__content--v-center .ff-sg__desc{opacity:1;transform:translateY(0)}.ff-sg--desc-hover .ff-sg__content--v-center .ff-sg__desc-wrap{position:absolute;left:var(--ff-sg-text-pad, 20px);right:var(--ff-sg-text-pad, 20px);top:50%;margin-top:calc(var(--ff-sg-title-size, 20px) * 1.25 * .5 + var(--ff-sg-desc-gap, 6px))}.ff-sg--desc-hover .ff-sg__content--v-center .ff-sg__desc{margin-top:0}.ff-sg--desc-hover .ff-sg__content--v-bottom .ff-sg__desc-wrap{display:grid;grid-template-rows:0fr;overflow:visible;transition:grid-template-rows var(--ff-sg-trans, .4s) ease-out}.ff-sg--desc-hover .ff-sg__tile:hover .ff-sg__content--v-bottom .ff-sg__desc-wrap{grid-template-rows:1fr}.ff-sg--desc-hover .ff-sg__content--v-bottom .ff-sg__desc{min-height:0;overflow:hidden;opacity:0;margin-top:0;padding-top:var(--ff-sg-desc-gap, 6px);transition:opacity calc(var(--ff-sg-trans, .4s) * 1.5) cubic-bezier(.7,0,.3,1)}.ff-sg--desc-hover .ff-sg__tile:hover .ff-sg__content--v-bottom .ff-sg__desc{opacity:1}.ff-sg__content--v-center.ff-sg__content--h-center .ff-sg__desc-wrap{text-align:center}.ff-sg__content--v-center.ff-sg__content--h-right .ff-sg__desc-wrap{text-align:right;left:auto}.ff-sg__content--h-center .ff-sg__desc{margin-inline:auto}.ff-sg__content--h-right .ff-sg__desc{margin-left:auto}@media screen and (max-width:749px){.ff-sg__desc{font-size:var(--ff-sg-desc-size-m, 12px)}.ff-sg--desc-hide-m .ff-sg__desc-wrap{display:none!important}}.ff-sg__title.fx{isolation:auto;background-color:transparent;border-color:transparent;box-shadow:none}.ff-sg__title.fx--underline,.ff-sg__title.fx--underline-lift{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px}@media screen and (max-width:749px){.ff-sg__title.fx--underline,.ff-sg__title.fx--underline-lift,.ff-sg__tile:hover .ff-sg__title.fx--underline,.ff-sg__tile:hover .ff-sg__title.fx--underline-lift{background-image:none;background-size:0 0}.ff-sg__tile:hover .ff-sg__title.fx--underline-lift{transform:none}}.ff-sg__tile:hover .ff-sg__title.fx--underline{background-size:100% 2px}.ff-sg__tile:hover .ff-sg__title.fx--underline-lift{background-size:100% 2px;transform:translateY(-2px)}.ff-sg__tile:hover .ff-sg__title.fx--invert,.ff-sg__tile:hover .ff-sg__title.fx--fade{background-color:var(--_hover-bg);color:var(--_hover-text)}.ff-sg__tile:hover .ff-sg__title.fx--press-pop{transform:translateY(-2px)}.ff-sg__title .fx__label{color:inherit!important}
/*# sourceMappingURL=/cdn/shop/t/49/assets/ff-showcase-grid.css.map */