/* Center Text Header and Spacer */
.center-text-header{text-align:center;justify-content:center}#spacer-image{display:flex;width:100%;padding:0}#spacer-image img{width:100%;padding:0}.event-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background-color:#DF0071;color:#fff;font-weight:bold;border:none;justify-content:center;align-items:center;border-radius:6px;text-decoration:none;transition:background-color .3s ease}.event-button:hover{background-color:#000}#about-para{display:flex;flex-direction:column;justify-content:center;align-items:center}#about-wismer h2,#about-wismer h3,#about-wismer p{border-radius:.5rem;max-width:800px;margin:1rem 0;padding:1em}#auto-scale{margin:2em}

/* Card Section and Flip Card */
.card-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:40px;margin-bottom: 80px;}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;box-shadow:0 6px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-family:sans-serif;backface-visibility:hidden;overflow:hidden}.flip-card-front{background-image:url('https://via.placeholder.com/400');background-size:cover;background-position:center;color:#fff}.flip-card-front strong{width:100%;padding:1em;background-color:#050505af}.flip-card-back{position:relative;background-color:#333;color:#fff;transform:rotateY(180deg);overflow:hidden;text-align:left}.flip-card-back .flip-card-text{padding:1.5rem;font-size:1rem;line-height:1.6;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.4)}.flip-card-back #text{padding:1em}.flip-card-back::before{content:"";position:absolute;inset:0;background-image:url('/images/wismer2.webp');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;z-index:0}.flip-card-back>*{position:relative;z-index:1}

/* Contact Page Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}#contact{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;text-align:center}.contact-content{position:relative;z-index:2;width:100%;max-width:600px;padding:3em;background:rgba(12,12,12,.463);border-radius:16px;backdrop-filter:blur(3px);box-shadow:0 8px 32px rgba(0,0,0,.2);box-sizing:border-box;overflow:hidden}@media(min-width:768px){.contact-content{max-width:600px}}#contact h2{font-size:2.5rem;margin-bottom:40px;font-weight:600}.form-group{position:relative;margin-bottom:30px;text-align:left;width:100%}.form-group input,.form-group textarea{width:100%;max-width:100%;padding:16px;font-size:1rem;color:#fff;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:12px;outline:none;transition:border .3s ease;display:block}.form-group textarea{resize:vertical;min-height:140px}.form-group input:focus,.form-group textarea:focus{border-color:#DF0071}.form-group label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:.95rem;color:#ccc;pointer-events:none;padding:0 6px;transition:.2s ease all}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-10px;left:12px;font-size:.75rem;color:#DF0071}#contactForm button{background:#DF0071;color:#fff;padding:14px 32px;border:none;border-radius:50px;cursor:pointer;font-size:1rem;transition:background .3s ease;margin-top:10px;width:100%;max-width:100%}#contactForm button:hover{background:#DF0071}.response-message{margin-top:20px;font-size:1rem;color:#fff}@media(max-width:768px){.contact-content{padding:60px 16px;max-width:90%}#contact h2{font-size:2rem}#contactForm button{font-size:.95rem;padding:12px 28px}}@media(max-width:480px){#contact h2{font-size:1.8rem}}

/* Body opacity fade */
body{opacity:0;transition:opacity .5s ease-in-out}body.visible{opacity:1}body.fade-out{opacity:0;transition:opacity .5s ease-in-out}

/* Footer */
.site-footer{background-color:#DF0071;color:#fff;padding:2rem 1rem 1rem;font-family:Arial,sans-serif}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-left h2{margin:0;font-size:1.5rem}.footer-right a{margin-left:1rem;display:inline-block;transition:opacity .3s}.footer-right a img{width:24px;height:24px;filter:brightness(0) invert(1)}.footer-right a:hover{opacity:.7}.footer-bottom{text-align:center;margin-top:1rem;font-size:.9rem;color:#aaa}@media(max-width:600px){.footer-content{flex-direction:column;align-items:center;gap:1rem}.footer-left,.footer-right{text-align:center}.footer-right a{margin-left:.5rem;margin-right:.5rem}}

/* Gallery App */
#gallery-app{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.top-spacer{padding-top:150px}.selected-item{display:flex;width:100vw;align-items:center;justify-content:center;flex-direction:column}.selected-item .image-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.related-gallery .masonry-item{width:300px;height:300px;text-decoration:none;color:inherit}.related-gallery .masonry-item img{width:100%;border-radius:4px}.hover-overlay{text-align:center}@media(min-width:1301px){.selected-item .image-column img{width:60%;border-radius:8px;padding:2em}.about-project{padding:2em;text-align:center;width:60%;font-size:1.3vw}.title-project{font-size:5vw;padding:.2em;text-align:center}.related-gallery .masonry-grid{display:flex;flex-wrap:wrap;gap:5rem;justify-content:center}}@media(max-width:1300px){.selected-item .image-column img{width:80%;border-radius:8px;padding:2em}.related-gallery .masonry-item{width:150px;height:150px;text-decoration:none;color:inherit}.about-project{padding:2em;text-align:center;width:80%;font-size:3.5vw;text-align:left}.title-project{font-size:9vw;padding:.2em;text-align:center}.related-gallery .masonry-grid{display:flex;flex-wrap:wrap;justify-content:center}}.slideshow-container{position:relative;max-width:85%;display:flex;align-items:center;justify-content:center;margin:2rem 0}.slideshow-image{width:80vw;max-height:80vh;object-fit:contain;transition:opacity .4s ease}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;padding:0 1rem;background-color:rgba(0,0,0,.4);color:#fff;border:none;cursor:pointer;z-index:2;user-select:none}.arrow.left{left:0}.arrow.right{right:0}.slideshow-controls{text-align:center;margin-top:1rem}.slideshow-controls button{margin:0 .5rem;padding:.5rem 1rem;font-size:1rem;background-color:#DF0071;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.slideshow-controls button:hover{background-color:#444}.slideshow-controls button.active{background-color:#414141;color:#fff;font-weight:bold}

/* Masonry Grid */
.masonry-grid{column-count:3;column-gap:1rem;padding:2rem}.masonry-item{display:inline-block;width:100%;margin-bottom:1rem;cursor:pointer;transition:transform .3s;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden}.masonry-item:hover{transform:scale(1.02)}.image-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden}.gallery-image{width:100%;height:auto;object-fit:cover;border-radius:12px;display:block;transition:transform .3s ease}.masonry-item:hover .gallery-image{transform:scale(1.05)}.hover-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;padding:1rem;opacity:0;transition:opacity .3s ease;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.masonry-item:hover .hover-overlay{opacity:1}.hover-overlay h3{margin:0 0 .5rem;font-size:1.2rem}.hover-overlay p{font-size:.9rem;margin:0}@media(max-width:1300px){.masonry-grid{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem;column-count:auto;justify-content:center}.masonry-item{width:100%;max-width:400px;height:300px;margin:0 auto}.gallery-image,.image-wrapper{height:100%}}.view-more-btn{padding:.75rem 1.5rem;font-size:1rem;background-color:rgb(255,15,247);color:#000;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;margin-bottom:2em}.view-more-btn:hover{background-color:#444}.slide-enter-active{transition:all .6s ease}.slide-leave-active{transition:all .3s ease;opacity:0}.slide-enter-from{opacity:0;transform:translateX(var(--slide-direction,0))}.slide-enter-to{opacity:1;transform:translateX(0)}.desktop-animate{opacity:0;transform:translateY(20px);animation-name:fadeInUp;animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.slide-enter-active.desktop-animate{animation-name:none !important}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}

/* Scroll Down and Nav */
.scroll-down{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:2rem;color:#fff;text-decoration:none;animation:bounce 2s infinite;z-index:10;cursor:pointer}#arrow-colour{background-color:#DF0071;border-radius:4em}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}nav{display:flex;justify-content:space-between;align-items:center;padding-right:1rem;background-color:#DF0071;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;position:fixed;max-width:100vw;top:0;left:0;z-index:1000;transition:background .3s ease,box-shadow .3s ease}nav.scrolled{background-color:rgba(255,255,255,.834);top:0}nav.scrolled .nav-links a{color:#000}.nav-links{max-width:50%;display:flex;gap:1.5rem;margin-right:2em}.nav-links a{text-decoration:none;color:#fff;font-weight:500;font-size:1.5em;transition:color .3s ease}.nav-links a:hover{color:#000;transition:ease-in-out .3s}.hamburger{display:none;position:relative;width:30px;height:22px;cursor:pointer;transition:all .3s ease;margin-right:1em}.hamburger span{position:absolute;height:3px;width:100%;background:#DF0071;left:0;transition:all .3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg);top:50%}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);bottom:auto;top:50%}.mobile-menu{position:fixed;top:0;right:0;height:100vh;width:50%;background-color:rgba(0,0,0,.811);box-shadow:-2px 0 rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease-in-out;padding:2rem;z-index:999;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mobile-menu.active{transform:translateX(0)}.mobile-menu a{display:flex;flex-direction:column;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff;text-decoration:none}.mobile-menu a:hover{color:#DF0071}

/* Contact Page & Background Images */
body.contact-page{position:relative;min-height:100vh;margin:0;overflow-x:hidden}main.contact-wrapper,footer.site-footer{position:relative;z-index:1}#about-wismer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url('/images/m-b-3.webp');background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:6rem 2rem;z-index:1;overflow:hidden}#about-wismer::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1}.parallax-background{background-image:url('/images/porsche-4.webp');background-size:cover;background-position:center;background-attachment:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.5}@media(max-width:1000px){#about-wismer{background-attachment:scroll;background-image:url('/images/mobile-fall-1.webp');background-size:cover;background-position:center}.parallax-background{background-image:url('/images/mobile-fall-2.webp');background-attachment:scroll;background-position:center center;background-size:cover}}

/* Responsive & Video Hero */
@media(min-width:1451px){#count-head{font-size:4vw}#logo-size{max-height:200px}.flip-card{width:500px;height:500px;perspective:1000px;cursor:pointer}.logo{max-width:50%}.logo img{width:50%}#about{display:flex;flex-direction:column;padding:2em}#about-me-div{display:flex;width:100vw;justify-content:center}#about-para{width:50vw}.video-hero video{display:block}.video-hero .video-fallback-image{display:none}#logo-size{scale:60%}}@media(max-width:1450px){.flip-card{width:400px;height:400px;perspective:1000px;cursor:pointer}#logo-size{max-height:100px}#about{display:flex;flex-direction:column;padding:.2em}#about-para{display:flex;flex-direction:column;width:100vw;padding:2em;font-size:larger;justify-content:center;align-items:center}#auto-scale{display:flex;justify-content:center}#auto-scale img{display:block;max-width:90%}nav{background:rgba(0,0,0,.516);box-shadow:none}.nav-links{display:none}.hamburger{display:block;color:#fff}.video-hero video{display:none}.video-hero .video-fallback-image{display:block;width:100%;height:100vh;object-fit:cover}}.video-hero{position:relative;height:100vh;max-width:100%;overflow:hidden;background:#000}.video-hero video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.video-hero .video-fallback-image{position:absolute;top:0;left:0;display:none;z-index:0;object-fit:cover}.overlay-content{position:relative;z-index:2;text-align:center;color:#fff;top:50%;transform:translateY(-50%)}body{margin:0;background-size:1000% 1000%;animation:darkGradientShift 20s ease infinite;color:#eee;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;position:relative;min-height:100vh;overflow-x:hidden}@keyframes darkGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.overlay-content{position:relative;z-index:2;text-align:center;color:#fff;top:50%;transform:translateY(-50%)}@media(max-width:1450px){.video-hero video,.video-hero .video-fallback-image{display:none}#count-head{font-size:7vw}.overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:90%;padding:1rem}}@media(max-width:1450px){.logo{width:50%}.logo img{max-height:100px;height:auto;width:auto;padding:1em;display:block}.video-hero video{display:none}.video-hero{position:relative;overflow:hidden;height:100vh}.video-hero .video-fallback-image{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.video-desktop{display:none}}

/* Countdown */
#countdown{font-family:"Sedgwick Ave Display",cursive;font-weight:600;font-style:normal;letter-spacing:.1em;font-size:2em;width:100vw;color:#fff;justify-content:center;align-items:center}.overlay-content{font-family:"Sedgwick Ave",Georgia,'Times New Roman',Times,serif;font-weight:bolder;font-size:larger;letter-spacing:.3em;display:flex;flex-direction:column;width:100vw;justify-content:center;text-align:center;align-items:center}

/* Typography */
html{scroll-behavior:smooth;background-color:black;width:100vw}h1,h2,h3,h4,a{font-family:"Sedgwick Ave Display",cursive;font-weight:600;font-style:normal;letter-spacing:.1em}h3{font-size:3em}.title-pad{text-align:center;font-size:2em}h2{text-align:center;font-size:larger}html,body{margin:0;padding:0;overflow-x:hidden}section h1,article h1,aside h1,nav h1{font-size:2rem;line-height:1.2;font-weight:700}#foot-logo{scale:50%;height:200px}#center-text{text-align:center}#border-radius{display:inline-block;padding:1em;background:#fff;border-radius:.5em;box-shadow:0 15px 25px rgba(0,0,0,.3);transform:rotate(-5deg);transition:transform .3s ease}#border-radius img{display:block;border-radius:.25em;max-width:100%;height:auto}#border-radius:hover{transform:rotate(0deg) scale(1.05)}#no-deco{text-decoration:none;color:#fff;cursor:pointer;letter-spacing:.2em}nav{position:fixed;top:0;height:100px;font-size:larger;letter-spacing:.1em;width:100vw}.hidden{display:none}body{width:100vw}h1,h2,h3,h4,p{color:#fff;padding:0;margin:0}hr{width:100vw;border:none;border-top:2px solid #ccc}h1{color:#DF0071}@media(max-width:1450px){h2{font-size:2em;margin-top:1em;margin-bottom:1em}}@media(min-width:1450px){h2{font-size:5em;margin-top:1em;margin-bottom:1em}}.hidden{display:none}

/* .events-container{display:flex;flex-direction:column;width:100%;margin:100px auto 2em;align-items:center;justify-content:center}.event-card{border:1px solid #ddd;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.05);background:#010101;transition:transform 0.2s;text-decoration:none}.event-card:hover{transform:scale(1.02)}.event-image{width:100%;height:200px;object-fit:cover}.event-content{padding:1rem}.event-date{color:#888;font-size:.9rem;margin:.5rem 0}.event-description{font-size:1rem;line-height:1.4}@media (max-width:1300px){.title{text-align:center;font-size:2rem;margin:2rem 0 2rem}.events-header{font-size:2em}.events-grid{display:flex;flex-direction:column;width:80%;justify-content:center;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1301px){.title{text-align:center;font-size:4rem;margin:2rem 0 2rem}.events-header{font-size:4em}.events-grid{display:flex;flex-direction:column;width:40%;justify-content:center;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}} */
.events-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
   align-items: center;
   justify-content: center;
   margin-bottom: 2em;
   margin-top: 100px;
   margin-bottom: 100px;
  }


  
  .event-card:hover {
    transform: scale(1.02);
  }
  
  .event-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  
  .event-content {
    padding: 1rem;
  }
  
  .event-date {
    color: #888;
    font-size: 0.9rem;
    margin: 0.5rem 0;
  }
  
  .event-description {
    font-size: 1rem;
    line-height: 1.4;
  }

  @media (max-width: 1300px) {
    .title {
        text-align: center;
        font-size: 2rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
      }
    .events-header{
        font-size: 2em;
      }

      .events-grid {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 80%;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      }
      
        .event-card {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    background: rgb(1, 1, 1);
    transition: transform 0.2s;
    text-decoration: none;
    width: 100%;
  }

  }

  @media (min-width: 1301px) {
    .title {
        text-align: center;
        font-size: 4rem;
        margin-bottom: 2rem;
        margin-top: 2rem;
      }
    .events-header{
        font-size: 4em;
      }

      .events-grid {
        display: flex;
        flex-direction: row;
        width: 90%;
        justify-content: center;
        gap: 3rem;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      }
      
        .event-card {
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    background: rgb(1, 1, 1);
    transition: transform 0.2s;
    text-decoration: none;
    width: 45%;
  }
    
}