*{margin:0;padding:0;box-sizing:border-box}
body{
background:#f7f3eb;
color:#2e2e2e;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
line-height:1.7;
}
.container{max-width:1100px;margin:auto;padding:60px 30px 80px}
header{text-align:center;margin-bottom:40px}
header h1{font-family:Georgia,serif;font-size:1rem;letter-spacing:4px;color:#666;font-weight:400;text-transform:uppercase}
.hero{text-align:center;margin-bottom:55px}
.hero h2{font-family:Georgia,serif;font-size:3rem;font-weight:400;letter-spacing:4px}
.hero h3{font-family:Georgia,serif;font-size:3rem;font-weight:400;color:#666;font-style:italic;margin-top:10px}
.flyer-section{display:flex;justify-content:center;margin-bottom:55px}
.flyer-frame{background:#fff;border:1px solid #ece8df;padding:35px;border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.flyer-frame img{display:block;max-width:520px;width:100%;height:auto}
.tickets{text-align:center;margin-bottom:70px}
.tickets p:first-child{font-size:1.4rem;font-weight:600}
.tickets p:last-child{font-size:1.2rem;color:#666}
.section-divider{width:120px;margin:0 auto 70px;border:none;border-top:1px solid #d7d0c4}
.choir{max-width:820px;margin:0 auto 90px;line-height:1.9;text-align:center}
.choir h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;text-align:center;margin-bottom:25px}
.fr{margin-bottom:14px}
.en{margin-bottom:28px;color:#555}
.website{text-align:center}
.website a{color:#444;text-decoration:none;border-bottom:1px solid #c9c9c9}
footer{border-top:1px solid #ddd;padding-top:35px;text-align:center;color:#999;font-size:.9rem;letter-spacing:.5px}
@media(max-width:600px){
.container{padding:40px 20px 60px}
.hero h2{font-size:2.2rem}
.hero h3{font-size:1.4rem}
.flyer-frame{padding:12px}
}


.website a{
    color:#6b3fa0;
    font-weight:600;
    font-size:1.12rem;
    text-decoration:none;
    border-bottom:none;
}
.website a:hover{
    text-decoration:underline;
}