.ks-project-gallery{--ks-gallery-card-width: clamp(38rem, 68vw, 51.25rem);overflow:hidden}.ks-project-gallery--cards-large{--ks-gallery-card-width: clamp(44rem, 76vw, 58.75rem)}.ks-project-gallery__header{max-width:45rem;margin-inline:auto;margin-bottom:var(--ks-space-8)}.ks-project-gallery__header.ks-section-header--left{margin-left:0}.ks-project-gallery__region{position:relative;isolation:isolate}.ks-project-gallery__region:after,.ks-project-gallery__region:before{position:absolute;z-index:3;top:0;bottom:calc(3rem + var(--ks-space-4));width:clamp(3.5rem,8vw,7.5rem);content:"";pointer-events:none;opacity:1;transition:opacity var(--ks-transition-base)}.ks-project-gallery__region:after{right:-1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--ks-section-bg-rgb),.18) 32%,rgba(var(--ks-section-bg-rgb),.88) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}.ks-project-gallery__region[data-scroll-start=true]:before,.ks-project-gallery__region[data-scroll-end=true]:after{opacity:0}.ks-project-gallery__track{display:flex;gap:var(--ks-space-5);overflow-x:auto;overflow-y:hidden;padding:var(--ks-space-2) 2px var(--ks-space-4);scroll-behavior:smooth;scroll-padding-inline:2px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ks-project-gallery__track:focus-visible{outline:3px solid var(--ks-color-gold-light);outline-offset:4px;border-radius:var(--ks-radius-lg)}.ks-project-gallery__track::-webkit-scrollbar{display:none}.ks-project-card{flex:0 0 min(var(--ks-gallery-card-width),calc(100% - 6rem));min-width:0;overflow:hidden;border:1px solid var(--ks-component-border);border-radius:var(--ks-radius-lg);background:var(--ks-component-surface);color:var(--ks-component-text);box-shadow:var(--ks-component-shadow);scroll-snap-align:start;scroll-snap-stop:always;transition:transform var(--ks-transition-base),box-shadow var(--ks-transition-base),border-color var(--ks-transition-base)}.ks-project-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:var(--ks-component-subtle-surface)}.ks-project-gallery--ratio-wide .ks-project-card__media{aspect-ratio:16 / 9}.ks-project-gallery--ratio-portrait .ks-project-card__media{aspect-ratio:4 / 5}.ks-project-card__image,.ks-project-card__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--ks-transition-base)}.ks-project-card__image{object-position:var(--focal-point, center)}.ks-project-card__placeholder-svg{padding:var(--ks-space-8);fill:var(--ks-component-icon)}.ks-project-card__placeholder-note{position:absolute;inset:auto var(--ks-space-4) var(--ks-space-4);margin:0;padding:.55rem .8rem;border-radius:var(--ks-radius-pill);background:var(--ks-component-surface);color:var(--ks-component-heading);font-size:var(--ks-text-sm);text-align:center}.ks-project-card__content{display:grid;align-content:start;min-height:10.75rem;padding:var(--ks-space-6)}.ks-project-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:0 0 var(--ks-space-2);color:var(--ks-component-accent);font-size:var(--ks-text-xs);font-weight:800;letter-spacing:.075em;line-height:var(--ks-leading-snug);text-transform:uppercase}.ks-project-card__separator{color:var(--ks-component-muted)}.ks-project-card__title{margin:0 0 var(--ks-space-3);color:var(--ks-component-heading)}.ks-project-card__outcome{max-width:60ch;color:var(--ks-component-text);line-height:var(--ks-leading-relaxed)}.ks-project-card__outcome>:first-child,.ks-project-gallery__footer-text>:first-child{margin-top:0}.ks-project-card__outcome>:last-child,.ks-project-gallery__footer-text>:last-child{margin-bottom:0}.ks-project-gallery__navigation{display:flex;align-items:center;justify-content:center;gap:var(--ks-space-3);margin-top:var(--ks-space-4)}.ks-project-gallery__navigation[hidden]{display:none}.ks-project-gallery__arrow{display:inline-grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--ks-color-border);border-radius:50%;background:rgba(var(--ks-rgb-white),.88);color:var(--ks-color-navy);box-shadow:var(--ks-shadow-soft);cursor:pointer;transition:transform var(--ks-transition-base),color var(--ks-transition-base),border-color var(--ks-transition-base),opacity var(--ks-transition-base)}.ks-project-gallery__arrow svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.ks-project-gallery__arrow:focus-visible{outline:3px solid var(--ks-color-gold-light);outline-offset:3px}.ks-project-gallery__arrow:disabled{opacity:.38;cursor:default;box-shadow:none}.ks-project-gallery__status{min-width:4.25rem;margin:0;color:var(--ks-section-text);font-size:var(--ks-text-sm);font-variant-numeric:tabular-nums;text-align:center}.ks-project-gallery__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ks-space-4);margin-top:var(--ks-space-7)}.ks-project-gallery__footer--center{flex-direction:column;justify-content:center;text-align:center}.ks-project-gallery__footer--left{justify-content:flex-start}.ks-project-gallery__footer-text{color:var(--ks-section-text);line-height:var(--ks-leading-relaxed)}.ks-project-gallery__empty{padding:var(--ks-space-8);border:1px dashed var(--ks-color-border);border-radius:var(--ks-radius-lg);background:rgba(var(--ks-rgb-white),.55);text-align:center}.ks-project-gallery__empty h3{margin:0 0 var(--ks-space-2)}.ks-project-gallery__empty p{margin:0}@media(hover:hover)and (pointer:fine){.ks-project-card:hover{transform:translateY(-2px);border-color:var(--ks-component-accent);box-shadow:var(--ks-shadow-card)}.ks-project-card:hover .ks-project-card__image{transform:scale(1.018)}.ks-project-gallery__arrow:not(:disabled):hover{transform:translateY(-2px);border-color:var(--ks-color-gold-light);color:var(--ks-color-green)}}@media(max-width:1024px){.ks-project-gallery{--ks-gallery-card-width: 86%}.ks-project-gallery--cards-large{--ks-gallery-card-width: 90%}}@media(max-width:768px){.ks-project-gallery{--ks-gallery-card-width: 88%}.ks-project-gallery--cards-large{--ks-gallery-card-width: 90%}.ks-project-gallery__header{margin-bottom:var(--ks-space-7)}.ks-project-gallery__track{gap:var(--ks-space-4);padding-bottom:var(--ks-space-3)}.ks-project-card{flex-basis:var(--ks-gallery-card-width)}.ks-project-card__content{padding:var(--ks-space-5)}.ks-project-gallery__footer{margin-top:var(--ks-space-6)}.ks-project-gallery__region:after,.ks-project-gallery__region:before{bottom:calc(2.75rem + var(--ks-space-4));width:clamp(2.75rem,14vw,4.5rem)}.ks-project-gallery__region:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media(max-width:480px){.ks-project-gallery__track{gap:var(--ks-space-3)}.ks-project-card__content{padding:var(--ks-space-4)}.ks-project-card__content{min-height:0}.ks-project-gallery__footer .ks-button{width:100%}}@media(forced-colors:active){.ks-project-gallery__region:after,.ks-project-gallery__region:before{display:none}.ks-project-card,.ks-project-gallery__arrow{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.ks-project-gallery__track{scroll-behavior:auto}.ks-project-card,.ks-project-card__image,.ks-project-gallery__arrow{transition:none!important;transform:none!important}.ks-project-gallery__region:after,.ks-project-gallery__region:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ks-project-gallery.css.map */