.no-js{.wrapper{display:none}.no-js-fallback{padding-top:var(--spacing-8)}}.js .no-js-fallback{display:none}@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:block;src:url(/assets/fonts/lato-regular.woff2) format("woff2")}@font-face{font-family:Lato;font-weight:700;font-style:normal;font-display:block;src:url(/assets/fonts/lato-bold.woff2) format("woff2")}@font-face{font-family:Bona Nova;font-weight:700;font-style:normal;font-display:block;src:url(/assets/fonts/bonanova-bold.woff2) format("woff2")}@font-face{font-family:Bona Nova SC;font-weight:400;font-style:normal;font-display:block;src:url(/assets/fonts/bonanovasc-regular.woff2) format("woff2")}:root{--font-family-body: "Lato", sans-serif;--font-family-headings: "Bona Nova", serif;--font-family-menu: "Bona Nova SC", serif;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-mobile-body: 1rem;--font-size-mobile-body-small: .875rem;--font-size-mobile-h1: 2rem;--font-size-mobile-h2: 1.5rem;--font-size-mobile-menu: 2rem;--font-size-tablet-h1: 2.5rem;--font-size-desktop-body: 1rem;--font-size-desktop-h1: 3rem;--font-size-desktop-h2: 1.5rem;--font-size-desktop-menu: .875rem;--font-size-mobile-button: 1.5rem;--font-size-desktop-button: 1.25rem;--font-cap: round(nearest, 1cap, .01px);--font-box-full-height-mobile-p: 1.25rem;--font-box-full-height-mobile-p-small: 1rem;--font-box-full-height-mobile-h1: 2.25rem;--font-box-full-height-mobile-h2: 1.75rem;--font-margin-bottom-mobile-p: .25rem;--font-margin-bottom-mobile-p-small: .25rem;--font-margin-bottom-mobile-h1: .5rem;--font-margin-bottom-mobile-h2: .5rem;--font-box-full-height-tablet-h1: 2.75rem;--font-margin-bottom-tablet-h1: .75rem;--font-box-full-height-desktop-p: 1.25rem;--font-box-full-height-desktop-h1: 3.25rem;--font-box-full-height-desktop-h2: 1.75rem;--font-margin-bottom-desktop-p: .25rem;--font-margin-bottom-desktop-h1: .75rem;--font-margin-bottom-desktop-h2: .5rem;--line-height-mobile-body: 1.5rem;--line-height-mobile-body-small: 1rem;--line-height-mobile-h1: 2.25rem;--line-height-mobile-h2: 1.5rem;--line-height-mobile-menu: 10rem;--line-height-tablet-h1: 2.75rem;--line-height-desktop-body: 1.5rem;--line-height-desktop-h1: 3.25rem;--line-height-desktop-h2: 1.5rem;--line-height-mobile-button: 1.5rem;--line-height-desktop-button: 1.25rem;--font-box-full-height-mobile-menu: 2rem;--font-box-full-height-desktop-menu: 1rem;--font-margin-bottom-mobile-menu: .5rem;--font-margin-bottom-desktop-menu: .25rem;--font-box-full-height-mobile-button: 1rem;--font-box-full-height-desktop-button: 1.0625rem;--font-margin-bottom-mobile-button: 0rem;--font-margin-bottom-desktop-button: .25rem;--font-color: var(--color-secondary);--font-color-menu: var(--color-secondary);--color-primary: #28363F;--color-secondary: #e6e6e6;--color-primary-rgb: 40, 54, 63;--color-scondary-rgb: 230, 230, 230;--shadow-color: 0, 0, 0;--filter-shadow-color: 0 0 0;--background-gradient: linear-gradient(to bottom right, #1f1f1f, #31444F);--content-background-color: var(--color-primary);--content-background-border-radius: 8px;--card-border-color: linear-gradient(to bottom right, #445966, #1f1f1f);--gallery-main-border-color: linear-gradient(160deg, #445966ff, #1f1f1f00);--card-mask-color: 0 0 0 999px rgba(21, 29, 34, .8), inset 0px 4px 4px rgba(var(--shadow-color), .5), inset 0px 12px 8px rgba(var(--shadow-color), .75);--card-mask-hover-color: 0 0 0 999px rgba(var(--color-primary-rgb), 1), inset 0px 4px 4px rgba(var(--shadow-color), .2), inset 0px 12px 8px rgba(var(--shadow-color), .75);--content-drop-shadow: 4px 4px 4px rgba(var(--shadow-color), .3), 6px 8px 8px rgba(var(--shadow-color), .5);--pagenotfound-shadow: drop-shadow(1px 2px 2px rgb(var(--filter-shadow-color)));--image-inner-shadow: inset 0px -1px 6px rgba(var(--shadow-color), .1), inset 0px 4px 6px rgba(var(--shadow-color), .3), inset 0px 8px 8px rgba(var(--shadow-color), .3);--header-shadow: drop-shadow(1px 2px 2px rgb(var(--filter-shadow-color) / .5)) drop-shadow(1px 4px 4px rgb(var(--filter-shadow-color) / .7)) drop-shadow(1px 6px 4px rgb(var(--filter-shadow-color) / .5));--menu-selected-shadow-desktop: drop-shadow(2px 2px 2px rgb(var(--filter-shadow-color) / .3)) drop-shadow(4px 4px 4px rgb(var(--filter-shadow-color) / .5));--menu-selected-drop-shadow-mobile: 4px 4px 4px rgba(var(--shadow-color), .3), 6px 8px 8px rgba(var(--shadow-color), .5);--card-hover-border-radius: var(--content-background-border-radius);--card-hover-box-shadow: var(--card-mask-hover-color);--card-hover-background: #445966 border-box;--card-hover-transition: background-color var(--card-mask-hover-duration) var(--card-fade-shadow-easing);--menu-item-visiblily: visible;--menu-item-transform: translate(-50%, -100%);--menu-item-transition: transform var(--nav-menu-hover-in-duration) var(--nav-menu-hover-in-easing);--nav-burger-drop-shadow: 2px 2px 4px rgba(var(--shadow-color), .9);--nav-burger-line-width: 1.75rem;--nav-burger-line-height: .25rem;--nav-burger-border-radius: calc(var(--nav-burger-line-height) / 2);--nav-burger-gap: .25rem;--card-mask-hover-duration: .2s;--card-mask-hover-easing: cubic-bezier(.3, 0, .6, 1);--nav-burger-anim-duration: .15s;--nav-burger-anim-easing: cubic-bezier(.3, 0, .5, 1);--nav-burger-anim-delay: var(--nav-burger-anim-duration);--nav-menu-hover-in-duration: .3s;--nav-menu-hover-in-easing: cubic-bezier(.25, .2, .2, 1);--nav-menu-hover-selected-duration: .2s;--nav-menu-hover-selected-easing: cubic-bezier(.3, 0, .3, 1);--nav-menu-selected-duration: .3s;--nav-menu-selected-easing: cubic-bezier(.3, 0, .6, 1);--menu-selected-border-radius-mobile: 1.5rem;--menu-selected-border-radius-desktop: .75rem;--video-playbutton-hover-duration: .25s;--video-playbutton-hover-easing: cubic-bezier(.3, 0, .6, 1);--gallery-hover-shadow-x: 6px;--gallery-hover-shadow-y: 4px;--gallery-hover-shadow-blur: 8px;--gallery-hover-shadow-color: rgba(var(--shadow-color), .6);--spacing: .25rem;--spacing-1: calc(var(--spacing) * 1);--spacing-2: calc(var(--spacing) * 2);--spacing-3: calc(var(--spacing) * 3);--spacing-4: calc(var(--spacing) * 4);--spacing-5: calc(var(--spacing) * 5);--spacing-6: calc(var(--spacing) * 6);--spacing-7: calc(var(--spacing) * 7);--spacing-8: calc(var(--spacing) * 8);--spacing-10: calc(var(--spacing) * 10);--spacing-12: calc(var(--spacing) * 12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.grid{display:grid}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.hidden{visibility:hidden}li{list-style:none}li,button{-webkit-tap-highlight-color:transparent}p,h1,h2,a,.menu__text,.button__text{text-box:trim-both cap alphabetic}p{white-space:pre-line}body{color:var(--font-color);font-family:var(--font-family-body);font-weight:var(--font-weight-normal);font-size:var(--font-size-mobile-body);line-height:var(--line-height-mobile-body)}h1{font-family:var(--font-family-headings);font-size:var(--font-size-mobile-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-mobile-h1);margin-top:calc(var(--font-box-full-height-mobile-h1) - var(--font-margin-bottom-mobile-h1) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-h1)}h2{font-family:var(--font-family-headings);font-size:var(--font-size-mobile-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-mobile-h2);margin-top:calc(var(--font-box-full-height-mobile-h2) - var(--font-margin-bottom-mobile-h2) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-h2)}p{margin-top:calc(var(--font-box-full-height-mobile-p) - var(--font-margin-bottom-mobile-p) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-p)}p+p{padding-top:calc(var(--line-height-mobile-body) + var(--font-margin-bottom-mobile-p) * 2)}.text-sm{font-size:var(--font-size-mobile-body-small);line-height:var(--line-height-mobile-body-small);margin-top:calc(var(--font-box-full-height-mobile-p-small) - var(--font-margin-bottom-mobile-p-small) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-p-small)}.menu__text{color:var(--font-color-menu);font-family:var(--font-family-menu);font-size:var(--font-size-mobile-menu);font-weight:var(--font-weight-normal);margin-top:calc(var(--font-box-full-height-mobile-menu) - var(--font-margin-bottom-mobile-menu) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-menu)}.button__text{font-family:var(--font-family-menu);font-size:var(--font-size-mobile-button);line-height:var(--line-height-mobile-button);font-weight:var(--font-weight-normal);margin-top:calc(var(--font-box-full-height-mobile-button) - var(--font-margin-bottom-mobile-button) - var(--font-cap));margin-bottom:var(--font-margin-bottom-mobile-button)}.wrap-text{overflow-wrap:break-word;word-break:break-word;hyphens:auto}a{color:inherit}li a{display:block;color:inherit;text-decoration:inherit}a:focus-visible{outline-width:.125rem;outline-style:solid;outline-color:inherit;text-decoration:none;border-radius:.5rem}@media screen and (min-width:768px){body{font-size:var(--font-size-desktop-body);line-height:var(--line-height-desktop-body)}h1{font-size:var(--font-size-tablet-h1);line-height:var(--line-height-tablet-h1);margin-top:calc(var(--font-box-full-height-tablet-h1) - var(--font-margin-bottom-tablet-h1) - var(--font-cap));margin-bottom:var(--font-margin-bottom-tablet-h1)}h2{font-size:var(--font-size-desktop-h2);line-height:var(--line-height-desktop-h2);margin-top:calc(var(--font-box-full-height-desktop-h2) - var(--font-margin-bottom-desktop-h2) - var(--font-cap));margin-bottom:var(--font-margin-bottom-desktop-h2)}p{margin-top:calc(var(--font-box-full-height-desktop-p) - var(--font-margin-bottom-desktop-p) - var(--font-cap));margin-bottom:var(--font-margin-bottom-desktop-p)}.menu__text{font-size:var(--font-size-desktop-menu);margin-top:calc(var(--font-box-full-height-desktop-menu) - var(--font-margin-bottom-desktop-menu) - var(--font-cap));margin-bottom:var(--font-margin-bottom-desktop-menu)}.button__text{font-size:1.25rem;margin-top:calc(var(--font-box-full-height-desktop-button) - var(--font-margin-bottom-desktop-button) - var(--font-cap));margin-bottom:var(--font-margin-bottom-desktop-button)}}@media screen and (min-width:1184px){h1{font-size:var(--font-size-desktop-h1);line-height:var(--line-height-desktop-h1);margin-top:calc(var(--font-box-full-height-desktop-h1) - var(--font-margin-bottom-desktop-h1) - var(--font-cap));margin-bottom:var(--font-margin-bottom-desktop-h1)}}.mt-5{margin-top:var(--spacing-5)}.p-8{padding:var(--spacing-8)}.gap-2{gap:var(--spacing-2)}html{scrollbar-gutter:stable}body{background-image:var(--background-gradient);background-size:cover;background-attachment:fixed;min-height:100dvh}.wrapper{grid-template-columns:minmax(0,384px);grid-template-rows:auto auto 1fr auto;margin-inline:calc(var(--spacing) * 5)}@media screen and (min-width:768px){.wrapper{grid-template-columns:minmax(0,720px);margin-inline:0}}@media screen and (min-width:992px){.wrapper{grid-template-columns:minmax(0,944px)}}@media screen and (min-width:1184px){.wrapper{grid-template-columns:minmax(0,1136px)}}.cardscontainer{grid-template-columns:1fr;row-gap:var(--spacing-12);justify-content:center}.card{position:relative;width:100%;max-width:384px;border-radius:var(--content-background-border-radius);box-shadow:var(--content-drop-shadow);overflow:hidden}.card__image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:-1}.card__content{position:relative;width:100%;z-index:1}.card__content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--content-background-border-radius);border:1px solid transparent;background:var(--card-border-color) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card__mask{width:15rem;height:15rem;border-radius:50%;box-shadow:var(--card-mask-color);transition:width var(--card-mask-hover-duration) var(--card-mask-hover-easing),border-radius var(--card-mask-hover-duration) var(--card-mask-hover-easing),box-shadow var(--card-mask-hover-duration) var(--card-mask-hover-easing)}.card__text{width:100%;color:var(--color-secondary);transition:color var(--card-mask-hover-duration) var(--card-fade-shadow-easing)}.card__image img{height:100%}.card:has(:focus-visible) .card__mask{border-radius:var( --card-hover-border-radius);width:100%;box-shadow:var( --card-hover-box-shadow)}.card:has(:focus-visible) .card__content:before{background:var(--card-hover-background);transition:var(--card-hover-transition)}.card a:focus-visible{outline:none}@media(hover:none),(pointer:coarse){.card:active{.card__mask{box-shadow:0 0 0 999px #e6e6e6cc,inset 0 4px 4px rgba(var(--shadow-color),.5),inset 0 12px 8px rgba(var(--shadow-color),.75);transition:none}.card__text{color:var(--color-primary)}}}@media screen and (min-width:768px){.cardscontainer{grid-template-columns:repeat(auto-fill,344px);-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8)}.card{cursor:pointer}.card__mask{width:14.5rem;height:14.5rem}}@media(hover:hover)and (pointer:fine){.card:hover .card__mask{border-radius:var( --card-hover-border-radius);width:100%;box-shadow:var( --card-hover-box-shadow)}.card:hover .card__content:before{background:var(--card-hover-background);transition:var(--card-hover-transition)}}@media screen and (min-width:992px){.cardscontainer{grid-template-columns:repeat(auto-fill,292px);-moz-column-gap:var(--spacing-8);column-gap:var(--spacing-8);align-items:start}.card__image img{height:100%}}@media screen and (min-width:1184px){.cardscontainer{grid-template-columns:repeat(auto-fill,352px);-moz-column-gap:var(--spacing-10);column-gap:var(--spacing-10)}}@media(prefers-reduced-motion:reduce){.card__mask{transition:none}}.main__content.hidden{height:0px;overflow:hidden}.nav{margin-bottom:var(--spacing-1)}.nav__menu{display:none}.nav__menu.nav__menu--open{display:flex;flex-direction:column;gap:var(--spacing-5);margin-top:var(--spacing-1)}.menu__item{cursor:pointer;padding-top:.5rem;padding-bottom:.25rem}.menu__item--selected{background-color:var(--color-secondary);border-radius:var(--menu-selected-border-radius-mobile);box-shadow:var(--menu-selected-drop-shadow-mobile)}.menu__item--selected *{color:var(--color-primary)}.menu__item:not(.menu__item--selected):has(:focus-visible){outline:2px solid var(--color-secondary);border-radius:var(--menu-selected-border-radius-mobile)}.menu__item.menu__item--selected:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:-4px}.menu__text{text-align:center}.menu__text:focus-visible{outline:none}@media(max-width:768px){.menu__item:active{background-color:var(--color-secondary);border-radius:var(--menu-selected-border-radius-mobile);.menu__text{color:var(--color-primary)}}}.nav__burger{align-self:flex-end;background-color:transparent;border:none;padding:var(--spacing-10) 0 var(--spacing-5) 0;padding-left:var(--spacing-4);cursor:pointer;filter:drop-shadow(var(--nav-burger-drop-shadow))}.nav__burger--open{.nav__burger-bar{transform:rotate(45deg);transition:transform var(--nav-burger-anim-duration) var(--nav-burger-anim-easing) var(--nav-burger-anim-delay);&:before{opacity:0;top:0;transition:top var(--nav-burger-anim-duration) var(--nav-burger-anim-easing),opacity 0ms var(--nav-burger-anim-delay)}&:after{bottom:0;transform:rotate(-90deg);transition:bottom var(--nav-burger-anim-duration) var(--nav-burger-anim-easing),transform var(--nav-burger-anim-duration) var(--nav-burger-anim-easing) var(--nav-burger-anim-delay)}}}.nav__burger-bar{position:relative;background-color:var(--color-secondary);width:var(--nav-burger-line-width);height:var(--nav-burger-line-height);border-radius:var(--nav-burger-border-radius);transition:transform var(--nav-burger-anim-duration) var(--nav-burger-anim-easing);&:before,&:after{content:"";display:block;position:absolute;background-color:inherit;width:inherit;height:inherit;border-radius:inherit}&:before{top:calc(var(--spacing-2) * -1);transition:top var(--nav-burger-anim-duration) var(--nav-burger-anim-easing) var(--nav-burger-anim-delay)}&:after{bottom:calc(var(--spacing-2) * -1);transition:transform var(--nav-burger-anim-duration) var(--nav-burger-anim-easing),bottom var(--nav-burger-anim-duration) var(--nav-burger-anim-easing) var(--nav-burger-anim-delay)}}.nav__burger:focus-visible{outline:none}.nav__burger:focus-visible:after{content:"";position:absolute;border:1px solid var(--color-secondary);width:calc(var(--nav-burger-line-width) + var(--spacing-2));height:calc((var(--nav-burger-line-height) * 3) + (var(--spacing-2) * 2) + (var(--spacing-1)));top:calc(var(--spacing-1) * 1.5 + var(--spacing-5));left:var(--spacing-3)}@media(hover:hover)and (pointer:fine){.menu__item:not(.menu__item--selected):hover:before{visibility:var(--menu-item-visiblily);transform:var(--menu-item-transform);transition:var(--menu-item-transition)}}@media screen and (min-width:768px){.nav{padding-right:0;min-height:0px;margin-bottom:var(--spacing-5)}.nav__menu{display:flex;flex-direction:row;justify-content:flex-end;gap:.25rem}.nav__burger{display:none}.menu__item{padding-top:.25rem;padding-bottom:.25rem;padding-inline:.75rem;box-shadow:none;border-radius:none;position:relative}.menu__item:before{content:"";position:absolute;border-radius:.3125rem;background-color:var(--color-secondary);z-index:-1;width:.625rem;height:.625rem;top:0;left:50%;transform:translate(-50%)}.menu__item:not(.menu__item--selected):before{visibility:hidden}.menu__item:not(.menu__item--selected):has(:focus-visible):before{visibility:var(--menu-item-visiblily);transform:var(--menu-item-transform);transition:var(--menu-item-transition)}.menu__item:not(.menu__item--selected):has(:focus-visible){outline:none}.menu__item.menu__item--selected:has(:focus-visible){outline:1px solid var(--color-primary);outline-offset:-2px}.menu__item--selected{background:none;filter:var(--menu-selected-shadow-desktop)}.menu__item.menu__item--selected:before{width:1rem;border-radius:.5rem .5rem 0 0;transform:translate(-50%);transition:width var(--nav-menu-hover-selected-duration) var(--nav-menu-hover-selected-easing),transform var(--nav-menu-hover-selected-duration) var(--nav-menu-hover-selected-easing),border-radius calc(var(--nav-menu-hover-selected-duration)/2) var(--nav-menu-hover-selected-easing)}.menu__item:after{content:"";position:absolute;width:0;height:100%;top:0;left:50%;background-color:var(--color-secondary);z-index:-1}.menu__item.menu__item--selected:after{width:100%;left:0;border-radius:var(--menu-selected-border-radius-desktop);transition:width var(--nav-menu-selected-duration) var(--nav-menu-selected-easing),left var(--nav-menu-selected-duration) var(--nav-menu-selected-easing)}.menu__item:is(.menu__item--selected.menu__text-animate) .menu__text{animation:menu-text-selected var(--nav-menu-selected-duration) var(--nav-menu-selected-easing)}@keyframes menu-text-selected{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}}@media(prefers-reduced-motion:reduce){.menu__item:not(.menu__item--selected):hover:before,.menu__item:not(.menu__item--selected):has(:focus-visible):before,.menu__item.menu__item--selected:before,.menu__item.menu__item--selected:after,.nav__burger--open .nav__burger-bar,.nav__burger--open .nav__burger-bar:before,.nav__burger--open .nav__burger-bar:after,.nav__burger-bar,.nav__burger-bar:before,.nav__burger-bar:after{transition:none}.menu__item:is(.menu__item--selected.menu__text-animate) .menu__text{animation:none}}.project{grid-template-columns:100%;position:relative}.project:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;background-color:var(--content-background-color);border-radius:var(--content-background-border-radius);box-shadow:var(--content-drop-shadow);z-index:-1}.project:after{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:var(--content-background-border-radius);border:1px solid transparent;background:var(--card-border-color) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.project img{display:block;max-inline-size:100%}.project__title{padding-top:var(--spacing-6);padding-inline:var(--spacing-5)}.project__client{padding-top:var(--spacing-2);padding-inline:var(--spacing-5);padding-bottom:var(--spacing-5)}.project__description{padding-top:var(--spacing-5);padding-inline:var(--spacing-5);padding-bottom:var(--spacing-6)}.project__gallery{grid-area:3;gap:var(--spacing-3);padding-inline:var(--spacing-5)}.gallery__item{position:relative;border-radius:var(--content-background-border-radius);overflow:hidden}.gallery__item:after{content:"";position:absolute;inset:0;border-radius:var(--content-background-border-radius);box-shadow:var(--image-inner-shadow);pointer-events:none}.video{position:relative;padding-top:56.25%;height:0;overflow:hidden;border-radius:var(--content-background-border-radius)}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--content-background-border-radius)}.video__posterframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video__posterframe:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-primary);mix-blend-mode:multiply;opacity:.7}.video__playbutton{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:none;border-radius:var(--content-background-border-radius)}.video__playbutton:focus-visible{border-radius:calc(var(--content-background-border-radius) * 1.2);outline:2px solid var(--color-secondary);outline-offset:-4px;z-index:1}.video__reel{position:relative;left:50%;height:50%;transform:translate(-50%);aspect-ratio:1;border-radius:50%;background-color:var(--color-secondary)}.video__reel-item{--total-reel-items: 5;--reel-radius: 125%;position:absolute;top:50%;left:50%;width:23%;height:23%;background-color:transparent;border-radius:50%;--reel-item-angle: calc(360deg / var(--total-reel-items) * var(--reel-index) - 90deg);transform:translate(-50%,-50%) rotate(var(--reel-item-angle)) translate(var(--reel-radius))}.video__reel-center{position:absolute;top:50%;left:50%;width:15%;height:15%;background-color:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%)}.video__loading-indicator{background-color:var(--color-primary);opacity:0;animation:loading-indicator-fade 1.25s var(--video-playbutton-hover-easing) infinite;animation-delay:calc(var(--reel-index) * 125ms)}.video__loading-text{padding-top:var(--spacing-2);color:var(--color-secondary)}@keyframes loading-indicator-fade{0%,to{opacity:0}30%{opacity:1}}.video__arrow-container{position:absolute;top:50%;left:50%;width:auto;height:50%;transform:translate(-50%,-50%)}.video__arrow{transform-origin:center;fill:var(--color-primary)}@media screen and (min-width:768px){.project{grid-template-columns:repeat(2,calc((100% - calc(var(--spacing) * 4)) / 2));grid-template-rows:auto auto 1fr;grid-column-gap:calc(var(--spacing) * 4)}.project:before{width:calc((100% - calc(var(--spacing) * 4)) / 2)}.project:after{width:calc((100% - calc(var(--spacing) * 4)) / 2)}.project__title{padding-top:var(--spacing-6);padding-inline:var(--spacing-6)}.project__client{padding-top:var(--spacing-1);padding-inline:var(--spacing-6);padding-bottom:0}.project__description{padding-top:var(--spacing-6);padding-inline:var(--spacing-6);padding-bottom:var(--spacing-6)}.project__gallery{grid-area:1 / 2 / span 3;height:-moz-fit-content;height:fit-content;padding-inline:0;row-gap:0;-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.project__gallery>*:after{box-shadow:none}.gallery__main{position:relative;height:196px;overflow:hidden;border-radius:var(--content-background-border-radius);box-shadow:var(--content-drop-shadow)}.gallery__main:after{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:var(--content-background-border-radius);border:1px solid transparent;background:var(--gallery-main-border-color) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gallery__main>img{position:absolute;top:0}.gallery__menu{display:flex;-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.gallery__thumb-image{position:relative;width:104px;height:56px;overflow:hidden;border:none;border-radius:var(--content-background-border-radius);box-shadow:var(--content-drop-shadow);cursor:pointer}.gallery__thumb-image:focus-visible{outline-color:var(--color-secondary)}.gallery__thumb-hover-container{height:var(--spacing-3);overflow:hidden}.gallery__thumb-hover{width:auto;fill:var(--color-secondary);filter:drop-shadow(var(--gallery-hover-shadow-x) var(--gallery-hover-shadow-y) var(--gallery-hover-shadow-blur) var(--gallery-hover-shadow-color))}.thumbnail__videoicon{position:absolute;top:50%;left:50%;translate:-50% -50%;width:auto;height:50%;pointer-events:none}.thumbnail__videoicon-circle{fill:var(--color-secondary)!important}.thumbnail__videoicon-arrow{fill:var(--color-primary)!important}.video__reel{translate:-43% -12%;scale:.5}.video__reel-item{background-color:var(--color-primary)}.video__arrow{fill:var(--color-secondary);translate:3.5rem 1.5rem;rotate:60deg}.video__playbutton{cursor:pointer;&:hover{outline:none}&:focus-visible{outline-offset:-2px}&:hover,&:focus-visible{.video__reel{translate:0 0;scale:1;transition:var(--video-playbutton-hover-duration) translate var(--video-playbutton-hover-easing),var(--video-playbutton-hover-duration) scale var(--video-playbutton-hover-easing)}.video__reel-item,.video__reel-center{background-color:transparent;transition:calc(var(--video-playbutton-hover-duration) / 2) background-color var(--video-playbutton-hover-easing)}.video__arrow{fill:var(--color-primary);translate:0 0;rotate:0deg;transition:var(--video-playbutton-hover-duration) fill var(--video-playbutton-hover-easing),var(--video-playbutton-hover-duration) translate var(--video-playbutton-hover-easing),var(--video-playbutton-hover-duration) rotate var(--video-playbutton-hover-easing)}}&.is-clicked{.video__reel{translate:0 0;scale:1}.video__reel-item,.video__reel-center{background-color:var(--color-primary)}}}}@media screen and (min-width:992px){.project{grid-template-columns:repeat(2,calc((100% - calc(var(--spacing) * 6)) / 2));grid-column-gap:calc(var(--spacing) * 6)}.project:before{width:calc((100% - calc(var(--spacing)* 6)) / 2)}.project:after{width:calc((100% - calc(var(--spacing) * 6)) / 2)}.project__gallery{-moz-column-gap:var(--spacing-5);column-gap:var(--spacing-5)}.gallery__main{height:256px}.gallery__thumb-image{width:140px;height:76px}.gallery__thumb-hover-container{height:var(--spacing-4)}}@media screen and (min-width:1184px){.project{grid-template-columns:repeat(2,calc((100% - calc(var(--spacing) * 10)) / 2));grid-column-gap:calc(var(--spacing) * 10)}.project:before{width:calc((100% - calc(var(--spacing) * 10)) / 2)}.project:after{width:calc((100% - calc(var(--spacing) * 10)) / 2)}.project__title{padding-top:var(--spacing-8);padding-inline:var(--spacing-8)}.project__client{padding-top:var(--spacing-1);padding-inline:var(--spacing-8)}.project__description{padding-top:var(--spacing-8);padding-inline:var(--spacing-8);padding-bottom:var(--spacing-8)}.project__gallery{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.gallery__main{height:308px}.gallery__menu{-moz-column-gap:var(--spacing-7);column-gap:var(--spacing-7)}.gallery__thumb-image{width:164px;height:92px}.gallery__thumb-hover-container{height:var(--spacing-5)}}@media(prefers-reduced-motion:reduce){.video__playbutton:is(:hover,:focus-within) :is(.video__reel,.video__reel-item,.video__reel-center,.video__arrow){transition:none}.video__loading-color{background-color:var(--color-primary)}}.nodisplay{display:none}.consent,.privacy{position:relative;width:100%;padding:var(--spacing-6) var(--spacing-5)}.consent:before,.privacy:before{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:var(--content-background-border-radius);box-shadow:var(--content-drop-shadow);z-index:-1}.consent:before{background-color:var(--color-secondary)}.consent *{color:var(--color-primary)}.privacy:before{background-color:var(--content-background-color)}.privacy:after{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:var(--content-background-border-radius);border:1px solid transparent;background:var(--card-border-color) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.privacy__title{padding-bottom:var(--spacing-4)}.consent__description,.consent__footer{padding-top:var(--spacing-4)}.consent__menu{padding-top:var(--spacing-8);gap:4%}.consent__menu-button{--consent-menu-background-color: var(--color-secondary);--consent-menu-icon-color: var(--color-primary);--consent-menu-icon-image-color: var(--color-secondary);--consent-menu-text-color: var(--color-primary);background-color:var(--consent-menu-background-color);padding:.75rem 0;gap:.5rem;border:1px solid var(--color-primary);border-radius:var(--content-background-border-radius);cursor:pointer}.consent__icon{width:80%;fill:var(--consent-menu-icon-color)}.consent__icon-image{fill:var(--consent-menu-icon-image-color)}.consent-menu-text{color:var(--consent-menu-text-color)}.consent__menu-button-is-selected{--consent-menu-background-color: var(--color-primary);--consent-menu-icon-image-color: var(--color-primary);--consent-menu-icon-color: var(--color-secondary);--consent-menu-text-color: var(--color-secondary)}.consent__menu-button:focus{outline:none}.consent__menu-button:not(.consent__menu-button-is-selected):focus-visible{outline:.125rem solid var(--color-primary)}.consent__menu-button.consent__menu-button-is-selected:focus-visible{outline:.125rem solid var(--color-secondary);outline-offset:-.375rem}.consent__menu-hover-container{width:auto;height:1rem;fill:var(--color-primary);transform:rotate(180deg)}.consent__menu-hover-container.align-right{margin-right:-1rem;margin-left:auto}.consent__menu-hover-container.align-left{margin-left:-1rem;margin-right:auto}.consent__button{display:inline-block;width:-moz-fit-content;width:fit-content;justify-self:center;padding-top:.75rem;padding-bottom:.75rem;padding-inline:1rem;color:var(--color-primary);background-color:var(--color-secondary);border:.125rem solid var(--color-primary);border-radius:var(--menu-selected-border-radius-mobile);cursor:pointer}.consent__button:focus-visible{color:var(--color-secondary);background-color:var(--color-primary)}.consent__button:focus-visible{outline:.125rem solid var(--color-secondary);outline-offset:-.25rem}@media(hover:none),(pointer:coarse){.consent__button:active{color:var(--color-secondary);background-color:var(--color-primary)}}@media(hover:hover)and (pointer:fine){.consent__button:hover{color:var(--color-secondary);background-color:var(--color-primary);transition:color calc(var(--nav-menu-selected-duration) / 1.75) var(--nav-menu-selected-easing),background-color calc(var(--nav-menu-selected-duration) / 1.75) var(--nav-menu-selected-easing)}.consent__button:active{color:var(--color-primary);background-color:var(--color-secondary);transition:none}}@media screen and (min-width:768px){.consent,.privacy{position:relative;width:600px;padding:var(--spacing-6)}.consent__footer{padding-top:var(--spacing-6)}.consent__menu{gap:var(--spacing-6)}.consent__menu-button{width:200px;height:200px;border:1px solid var(--color-primary);border-radius:var(--content-background-border-radius)}.consent__menu-button-is-selected{--consent-menu-background-color: var(--color-primary);--consent-menu-icon-image-color: var(--color-primary);--consent-menu-icon-color: var(--color-secondary);--consent-menu-text-color: var(--color-secondary);transition:color calc(var(--nav-menu-selected-duration) / 2) var(--nav-menu-selected-easing),background-color calc(var(--nav-menu-selected-duration) / 2) var(--nav-menu-selected-easing)}.consent__button{padding-top:.6875rem;padding-bottom:.75rem}.consent__button:focus-visible{color:var(--color-secondary);background-color:var(--color-primary);transition:color calc(var(--nav-menu-selected-duration) / 1.75) var(--nav-menu-selected-easing),background-color calc(var(--nav-menu-selected-duration) / 1.75) var(--nav-menu-selected-easing)}}@media screen and (min-width:1184px){.consent{padding:var(--spacing-8)}}address{font-style:normal}address a:focus-visible{outline-offset:.25rem}footer{flex-direction:column}.site-footer{flex-direction:column;margin-top:var(--spacing-10);margin-bottom:var(--spacing-6);gap:var(--spacing-2);color:var(--color-secondary)}.site-footer__legal{display:flex;gap:var(--spacing-2)}.site-footer__legal li{display:inline-flex;align-items:center}.site-footer__legal li a{text-decoration:underline}.site-footer__legal li a:focus-visible{text-decoration:none;outline-offset:.35rem}.site-footer__legal li:not(:last-child):after{content:"|";margin-left:var(--spacing-2)}@media screen and (min-width:768px){.site-footer{flex-direction:row;justify-content:space-between}}.site-header__title{width:75%;height:auto;margin-top:var(--spacing-5);margin-bottom:var(--spacing-1);fill:var(--color-secondary)}.site-header__shadow{filter:var(--header-shadow)}.site-header__i-path{--site-header__i-lenght: 107.7598px;stroke:var(--color-secondary);stroke-width:7.6797px;stroke-dasharray:var(--site-header__i-lenght);stroke-dashoffset:var(--site-header__i-lenght);animation:trimHeaderPath .5s cubic-bezier(.8,0,.8,.65) forwards 1.1s}.site-header__i-dot{transform-origin:622.37px 70.96px;transform:translateY(136px) scale(0);opacity:0;animation:headerDotIn .75s cubic-bezier(.8,0,.5,1) forwards .15s,headerDotMove .7s cubic-bezier(.8,0,.5,1) forwards 1.1s,headerDotScale .2s cubic-bezier(.5,0,.5,1) forwards 1.7s}.site-header__name{filter:var(--menu-shadow-desktop);opacity:0;animation:fadeIn .25s cubic-bezier(.5,.5,.5,1) forwards 1.8s}@media screen and (min-width:768px){.site-header__title{width:32.5rem;margin-top:var(--spacing-4);margin-bottom:var(--spacing-8)}}@media screen and (min-width:992px){.site-header__title{width:40.625rem;margin-top:var(--spacing-8);margin-bottom:var(--spacing-10)}}@media(prefers-reduced-motion:reduce){.site-header__i-path{stroke-dashoffset:0}.site-header__i-dot{transform:translateY(0) scale(1);opacity:1}.site-header__i-path,.site-header__i-dot{animation:none}.site-header__name{opacity:1;animation:none}}@keyframes headerDotIn{0%{transform:translateY(136px) scale(0);opacity:0}to{transform:translateY(136px) scale(1);opacity:1}}@keyframes headerDotMove{to{transform:translateY(0)}}@keyframes headerDotScale{50%{transform:scale(.7)}to{transform:scale(1)}}@keyframes trimHeaderPath{to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1}}.pagenotfound__svg{fill:var(--color-secondary)}.pagenotfound__svg rect{fill:var(--color-primary)}.pagenotfound__svg path{filter:var(--pagenotfound-shadow)}.pagenotfound__questionDot{transform-origin:78.737px 67.3px;scale:1;animation:questionDotSos 20s cubic-bezier(.25,0,.75,1) infinite}@keyframes questionDotSos{22%{scale:1}23%{scale:.7}24%{scale:1}25%{scale:1}26%{scale:.7}27%{scale:1}28%{scale:1}29%{scale:.7}30%{scale:1}32%{scale:1}33%{scale:.7}35%{scale:.7}36%{scale:1}38%{scale:1}39%{scale:.7}41%{scale:.7}42%{scale:1}44%{scale:1}45%{scale:.7}47%{scale:.7}48%{scale:1}50%{scale:1}51%{scale:.7}52%{scale:1}53%{scale:1}54%{scale:.7}55%{scale:1}56%{scale:1}57%{scale:.7}58%{scale:1}}