.zixlet-portfolio__item{min-width:0}
.zixlet-portfolio{position:relative;width:100%}
.zixlet-portfolio__grid-viewport{width:100%}
.zixlet-portfolio__grid-viewport--auto{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;scroll-behavior:auto}
.zixlet-portfolio__grid-viewport--auto::-webkit-scrollbar{display:none;width:0;height:0}
.zixlet-portfolio__grid{display:grid;gap:24px;align-content:start;align-items:start}
.zixlet-portfolio__grid-viewport--auto .zixlet-portfolio__grid{grid-auto-rows:var(--portfolio-row-height,auto)}
.zixlet-portfolio__grid-viewport--auto .zixlet-portfolio__item{height:100%;box-sizing:border-box}.zixlet-portfolio__grid-viewport--auto .zixlet-portfolio__item>.zixlet-portfolio__card{height:100%;box-sizing:border-box}
.zixlet-portfolio__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zixlet-portfolio__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zixlet-portfolio__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.zixlet-portfolio__loop-start{grid-column-start:1}
.zixlet-portfolio__card{min-width:0;overflow:hidden}
.zixlet-portfolio__image-link{display:block;overflow:hidden}
.zixlet-portfolio__image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease,opacity .35s ease}
.zixlet-portfolio--zoom .zixlet-portfolio__card:hover .zixlet-portfolio__image{transform:scale(1.045)}
.zixlet-portfolio--fade .zixlet-portfolio__card:hover .zixlet-portfolio__image{opacity:.8}
.zixlet-portfolio__body{padding-top:12px}
.zixlet-portfolio__title{margin:0 0 6px;font-size:1.15em}
.zixlet-portfolio__date,.zixlet-portfolio__category{display:block;font-size:.88em;opacity:.7;margin-bottom:6px}
.zixlet-portfolio__description{margin-top:8px}
.zixlet-portfolio--carousel{padding:0 42px}
.zixlet-portfolio__track{display:flex;gap:24px;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.zixlet-portfolio__track>.zixlet-portfolio__item{scroll-snap-align:start;min-width:0}
.zixlet-portfolio__track--2>.zixlet-portfolio__item{flex:0 0 calc((100% - 24px)/2)}
.zixlet-portfolio__track--3>.zixlet-portfolio__item{flex:0 0 calc((100% - 48px)/3)}
.zixlet-portfolio__track--4>.zixlet-portfolio__item{flex:0 0 calc((100% - 72px)/4)}
.zixlet-portfolio__nav{position:absolute;top:35%;transform:translateY(-50%);z-index:2;border:0;background:rgba(0,0,0,.08);width:34px;height:48px;font-size:30px;line-height:1;cursor:pointer}
.zixlet-portfolio__prev{left:0}.zixlet-portfolio__next{right:0}
@media(max-width:900px){.zixlet-portfolio__grid--3,.zixlet-portfolio__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.zixlet-portfolio__track--3>.zixlet-portfolio__item,.zixlet-portfolio__track--4>.zixlet-portfolio__item{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.zixlet-portfolio__grid{grid-template-columns:1fr}.zixlet-portfolio--carousel{padding:0 34px}.zixlet-portfolio__track>.zixlet-portfolio__item{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.zixlet-portfolio__track{scroll-behavior:auto}}

.zixlet-portfolio [data-portfolio-preview]{cursor:pointer}
.zixlet-portfolio [data-portfolio-preview]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.zixlet-portfolio-preview[hidden]{display:none!important}
.zixlet-portfolio-preview{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .18s ease}
.zixlet-portfolio-preview.is-open{opacity:1}
.zixlet-portfolio-preview__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.zixlet-portfolio-preview__dialog{position:relative;z-index:1;width:min(100%,1100px);max-height:calc(100vh - 48px);overflow:auto;outline:0}
.zixlet-portfolio-preview__content{position:relative;background:#fff;color:#111;padding:20px;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.zixlet-portfolio-preview__close{position:absolute;top:8px;right:10px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.zixlet-portfolio-preview__image{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:0 auto;object-fit:contain}
.zixlet-portfolio-preview__body{padding-top:16px}
.zixlet-portfolio-preview__body:empty{display:none}
.zixlet-portfolio-preview__title{margin:0 0 10px}
.zixlet-portfolio-preview__date,.zixlet-portfolio-preview__category{display:block;opacity:.7;margin-bottom:8px}
.zixlet-portfolio-preview__description{margin:10px 0}
.zixlet-portfolio-preview__link{display:inline-block;margin-top:8px}
@media(max-width:600px){.zixlet-portfolio-preview{padding:12px}.zixlet-portfolio-preview__dialog{max-height:calc(100vh - 24px)}.zixlet-portfolio-preview__content{padding:12px}.zixlet-portfolio-preview__close{top:6px;right:6px}}