.numbered-image-grid{padding:0;--grid-item-height: 150px;--grid-item-double-height: 250px;--grid-item-width: calc(50% - 15px) ;--grid-item-double-width: calc(50% - 15px) ;margin:0 auto;max-width:1200px}@media (min-width:900px){.numbered-image-grid{--grid-item-height: 300px;--grid-item-double-height: 600px;--grid-item-small-width: calc(2.85% * 9);--grid-item-width: 31.35% ;--grid-item-double-width: 59.85% }.gutter-sizer{width:2.85%}}.numbered-image-grid__wrapper{position:relative}.numbered-image-grid__container{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(58,1fr);grid-column-gap:0px;grid-row-gap:0px;max-height:1000px}.numbered-image-grid__item img{transition:transform .5s}.numbered-image-grid__item:hover img{transform:scale(1.05)}.numbered-image-grid__item.disabled{pointer-events:none}.numbered-image-grid__item--1{grid-area:1 / 1 / 14 / 7}.numbered-image-grid__item--2{grid-area:1 / 8 / 7 / 15}.numbered-image-grid__item--3{grid-area:15 / 1 / 22 / 7}.numbered-image-grid__item--4{grid-area:8 / 8 / 22 / 15}.numbered-image-grid__item--5{grid-area:23 / 1 / 30 / 6}.numbered-image-grid__item--6{grid-area:23 / 7 / 30 / 15}.numbered-image-grid__item--7{grid-area:31 / 1 / 38 / 7}.numbered-image-grid__item--8{grid-area:31 / 8 / 44 / 15}.numbered-image-grid__item--9{grid-area:39 / 1 / 52 / 7}.numbered-image-grid__item--10{grid-area:45 / 8 / 52 / 15}.numbered-image-grid__item--11{grid-area:53 / 1 / 60 / 5}.numbered-image-grid__item--12{grid-area:53 / 6 / 60 / 15}@media (min-width:900px){.numbered-image-grid__container{max-height:2500px;grid-template-columns:repeat(33,1fr);grid-template-rows:repeat(64,1fr)}.numbered-image-grid__item--1{grid-area:1 / 1 / 15 / 11}.numbered-image-grid__item--2{grid-area:1 / 12 / 10 / 34}.numbered-image-grid__item--3{grid-area:16 / 1 / 26 / 11}.numbered-image-grid__item--4{grid-area:11 / 12 / 26 / 23}.numbered-image-grid__item--5{grid-area:11 / 24 / 26 / 34}.numbered-image-grid__item--6{grid-area:27 / 1 / 37 / 22}.numbered-image-grid__item--7{grid-area:27 / 23 / 42 / 34}.numbered-image-grid__item--8{grid-area:38 / 1 / 53 / 11}.numbered-image-grid__item--9{grid-area:38 / 12 / 53 / 22}.numbered-image-grid__item--10{grid-area:43 / 23 / 53 / 34}.numbered-image-grid__item--11{grid-area:54 / 1 / 64 / 11}.numbered-image-grid__item--12{grid-area:54 / 12 / 64 / 34}}.numbered-image-grid__item.is-flipped{z-index:10}.numbered-image-grid__flipper{position:relative;width:100%;height:100%;aspect-ratio:1;transition:transform .6s;transform-style:preserve-3d}.numbered-image-grid__item.is-flipped .numbered-image-grid__flipper{transform:rotateY(180deg)}.numbered-image-grid__front,.numbered-image-grid__back{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:#f5f5f0;background-image:url(//www.joonbyrd.com/cdn/shop/files/Paper-Texture.jpg?v=17633303454226789455);background-size:cover;background-position:center;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.numbered-image-grid__front{position:absolute;top:0;left:0}.numbered-image-grid__item.is-flipped .numbered-image-grid__front{pointer-events:none}.numbered-image-grid__back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:none}.numbered-image-grid__item.is-flipped .numbered-image-grid__back{pointer-events:auto}.numbered-image-grid__number{position:absolute;top:1.5rem;left:1.5rem;z-index:10;font-size:3rem;font-weight:300;color:var(--joon-blue);line-height:1;font-family:Tiempos,Georgia,serif}.numbered-image-grid__image-wrapper{width:100%;height:100%;position:relative;aspect-ratio:1}.numbered-image-grid__image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:top left;position:relative;z-index:1;animation:transform .5s}.numbered-image-grid__number:hover img{transform:scale(1.1)}.numbered-image-grid__back-content{text-align:left;max-width:100%;position:relative;z-index:2;color:var(--joon-blue)}.numbered-image-grid__back-title{font-family:Tiempos,Georgia,serif;font-size:3rem;font-weight:400;color:var(--joon-blue);margin:0 0 1rem;line-height:1.2;text-transform:none}.numbered-image-grid__back-content h1,.numbered-image-grid__back-content h2,.numbered-image-grid__back-content h3,.numbered-image-grid__back-content h4,.numbered-image-grid__back-content h5{font-family:Tiempos,Georgia,serif;text-transform:none}.numbered-image-grid__back-content p{font-size:14px}@media (min-width:900px){.numbered-image-grid__back-content p{font-size:16px}}.numbered-image-grid__back-description{font-size:1.125rem;line-height:1.6;color:var(--joon-blue);margin:0 0 2rem}.numbered-image-grid__back-button{display:inline-block;color:var(--joon-blue);border:1px solid var(--joon-blue);border-radius:50px;text-decoration:none;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;background:#fff;padding:.5rem 1.5rem;box-shadow:var(--joon-shadow)}.numbered-image-grid__back-button:hover{background:var(--joon-blue);color:#fff}.numbered-image-grid__image-wrapper img.hide-desktop{display:block}.numbered-image-grid__image-wrapper img.hide-mobile{display:none}@media (min-width:900px){.numbered-image-grid__image-wrapper img{object-fit:cover;object-position:center}.numbered-image-grid__image-wrapper img.hide-desktop{display:none}.numbered-image-grid__image-wrapper img.hide-mobile{display:block}}@media screen and (max-width: 989px){.numbered-image-grid{padding:0}.numbered-image-grid__number{font-size:2.5rem;top:1rem;left:1rem}.numbered-image-grid__back{padding:1.5rem}.numbered-image-grid__back-title{font-size:2.5rem}.numbered-image-grid__back-description{font-size:1rem}.numbered-image-grid__item--5 .numbered-image-grid__image-wrapper .numbered-image-grid__image-wrapper--image{object-fit:cover;object-position:20px -30px}}@media screen and (max-width: 749px){.numbered-image-grid{padding:0}.numbered-image-grid__number{font-size:2rem;top:.75rem;left:.75rem}.numbered-image-grid__back{padding:1rem}.numbered-image-grid__back-title{font-size:2rem;margin-bottom:.75rem}.numbered-image-grid__back-description{font-size:.875rem;margin-bottom:1.5rem}.numbered-image-grid__back-button{padding:.6rem 1.4rem;font-size:.75rem}}#mobilePopup{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--med-space);z-index:99999;opacity:1;transition:opacity .3s}@starting-style{#mobilePopup{opacity:0}}#mobilePopup.active{display:flex;align-items:center;justify-content:center}.mobile-popup-container{background:#f5f5f0;box-shadow:0 4px 12px #00000014;padding:var(--med-space);border-radius:12px;position:relative;transition:opacity .5s,transform .4s;transform:translateY(-10px);padding:40px 30px}@starting-style{.mobile-popup-container{opacity:0;transform:translateY(20px)}}.mobile-popup-container .mobile-popup-close{position:absolute;right:10px;top:10px;display:block;z-index:1}.mobile-popup-container-content{padding-top:2rem}.mobile-popup-close svg{width:12px;height:12px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-numbered-image-grid.css.map */