:root{--unit: 20px;--page-frame-big: calc( var( --unit ) * 5 );--page-frame: var( --unit );--grid-width: calc( 100% - calc( var( --page-frame ) * 2 ) );--alignment: "left";--stroke: 2px;--background-color: White;--background-color-alpha: #ffffff00;--primary-color: Black;--secondary-color: Gray;--tertiary-color: #eee;--highlight-color: Red;--lowlight-color: #FFF59D;--link-color: CornflowerBlue;--positive-color: Aquamarine;--hero-text-color: var( --primary-color );--min-width: 320px;--item-big-width: calc( var( --item-width ) * 1.5 );--item-max-height: 80vh;--indent-gap: 2rem;--freedom: var( --page-frame-big );--button-height: 40px;--button-space: var( --font-style-body-default-size );--bouncer-size: 60px;--logo-width: 62vw;--logo-height: 40px;--header-height: calc( calc( var( --page-frame ) * 2 ) + var( --logo-height ) );--header-space: calc( var( --header-height ) * 2 );--footer-height: calc( var( --font-style-body-default-size ) + var( --font-style-body-default-line-height ) + var( --unit ) );--max-content-width: 568px}@media screen and (min-width: 1112px){:root{--page-frame: var( --page-frame-big );--header-space: var( --header-height )}}@media screen and (max-width: 460px){:root{--item-big-width: var( --item-width )}}@media screen and (min-width: 1366px){:root{--item-width: 400px}}@media screen and (max-height: 414px){:root{--logo-width: 38vw}}@media screen and (max-width: 812px){:root{--bouncer-size: 40px;--logo-width: 62vw}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes fade-to-white{to{fill:#fff}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-up{to{margin:0}}@keyframes moveUp{to{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}}@keyframes moveDown{0%{-webkit-transform:translateY(calc(var(--header-height) * -1));-ms-transform:translateY(calc(var(--header-height) * -1));transform:translateY(calc(var(--header-height) * -1))}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes pulseDot{0%{background:var(--tertiary-color);width:5px;height:5px}50%{background:#000;width:7px;height:7px}to{background:var(--tertiary-color);width:5px;height:5px}}@keyframes pulseBackground{0%{background:var(--tertiary-color)}50%{background:var(--background-color)}to{background:var(--tertiary-color)}}.hidden{opacity:0}.appear{opacity:0;-webkit-animation:fade-in .7s ease-in-out 0s 1 forwards;animation:fade-in .7s ease-in-out 0s 1 forwards}.appear-delayed{opacity:0;-webkit-animation:fade-in .7s ease-in-out 3s 1 forwards;animation:fade-in .7s ease-in-out 3s 1 forwards}.appear-slow{opacity:0;-webkit-animation:fade-in 7s ease-in 0s 1 forwards;animation:fade-in 7s ease-in 0s 1 forwards}.vanish{opacity:1;-webkit-animation:fade-out .7s ease-in-out 0s 1 forwards;animation:fade-out .7s ease-in-out 0s 1 forwards}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.breaker{display:none}#gallery{opacity:0;-webkit-animation:fade-in .7s ease-in-out 0s 1 forwards;animation:fade-in .7s ease-in-out 0s 1 forwards;margin-top:var(--header-height);padding:20px;min-height:calc(100vh - var(--footer-height));display:grid;grid-template-columns:repeat(12,8.3333333333%);grid-template-rows:auto;align-items:flex-start}#gallery .collection{grid-column:1/span 12;display:flex;align-items:center;align-content:center;flex-flow:row wrap;justify-content:center;gap:20px}#gallery .collection .teaser{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-align:left;font-family:Avenir Next LT W04 Thin,--apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:1.375rem;line-height:2.2rem;letter-spacing:-.03rem;min-width:280px;width:var(--grid-width);max-width:400px;height:auto;line-break:anywhere;border:none;position:relative;display:block;font-size:2em;text-align:center}@media screen and (min-width: 768px){#gallery .collection .teaser{font-size:2rem;line-height:2.5rem;letter-spacing:0rem}}#gallery .collection .teaser .piece{width:100%;height:auto;line-height:0}#gallery .collection .teaser.trooper{max-width:400px}#gallery .collection .teaser.trooper span{word-spacing:400px}#gallery .collection .teaser.rebel{max-width:600px}#gallery .collection .teaser.rebel span{word-spacing:600px}#gallery .collection .teaser a{text-transform:uppercase;display:block;height:100%;color:var(--primary-color)}#gallery .collection .teaser a button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;pointer-events:none;opacity:1;display:flex;justify-content:center;align-items:center}#gallery .collection .teaser a button img,#gallery .collection .teaser a button video{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}#gallery .collection .teaser a button span{-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;opacity:0;padding:1rem;position:absolute}#gallery .collection .teaser a button span::selection{background-color:transparent}#gallery .collection .teaser a:hover img,#gallery .collection .teaser a:hover video{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;opacity:.7}#gallery .collection .teaser a:hover span{opacity:1;-webkit-transition:opacity .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out}#gallery .collection .teaser a:hover figure,#gallery .collection .teaser a:hover picture,#gallery .collection .teaser a:hover img,#gallery .collection .teaser a:hover video{width:inherit}
