.sg-mosaic-grid{display:block}.sg-mosaic-grid__header{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;margin-bottom:4rem}.sg-mosaic-grid__heading{letter-spacing:0;line-height:1.2;color:rgb(var(--color-foreground))}.sg-mosaic-grid__subtext{max-width:60rem}.sg-mosaic-grid__grid{display:grid;grid-template-columns:repeat(var(--sg-mg-columns-mobile, 2),1fr);gap:var(--sg-mg-gap, 12px);margin:0;padding:0}.sg-mosaic-grid__wrapper{container-type:inline-size}.sg-mosaic-grid--full-width .sg-mosaic-grid__wrapper{max-width:none;padding-left:0;padding-right:0}.sg-mosaic-grid__grid:empty{display:none}.sg-mosaic-grid__item{aspect-ratio:3 / 4;min-width:0}.sg-mosaic-grid__item--large{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.sg-mosaic-grid__item--wide{grid-column:span 2;grid-row:span 1;aspect-ratio:3 / 2}.sg-mosaic-grid__item--tall{grid-column:span 1;grid-row:span 2;aspect-ratio:auto}@media screen and (max-width:749px){.sg-mosaic-grid__item--large,.sg-mosaic-grid__item--wide,.sg-mosaic-grid__item--tall{grid-column:auto;grid-row:auto;aspect-ratio:3 / 4}}.sg-mosaic-grid__link{display:block;position:relative;height:100%;overflow:hidden;border-radius:var(--media-radius, 0);text-decoration:none}.sg-mosaic-grid__text:focus-visible,.sg-mosaic-grid__app:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.3rem;box-shadow:inset 0 0 0 .5rem rgb(var(--color-background))}.sg-mosaic-grid__link:focus-visible{outline:0;box-shadow:none}.sg-mosaic-grid__link:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--media-radius);box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground)),inset 0 0 0 .5rem rgb(var(--color-background))}.sg-mosaic-grid__media{position:absolute;top:0;right:0;bottom:0;left:0}.sg-mosaic-grid__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}@media(hover:hover){a.sg-mosaic-grid__link:hover .sg-mosaic-grid__image{transform:scale(1.04)}}.sg-mosaic-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.2rem;padding:1rem 1.5rem;background:linear-gradient(to top,rgba(var(--color-foreground),.55),rgba(var(--color-foreground),0) 55%)}.sg-mosaic-grid__item-eyebrow{color:rgba(var(--color-background),.85);letter-spacing:.08em;text-transform:var(--sg-uppercase, none);font-size:var(--sg-text-label);font-family:var(--font-heading-family);font-style:italic}.sg-mosaic-grid__item-label{color:rgb(var(--color-background));font-family:var(--font-heading-family);font-size:var(--sg-text-h4);line-height:1.3}.sg-mosaic-grid--labels-overlay .sg-mosaic-grid__item--large .sg-mosaic-grid__item-label{font-size:var(--sg-text-heading-22)}.sg-mosaic-grid__item-subtitle{color:rgba(var(--color-background),.8);font-size:var(--sg-text-sub)}.sg-mosaic-grid--labels-overlay :is(.sg-mosaic-grid__item-eyebrow,.sg-mosaic-grid__item-label,.sg-mosaic-grid__item-subtitle){align-self:flex-start;padding:.2rem .4rem;color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.sg-mosaic-grid__image--placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.04)}@media(prefers-reduced-motion:reduce){.sg-mosaic-grid__image{transition:none}a.sg-mosaic-grid__link:hover .sg-mosaic-grid__image{transform:none}}.sg-mosaic-grid__view-all-wrapper{margin-top:2.4rem}.sg-mosaic-grid__item--text{display:flex}.sg-mosaic-grid__text{display:flex;flex-direction:column;gap:1.2rem;width:100%;padding:2.4rem .8rem}.sg-mosaic-grid__text--valign-top{justify-content:flex-start}.sg-mosaic-grid__text--valign-middle{justify-content:safe center}.sg-mosaic-grid__text--valign-bottom{justify-content:safe flex-end}.sg-mosaic-grid__text--align-left{align-items:flex-start;text-align:left}.sg-mosaic-grid__text--align-center{align-items:center;text-align:center}.sg-mosaic-grid__text--align-right{align-items:flex-end;text-align:right}.sg-mosaic-grid__text-eyebrow,.sg-mosaic-grid__text-heading{margin:0}.sg-mosaic-grid__text-body>:first-child{margin-top:0}.sg-mosaic-grid__text-body>:last-child{margin-bottom:0}@media screen and (max-width:749px){.sg-mosaic-grid__item--text{grid-column:1 / -1;aspect-ratio:auto}.sg-mosaic-grid__text{padding:1.6rem}.sg-mosaic-grid--full-width .sg-mosaic-grid__header,.sg-mosaic-grid--full-width .sg-mosaic-grid__view-all-wrapper{padding-left:1.5rem;padding-right:1.5rem}}.sg-mosaic-grid--labels-below .sg-mosaic-grid__item{aspect-ratio:auto}.sg-mosaic-grid--labels-below .sg-mosaic-grid__link{display:flex;flex-direction:column;gap:.8rem;overflow:visible;border-radius:0}.sg-mosaic-grid--labels-below .sg-mosaic-grid__media{position:relative;inset:auto;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--media-radius, 0)}.sg-mosaic-grid--labels-below :is(.sg-mosaic-grid__item--large,.sg-mosaic-grid__item--tall) .sg-mosaic-grid__media{flex:1 1 auto;min-height:0;aspect-ratio:auto}.sg-mosaic-grid--labels-below .sg-mosaic-grid__overlay{position:static;padding:0;background:none}.sg-mosaic-grid--labels-below :is(.sg-mosaic-grid__item-eyebrow,.sg-mosaic-grid__item-subtitle){color:var(--sg-ink-75)}.sg-mosaic-grid--labels-below .sg-mosaic-grid__item-label{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.sg-mosaic-grid--labels-below :is(.sg-mosaic-grid__item--large,.sg-mosaic-grid__item--wide,.sg-mosaic-grid__item--tall){aspect-ratio:auto}.sg-mosaic-grid--labels-below :is(.sg-mosaic-grid__item--large,.sg-mosaic-grid__item--tall) .sg-mosaic-grid__media{aspect-ratio:4 / 3}}@media screen and (min-width:750px){.sg-mosaic-grid__grid{grid-template-columns:repeat(var(--sg-mg-columns-desktop),calc((100cqw - (var(--sg-mg-columns-desktop) - 1) * var(--sg-mg-gap)) / var(--sg-mg-columns-desktop)));grid-template-rows:repeat(var(--sg-mg-rows),calc((100cqw - (var(--sg-mg-columns-desktop) - 1) * var(--sg-mg-gap)) / var(--sg-mg-columns-desktop) * 4 / 3));width:max-content}.sg-mosaic-grid .sg-mosaic-grid__item{aspect-ratio:auto;min-height:0;overflow:hidden}.sg-mosaic-grid .sg-mosaic-grid__item--app{display:flex}.sg-mosaic-grid .sg-mosaic-grid__link{min-height:0;overflow:hidden}.sg-mosaic-grid--labels-below .sg-mosaic-grid__grid{grid-template-rows:repeat(var(--sg-mg-rows),calc((100cqw - (var(--sg-mg-columns-desktop) - 1) * var(--sg-mg-gap)) / var(--sg-mg-columns-desktop)) minmax(var(--sg-mg-gap),auto));row-gap:0;margin-bottom:calc(-1 * var(--sg-mg-gap))}@supports (grid-template-rows: subgrid){.sg-mosaic-grid--labels-below .sg-mosaic-grid__item:not(.sg-mosaic-grid__item--text,.sg-mosaic-grid__item--app){display:grid;grid-template-rows:subgrid;overflow:visible}.sg-mosaic-grid--labels-below .sg-mosaic-grid__item:not(.sg-mosaic-grid__item--text,.sg-mosaic-grid__item--app) .sg-mosaic-grid__link{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;gap:0;overflow:visible}.sg-mosaic-grid--labels-below .sg-mosaic-grid__media{grid-row:1 / -2;min-height:0;aspect-ratio:auto;contain:size}.sg-mosaic-grid--labels-below .sg-mosaic-grid__overlay{grid-row:-2 / -1;justify-content:flex-start;padding:.8rem 0 var(--sg-mg-gap)}}@supports not (grid-template-rows: subgrid){.sg-mosaic-grid--labels-below .sg-mosaic-grid__link{overflow:auto}.sg-mosaic-grid--labels-below .sg-mosaic-grid__media{flex:1 0 50%;min-height:0;aspect-ratio:auto}}.sg-mosaic-grid--labels-below :is(.sg-mosaic-grid__item--text,.sg-mosaic-grid__item--app){contain:size;margin-bottom:var(--sg-mg-gap)}.sg-mosaic-grid__text,.sg-mosaic-grid__app{min-height:0;overflow:auto}.sg-mosaic-grid__text>*{flex-shrink:0}}.sg-mosaic-grid__app{width:100%}.sg-mosaic-grid__empty{margin:2.4rem 0;padding:2.4rem;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/59/assets/sg-mosaic-grid.css.map */