.drone-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 64px);max-height:960px;background:#071d36;color:#fff;display:flex;justify-content:center}
.drone-visual{position:absolute;inset:0;z-index:-2}
.drone-visual video{width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.drone-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,18,32,.88) 0%,rgba(4,18,32,.65) 32%,rgba(4,18,32,.12) 70%),linear-gradient(0deg,rgba(4,18,32,.6),transparent 25%);pointer-events:none}
.drone-hero .hero-copy{width:100%;padding:56px clamp(28px,6vw,100px) 110px;text-align:left;align-items:flex-start}
.drone-hero .eyebrow{font-size:14px;letter-spacing:.12em;color:#dfedf6;margin:0;justify-content:flex-start}
.drone-hero h1{font-size:clamp(56px,5.6vw,88px);line-height:1.04;margin:26px 0 24px;letter-spacing:-.045em;max-width:850px}
.drone-hero h1 em{color:#81d6f7}
.drone-hero .lead{color:#e4edf3;font-size:18px;line-height:1.6;max-width:530px;margin:0}
.drone-hero .hero-actions{gap:24px;margin:30px 0 0;align-items:center;flex-wrap:wrap}
.drone-hero .button{background:#fff;color:#071d36;border-radius:5px;font-size:14px;padding:16px 20px}
.drone-hero .button span{color:#147fab}
.drone-hero .text-link{border-color:#91a9b9;font-size:14px;color:#fff}
.drone-caption{position:absolute;bottom:29px;left:clamp(28px,6vw,100px);display:flex;flex-direction:column;gap:7px}
.drone-caption strong{font-size:16px;font-weight:600}
.drone-caption span{font-size:12px;color:#d3e0e8}
#intro-toggle{position:absolute;bottom:30px;right:clamp(28px,4vw,64px);border:1px solid #b5c2cc;border-radius:30px;background:#071d36c9;color:white;padding:12px 18px;font:500 14px "DM Sans",sans-serif;cursor:pointer}
#intro-toggle:hover{background:#163f6d}
.drone-hero a:focus-visible,#intro-toggle:focus-visible{outline:3px solid #81d6f7;outline-offset:5px}
.intro-values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px clamp(28px,6vw,100px) 39px;background:#fff}
.intro-values>div+div{border-left:1px solid #dce5eb;padding-left:35px}
.intro-values strong{display:block;font:700 20px "Manrope",sans-serif;margin-bottom:8px}
.intro-values span{font-size:14px;color:#607083;line-height:1.5;display:block}
@media(min-width:1600px){.drone-hero .hero-copy{padding-left:8vw}.drone-caption{left:8vw}}
@media(max-width:900px){.drone-hero{height:auto;max-height:none;min-height:0;padding-bottom:0}.drone-hero .hero-copy{padding:46px 28px 36px;order:0;background:#071d36}.drone-hero h1{font-size:clamp(44px,7vw,64px)}.drone-visual{position:relative;order:1;z-index:0;aspect-ratio:3300/1900;width:100%}.drone-hero:after{display:none}.drone-visual video{display:block;object-fit:contain}.drone-caption{position:static;order:2;background:#071d36;padding:20px 28px 72px}.drone-hero .hero-actions{flex-direction:row;align-items:center;margin-top:25px}.intro-values{gap:20px;padding:30px 28px}.intro-values>div+div{padding-left:20px}.intro-values strong{font-size:17px}#intro-toggle{bottom:20px;right:28px}}
@media(max-width:580px){.drone-hero .hero-copy{padding:36px 22px 30px}.drone-hero .eyebrow{font-size:12px;letter-spacing:.075em;line-height:1.6}.drone-hero h1{font-size:44px;line-height:1.06}.drone-hero .lead{font-size:16px}.drone-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.drone-caption{padding:18px 22px 73px}.intro-values{grid-template-columns:1fr;gap:0;padding:14px 22px}.intro-values>div{padding:20px 0}.intro-values>div+div{border-left:0;border-top:1px solid #dce5eb;padding-left:0}.intro-values strong{font-size:20px}#intro-toggle{right:22px}}

/* Trois engagements centrés dans des colonnes égales. */
.intro-values{gap:0;text-align:center}
.intro-values>div,.intro-values>div+div{min-width:0;padding:0 24px}
@media(max-width:900px){.intro-values>div,.intro-values>div+div{padding:0 16px}}
@media(max-width:580px){.intro-values>div,.intro-values>div+div{padding:20px 0}}

.drone-visual{overflow:hidden}
@media(max-width:900px){.drone-visual{aspect-ratio:3320/1900}}

.drone-hero .intro-video-credit{top:auto;right:auto;bottom:30px;left:clamp(28px,6vw,100px)}
.intro-video-credit .credit-name{right:auto;left:calc(100% + 8px)}
@media(max-width:900px){.drone-hero .intro-video-credit{bottom:20px;left:28px}.intro-video-credit .credit-name{left:0;top:auto;bottom:calc(100% + 8px);transform:none}}
@media(max-width:580px){.drone-hero .intro-video-credit{left:22px}}
