.ss-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.ss-reference{display:grid;grid-template-rows:subgrid;grid-row:span 5;min-width:0;row-gap:0}.ss-reference__media{min-width:0}.ss-reference__media>img,.ss-project-video__thumbnail img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.ss-reference__media>img,ss-project-video,ss-project-gallery{display:block;width:100%;max-width:420px;margin-inline:auto}.ss-reference>.prose{max-width:420px;width:100%;margin-inline:auto}.ss-reference .ss-media-placeholder{aspect-ratio:4/3;min-height:12rem}.ss-reference blockquote{font-style:italic}@media(max-width:699px){.ss-reference-grid{grid-template-columns:1fr}}.ss-project-video__thumbnail{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;background:#eee}.ss-project-video__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;background:#000000b8;color:#fff;display:flex;align-items:center;justify-content:center;padding-left:.25rem;box-shadow:0 0 0 1px #fff9}.ss-project-video__thumbnail:hover .ss-project-video__play{background:#111}.ss-project-video__thumbnail:focus-visible{outline:3px solid currentColor;outline-offset:4px}.ss-project-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:0;background:#111;color:#fff;width:min(480px,45dvh,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:visible}.ss-project-dialog::backdrop{background:#000c}.ss-project-dialog video{display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain}.ss-project-dialog__close{position:absolute;right:0;top:-2.5rem;width:2.5rem;height:2.5rem;background:#111;color:#fff;border:1px solid #fff;font-size:1.8rem;line-height:1;cursor:pointer}ss-project-gallery{position:relative}.ss-project-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/5}.ss-project-gallery__track::-webkit-scrollbar{display:none}.ss-project-gallery__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;position:relative;cursor:zoom-in;padding:0;background:#eee;border:0}.ss-project-gallery__slide img{width:100%;height:100%;object-fit:cover;display:block}.ss-project-gallery__expand{position:absolute;top:.75rem;right:.75rem;color:#fff;background:#000000a6;width:2rem;height:2rem;display:grid;place-items:center}.ss-project-gallery__controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.75rem}.ss-project-gallery__controls button{width:2.25rem;height:2.25rem;border:1px solid rgb(255 255 255 / .5);border-radius:50%;cursor:pointer;background:#00000080;color:#fff}.ss-project-gallery__controls button:hover{background:#111}.ss-project-gallery__controls button:focus-visible,.ss-project-gallery__slide:focus-visible{outline:3px solid currentColor;outline-offset:-4px}ss-project-gallery>.ss-project-gallery__controls{position:absolute;inset:auto 0 .75rem;padding:0;pointer-events:none}ss-project-gallery>.ss-project-gallery__controls>*{pointer-events:auto}.ss-project-gallery__controls .ss-project-gallery__count{color:#fff;background:#000000a6;border-radius:1rem;padding:.25rem .5rem}.ss-project-gallery__count{font-size:.8rem;font-variant-numeric:tabular-nums;min-width:3rem;text-align:center}.ss-project-gallery__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;border:0;padding:0;background:#111;color:#fff;width:fit-content;max-width:92vw;max-height:90dvh;overflow:visible}.ss-project-gallery__dialog::backdrop{background:#000000d9}.ss-project-gallery__dialog img{display:block;width:auto;height:auto;max-width:90vw;max-height:76dvh;object-fit:contain}.ss-project-gallery__dialog [data-close]{position:absolute;right:0;top:-2.5rem;width:2.5rem;height:2.5rem;font-size:1.8rem;background:#111;color:#fff;cursor:pointer}.ss-project-gallery__dialog .ss-project-gallery__controls{padding:.5rem}.ss-reference>.prose{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:1.25rem;align-content:start}.ss-reference>.prose h3{margin:0;line-height:1.4}.ss-reference>.prose>p{margin:0}.ss-reference .prose .ss-reference__configuration{display:inline-flex;align-items:center;justify-content:flex-start;gap:.75rem;margin:0;padding:.5rem 0;border:0;color:inherit;background:none;text-decoration:none;line-height:1.4;font-size:.9375rem;transition:opacity .15s}.ss-reference__configuration>span:first-child{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:1px}.ss-reference .prose .ss-reference__configuration:before,.ss-reference .prose .ss-reference__configuration:after{content:none}.ss-reference .prose .ss-reference__configuration:hover{opacity:.7}.ss-reference .prose .ss-reference__configuration:focus-visible{outline:2px solid currentColor;outline-offset:4px}.ss-project-media-note{height:3.75rem;margin:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.8rem;line-height:1.5;color:#666}.ss-reference__actions{grid-row:3;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin:0!important}.ss-reference__project-link{font-size:.85rem;text-decoration:underline;text-underline-offset:.25rem;background:none}.ss-reference{scroll-margin-top:9rem}.ss-reference-grid--product{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.ss-projects-header{max-width:760px;margin-inline:auto;text-align:center}.ss-projects-header>p:first-child{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.ss-projects-filter{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-block:2rem}.ss-projects-filter label{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.ss-projects-filter select{min-width:12rem;padding:.7rem 2.5rem .7rem 1rem;border:1px solid rgb(0 0 0 / .3);background-color:transparent}.ss-projects-footer{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.ss-projects-footer .ss-projects-overview{background:#1d1d1d;color:#fff;border:1px solid #1d1d1d}.ss-projects-footer .ss-projects-overview:hover{background:#333;border-color:#333}.ss-projects-catalog [hidden]{display:none!important}.ss-projects-pagination{text-align:center;margin-top:2rem}@media(max-width:699px){.ss-reference-grid--product{grid-template-columns:1fr}.ss-projects-filter{align-items:flex-start;flex-direction:column}}.ss-project-media-note--combined{gap:.75rem;flex-wrap:wrap}.ss-project-media-note--combined ss-project-video{width:auto;margin:0}.ss-project-video--link .ss-project-video__thumbnail{width:auto;background:none;color:inherit;text-decoration:underline;text-underline-offset:.2rem;padding:.25rem;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/14/compiled_assets/styles.css.map?subset=AAAAAAAAAAAC */