.projects{--proj-accent: #947F5C}.projects__container{width:100%;max-width:var(--container-width, 1432px);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.projects__header{text-align:center;margin-bottom:24px}.projects__subheading{color:var(--color-text-secondary);margin:0 0 8px}.projects__heading{text-align:center;margin:0}.projects__empty{text-align:center;color:var(--color-text-secondary);padding:40px 0}.projects__tab-nav{display:flex;flex-wrap:wrap;gap:0;margin-bottom:20px;border-bottom:1px solid var(--proj-accent)}@media(min-width:641px){.projects__tab-nav{max-width:65%;margin-left:auto;margin-right:auto}}.projects__tab{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 28px;font-family:var(--heading-font-family, inherit);font-size:1rem;color:#666;cursor:pointer;text-decoration:none;transition:color .2s ease,border-color .2s ease;white-space:nowrap;letter-spacing:.03em}.projects__tab:hover{color:var(--proj-accent)}.projects__tab.is-active{color:var(--proj-accent);border-bottom-color:var(--proj-accent);font-weight:600}@media(max-width:640px){.projects__tab{padding:10px 16px;font-size:.9rem}}.projects__panel{animation:projects-fadein .25s ease}.projects__panel.is-hidden,.projects__panel[hidden]{display:none}@keyframes projects-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.projects__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.projects__grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media(min-width:1441px){.projects__grid{grid-template-columns:repeat(4,1fr)}}.projects__grid-item{margin:0}.projects__card{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.projects__card-image-wrap{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1 / 1;border-radius:var(--global-border-radius);background-color:var(--color-img-placeholder-bg)}.projects__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--timing-base) var(--easing-ease)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.projects__card:hover .projects__card-image{transform:scale(1.04)}}.projects__card-title{margin:0;color:var(--color-text-primary)}.projects-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px 16px}.projects-modal.is-open{display:flex}.projects-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.projects-modal__dialog{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:1100px;max-height:calc(100vh - 48px);margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;background:var(--color-background, #fff);color:var(--color-text-primary);border-radius:var(--global-border-radius);padding:24px}.projects-modal__close{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--proj-accent);cursor:pointer}.projects-modal__close svg{width:30px;height:30px}.projects-modal__title{margin:0 48px 20px 0}.projects-modal__gallery{position:relative;margin-bottom:16px;--proj-gap: 16px}@media(min-width:768px){.projects-modal__gallery{padding-left:52px;padding-right:52px}}.projects-modal__viewport{overflow:hidden}.projects-modal__track{display:flex;gap:var(--proj-gap);will-change:transform;transition:transform .3s ease}.projects-modal__slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.projects-modal__slide{flex:0 0 calc((100% - var(--proj-gap)) / 2)}}.projects-modal__slide img{display:block;width:100%;height:60vh;max-height:60vh;object-fit:contain;background:transparent}.projects-modal__dots{display:flex;justify-content:center;gap:8px;margin-top:4px;margin-bottom:32px}.projects-modal__dot{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid var(--color-text-thirdly);background:transparent;cursor:pointer;transition:background-color var(--timing-base) var(--easing-ease),border-color var(--timing-base) var(--easing-ease)}.projects-modal__dot.is-active{background:var(--proj-accent);border-color:var(--proj-accent)}.projects-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--proj-accent);color:#fff;box-shadow:0 1px 6px #00000026;cursor:pointer}.projects-modal__nav--prev{left:4px}.projects-modal__nav--next{right:4px}@media(min-width:768px){.projects-modal__nav{display:inline-flex}}.projects-modal__description{margin-bottom:24px;color:var(--color-text-primary);font-size:calc(var(--body-font-size) * 1.0625);font-weight:500;line-height:1.6}.projects-modal__products-title{margin:32px 0 16px}.projects-modal__products-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.projects-modal__products-grid{grid-template-columns:repeat(4,1fr)}}.projects-modal__product{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--color-text-primary)}.projects-modal__product-image-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--global-border-radius) / 2);background-color:var(--color-img-placeholder-bg)}.projects-modal__product-image-wrap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--timing-base) var(--easing-ease)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.projects-modal__product:hover .projects-modal__product-image-wrap img{transform:scale(1.05)}}.projects-modal__product-name{font-size:calc(var(--body-font-size) * .95);line-height:1.3}@media(prefers-reduced-motion:reduce){.projects__card-image,.projects-modal__product-image-wrap img,.projects-modal__track{transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/projects.css.map */