.mosaic-hero{padding-top:var(--mosaic-pt, 0);padding-bottom:var(--mosaic-pb, 0);background:var(--mosaic-gap-color, #ffffff)}.mosaic-hero__header{text-align:center;padding-block:2.5rem 1.5rem}.mosaic-hero__heading{margin:0}.mosaic-hero__grid{display:grid;gap:var(--mosaic-gap, 12px);background:var(--mosaic-gap-color, #ffffff);padding:var(--mosaic-edge, 0);grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(21,1fr);aspect-ratio:13 / 28}.mosaic-hero__panel:nth-child(1){grid-area:1 / 1 / 9 / 9}.mosaic-hero__panel:nth-child(2){grid-area:1 / 9 / 9 / 14}.mosaic-hero__panel:nth-child(3){grid-area:9 / 1 / 14 / 9}.mosaic-hero__panel:nth-child(4){grid-area:9 / 9 / 14 / 14}.mosaic-hero__panel:nth-child(5){grid-area:14 / 1 / 22 / 6}.mosaic-hero__panel:nth-child(6){grid-area:14 / 6 / 22 / 14}@media(min-width:750px){.mosaic-hero__grid{grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(13,1fr);aspect-ratio:21 / 13}.mosaic-hero__panel:nth-child(1){grid-area:1 / 1 / 9 / 9}.mosaic-hero__panel:nth-child(2){grid-area:1 / 9 / 9 / 14}.mosaic-hero__panel:nth-child(3){grid-area:1 / 14 / 9 / 22}.mosaic-hero__panel:nth-child(4){grid-area:9 / 1 / 14 / 9}.mosaic-hero__panel:nth-child(5){grid-area:9 / 9 / 14 / 14}.mosaic-hero__panel:nth-child(6){grid-area:9 / 14 / 14 / 22}}.mosaic-hero__panel{position:relative;overflow:hidden;display:flex;isolation:isolate;min-width:0;min-height:0}.mosaic-hero__image,.mosaic-hero__panel>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.mosaic-hero__solid{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-background));z-index:0}.mosaic-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04);z-index:0}.mosaic-hero__placeholder svg{width:60%;height:60%;fill:rgba(var(--color-foreground),.15)}.mosaic-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:clamp(1rem,3vw,2.5rem);width:100%;height:100%}.mosaic-hero__panel--text-center .mosaic-hero__content{justify-content:center;align-items:center;text-align:center}.mosaic-hero__panel--text-top-left .mosaic-hero__content{justify-content:flex-start;align-items:flex-start;text-align:left}.mosaic-hero__panel--text-top-center .mosaic-hero__content{justify-content:flex-start;align-items:center;text-align:center}.mosaic-hero__panel--text-top-right .mosaic-hero__content{justify-content:flex-start;align-items:flex-end;text-align:right}.mosaic-hero__panel--text-bottom-left .mosaic-hero__content{justify-content:flex-end;align-items:flex-start;text-align:left}.mosaic-hero__panel--text-bottom-center .mosaic-hero__content{justify-content:flex-end;align-items:center;text-align:center}.mosaic-hero__panel--text-bottom-right .mosaic-hero__content{justify-content:flex-end;align-items:flex-end;text-align:right}.mosaic-hero__subheading{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;margin:0}.mosaic-hero__subheading>*{margin:0}.mosaic-hero__panel-heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:clamp(1.5rem,2.8vw,2.75rem);line-height:1.05;letter-spacing:-.01em;margin:0}.mosaic-hero__panel-heading>*{margin:0}.mosaic-hero__button{margin-top:.75rem;align-self:inherit}.mosaic-hero__mobile-cta{display:none}@media(max-width:749px){.mosaic-hero__mobile-cta{display:flex;justify-content:center;padding:1.5rem .5rem 0}.mosaic-hero__mobile-cta-button{--mobile-cta-bg: #e85a2c;--mobile-cta-fg: #ffffff;position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:4.25rem;padding:0 2.5rem;background:var(--mobile-cta-bg);color:var(--mobile-cta-fg);border:none;border-radius:999px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;box-shadow:0 10px 24px -10px #e85a2c99;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.mosaic-hero__mobile-cta-button:before,.mosaic-hero__mobile-cta-button:after{display:none}.mosaic-hero__mobile-cta-button:hover{background:#d44d22}.mosaic-hero__mobile-cta-button:active{transform:translateY(1px) scale(.99);box-shadow:0 4px 12px -6px #e85a2c80}.mosaic-hero__grid .mosaic-hero__button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-mosaic-hero.css.map */