.flyer{
    margin-top: 60px;
    max-width: 500px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.flyer img{
    width: 100%;
}

#big-logo {
    max-width:900px;
    width:80%;
    margin:0 auto 40px auto;
    background-color: transparent;
    animation: pulse 1s infinite;
}

#big-logo img {
    width: 100%;
    border-radius: 0;
    position: relative;
    /* Initial no drop-shadow */
    filter: drop-shadow(0 0 0 rgba(255, 69, 0, 0));
}

#big-logo img:before, #big-logo img:after { 
    position: absolute; 
    content: ""; 
    left: 50px; 
    top: 0; 
    width: 50px; 
    height: 80px;  
    border-radius: 50px 50px 0 0; 
    transform: rotate(-45deg);  
    transform-origin: 0 100%;
    animation: pulsecolor 1s infinite;
} 

#big-logo img:after { 
    left: 0; 
    transform: rotate(45deg); 
    transform-origin: 100% 100%;
    animation: pulsecolor 1s infinite;
}

.hero{
    min-height: calc(100svh - 100px);
    min-height: calc(100vh - 100px); /* fallback */
    
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
    padding:40px 20px;
}

.tagline{
    margin-top:20px;
    max-width:500px;
}

.cta-buttons{
    margin-top:30px;
}

.cta-buttons a{
    display:inline-block;
    margin:10px;
    padding:12px 26px;
    border:1px solid #FBB03F;
    font-family:"Goldman";
    transition:0.2s;
}

.cta-buttons a:hover{
    background:#FBB03F;
    color:#000;
}

.about-image{
    width: 100%;
    margin-top: 50px;
}

.about-image img{
    width: 100%;
    border-radius: 5px;
}

.about{
    max-width:700px;
    margin:120px auto;
    text-align: left;
}

.scroll-hint{
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translateX(-50%);
}

.scroll-hint span{
    display:block;
    width:24px;
    height:24px;
    border-left:2px solid #FBB03F;
    border-bottom:2px solid #FBB03F;
    transform:rotate(-45deg);
    animation:scroll-arrow 2s infinite;
}

.about{
    max-width:700px;
    margin:120px auto 78px auto;
    padding:0 20px;
}

.about h2{
    margin-bottom:20px;
}

.about p{
    text-align:left;
    margin-bottom:20px;
    line-height:1.6;
}

/* TOUR PREVIEW SECTION */

.tour-preview{
    max-width:700px;
    margin:80px auto 120px auto;
    padding:0 20px;
}

.tour-preview h2{
    margin-bottom:30px;
}

/* TOUR CARD */

.tour-card{
    display:flex;
    align-items:center;
    gap:25px;
    border:1px solid rgba(255,255,255,0.1);
    padding:20px;
    margin-bottom:30px;
}

/* DATE BLOCK */

.tour-date{
    text-align:center;
    min-width:70px;
    font-family:"Goldman";
}

.tour-date .day{
    display:block;
    font-size:2rem;
    color:#FFB34D;
}

.tour-date .month{
    display:block;
    font-size:0.9rem;
}

.tour-date .year{
    display:block;
    font-size:0.7rem;
    opacity:0.7;
}

/* INFO */

.tour-info{
    flex:1;
}

.tour-location{
    font-family:"Goldman";
    margin-bottom:5px;
}

.tour-support{
    font-size:0.85rem;
    color:#ccc;
    margin-bottom:4px;
}

.tour-time{
    font-size:0.85rem;
    opacity:0.8;
}

/* TICKET BUTTON */

.tour-ticket-button{
    padding:10px 18px;
    background-color: white;
    font-family:"Goldman";
    font-size:0.85rem;
    color: black;
    transition:0.2s;
}

.tour-ticket-button:hover{
    transform: scale(1.1);
}

/* ALL TOUR DATES BUTTON */

.button{
    display:inline-block;
    padding:12px 28px;
    border:1px solid #FBB03F;
    font-family:"Goldman";
    font-size:0.9rem;
    letter-spacing:0.04em;
    transition:0.2s;
}

.button:hover{
    background:#FBB03F;
    color:#000;
}

@keyframes scroll-arrow{
    0%{
        opacity:0;
        transform:rotate(-45deg) translate(0,0);
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0;
        transform:rotate(-45deg) translate(-10px,10px);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: translateY(-50%) scale(1);
    }
    10% {
        transform: translateY(-50%) scale(1.05);
    }
}

@keyframes pulsecolor {
    0%, 100% {
        background: #9a7d31;
    }
    10% {
        background: #FBB03F;
    }
}

/* Drop shadow glow animation - follows the logo's exact shape */
@keyframes drop-shadow-glow {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(255, 69, 0, 0));
    }
    10% {
        filter: drop-shadow(0 0 15px #ff4500cc)
               drop-shadow(0 0 30px rgba(255, 69, 0, 0.6))
               drop-shadow(0 0 45px rgba(255, 69, 0, 0.4));
    }
    30% {
        filter: drop-shadow(0 0 8px #ff450099)
               drop-shadow(0 0 20px rgba(255, 69, 0, 0.4))
               drop-shadow(0 0 35px rgba(255, 69, 0, 0.2));
    }
}

/* Apply the drop-shadow glow animation to the logo image */
#big-logo img {
    animation: drop-shadow-glow 1s infinite;
}


@media (max-width:800px){

.about-container{
grid-template-columns:1fr;
gap:40px;
}

.about-text{
max-width:100%;
}


.tour-card{
    flex-direction:column;
    text-align:center;
    gap:15px;
}

.tour-date{
    margin-bottom:5px;
}

.tour-ticket-button{
    width:100%;
    max-width:200px;
}
}