.page-aerial{background:#f6f4ef;color:#101b30}
.aerial-hero{position:relative;display:grid;min-height:clamp(460px,62vh,650px);isolation:isolate;background:url("assets/img/vues-aeriennes/roppe-panorama.webp") center 48%/cover no-repeat;color:#fff}
.aerial-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,18,35,.82) 0%,rgba(6,18,35,.55) 42%,rgba(6,18,35,.12) 78%),linear-gradient(0deg,rgba(6,18,35,.46),transparent 45%)}
.aerial-hero-inner{display:flex;flex-direction:column;justify-content:end;align-items:flex-start;padding-top:70px;padding-bottom:clamp(44px,7vh,72px)}
.aerial-hero .section-eyebrow{color:#d5eede}
.aerial-hero h1{max-width:760px;margin:.15em 0;font-size:clamp(3rem,6.5vw,6.2rem);line-height:.9;letter-spacing:-.06em}
.aerial-hero p:not(.section-eyebrow){max-width:610px;margin:18px 0 28px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}
.aerial-scroll{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;text-decoration:none;backdrop-filter:blur(12px)}
.aerial-intro{background:#f6f4ef}
.aerial-intro-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,88px);align-items:center}
.aerial-intro-copy h2,.aerial-finale h2{margin:.2em 0 .45em;font-size:clamp(2.2rem,4.8vw,4.6rem);line-height:.98;letter-spacing:-.045em}
.aerial-intro-copy>p:not(.section-eyebrow){font-size:1.08rem;line-height:1.7}
.aerial-credit{margin-top:30px;padding:20px 22px;border-left:4px solid #3c9871;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 16px 45px rgba(20,42,57,.08)}
.aerial-video-wrap{margin:0;padding:10px;border-radius:26px;background:#101b30;box-shadow:0 30px 75px rgba(16,27,48,.22);overflow:hidden}
.aerial-video-wrap video{display:block;width:100%;aspect-ratio:16/9;border-radius:18px;background:#0c1525;object-fit:cover}
.aerial-video-wrap figcaption{padding:11px 10px 5px;color:#d9e1ea;font-size:.82rem}
.aerial-gallery-section{overflow:hidden;background:#0f2135;color:#fff}
.aerial-gallery-section .section-eyebrow{color:#87cfad}
.aerial-gallery-section .aerial-section-head .section-eyebrow{margin-bottom:12px;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.15;letter-spacing:.13em}
.aerial-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}
.aerial-section-head h2{margin:.1em 0 0;font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.045em}
.aerial-section-head>p{max-width:340px;color:#b7c5d2}
.aerial-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:250px;gap:14px;margin-top:38px}
.aerial-photo{position:relative;display:block;min-width:0;padding:0;border:0;border-radius:18px;background:#172a3f;overflow:hidden;cursor:zoom-in}
.aerial-photo-wide{grid-column:span 2}.aerial-photo-tall{grid-row:span 2}
.aerial-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.aerial-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,13,24,.78))}
.aerial-photo span{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff;font-weight:800;text-align:left;text-shadow:0 2px 16px #000}
.aerial-photo:hover img,.aerial-photo:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}
.aerial-finale{background:#dcebe5}
.aerial-finale-inner{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(34px,6vw,88px);align-items:center}
.aerial-finale-inner>div>p:last-child{max-width:520px;font-size:1.08rem;line-height:1.65}
.aerial-final-photo{display:block;padding:0;border:0;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 25px 65px rgba(20,59,49,.18);cursor:zoom-in}
.aerial-final-photo img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .45s ease}.aerial-final-photo:hover img{transform:scale(1.025)}
@media(max-width:980px){.aerial-intro-grid,.aerial-finale-inner{grid-template-columns:1fr}.aerial-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px}.aerial-photo-tall{grid-row:span 1}}
@media(max-width:620px){.aerial-hero{min-height:520px;background-position:62% center}.aerial-hero::before{background:linear-gradient(0deg,rgba(6,18,35,.92),rgba(6,18,35,.1) 78%)}.aerial-hero h1{font-size:clamp(2.85rem,14vw,4.25rem)}.aerial-hero p:not(.section-eyebrow){margin:12px 0 20px;font-size:1rem}.aerial-section-head{display:block}.aerial-section-head>p{margin-top:12px}.aerial-gallery{grid-template-columns:1fr;grid-auto-rows:245px}.aerial-photo-wide{grid-column:span 1}.aerial-intro,.aerial-gallery-section,.aerial-finale{padding:58px 0}.aerial-video-wrap{padding:6px;border-radius:18px}.aerial-video-wrap video{border-radius:13px}}