.responsive-img-composition{--responsive-img-composition-max-width: 920px;max-width:var(--responsive-img-composition-max-width);margin-inline:auto;margin-block:clamp(2rem,5vw,4rem);overflow:hidden}.responsive-img-composition__headline{margin-block-end:clamp(1rem,3vw,2rem)}.responsive-img-composition__stage{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:space-between;min-width:0}.responsive-img-composition__group{display:flex;flex-wrap:nowrap;align-items:flex-end;flex:0 0 auto}.responsive-img-composition__item{--offset-x: 0px;--responsive-img-composition-overlap: 0px;margin:0;margin-inline-start:calc(var(--offset-x) + var(--responsive-img-composition-overlap));flex:0 0 auto}.responsive-img-composition__img{display:block;width:auto!important;height:auto!important;max-width:none!important}.responsive-img-composition__item{position:relative;z-index:calc(var(--z-base) + 3)}.responsive-img-composition__item:nth-child(2){z-index:calc(var(--z-base) + 2)}.responsive-img-composition__item:nth-child(3){z-index:calc(var(--z-base) + 1)}.responsive-img-composition__group{position:relative;z-index:calc(var(--z-base) + 4)}.responsive-img-composition__group:nth-child(2){z-index:calc(var(--z-base) + 3)}.responsive-img-composition__group:nth-child(3){z-index:calc(var(--z-base) + 2)}.responsive-img-composition__group:nth-child(4){z-index:calc(var(--z-base) + 1)}@media(max-width:920px){.responsive-img-composition .responsive-img-composition__group+.responsive-img-composition__group{margin-inline-start:-1.5rem}.responsive-img-composition .responsive-img-composition__item+.responsive-img-composition__item{--responsive-img-composition-overlap: -.6rem}}@media(max-width:768px){.responsive-img-composition .responsive-img-composition__group+.responsive-img-composition__group{margin-inline-start:-3rem}.responsive-img-composition .responsive-img-composition__item+.responsive-img-composition__item{--responsive-img-composition-overlap: -.8rem}}@media(max-width:480px){.responsive-img-composition .responsive-img-composition__group+.responsive-img-composition__group{margin-inline-start:-6rem}.responsive-img-composition .responsive-img-composition__item+.responsive-img-composition__item{--responsive-img-composition-overlap: -2rem}}.content--portfolio{--introtext-headline-linebreak__display: none;flex-grow:1}@media screen and (min-width:768px){.content--portfolio{--introtext-headline-linebreak__display: block}}.content--portfolio .content__main .section__intro{padding-block-start:32px;padding-block-end:96px}.content--portfolio .content__main .section__intro .text-block{font-size:1.5rem;line-height:1.44}@media screen and (min-width:768px){.content--portfolio .content__main .section__intro .text-block{font-size:2rem}}.content--portfolio .content__main .section__intro .multicolumns{font-size:1.25rem}.content--portfolio .content__main .portfolio__filter-headline{margin-block-end:0}.portfolio__dropdown[data-v-20fdec5c]{display:block;width:100%;height:100%}.portfolio__desktop-filter[data-v-20fdec5c]{--tile-gap: 16px;--icon-scale: 100;--tile-width: calc(218px * var(--icon-scale) / 100);--available-width: calc(100vw - 32px) ;--branche__count--bg-color: hsl(190, 88%, 40%);--calculated-tile-width: min( var(--tile-width), (var(--available-width) - (var(--count-branchen) - 1) * var(--tile-gap)) / var(--count-branchen) );--tile-w: var(--tile-width);display:none;gap:var(--tile-gap);padding:16px 0;max-width:100%;position:relative;transition:padding .35s ease}@media screen and (min-width:1024px){.portfolio__desktop-filter[data-v-20fdec5c]{display:flex;flex-wrap:wrap;justify-content:center}}@media screen and (min-width:1366px){.portfolio__desktop-filter[data-v-20fdec5c]{--tile-w: var(--calculated-tile-width);flex-wrap:nowrap}}.portfolio__desktop-filter--active[data-v-20fdec5c]{--branche__count--bg-color: hsl(0, 0%, 45%)}.portfolio__desktop-filter--active-slug[data-v-20fdec5c]{display:none;align-items:center;justify-content:center;height:19px;padding-bottom:8px;font-weight:600}@media screen and (min-width:1024px){.portfolio__desktop-filter--active-slug[data-v-20fdec5c]{display:flex;height:0;padding-bottom:0;opacity:0;overflow:hidden;transition:height .35s ease,padding-bottom .35s ease,opacity .25s ease}}.portfolio__desktop-filter .branche__tile[data-v-20fdec5c]{flex:0 0 var(--tile-width);min-width:0;display:flex;flex-direction:column;height:calc(var(--tile-w) * 228 / 218);cursor:pointer;transition:flex-basis .35s ease,height .35s ease}@media screen and (min-width:1366px){.portfolio__desktop-filter .branche__tile[data-v-20fdec5c]{flex:0 0 var(--calculated-tile-width)}}.portfolio__desktop-filter .branche__tile .branche__icon[data-v-20fdec5c]{position:relative;overflow:hidden;width:100%;height:calc(var(--tile-w) * 190 / 218);flex-shrink:0;border-radius:5%;background-color:transparent;transition:height .35s ease,border-radius .35s ease,background-color .25s ease}.portfolio__desktop-filter .branche__tile .branche__icon .branche__icon--svg[data-v-20fdec5c]{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;filter:grayscale(1) brightness(1.048)}.portfolio__desktop-filter .branche__tile .branche__icon .branche__icon--large[data-v-20fdec5c]{z-index:calc(var(--z-overlay) + 1);opacity:1;transform:scale(1);transition:opacity .25s ease .1s,transform .45s cubic-bezier(.22,1,.36,1) .1s,filter .25s ease}.portfolio__desktop-filter .branche__tile .branche__icon .branche__icon--small[data-v-20fdec5c]{z-index:calc(var(--z-overlay) + 1);inset:50% auto auto 50%;width:48px;height:48px;margin:-24px 0 0 -24px;opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .35s ease,filter .25s ease}.portfolio__desktop-filter .branche__tile .branche__icon .branche__count[data-v-20fdec5c]{position:absolute;z-index:calc(var(--z-overlay) + 1);right:4px;top:1px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:5px solid hsl(0,0%,95%);padding:0 .5em;min-width:56px;max-width:56px;max-height:39px;background-color:var(--branche__count--bg-color);background-clip:padding-box;color:#f2f2f2;font-size:1.5em;font-variant-numeric:tabular-nums;font-weight:600;transition:opacity .2s ease .15s,border .25s ease}.portfolio__desktop-filter .branche__tile .branche__icon .branche__count-number[data-v-20fdec5c]{display:block}.portfolio__desktop-filter .branche__tile .branche__icon .branche__count-close[data-v-20fdec5c]{display:none}.portfolio__desktop-filter .branche__tile .branche__text[data-v-20fdec5c]{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;margin-top:8px;text-align:center;transition:opacity .2s ease .15s}.portfolio__desktop-filter .branche__tile .branche__sticky--deselect[data-v-20fdec5c]{display:none}.portfolio__desktop-filter .branche__tile .branche__sticky--deselect .branche__icon--close-x[data-v-20fdec5c]{flex:0 0 48px;width:48px;height:48px}.portfolio__desktop-filter .branche__tile .branche__icon--close-x[data-v-20fdec5c]{pointer-events:none;width:36px;height:36px;filter:drop-shadow(.5px .5px 0px #fff) drop-shadow(-.5px -.5px 0px #fff) drop-shadow(.5px -.5px 0px #fff) drop-shadow(-.5px .5px 0px #fff)}.portfolio__desktop-filter .branche__tile:hover .branche__icon[data-v-20fdec5c]{background-color:#fff}.portfolio__desktop-filter .branche__tile:hover .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:none}.portfolio__desktop-filter .branche__tile:hover .branche__count[data-v-20fdec5c]{border-color:#fff;background-color:#0ca2c0}.portfolio__desktop-filter .branche__tile:active .branche__icon[data-v-20fdec5c]{background-color:#c4c4c4}.portfolio__desktop-filter .branche__tile:active .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:brightness(.75) saturate(2.5)}.portfolio__desktop-filter .branche__tile:active .branche__count[data-v-20fdec5c]{border-color:#c4c4c4;background-color:#0ca2c0}.portfolio__desktop-filter .branche__tile.is-active .branche__icon--svg[data-v-20fdec5c]{filter:none}.portfolio__desktop-filter .branche__tile.is-active .branche__count[data-v-20fdec5c]{background-color:#0ca2c0}.portfolio__desktop-filter .branche__tile.is-active .branche__text[data-v-20fdec5c]{position:relative;font-weight:700}.portfolio__desktop-filter .branche__tile.is-active .branche__text[data-v-20fdec5c]:before{content:"";position:absolute;top:-8px;width:100%;height:4px;background-color:#0ca2c0}.portfolio__desktop-filter .branche__tile.is-active:hover .branche__count[data-v-20fdec5c]{border-color:#fff}.portfolio__desktop-filter .branche__tile.is-active:hover .branche__count-number[data-v-20fdec5c]{display:none}.portfolio__desktop-filter .branche__tile.is-active:hover .branche__count-close[data-v-20fdec5c]{display:flex}.portfolio__desktop-filter .branche__tile.is-active:active .branche__icon[data-v-20fdec5c]{background-color:#c4c4c4}.portfolio__desktop-filter .branche__tile.is-active:active .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:brightness(.75) saturate(2.5)}.portfolio__desktop-filter .branche__tile.is-active:active .branche__count[data-v-20fdec5c]{border-color:#c4c4c4;background-color:#0ca2c0}.portfolio__desktop-filter .branche__tile.is-active:active .branche__count-number[data-v-20fdec5c]{display:none}.portfolio__desktop-filter .branche__tile.is-active:active .branche__count-close[data-v-20fdec5c]{display:flex}.portfolio__dropdown[data-v-20fdec5c]{--dropdown-row__height: 2.25em ;position:relative}@media screen and (min-width:1024px){.portfolio__dropdown[data-v-20fdec5c]{--dropdown-row__height: 3em;display:none;max-width:320px}}.portfolio__dropdown-toggle[data-v-20fdec5c]{display:flex;align-items:center;justify-content:space-between;border-radius:calc(var(--dropdown-row__height) * .5);width:100%;height:var(--dropdown-row__height);padding:12px 18px 12px 16px;background-color:#dbdbdb;box-shadow:inset 0 -3px #0ca2c0;font:inherit;font-weight:470;text-align:left;color:#212121;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .25s ease}@media(hover:hover){.portfolio__dropdown-toggle[data-v-20fdec5c]:hover{background-color:#fff}}.portfolio__dropdown-toggle[data-v-20fdec5c]:active{background-color:#c4c4c4}.portfolio__dropdown-toggle-label[data-v-20fdec5c]{display:flex;align-items:center;gap:4px;font-weight:600}.portfolio__dropdown-toggle-icon[data-v-20fdec5c]{display:block;flex:0 0 36px;width:36px;height:36px;pointer-events:none}.portfolio__dropdown-toggle.is-open .portfolio__dropdown-arrow[data-v-20fdec5c]{transform:rotate(-90deg)}.portfolio__dropdown-arrow[data-v-20fdec5c]{display:block;flex:0 0 32px;width:32px;height:32px;pointer-events:none;filter:brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(22%) hue-rotate(244deg) brightness(108%) contrast(102%);transform:rotate(90deg);transition:transform .15s ease}.portfolio__dropdown-list[data-v-20fdec5c]{position:relative;display:flex;flex-direction:column;gap:4px;margin:0;padding:0;width:100%;list-style:none}.portfolio__dropdown-list li[data-v-20fdec5c]{margin:0}.portfolio__dropdown-list--has-selection .portfolio__dropdown-option[data-v-20fdec5c]{--dropdown-count__bg: hsl(0, 0%, 45%)}.portfolio__dropdown-list--has-selection .portfolio__dropdown-option .portfolio__dropdown-icon[data-v-20fdec5c]{filter:grayscale(1) brightness(1.048)}.portfolio__dropdown-option[data-v-20fdec5c]{--dropdown-count__bg: hsl(190, 88%, 40%);position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 8px;border-radius:5px;background-color:#dbdbdb;color:#212121;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .25s ease}.portfolio__dropdown-option .portfolio__dropdown-icon[data-v-20fdec5c]{filter:none}.portfolio__dropdown-option.is-active[data-v-20fdec5c]{--dropdown-count__bg: hsl(190, 88%, 40%)}.portfolio__dropdown-option.is-active .portfolio__dropdown-icon[data-v-20fdec5c]{filter:none}.portfolio__dropdown-option.is-active .portfolio__dropdown-title[data-v-20fdec5c]{font-weight:600}.portfolio__dropdown-option.is-active .portfolio__dropdown-count-number[data-v-20fdec5c]{display:none}.portfolio__dropdown-option.is-active .portfolio__dropdown-count-close[data-v-20fdec5c]{display:block}@media(hover:hover){.portfolio__dropdown-option[data-v-20fdec5c]:hover{--dropdown-count__bg: hsl(190, 88%, 40%);background-color:#fff}.portfolio__dropdown-option:hover .portfolio__dropdown-icon[data-v-20fdec5c]{filter:none}}.portfolio__dropdown-option[data-v-20fdec5c]:active{--dropdown-count__bg: hsl(190, 88%, 40%);background-color:#c4c4c4}.portfolio__dropdown-option:active .portfolio__dropdown-icon[data-v-20fdec5c]{filter:brightness(.75) saturate(2.5)}.portfolio__dropdown-list:not(.is-open) .portfolio__dropdown-option.is-active[data-v-20fdec5c]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background-color:#0ca2c0}.portfolio__dropdown-all[data-v-20fdec5c]{display:none}.portfolio__dropdown-icon[data-v-20fdec5c]{display:block;width:36px;height:36px;flex:0 0 36px;pointer-events:none;transition:filter .25s ease}.portfolio__dropdown-title[data-v-20fdec5c]{flex:1;min-width:0}.portfolio__dropdown-count[data-v-20fdec5c]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;width:24px;height:24px;padding:0;border-radius:6px;font-size:16px;line-height:1;background-color:var(--dropdown-count__bg);color:#f2f2f2;font-weight:470;font-variant-numeric:tabular-nums;transition:background-color .25s ease}.portfolio__dropdown-count-close[data-v-20fdec5c]{display:none;width:24px;height:24px;margin:0;pointer-events:none}.portfolio__empty[data-v-20fdec5c]{padding:64px 0}.portfolio__filter[data-v-20fdec5c]{z-index:calc(var(--z-overlay) + 1);position:sticky;top:48px;padding:32px 0;width:100%;border-bottom:0 solid hsl(0,0%,13%);box-sizing:border-box;background-color:#f2f2f2;overflow-anchor:none;transition:padding .35s ease,border-bottom-width .35s ease,width .35s ease,margin-left .35s ease}.portfolio__filter-results[data-v-20fdec5c]{--overlay__width: 206px;position:relative}@media screen and (min-width:768px){.portfolio__filter-results[data-v-20fdec5c]{--overlay__width: 296px}}.portfolio__filter--sticky[data-v-20fdec5c]{width:100vw;margin-left:calc(50% - 50vw);padding:0;border-bottom-width:2px}.portfolio__filter--sticky .portfolio__dropdown-list[data-v-20fdec5c]{position:absolute;top:100%;left:0;z-index:10;width:100%}@media screen and (min-width:1024px){.portfolio__filter--sticky .portfolio__desktop-filter--active-slug[data-v-20fdec5c]{height:27px;padding-bottom:8px;opacity:1}}.portfolio__filter--sticky .portfolio__desktop-filter[data-v-20fdec5c]{--tile-width: 64px;--tile-gap: 16px;padding-bottom:8px}.portfolio__filter--sticky .portfolio__desktop-filter.portfolio__desktop-filter--active .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:grayscale(1) brightness(1.048)}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile[data-v-20fdec5c]{height:64px}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active[data-v-20fdec5c]{position:relative}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active[data-v-20fdec5c]:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:calc(var(--z-overlay) + 1);height:4px;background-color:#0ca2c0}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:none}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active .branche__count[data-v-20fdec5c]{background-color:#0ca2c0}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active:hover .branche__sticky--deselect[data-v-20fdec5c]{position:absolute;top:0;left:0;z-index:calc(var(--z-overlay) + 1);display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;background:#fffc;cursor:pointer}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active:hover .branche__sticky--deselect .branche__icon--close-x[data-v-20fdec5c],.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile.is-active:active .branche__sticky--deselect[data-v-20fdec5c]{filter:invert(100%)}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile:hover .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:none}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile:active .branche__icon[data-v-20fdec5c]{background-color:#c4c4c4}.portfolio__filter--sticky .portfolio__desktop-filter .branche__tile:active .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:brightness(.75) saturate(2.5)}.portfolio__filter--sticky .portfolio__desktop-filter .branche__icon[data-v-20fdec5c]{height:64px;background-color:#dbdbdb;border-radius:5px}.portfolio__filter--sticky .portfolio__desktop-filter .branche__icon .branche__icon--svg[data-v-20fdec5c]{filter:none}.portfolio__filter--sticky .portfolio__desktop-filter .branche__icon .branche__icon--large[data-v-20fdec5c]{opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .35s ease,filter .25s ease}.portfolio__filter--sticky .portfolio__desktop-filter .branche__icon .branche__icon--small[data-v-20fdec5c]{opacity:1;transform:scale(1);transition:opacity .25s ease .1s,transform .45s cubic-bezier(.22,1,.36,1) .1s,filter .25s ease}.portfolio__filter--sticky .portfolio__desktop-filter .branche__icon .branche__count[data-v-20fdec5c]{opacity:0;pointer-events:none;transition:opacity .15s ease}.portfolio__filter--sticky .portfolio__desktop-filter .branche__text[data-v-20fdec5c]{opacity:0;transition:opacity .15s ease}.portfolio__filter--sticky .portfolio__dropdown-count[data-v-20fdec5c]{margin-right:4px}.portfolio__filter--sticky .portfolio__dropdown-option[data-v-20fdec5c]{padding:6px 12px}@media screen and (min-width:1024px)and (max-width:1365px){.portfolio__filter[data-v-20fdec5c],.portfolio__filter .portfolio__desktop-filter--active-slug[data-v-20fdec5c],.portfolio__filter .portfolio__desktop-filter .branche__tile[data-v-20fdec5c],.portfolio__filter .portfolio__desktop-filter .branche__tile .branche__icon[data-v-20fdec5c]{transition:none}.portfolio__filter .portfolio__desktop-filter[data-v-20fdec5c]{transition:opacity .25s ease}.portfolio__filter .portfolio__desktop-filter.portfolio__desktop-filter--swapping[data-v-20fdec5c]{opacity:0;pointer-events:none;transition:opacity .15s ease}.portfolio__filter .portfolio__desktop-filter .branche__tile .branche__icon .branche__icon--svg[data-v-20fdec5c],.portfolio__filter .portfolio__desktop-filter .branche__tile .branche__icon .branche__count[data-v-20fdec5c],.portfolio__filter .portfolio__desktop-filter .branche__tile .branche__text[data-v-20fdec5c]{transition:none}}@media screen and (max-width:1023px){.portfolio__filter[data-v-20fdec5c]{position:relative;top:auto}.portfolio__filter--sticky[data-v-20fdec5c]{width:100%;margin-left:0;padding:32px 0;border-bottom:0}.portfolio__filter--sticky .portfolio__dropdown-toggle[data-v-20fdec5c]{position:fixed;top:48px;left:0;z-index:100;border-radius:0;height:48px;padding:0 12px}.portfolio__filter--sticky .portfolio__dropdown-list[data-v-20fdec5c]{position:relative;top:auto;left:auto;z-index:auto;width:100%;visibility:hidden}.portfolio__filter--sticky .portfolio__dropdown-list.is-open[data-v-20fdec5c]{position:fixed;top:96px;left:0;z-index:100;gap:0;max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;background-color:#dbdbdb;visibility:visible}.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-all[data-v-20fdec5c]{display:block}.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option[data-v-20fdec5c]{border-radius:0;background-color:transparent}.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option.is-active[data-v-20fdec5c]{background-color:#c4c4c4}.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option.is-active .portfolio__dropdown-count-number[data-v-20fdec5c]{display:block}.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option.is-active .portfolio__dropdown-count-close[data-v-20fdec5c]{display:none}}@media screen and (max-width:1023px)and (hover:hover){.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option[data-v-20fdec5c]:hover{background-color:#fff}}@media screen and (max-width:1023px){.portfolio__filter--sticky .portfolio__dropdown-list.is-open .portfolio__dropdown-option[data-v-20fdec5c]:active{background-color:#c4c4c4}}.portfolio__projects[data-v-20fdec5c]{display:flex;flex-wrap:wrap;gap:16px}@media screen and (min-width:768px){.portfolio__projects[data-v-20fdec5c]{display:flex;flex-wrap:wrap;gap:16px}}.portfolio__project[data-v-20fdec5c]{position:relative;display:flex;flex-direction:column;width:100%}@media screen and (min-width:768px){.portfolio__project[data-v-20fdec5c]{width:calc(50% - 8px)}}.portfolio__project--hover-feedback .portfolio__project-picture-container[data-v-20fdec5c]{cursor:pointer}@media(hover:hover){.portfolio__project--hover-feedback .portfolio__project-picture-container[data-v-20fdec5c]:hover{text-decoration:none}.portfolio__project--hover-feedback .portfolio__project-picture-container:hover .portfolio__project-picture[data-v-20fdec5c]{transform:scale(1.05);transition:transform .35s ease}.portfolio__project--hover-feedback .portfolio__project-picture-container:active .portfolio__project-picture[data-v-20fdec5c]{transform:scale(1);transition:transform .15s ease}.portfolio__project--hover-feedback .portfolio__project-picture-container:active .portfolio__project-picture-container[data-v-20fdec5c]:after{opacity:.2;transition:opacity .15s ease}}.portfolio__project--hover-feedback .button[data-v-20fdec5c]{position:absolute;bottom:calc(4.5em + 56px);right:32px}.portfolio__project--bigtile[data-v-20fdec5c]{width:100%}.portfolio__project-picture[data-v-20fdec5c]{display:flex;width:100%;height:100%;transform:scale(1);transition:transform .15s ease}.portfolio__project-picture-container[data-v-20fdec5c]{position:relative;overflow:hidden;height:100%}.portfolio__project-picture-container[data-v-20fdec5c]:after{position:absolute;opacity:0;content:"";top:0;left:0;width:100%;height:100%;background-color:#000;transition:opacity .15s ease}.portfolio__project-picture-image[data-v-20fdec5c]{display:block;width:100%;height:auto;object-fit:cover}.portfolio__project-text[data-v-20fdec5c]{width:100%;line-height:1.45}.portfolio__project-text-container[data-v-20fdec5c]{display:flex;flex-shrink:0;padding:8px 0 32px;height:calc(4.5em + 24px)}@media screen and (min-width:768px){.portfolio__project-text-container[data-v-20fdec5c]{padding-bottom:16px}}.portfolio__project-text-description[data-v-20fdec5c]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:clip;font-weight:600}.lightbox[data-v-20fdec5c]{position:fixed;z-index:calc(var(--z-overlay) + 1);inset:48px 0 0;display:flex;justify-content:center;align-items:flex-start;width:100vw;height:calc(100dvh - 48px);min-height:fit-content;background-color:#212121e6}.lightbox--hidden[data-v-20fdec5c]{display:none}.lightbox .swiper[data-v-20fdec5c]{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.lightbox .swiper .swiper-wrapper[data-v-20fdec5c]{display:flex;height:100%}.lightbox .swiper-slide[data-v-20fdec5c]{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;padding:0 80px;box-sizing:border-box}.lightbox .swiper-slide .lightbox-figure[data-v-20fdec5c]{width:fit-content;max-width:calc(100vw - 160px);margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:0;height:calc(100dvh - 128px)}.lightbox .swiper-slide .lightbox-figure picture[data-v-20fdec5c]{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:0}.lightbox .swiper-slide .lightbox-figure .lightbox-image-wrapper[data-v-20fdec5c]{position:relative;display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-height:0;max-width:100%;max-height:100%}.lightbox .swiper-slide .lightbox-figure .lightbox-project-button[data-v-20fdec5c]{position:absolute;right:1rem;bottom:1rem;z-index:2}@media screen and (min-width:768px){.lightbox .swiper-slide .lightbox-figure .lightbox-project-button[data-v-20fdec5c]{right:2rem;bottom:2rem}}.lightbox .swiper-slide .lightbox-figure .portfolio__project-text-container[data-v-20fdec5c]{flex:0 0 auto;width:100%;color:#f2f2f2}.lightbox .swiper-slide .lightbox-img[data-v-20fdec5c]{display:block;width:auto;height:auto;max-width:calc(100vw - 160px);max-height:calc(100dvh - 128px - (4.5em + 24px));object-fit:contain}.lightbox .swiper .swiper-button[data-v-20fdec5c]{cursor:pointer}.lightbox .swiper .swiper-button-prev[data-v-20fdec5c],.lightbox .swiper .swiper-button-next[data-v-20fdec5c]{justify-content:flex-end;position:absolute;top:calc(50% - 4.5em + 32px);border:none;border-radius:50%;width:64px;height:64px;transition:opacity .35s ease;color:#f2f2f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox .swiper .swiper-button-prev[data-v-20fdec5c]{left:16px;transform:scaleX(-1);transform-origin:center}.lightbox .swiper .swiper-button-next[data-v-20fdec5c]{right:16px}.lightbox .swiper .swiper-button .button__icon[data-v-20fdec5c]{width:48px}.lightbox .swiper .swiper-button .button__icon--arrows[data-v-20fdec5c]{width:100%;transform:translate(2px)}.lightbox .swiper .swiper-button .swiper-navigation-icon[data-v-20fdec5c]{display:none}@media(hover:hover){.lightbox .swiper .swiper-button[data-v-20fdec5c]:hover{background-color:#4d4d4d;filter:drop-shadow(0px 2px 1px hsla(0,0%,0%,.25));transition:background-color .35s ease}.lightbox .swiper .swiper-button[data-v-20fdec5c]:active{background-color:#dbdbdb;filter:none;transition:background-color .35s ease}.lightbox .swiper .swiper-button:active .button__icon--arrows[data-v-20fdec5c],.lightbox .swiper .swiper-button:active .button__icon--close-x[data-v-20fdec5c]{filter:brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(22%) hue-rotate(244deg) brightness(108%) contrast(102%);transition:filter .35s ease}}.lightbox .swiper .close-btn[data-v-20fdec5c]{position:absolute;top:16px;right:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-overlay) + 1);width:64px;height:64px;background-color:transparent}