.flag-wrapper{background-color:var(--background);color:var(--main-color);padding-bottom:6rem;font-family:Segoe UI,sans-serif}.flag-hero{background:linear-gradient(180deg,var(--background-soft),transparent),url(/assets/flag/banner.jpg) center/cover no-repeat;text-align:center;padding:10rem 2rem 0}.flag-hero-content h1{color:var(--orange-color);margin-bottom:1rem;font-size:3.5rem}.flag-hero-content p{max-width:800px;margin:auto;font-size:1.4rem;line-height:1.6}.flag-postes{text-align:center;padding:3rem 2rem 6rem}.flag-postes h2{color:var(--orange-color);margin-bottom:3rem;font-size:2.8rem}.flag-postes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1400px;margin:auto;display:grid}.flag-poste-card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;padding:1.5rem;transition:background .3s;box-shadow:0 0 10px #00000040}.flag-poste-card:hover{background-color:var(--card-bg-hover)}.flag-poste-img{background-position:50% 30%;background-size:cover;border-radius:1rem;width:100%;height:200px;margin-bottom:1rem}.flag-poste-title{color:var(--main-color);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.flag-poste-desc{color:#ccc;font-size:1.1rem}.flag-galerie{text-align:center;padding:4rem 2rem}.flag-galerie h2{color:var(--orange-color);margin-bottom:2rem;font-size:2.5rem}.flag-poste-card.attaque{border-left:4px solid var(--orange-color)}.flag-poste-card.defense{border-left:4px solid #58c4dd}.flag-slider{flex-direction:row;justify-content:center;align-items:center;gap:2rem;max-width:900px;margin:auto;display:flex;position:relative}.slider-image{cursor:pointer;background-position:50%;background-size:cover;border-radius:1rem;width:100%;max-width:700px;height:400px;box-shadow:0 0 20px #00000050}.slider-btn{color:var(--orange-color);cursor:pointer;background:0 0;border:none;font-size:3rem;transition:color .3s}.slider-btn:hover{color:#fff}.flag-postes-grid{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.flag-poste-card{flex-direction:column;align-items:center;width:260px;display:flex}.flag-poste-img{background-position:50%;background-repeat:no-repeat;height:340px}.flag-poste-desc{text-align:center;font-size:1rem}.popup-overlay{z-index:9999;background:#000000e0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-image{border-radius:1rem;max-width:90%;max-height:90%}.popup-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:3rem;position:absolute;top:2rem;right:2rem}@media (max-width:600px){.flag-slider{flex-direction:column;align-items:center;display:flex}.flag-slider>.slider-btn{order:-1}.flag-slider>.slider-btn:first-of-type{margin-right:1rem}.flag-slider>.slider-btn:last-of-type{margin-left:1rem}.slider-image{max-width:90vw;height:280px}.flag-slider{flex-flow:wrap;gap:.5rem}}