.hero-text{font-family:Courier New,Courier,monospace;font-size:3rem;line-height:120%;letter-spacing:-1.28px}@media screen and (max-width:768px){.hero-text{font-size:2rem;line-height:1.2;letter-spacing:-1.92px}}@media screen and (min-width:1024px){.hero-text{font-size:3rem}}.hero-text{z-index:10;color:#fff;margin-bottom:0;text-align:center}@media(min-width:768px){.hero-text{text-align:left}#hero-text{grid-row-start:1}}.hero-grid{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(11,auto);aspect-ratio:16/9;width:100%;position:relative;background-color:#fff}.hero-grid .videoholder{grid-column:1/span 24;grid-row:1/span 11;z-index:1}.hero-grid .videoFrame{width:100%;height:100%;overflow:hidden}.hero-grid .mux-player-fullcover{height:100%;object-fit:cover;padding:0;pointer-events:none;position:absolute;z-index:0;top:0;left:0}@media(max-width:768px){.hero-grid{aspect-ratio:unset;min-height:100vh}.hero-grid .videoholder{grid-column:1/span 24;grid-row:1/span 11;z-index:1}.hero-grid .videoFrame{position:relative;width:100vw;height:100vh;overflow:hidden}.hero-grid .mux-player-fullcover{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none;z-index:0}}.hero-grid mux-player::part(captions-button),.hero-grid mux-player::part(control-bar),.hero-grid mux-player::part(controls),.hero-grid mux-player::part(play-button),.hero-grid mux-player::part(scrubber),.hero-grid mux-player::part(settings-menu){display:none!important}.hero-grid .overlay-gradient{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0))}@media(max-width:768px){.hero-grid .overlay-gradient{background:linear-gradient(0deg,rgba(128,128,128,.6) 0,rgba(100,100,100,.2) 60%,rgba(0,0,0,.2) 80%,rgba(0,0,0,.1))}}.hero-grid .videoholder2{display:none}@media(max-width:768px){.hero-grid .videoholder2{display:block;grid-column:1/span 24;grid-row:1/span 11}.hero-grid .videoholder2 .yt2{width:90%;height:auto;margin:0 auto;border:none;object-fit:cover;display:block}}.hero-grid .overlay,.hero-grid .overlay1{grid-column:1/span 24;grid-row:1/span 11;width:100%;height:100%;z-index:2;position:absolute;top:0;left:0}.hero-grid .overlay{background-color:#000;animation:fadeOverlay 6s forwards}.hero-grid .overlay1{background-color:rgba(0,0,0,0)}@keyframes fadeOverlay{0%,90%{opacity:1;z-index:2}to{opacity:0;z-index:0}}.hero-grid #FlorianJauneggLeft{grid-column:1/span 6;grid-row:2/span 10;position:relative;height:100vh}.hero-grid #element1{position:absolute;bottom:0;left:0;width:50%;height:auto;max-height:1000px;min-height:200px;z-index:5;pointer-events:none}.hero-grid #element1 .cls-1{fill:#f8f7f3}@media(max-width:768px){.hero-grid #element1 .cls-1{display:none}}.hero-grid #FlorianJauneggCam{position:absolute;bottom:0;left:0;width:25%;height:auto;z-index:7}@media(max-width:768px){.hero-grid #FlorianJauneggCam{display:none}}.hero-grid .FlorianJauneggMobileContainer{display:none}@media(max-width:768px){.hero-grid .FlorianJauneggMobileContainer{display:flex;grid-column:1/span 24;grid-row:1/span 11;justify-content:center;align-items:flex-end;width:100%;overflow:hidden;position:relative;z-index:7}.hero-grid #FlorianJauneggPortMobile{display:block;position:relative;min-height:40vh;max-height:80vh;width:auto;max-width:none;object-fit:contain;z-index:7}}.hero-grid .overlay-gradient-mobile{display:none}@media(max-width:768px){.hero-grid .overlay-gradient-mobile{display:block;position:absolute;top:0;left:0;grid-column:1/span 24;grid-row:1/span 11;height:100%;z-index:8;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.2) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0));pointer-events:none}}.hero-grid #title{grid-column:9/span 14;grid-row:10/span 1;z-index:10;text-align:left;display:flex;flex-direction:column;justify-content:left;align-items:flex-start;gap:.5rem;color:#fff}@media(max-width:768px){.hero-grid #title{grid-column:2/23;grid-row:10/span 1;text-align:center;align-items:center}}.hero-grid .social-buttons{display:flex;gap:.5rem;width:100%;justify-content:right;z-index:10}@media(max-width:768px){.hero-grid .social-buttons{justify-content:center}}.hero-grid .social-buttons a{color:#fff;display:inline-flex;align-items:center;justify-content:center;height:4rem;width:4rem;transition:transform .2s ease}.hero-grid .social-buttons a:hover{transform:scale(1.1)}.hero-grid .button-group-header{position:absolute;top:2vh;right:2vh;z-index:15}@media(max-width:768px){.hero-grid{aspect-ratio:unset;min-height:100vh}}.projectGalleryContainer{padding:1rem;margin-top:64px;width:100%}.galleryHeading{text-align:center;font-size:2rem;margin-bottom:2rem}.galleryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.galleryCard{position:relative;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;border-radius:1rem;overflow:hidden;background-color:#ddd;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:transform .3s ease}.galleryCard:hover{transform:scale(1.02)}.galleryCard:before{content:"";position:absolute;inset:0;background:inherit;filter:none;transition:filter .4s ease;z-index:0}.galleryCard:hover:before{filter:grayscale(100%)}.galleryCard .cardTagcontainer{display:flex;flex-direction:column;gap:.5rem;height:auto;position:absolute;top:1rem;left:1rem}.galleryCard .cardTag{background-color:#302c2c;width:fit-content;padding:.5rem .75rem;border-radius:.5rem}.galleryCard .cardDate,.galleryCard .cardTag{font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:600;color:#fff;z-index:2}.galleryCard .cardDate{position:absolute;top:1rem;right:1rem}.galleryCard .cardText{position:relative;z-index:1;background:rgba(0,0,0,.5);padding:1rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:80px;transition:background .9s ease,max-height .9s ease}.galleryCard .cardText .cardTitle{font-size:1.2rem;margin:0;padding-bottom:.9rem;transition:transform .9s ease}.galleryCard .cardText .cardDescription{line-height:120%;overflow:hidden;margin:0}.galleryCard .cardText .cardDescription,.galleryCard .cardText .more{font-size:.9rem;opacity:0;max-height:0;transition:opacity .9s ease,max-height .9s ease,transform .9s ease}.galleryCard .cardText .more{text-decoration:none;text-align:right}.galleryCard:hover .cardText .cardDescription,.galleryCard:hover .more{opacity:1;max-height:400px}.galleryCard:hover .more{text-decoration:underline}.hoverOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;pointer-events:none;z-index:1;opacity:1;mask-image:radial-gradient(circle 0 at var(--mouse-x) var(--mouse-y),black 0,transparent 0);-webkit-mask-image:radial-gradient(circle 0 at var(--mouse-x) var(--mouse-y),black 0,transparent 0);transition:mask-image .5s ease,-webkit-mask-image .5s ease}.galleryCard:hover .hoverOverlay{mask-image:radial-gradient(circle var(--radius,80px) at var(--mouse-x) var(--mouse-y),black 100%,transparent 120%);-webkit-mask-image:radial-gradient(circle var(--radius,80px) at var(--mouse-x) var(--mouse-y),black 100%,transparent 120%)}.galleryCardBackground{position:absolute!important;inset:0;object-fit:cover;z-index:0;pointer-events:none;transition:filter .4s ease}.galleryCard:hover .galleryCardBackground{filter:grayscale(100%)}.galleryCard:hover .galleryCardBackground.grayscaleMask{mask-image:radial-gradient(circle var(--radius,90px) at var(--mouse-x) var(--mouse-y),transparent 0,transparent 60%,rgba(0,0,0,.3) 75%,rgba(0,0,0,.6) 90%,black 100%);-webkit-mask-image:radial-gradient(circle var(--radius,90px) at var(--mouse-x) var(--mouse-y),transparent 0,transparent 60%,rgba(0,0,0,.3) 75%,rgba(0,0,0,.6) 90%,black 100%)}