:root{--ink:#171717;--blue:#171717;--sky:#e6ebe7;--yellow:#e75f2a;--paper:#f7f4ed;--line:rgba(23,23,23,.2)}
body{background:var(--paper);color:var(--ink)}.site-header{color:var(--ink);border-bottom:1px solid rgba(23,23,23,.14)}.club-logo{width:54px;height:54px;object-fit:contain;flex:none}.site-header .brand{gap:12px}.site-header .brand strong{font-size:18px}.site-header .brand small{font-size:7px}footer .club-logo{width:58px;height:58px}footer .brand{gap:12px}
.hero{background:#e6ebe7;min-height:780px}.hero-sun{border-color:rgba(23,23,23,.14)}.hero-sun:after{background:#f5d8c8}.hero-cloud{background:rgba(255,255,255,.65)}.plane-body{fill:#fffdf8;stroke:#171717}.plane-wing{fill:#e75f2a;stroke:#171717}.plane-shadow{fill:#171717}.plane-window{fill:#e6ebe7}.contrail{stroke:#171717;opacity:.35}.button-dark{background:#171717;color:#fffdf8}.text-link{border-bottom:1px solid currentColor;padding-bottom:3px}.scroll-note{color:#171717}.scroll-note span{background:#171717}
.intro{background:#f7f4ed;padding-top:125px}.intro-grid p{font-size:17px;line-height:1.8;font-weight:500}.stats{margin-top:80px}.stats strong{font-size:38px}.stats span{font-size:11px;font-weight:700}
.club-life{background:#f7f4ed;padding:20px 9vw 130px}.club-life-heading{display:grid;grid-template-columns:1.1fr 1fr;column-gap:9vw;align-items:end;margin-bottom:48px}.club-life-heading .eyebrow{grid-column:1/-1}.club-life-heading h2{font-size:clamp(38px,4.4vw,66px)}.club-life-heading>p:last-child{font-size:15px;line-height:1.8;margin:0 0 5px;max-width:380px}.club-life-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.club-life figure{margin:0;position:relative;min-height:255px;overflow:hidden;background:#171717}.club-life img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .5s}.club-life figure:hover img{transform:scale(1.04)}.club-life figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px;color:#fff;font:500 10px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.training{background:#171717;color:#f7f4ed}.training-image{background:linear-gradient(135deg,rgba(23,23,23,.08),rgba(23,23,23,.42)),url('assets/rf6b.jpg') center/cover;filter:contrast(1.05)}.training-content>p:not(.eyebrow){font-size:16px;line-height:1.9}.training li{font-size:14px}.training li span{color:#e75f2a}.button-light{background:#e75f2a;color:#171717}
.bia{display:grid;grid-template-columns:1.45fr .75fr .75fr;background:#f7f4ed;min-height:430px}.bia-copy{padding:82px 13% 80px 9vw}.bia-copy h2{font-size:clamp(36px,4vw,59px)}.bia-copy h2 em{color:#e75f2a}.bia-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin:25px 0}.bia-list{display:flex;gap:27px;border-top:1px solid var(--line);padding-top:17px}.bia-list>div{max-width:105px}.bia-list span{font:600 21px "Playfair Display",serif}.bia-list p{font-size:10px;line-height:1.45;margin:4px 0 0}.bia-image{position:relative;margin:0;min-height:430px;overflow:hidden}.bia-image img{width:100%;height:100%;position:absolute;object-fit:cover}.bia-image figcaption{position:absolute;left:14px;bottom:14px;color:#fff;font:500 9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 8px #000}
.fleet{background:#e6ebe7}.section-heading>p{font-size:15px;line-height:1.8;font-weight:500}.plane-cards{gap:2px}.plane-card{border:1px solid #171717}.card-yellow{background:#e75f2a;color:#171717}.card-blue{background:#171717;color:#f7f4ed}.card-cream{background:#f7f4ed;color:#171717}.mini-plane{color:currentColor;opacity:.9}.plane-photo{position:absolute;left:0;right:0;top:104px;width:100%;height:145px;object-fit:cover;border-top:1px solid rgba(247,244,237,.32);border-bottom:1px solid rgba(247,244,237,.32)}.plane-card>a{color:currentColor}.plane-card dt{opacity:.75}.plane-card dd{font-size:13px}
.quote{background:#e75f2a;color:#171717}.quote p{max-width:780px}.quote span{color:#171717}.news{background:#f7f4ed}.news h3{font-size:29px;line-height:1.18}.news article p{font-weight:700;color:#a83d1b}.news article a{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px;justify-self:start}
.aerobatics{display:grid;grid-template-columns:1fr 1fr;background:#171717;color:#f7f4ed}.aerobatics-image{min-height:610px;overflow:hidden}.aerobatics-image img{width:100%;height:100%;object-fit:cover}.aerobatics-copy{padding:95px 11%;align-self:center}.aerobatics-copy h2{font-size:clamp(38px,4.4vw,66px)}.aerobatics-copy h2 em{color:#e75f2a}.aerobatics-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:430px;margin:28px 0}.aerobatics .eyebrow{color:#e75f2a}.aerobatics-facts{display:flex;gap:42px;border-top:1px solid rgba(247,244,237,.28);padding-top:19px;margin:30px 0}.aerobatics-facts strong{display:block;font:600 26px "Playfair Display",serif;color:#e75f2a}.aerobatics-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.details{background:#171717;color:#f7f4ed}.details .eyebrow{color:#e75f2a}.details h2 em{color:#e75f2a}.details-grid{border-color:rgba(247,244,237,.3)}.details details{border-color:rgba(247,244,237,.3)}.details summary{font-size:29px;color:#f7f4ed}.details details[open] summary{color:#e75f2a}.details details p{font-size:15px;line-height:1.85;color:#f7f4ed}.details details strong{color:#e75f2a}.details a{color:#e75f2a}
.contact{background:#e75f2a}.round-link{background:#171717;border-color:#171717;color:#f7f4ed}.round-link:hover{background:#f7f4ed;color:#171717}footer{background:#171717;color:#f7f4ed}footer a{color:#e75f2a}
.footer-social{display:flex;gap:14px;flex-wrap:wrap}.footer-social a{font-weight:700}
@media(max-width:760px){.hero{min-height:720px}.intro{padding-top:80px}.intro-grid p{font-size:16px}.stats strong{font-size:31px}.club-life{padding:15px 7vw 76px}.club-life-heading{display:block;margin-bottom:28px}.club-life-heading>p:last-child{margin-top:22px}.club-life-grid{grid-template-columns:1fr;gap:10px}.club-life figure{min-height:220px}.bia{grid-template-columns:1fr}.bia-copy{padding:70px 7vw}.bia-image{min-height:245px}.aerobatics{grid-template-columns:1fr}.aerobatics-image{min-height:320px}.aerobatics-copy{padding:70px 7vw}.aerobatics-facts{gap:26px}.news h3{font-size:25px}.details summary{font-size:24px}.details details p{font-size:14px}}
@media(max-width:760px){.plane-photo{top:86px;height:105px}}

/* Bannière inspirée de la flamme Aérofestival. */
.hero {
	background: #f7f4ed;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
	align-items: center;
	gap: 5vw;
	min-height: 740px;
	padding: 150px 7vw 95px;
	border-bottom: 4px solid #f8b601;
}

.hero h1 em {
	color: #171717;
	text-decoration: underline;
	text-decoration-color: #f8b601;
	text-decoration-thickness: 4px;
	text-underline-offset: 10px;
}

.hero-actions {
	flex-wrap: wrap;
}

.hero .button-dark {
	border: 2px solid #f8b601;
}

.hero-festival-art {
	position: relative;
	min-width: 0;
	width: 100%;
	max-width: 460px;
	aspect-ratio: 1.2;
	display: grid;
	place-items: center;
	justify-self: center;
	isolation: isolate;
}

.hero-festival-art::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 83%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #171717;
}

.hero-festival-art::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 94%;
	aspect-ratio: 1;
	border: 1px solid #f8b601;
	border-radius: 50%;
}

.hero-festival-art img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	transform: rotate(-9deg);
	filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .16));
}

@media (max-width: 760px) {
	.hero {
		grid-template-columns: 1fr;
		gap: 35px;
		min-height: auto;
		padding: 135px 7vw 110px;
	}

	.hero-festival-art {
		width: 100%;
		max-width: 300px;
		justify-self: center;
	}

	.hero-copy {
		max-width: 640px;
	}
}

@media (max-width: 520px) {
	.hero {
		gap: 30px;
		padding-bottom: 85px;
	}

	.hero-festival-art {
		width: 94%;
	}
}

/* Navigation toujours accessible, avec décalage des ancres. */
.site-header nav { gap: clamp(14px, 1.6vw, 26px); }
.site-header .nav-pilotes { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; border: 1px solid #171717; border-radius: 100px; padding: 11px 16px; background: #171717; color: #f7f4ed; }
.site-header .nav-pilotes:hover { background: #3c3b36; }
.site-header .nav-openflyers { background: transparent; color: #171717; }
.site-header .nav-openflyers:hover { background: #e9e4da; }
@media (min-width: 761px) and (max-width: 1400px) {
    .site-header nav { display: none; position: absolute; top: 88px; left: 0; width: 100%; padding: 24px 6vw; flex-direction: column; align-items: flex-start; background: #f7f4ed; max-height: calc(100dvh - 88px); overflow-y: auto; box-shadow: 0 10px 14px rgba(23,23,23,.08); }
    .site-header nav.open { display: flex; }
    .site-header .menu-toggle { display: flex; border: 0; background: none; width: 36px; padding: 7px; flex-direction: column; gap: 6px; cursor: pointer; }
    .site-header .menu-toggle span { height: 2px; width: 100%; background: #171717; }
}
html {
	scroll-padding-top: 104px;
}
body > .site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: #f7f4ed;
	box-shadow: 0 3px 16px rgba(23, 23, 23, .08);
}
.aircraft-page {
	padding-top: 88px;
}
@media (max-width: 760px) {
	html {
		scroll-padding-top: 88px;
	}
	.aircraft-page {
		padding-top: 72px;
	}
	.site-header nav {
		max-height: calc(100dvh - 72px);
		overflow-y: auto;
		background: #f7f4ed;
	}
}

/* Photographie de l’aérodrome sur toute la bannière d’accueil. */
.hero {
  background-image: linear-gradient(90deg, rgba(12, 20, 16, .76) 0%, rgba(12, 20, 16, .44) 52%, rgba(12, 20, 16, .12) 100%), url('assets/bannew.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fffdf8;
}
.hero h1, .hero h1 em, .hero .eyebrow, .hero .hero-intro, .hero .text-link, .hero .scroll-note { color: #fffdf8; }
.hero .scroll-note span { background: #fffdf8; }
@media (max-width: 760px) {
  .hero { background-position: 40% center; background-image: linear-gradient(rgba(12, 20, 16, .64), rgba(12, 20, 16, .4)), url('assets/bannew.jpeg'); }
}