umbra-tile-grid,.umbra-tg{display:block;position:relative;width:100%;color:#151517}.umbra-tg{--tg-cols: var(--tg-cols-m, 2);--tg-pad: var(--tg-pad-m, 14px);--tg-head-t: var(--tg-head-t-m, 24px);--tg-head-b: var(--tg-head-b-m, 20px);--tg-head-x: var(--tg-head-x-m, 16px);--tg-desc-lines: var(--tg-desc-lines-m, 3);--tg-desc-display: var(--tg-desc-display-m, -webkit-box);--tg-vh: 100vh}@supports (height: 100svh){.umbra-tg{--tg-vh: 100svh}}@media(min-width:769px){.umbra-tg{--tg-cols: var(--tg-cols-t, 2);--tg-pad: var(--tg-pad-d, 32px);--tg-head-t: var(--tg-head-t-d, 48px);--tg-head-b: var(--tg-head-b-d, 48px);--tg-head-x: var(--tg-head-x-d, 36px);--tg-desc-lines: var(--tg-desc-lines-d, 6);--tg-desc-display: var(--tg-desc-display-d, -webkit-box)}}@media(min-width:1024px){.umbra-tg{--tg-cols: var(--tg-cols-d, 3)}}.umbra-tg__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 32px;padding-top:var(--tg-head-t);padding-bottom:var(--tg-head-b);padding-left:max(var(--tg-head-x),env(safe-area-inset-left,0px));padding-right:max(var(--tg-head-x),env(safe-area-inset-right,0px));color:#2a2b2a}.umbra-tg.is-inset-page .umbra-tg__head{padding-left:max(var(--gutter, 32px),calc((100% - var(--page-width, 1372px)) / 2),env(safe-area-inset-left,0px));padding-right:max(var(--gutter, 32px),calc((100% - var(--page-width, 1372px)) / 2),env(safe-area-inset-right,0px))}.umbra-tg.is-head-center .umbra-tg__head{flex-direction:column;align-items:center;text-align:center}.umbra-tg.is-head-right .umbra-tg__head{flex-direction:row-reverse;text-align:right}.umbra-tg__title{overflow-wrap:anywhere}.umbra-tg__body{width:100%;container-type:inline-size}.umbra-tg__grid{display:grid;grid-template-columns:repeat(var(--tg-cols),minmax(0,1fr));grid-auto-rows:calc((100vw - (var(--tg-cols) - 1) * var(--tg-gap, 0px)) / var(--tg-cols));grid-auto-flow:row dense;gap:var(--tg-gap, 0px);margin:0;padding:0;list-style:none}@supports (width: 1cqw){.umbra-tg__grid{grid-auto-rows:calc((100cqw - (var(--tg-cols) - 1) * var(--tg-gap, 0px)) / var(--tg-cols))}}@media(min-height:521px){.umbra-tg{display:flex;flex-direction:column;height:calc(var(--tg-vh) - var(--tg-offset, 0px))}.umbra-tg__head{flex:0 0 auto}.umbra-tg__body{flex:1 1 0;min-height:0}.umbra-tg__grid{height:100%;grid-auto-rows:minmax(0,1fr)}}.umbra-tg__cell{position:relative;min-width:0;min-height:0;margin:0;padding:0;list-style:none;grid-column:span var(--c-m, 1);grid-row:span var(--r, 1)}.umbra-tg__cell:before,.umbra-tg__cell::marker{content:none}.umbra-tg__cell.is-hide-m{display:none}@media(min-width:769px){.umbra-tg__cell{grid-column:span var(--c-t, 1)}.umbra-tg__cell.is-hide-m{display:block}.umbra-tg__cell.is-hide-l{display:none}}@media(min-width:1024px){.umbra-tg__cell{grid-column:span var(--c-d, 1)}}.umbra-tg__tile{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;color:inherit;text-decoration:none;background:var(--tg-tile-bg, #f2f0ec);perspective:1800px;outline:none;-webkit-tap-highlight-color:transparent}.umbra-tg__tile:hover{color:inherit}.umbra-tg__tile:focus-visible:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:3;border:2px solid #ffffff;box-shadow:0 0 0 2px #151517;pointer-events:none}.umbra-tg__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform var(--tg-speed, .7s) cubic-bezier(.22,.7,.18,1)}.umbra-tg__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.umbra-tg__front{display:flex;align-items:var(--tg-ly, flex-end);justify-content:var(--tg-lx, flex-start);padding:var(--tg-pad);transform:rotateY(0)}.umbra-tg__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.umbra-tg__media picture{display:block;width:100%;height:100%}.umbra-tg .umbra-tg__media img,.umbra-tg .umbra-tg__media svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fp, 50% 50%);transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.umbra-tg .umbra-tg__media.is-contain img{object-fit:contain}.umbra-tg .umbra-tg__media svg{fill:#dad6d2;background:var(--tg-tile-bg, #f2f0ec)}@media(max-width:768.98px){.umbra-tg .umbra-tg__media img{object-position:var(--fp-m, var(--fp, 50% 50%))}}.umbra-tg__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tg-shade, none);pointer-events:none}.umbra-tg__label{position:relative;z-index:1;max-width:100%;color:var(--tg-front-text, #ffffff);font-family:var(--tg-tile-family);font-weight:var(--tg-tile-weight, 400);font-style:var(--tg-tile-style, normal);font-size:var(--tg-fs-label);line-height:1.2;text-align:var(--tg-lt, left);text-wrap:balance}.umbra-tg__back{display:flex;flex-direction:column;justify-content:var(--tg-bv, center);padding:var(--tg-pad);background:var(--tile-back-bg, var(--tg-back-bg, #f2f0ec));color:var(--tile-back-text, var(--tg-back-text, #151517));text-align:var(--tg-bh, left)}.umbra-tg__back .umbra-tg__shade{background:var(--tg-back-tint, rgba(21, 21, 23, .55))}.umbra-tg__copy{position:relative;z-index:1;max-width:40ch}.umbra-tg.is-back-center .umbra-tg__copy{margin-inline:auto}.umbra-tg__copy>:last-child{margin-bottom:0}.umbra-tg .umbra-tg__name{margin:0 0 .55em;font-family:var(--tg-tile-family)!important;font-weight:var(--tg-tile-weight, 400);font-style:var(--tg-tile-style, normal);font-size:var(--tg-fs-name);line-height:1.12;letter-spacing:-.005em;text-transform:none;color:inherit;text-wrap:balance}.umbra-tg__desc{margin:0 0 1.3em;font-family:var(--body-font-family, inherit);font-weight:400;font-size:var(--tg-fs-desc);line-height:1.55;letter-spacing:.2px;color:inherit;display:var(--tg-desc-display, -webkit-box);-webkit-line-clamp:var(--tg-desc-lines, 6);-webkit-box-orient:vertical;overflow:hidden}.umbra-tg__cta{display:inline-block;font-family:var(--navigation-font-family, inherit);font-weight:var(--navigation-font-weight, 600);font-size:var(--tg-fs-cta);line-height:1.3;letter-spacing:.1em;text-transform:uppercase;color:inherit;text-decoration:underline;text-underline-offset:.45em;text-decoration-thickness:1px}.umbra-tg.is-cta-button .umbra-tg__cta{padding:.95em 1.6em;border:1px solid currentColor;text-decoration:none}.umbra-tg__tile.is-flip .umbra-tg__back{transform:rotateY(180deg)}.umbra-tg__tile.is-flip.is-axis-x .umbra-tg__back{transform:rotateX(180deg)}.umbra-tg__tile.is-flip.is-flipped .umbra-tg__inner,.umbra-tg__tile.is-flip:focus-visible .umbra-tg__inner{transform:rotateY(180deg)}.umbra-tg__tile.is-flip.is-axis-x.is-flipped .umbra-tg__inner,.umbra-tg__tile.is-flip.is-axis-x:focus-visible .umbra-tg__inner{transform:rotateX(180deg)}@media(hover:hover){.umbra-tg__tile.is-flip:hover .umbra-tg__inner{transform:rotateY(180deg)}.umbra-tg__tile.is-flip.is-axis-x:hover .umbra-tg__inner{transform:rotateX(180deg)}}.umbra-tg__tile.is-fade .umbra-tg__back{opacity:0;transition:opacity var(--tg-speed, .7s) ease}.umbra-tg__tile.is-fade.is-flipped .umbra-tg__back,.umbra-tg__tile.is-fade:focus-visible .umbra-tg__back{opacity:1}@media(hover:hover){.umbra-tg__tile.is-fade:hover .umbra-tg__back{opacity:1}.umbra-tg.is-zoom .umbra-tg__tile:not(.is-flip):hover .umbra-tg__front img{transform:scale(1.04)}}.umbra-tg .is-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.umbra-tg .umbra-tg__inner{transition:none;transform:none!important}.umbra-tg .umbra-tg__tile.is-flip .umbra-tg__back{transform:none;opacity:0;transition:opacity .2s linear}.umbra-tg .umbra-tg__tile.is-flip.is-flipped .umbra-tg__back,.umbra-tg .umbra-tg__tile.is-flip:focus-visible .umbra-tg__back{opacity:1}.umbra-tg .umbra-tg__media img{transition:none;transform:none!important}}@media(prefers-reduced-motion:reduce)and (hover:hover){.umbra-tg .umbra-tg__tile.is-flip:hover .umbra-tg__back{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/umbra-tile-grid.css.map */