html.luma-portfolio-popup-is-open,body.luma-portfolio-popup-is-open{overflow:hidden!important}.luma-portfolio-project__media[role=button]{cursor:pointer}.luma-portfolio-project__media[role=button]:focus-visible{outline:2px solid #e28f75;outline-offset:4px}.luma-portfolio-popup[hidden]{display:none!important}.luma-portfolio-popup{position:fixed!important;z-index:2147483000!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:grid!important;width:100vw!important;height:100dvh!important;padding:28px!important;place-items:center!important;box-sizing:border-box!important;isolation:isolate;font-family:Figtree,Labil Grotesk,sans-serif}.luma-portfolio-popup__backdrop{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:var(--luma-portfolio-popup-overlay, rgba(48, 46, 43, .65));cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.luma-portfolio-popup__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);width:min(100%,var(--luma-portfolio-popup-width, 1040px));max-height:calc(100dvh - 56px);overflow:hidden;border-radius:var(--luma-portfolio-popup-radius, 16px);outline:0;background:var(--luma-portfolio-popup-bg, #f4f0ec);color:var(--luma-portfolio-popup-text, #4f4d49);box-shadow:0 28px 90px #1c19164d}.luma-portfolio-popup__close{position:absolute;z-index:20;top:16px;right:16px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(79,77,73,.16);border-radius:50%;background:#f9f6f2f0;color:var(--luma-portfolio-popup-text, #4f4d49);cursor:pointer}.luma-portfolio-popup__close svg,.luma-portfolio-popup__arrow svg,.luma-portfolio-popup__button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.luma-portfolio-popup__gallery{min-width:0;padding:18px;background:#eee9e4}.luma-portfolio-popup__stage{position:relative;overflow:hidden;height:min(64vh,680px);background:#e6e1df}.luma-portfolio-popup__main-image{display:block;width:100%;height:100%;object-fit:cover}.luma-portfolio-popup__location{position:absolute;left:22px;bottom:20px;padding:8px 18px;border-radius:999px;background:#f9f6f2eb;color:#6e6a65;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.luma-portfolio-popup__arrow{position:absolute;z-index:5;top:50%;display:grid;width:44px;height:44px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:50%;background:#f9f6f2eb;color:#4f4d49;cursor:pointer;box-shadow:0 8px 24px #1f1c1924}.luma-portfolio-popup__arrow[hidden]{display:none!important}.luma-portfolio-popup__arrow--prev{left:16px}.luma-portfolio-popup__arrow--next{right:16px}.luma-portfolio-popup__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.luma-portfolio-popup__thumbs[hidden]{display:none!important}.luma-portfolio-popup__thumb{overflow:hidden;aspect-ratio:1 / 1;padding:0;border:1px solid transparent;border-radius:0;background:#e6e1df;opacity:.62;cursor:pointer}.luma-portfolio-popup__thumb.is-active{border-color:var(--luma-portfolio-popup-accent, #e28f75);opacity:1}.luma-portfolio-popup__thumb img{display:block;width:100%;height:100%;object-fit:cover}.luma-portfolio-popup__content{display:flex;min-width:0;padding:84px 38px 38px;flex-direction:column;justify-content:center;overflow-y:auto}.luma-portfolio-popup__eyebrow{margin:0 0 18px;color:#4f4d4994;font-size:9px;letter-spacing:.3em;text-transform:uppercase}.luma-portfolio-popup__content h2{margin:0;color:var(--luma-portfolio-popup-text, #4f4d49);font-size:clamp(34px,4vw,58px);font-weight:500;line-height:.98;letter-spacing:-.045em}.luma-portfolio-popup__detail{margin:14px 0 0;color:var(--luma-portfolio-popup-accent, #e28f75);font-family:LumaFont,cursive;font-size:17px;line-height:1.25}.luma-portfolio-popup__copy{margin-top:24px;color:#4f4d49b3;font-size:14px;line-height:1.65}.luma-portfolio-popup__copy p{margin:0}.luma-portfolio-popup__button{display:inline-flex;width:100%;min-height:54px;margin-top:30px;padding:12px 20px;align-items:center;justify-content:center;gap:14px;border-radius:999px;background:var(--luma-portfolio-popup-accent, #e28f75);color:#fff;font-size:10px;letter-spacing:.22em;text-align:center;text-decoration:none}.luma-portfolio-popup__button[hidden],.luma-portfolio-popup__eyebrow[hidden],.luma-portfolio-popup__detail[hidden],.luma-portfolio-popup__copy[hidden],.luma-portfolio-popup__location[hidden]{display:none!important}@media screen and (max-width:749px){.luma-portfolio-popup{padding:12px!important}.luma-portfolio-popup__panel{display:block;width:100%;max-width:540px;max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;border-radius:var(--luma-portfolio-popup-radius, 16px)}.luma-portfolio-popup__close{position:sticky;z-index:30;top:12px;float:right;width:40px;height:40px;margin:12px 12px -52px 0}.luma-portfolio-popup__gallery{clear:both;padding:0 0 12px}.luma-portfolio-popup__stage{height:auto;aspect-ratio:4 / 5}.luma-portfolio-popup__thumbs{display:flex;gap:8px;margin:10px 14px 0;overflow-x:auto;scrollbar-width:none}.luma-portfolio-popup__thumbs::-webkit-scrollbar{display:none}.luma-portfolio-popup__thumb{width:72px;flex:0 0 72px}.luma-portfolio-popup__arrow{width:38px;height:38px}.luma-portfolio-popup__arrow--prev{left:12px}.luma-portfolio-popup__arrow--next{right:12px}.luma-portfolio-popup__location{left:16px;bottom:14px;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.luma-portfolio-popup__content{padding:24px 22px 26px;overflow:visible}.luma-portfolio-popup__eyebrow{margin-bottom:12px;font-size:8px}.luma-portfolio-popup__content h2{font-size:clamp(34px,10vw,46px)}.luma-portfolio-popup__detail{margin-top:10px;font-size:15px}.luma-portfolio-popup__copy{margin-top:16px;font-size:13px}.luma-portfolio-popup__button{min-height:52px;margin-top:22px;font-size:9px}}@media(prefers-reduced-motion:reduce){.luma-portfolio-popup__main-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/luma-portfolio-popup.css.map */
