/* Aerial work within the site's shared editorial design. */
.drone-page .drone-hero { padding-bottom:42px; border-bottom:0; }
.drone-intro { display:grid; grid-template-columns:1.3fr 1fr; gap:70px; align-items:end; }
.drone-page .drone-hero h1 { max-width:none; margin-bottom:0; }
.drone-intro-copy { padding-bottom:6px; }
.drone-intro-copy .lead { max-width:31ch; margin-bottom:16px; }
.drone-intro-copy>p:not(.lead) { font-size:16px; color:var(--muted); max-width:46ch; margin-bottom:0; }
.drone-intro-copy .hero-actions { gap:16px 26px; margin-top:24px; }
.drone-reel { padding-bottom:56px; }
.drone-reel-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--rule); padding-block:20px; }
.drone-reel-heading h2 { margin:0; letter-spacing:.1em; }
.drone-reel-heading>span { font-size:12px; color:var(--muted); }
.drone-reel-image { aspect-ratio:2/1; }
.drone-reel-image:after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 50%,#151c1259); pointer-events:none; }
.drone-play { position:absolute; z-index:1; left:28px; bottom:28px; display:inline-flex; align-items:center; gap:22px; padding:18px 24px; min-height:60px; font-size:15px; font-weight:600; background:var(--paper); color:var(--ink); transition:background .2s,color .2s; }
.drone-play>span:first-child { font-size:15px; }
.drone-play>span:last-child { margin-left:15px; font-size:22px; line-height:1; }
.drone-reel-image:hover .drone-play { background:var(--red); color:white; }
.drone-reel figcaption { display:flex; justify-content:space-between; align-items:start; gap:24px; padding-top:19px; font-size:17px; line-height:1.5; }
.drone-caption-detail { display:inline-block; font-size:13px; color:var(--muted); margin-top:4px; }
.drone-selected { border-top:1px solid var(--rule); }
.drone-selected .service-intro>div>p:not(.lead):not(.eyebrow) { font-size:16px; color:var(--muted); }
.drone-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:30px; }
.drone-project { min-width:0; }
.drone-project .story-meta { font-size:11px; gap:16px; }
.drone-project .story-meta>span:last-child { white-space:nowrap; }
.drone-project h3 { font-size:28px; line-height:1.1; margin:12px 0; }
.drone-project h3 a { text-decoration:none; }
.drone-project h3 a:hover { color:var(--red); text-decoration:underline; }
.drone-project p { font-size:15px; color:var(--muted); margin:0; }
.drone-project-watch { position:absolute; right:12px; bottom:12px; display:flex; align-items:center; gap:22px; min-height:40px; background:var(--paper); padding:8px 13px; font-size:12px; font-weight:600; }
.drone-project .story-image:hover .drone-project-watch { background:var(--red); color:white; }
.drone-more-work { margin-top:36px; }
@media(max-width:1050px) {
  .drone-intro { gap:40px; grid-template-columns:1.2fr 1fr; }
  .drone-projects { gap:24px; }
}
@media(max-width:800px) {
  .drone-intro { grid-template-columns:1fr; gap:26px; }
  .drone-page .drone-hero { padding-bottom:32px; }
  .drone-intro-copy .lead { max-width:40ch; }
  .drone-intro-copy>p:not(.lead) { max-width:55ch; }
  .drone-reel-image { aspect-ratio:16/9; }
  .drone-projects { grid-template-columns:1fr; gap:38px; }
  .drone-project h3 { font-size:30px; }
  .drone-project p { max-width:55ch; }
}
@media(max-width:540px) {
  .drone-page .drone-hero h1 { font-size:clamp(43px,10.5vw,57px); }
  .drone-intro-copy .hero-actions { gap:14px 20px; }
  .drone-intro-copy .button { padding:12px 16px; gap:16px; font-size:14px; }
  .drone-reel-heading { gap:12px; padding-block:16px; }
  .drone-reel-heading h2 { font-size:10px; }
  .drone-reel-heading>span { font-size:10px; }
  .drone-play { left:14px; bottom:14px; padding:12px 15px; min-height:48px; gap:14px; font-size:12px; }
  .drone-play>span:last-child { margin-left:6px; font-size:18px; }
  .drone-reel figcaption { flex-direction:column; gap:10px; padding-top:16px; }
  .drone-reel { padding-bottom:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .drone-play { transition:none; }
}