.noren-projects{--noren-projects-rule: rgba(var(--color-foreground), .17);--noren-projects-muted: rgba(var(--color-foreground), .72);--noren-projects-accent: rgb(var(--color-button));--noren-projects-surface: rgba(var(--color-background), .9);--noren-projects-placeholder: rgba(var(--color-foreground), .08);display:block}.noren-projects button{font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.noren-projects button:focus-visible{outline:.2rem solid var(--noren-projects-accent);outline-offset:.5rem;box-shadow:none}.noren-projects__detail button:focus-visible{outline-offset:.2rem}.noren-projects [hidden]{display:none!important}.noren-projects__intro{text-align:center;padding:2rem 0 4.4rem}.noren-projects__eyebrow{margin:0 0 1.4rem;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--noren-projects-muted)}.noren-projects__title{margin:0 0 2rem;font-size:clamp(3.8rem,4.3vw,5.6rem);line-height:1.15;letter-spacing:-.02em}.noren-projects__lead{max-width:76rem;margin:0 auto;font-size:1.4rem;line-height:1.95;color:var(--noren-projects-muted)}.noren-projects__lead>p{margin:0}.noren-projects__bar{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding:2rem 0;border-top:.1rem solid var(--noren-projects-rule)}.noren-projects__bar-heading{margin:0;font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.04em}.noren-projects__bar-note{margin:0;font-size:1.1rem;color:var(--noren-projects-muted)}.noren-projects__separator{padding:0 1.2rem;opacity:.6}.noren-projects__workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.noren-projects__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.7rem 1.6rem;align-content:start;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.noren-projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4rem 2.4rem}}@media screen and (min-width:990px){.noren-projects__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.noren-projects__empty{grid-column:1 / -1;padding:1.2rem 1.6rem;font-size:1.2rem;border:.1rem dashed var(--noren-projects-rule)}.noren-projects__card{display:block;width:100%;padding:0;text-align:left}.noren-projects__card-photo{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:var(--noren-projects-placeholder)}.noren-projects__card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.noren-projects__card:hover .noren-projects__card-image{transform:scale(1.035)}.noren-projects__card-action{position:absolute;right:1.2rem;bottom:1.2rem;display:grid;place-items:center;width:2.9rem;height:2.9rem;font-size:1.8rem;line-height:1;background:var(--noren-projects-surface);opacity:0;transform:translateY(.4rem);transition:opacity .2s ease,transform .2s ease}.noren-projects__card:hover .noren-projects__card-action,.noren-projects__card:focus-visible .noren-projects__card-action,.noren-projects__card[aria-expanded=true] .noren-projects__card-action{opacity:1;transform:none}.noren-projects__card[aria-expanded=true] .noren-projects__card-photo{outline:.2rem solid var(--noren-projects-accent);outline-offset:-.2rem}.noren-projects__card[aria-expanded=true] .noren-projects__card-action{background:var(--noren-projects-accent);color:rgb(var(--color-button-text))}.noren-projects__card-number{display:block;margin:1.4rem 0 .4rem;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--noren-projects-muted)}.noren-projects__card-title{display:block;font-family:var(--font-heading-family);font-size:2rem;line-height:1.25}.noren-projects__card-client{display:block;margin-top:.6rem;font-size:1.1rem;line-height:1.5;color:var(--noren-projects-muted)}@media screen and (min-width:750px){.noren-projects__card-title{font-size:2.1rem}.noren-projects__workspace.is-open{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:2.4rem}.noren-projects__workspace.is-open .noren-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 1.8rem}.noren-projects__workspace.is-open .noren-projects__card-title{font-size:1.8rem}.noren-projects__detail{position:sticky;top:2.4rem;max-height:calc(100vh - 4.8rem);overflow-y:auto;overscroll-behavior:contain;min-width:0;padding:.8rem .8rem .8rem 2.2rem;border-left:.1rem solid var(--noren-projects-rule);animation:noren-projects-enter .3s ease-out}}@media screen and (min-width:1100px){.noren-projects__workspace.is-open{grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:3.8rem}.noren-projects__workspace.is-open .noren-projects__card-title{font-size:2rem}.noren-projects__detail{padding-left:3.2rem}}.noren-projects__detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--noren-projects-muted)}.noren-projects__close{display:flex;align-items:center;gap:1.2rem;padding:.8rem 0 .8rem 1.6rem;font-size:1.1rem;letter-spacing:0;text-transform:none;color:rgb(var(--color-foreground))!important}.noren-projects__close span{font-size:2.8rem;line-height:1}.noren-projects__stage{position:relative;margin:0;aspect-ratio:3 / 2;max-height:64vh;width:100%;overflow:hidden;background:var(--noren-projects-placeholder)}.noren-projects__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:zoom-in;touch-action:pan-y;background-position:center;background-size:contain;background-repeat:no-repeat;user-select:none;-webkit-user-select:none}.noren-projects__viewport:focus-visible{outline:.2rem solid var(--noren-projects-accent);outline-offset:-.3rem}.noren-projects__viewport.is-zoomed{cursor:grab;touch-action:none}.noren-projects__viewport.is-dragging{cursor:grabbing}.noren-projects__photo{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;will-change:transform}.noren-projects__counter{position:absolute;left:1.2rem;bottom:1.2rem;padding:.3rem .9rem;font-size:1rem;background:var(--noren-projects-surface);pointer-events:none}.noren-projects__viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;min-height:4.4rem;margin-bottom:1rem;font-size:1.1rem;color:var(--noren-projects-muted)}.noren-projects__viewer-bar p{margin:0}.noren-projects__reset{padding:.8rem 0;font-size:1.1rem}.noren-projects__reset:hover,.noren-projects__pager button:hover{color:var(--noren-projects-accent)}.noren-projects__reset span{margin-left:.6rem}.noren-projects__thumbs{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 2.4rem}.noren-projects__thumb{width:7.6rem;padding:0;aspect-ratio:3 / 2;overflow:hidden;background:var(--noren-projects-placeholder)}.noren-projects__thumb img{display:block;width:100%;height:100%;object-fit:cover}.noren-projects__thumb[aria-pressed=true]{outline:.2rem solid var(--noren-projects-accent);outline-offset:.2rem}.noren-projects__thumb[aria-pressed=false] img{opacity:.72}.noren-projects__heading{margin-bottom:1.8rem}.noren-projects__detail-title{margin:0;font-size:3rem;line-height:1.15;letter-spacing:0}.noren-projects__detail-client{margin:.8rem 0 0;font-size:1.2rem;color:var(--noren-projects-muted)}.noren-projects__description{margin:0 0 2.2rem;font-size:1.3rem;line-height:1.9;color:var(--noren-projects-muted)}.noren-projects__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2rem;margin:0 0 2.2rem;padding:1.5rem 0;border-top:.1rem solid var(--noren-projects-rule);border-bottom:.1rem solid var(--noren-projects-rule)}.noren-projects__facts dt{margin-bottom:.4rem;font-size:1rem;color:var(--noren-projects-muted)}.noren-projects__facts dd{margin:0;font-size:1.2rem}.noren-projects__pager{display:flex;justify-content:space-between;gap:1.6rem;padding-top:1.4rem;border-top:.1rem solid var(--noren-projects-rule);font-size:1.1rem}.noren-projects__pager button{padding:.8rem 0}.noren-projects__pager span{font-size:1.6rem;vertical-align:-.1rem}@media screen and (max-width:749px){.noren-projects__intro{padding:1.2rem 0 3.2rem}.noren-projects__title{font-size:3.6rem}.noren-projects__lead{font-size:1.3rem;line-height:1.9}.noren-projects__bar{padding:1.6rem 0;align-items:center}.noren-projects__bar-note{max-width:14rem;font-size:1rem;text-align:right}.noren-projects__separator{padding:0 .5rem}.noren-projects__card-number{margin-top:1.1rem}.noren-projects__card-title{font-size:1.8rem}.noren-projects__card-client{font-size:1rem}.noren-projects__card-action{right:.8rem;bottom:.8rem;width:2.5rem;height:2.5rem;opacity:1;transform:none}.noren-projects__detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;overscroll-behavior:contain;padding:0 1.6rem 3.2rem;background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:fixed;animation:noren-projects-enter .25s ease}.noren-projects__detail-top{position:sticky;top:0;z-index:1;margin:0 -1.6rem 1.2rem;padding:.6rem 1.6rem;background:rgb(var(--color-background));border-bottom:.1rem solid var(--noren-projects-rule)}.noren-projects__stage{max-height:none}.noren-projects__detail-title{font-size:2.8rem}body.noren-projects-locked{overflow:hidden}}@keyframes noren-projects-enter{0%{opacity:0;transform:translate(1.2rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.noren-projects *,.noren-projects__detail{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/noren-projects.css.map */
