/* Large immersive heroes with individually selected photographic focal points.
   The image remains sharp; only the copy area gets a readability scrim. */
body[data-page="home"]{--hero-focus:91% 50%;--hero-mobile-focus:82% 50%;}
body[data-page="about"]{--hero-focus:88% 50%;--hero-mobile-focus:84% 50%;}
body[data-page="drone-export"]{--hero-focus:85% 50%;--hero-mobile-focus:62% 50%;}
body[data-page="services"]{--hero-focus:85% 50%;--hero-mobile-focus:68% 50%;}
body[data-page="china-us"]{--hero-focus:94% 50%;--hero-mobile-focus:95% 50%;}
body[data-page="china-europe"]{--hero-focus:96% 50%;--hero-mobile-focus:91% 50%;}
body[data-page="china-korea"]{--hero-focus:92% 50%;--hero-mobile-focus:86% 50%;}
body[data-page="news"]{--hero-focus:89% 50%;--hero-mobile-focus:79% 50%;}
body[data-page="contact"]{--hero-focus:82% 50%;--hero-mobile-focus:68% 50%;}
html[data-theme] body[data-page="home"] #app main .drone-hero-media{background-image:url("assets/hires/p09-hero.webp");}
html[data-theme] body[data-page="drone-export"] #app main .drone-hero-media{background-image:url("assets/hires/p10-hero.webp");}
html[data-theme] body[data-page="about"] #app main .page-hero::before{background-image:url("assets/hires/p02-hero.webp");}
html[data-theme] body[data-page="china-us"] #app main .page-hero::before{background-image:url("assets/hires/p03-hero.webp");}
html[data-theme] body[data-page="china-europe"] #app main .page-hero::before{background-image:url("assets/hires/p04-hero.webp");}
html[data-theme] body[data-page="china-korea"] #app main .page-hero::before{background-image:url("assets/hires/p05-hero.webp");}
html[data-theme] body[data-page="services"] #app main .page-hero::before{background-image:url("assets/hires/p06-hero.webp");}
html[data-theme] body[data-page="news"] #app main .page-hero::before{background-image:url("assets/hires/p07-hero.webp");}
html[data-theme] body[data-page="contact"] #app main .page-hero::before{background-image:url("assets/hires/p08-hero.webp");}
html[data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero){--visual-height:600px;--shared-hero-height:var(--visual-height);background:var(--mist);position:relative;isolation:isolate;overflow:hidden;}
html[data-theme] body #app main .page-hero::before,
html[data-theme] body #app main .drone-hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;aspect-ratio:auto;background-size:cover;background-position:var(--hero-focus,85% 50%);background-repeat:no-repeat;opacity:1;filter:none;backdrop-filter:none;background-blend-mode:normal;mask-image:none;-webkit-mask-image:none;}
html[data-theme] body #app main .page-hero::after,
html[data-theme] body #app main .drone-hero-media::after{position:absolute;inset:0;display:block;background:linear-gradient(90deg,var(--mist) 0%,color-mix(in srgb,var(--mist) 94%,transparent) 27%,color-mix(in srgb,var(--mist) 74%,transparent) 48%,color-mix(in srgb,var(--mist) 8%,transparent) 77%,transparent 100%);filter:none;backdrop-filter:none;}
html[data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero) :is(.page-hero-inner,.drone-hero-inner){min-height:var(--visual-height);height:auto;box-sizing:border-box;padding-block:42px;display:flex;align-items:center;position:relative;z-index:1;}
html[data-theme] body #app main .hero-heading{display:block;width:auto;min-height:0;padding:0;}
html[data-theme] body #app main .hero-heading .eyebrow{display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none;font-size:14px;line-height:1.5;margin:0 0 16px;letter-spacing:.025em;color:var(--blue);}
html[data-theme] body #app main .hero-heading h1{margin:0 0 18px;}
html[data-theme] body #app main .hero-details{padding:0;}
html[data-theme] body #app main .hero-details>h2{font-size:21px;line-height:1.4;margin:0 0 10px;}
html[data-theme] body #app main .hero-details>p{font-size:15px;line-height:1.7;margin:0;max-width:650px;color:var(--muted);}
html[data-theme] body #app main .hero-details :is(.hero-points,.drone-hero-points){margin-top:24px;}
html[data-theme] body #app main .hero-details .hero-actions{margin-top:24px;}
@media(max-width:1099px){
 html[data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero){--visual-height:520px;}
 html[data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy){width:78%;max-width:none;padding:0;}
 html[data-theme] body #app main .hero-heading .eyebrow{font-size:12px;margin-bottom:12px;}
 html[data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy) .hero-heading h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin:0 0 14px;max-width:none;text-wrap:balance;word-break:normal;}
 html[data-theme] body #app main .hero-details>h2{font-size:18px;margin:0 0 10px;}
 html[data-theme] body #app main .hero-details>p{font-size:13px;line-height:1.65;}
}
@media(max-width:599px){
 html[data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero){--visual-height:448px;}
 html[data-theme] body #app main .page-hero::before,
 html[data-theme] body #app main .drone-hero-media{background-position:var(--hero-mobile-focus);}
 html[data-theme] body #app main .page-hero::after,
 html[data-theme] body #app main .drone-hero-media::after{background:linear-gradient(90deg,color-mix(in srgb,var(--mist) 82%,transparent),color-mix(in srgb,var(--mist) 58%,transparent) 52%,color-mix(in srgb,var(--mist) 18%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--mist) 22%,transparent),transparent 80%);}
 html[data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero) :is(.page-hero-inner,.drone-hero-inner){padding-block:28px;align-items:center;}
 html[data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy){width:100%;}
 html[data-theme] body #app main .hero-heading .eyebrow{font-size:11px;line-height:1.5;margin-bottom:14px;letter-spacing:0;}
 html[data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy) .hero-heading h1{font-size:26px;line-height:1.3;letter-spacing:0;margin-bottom:14px;text-wrap:balance;}
 html[data-theme] body #app main .hero-details>h2{font-size:16px;line-height:1.5;margin:0 0 10px;}
 html[data-theme] body #app main .hero-details>p{font-size:12px;line-height:1.65;max-width:94%;color:var(--text);}
 html[data-theme] body #app main .hero-details :is(.hero-points,.drone-hero-points){margin-top:22px;gap:14px 12px;}
 html[data-theme] body #app main .hero-details :is(.hero-points,.drone-hero-points) b{font-size:11px;}
 html[data-theme] body #app main .hero-details :is(.hero-points,.drone-hero-points) small{font-size:10px;line-height:1.4;color:var(--text);}
 html[data-theme] body #app main .hero-details .hero-actions{margin-top:22px;gap:8px;}
 html[data-theme] body #app main .hero-details .hero-actions>*{font-size:12px;min-height:44px;padding:9px 10px;}
 html[lang="zh-CN"][data-theme] body #app main .drone-export-hero .hero-heading h1{word-break:keep-all;text-wrap:wrap;font-size:clamp(21px,6.15vw,26px);}
 html[lang="en"][data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero){--visual-height:580px;}
 html[lang="en"][data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy) .hero-heading h1{font-size:25px;line-height:1.25;}
}
@media(max-width:359px){
 html[data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy) .hero-heading h1{font-size:24px;}
 html[lang="en"][data-theme] body #app main :is(.page-hero,.drone-hero,.drone-export-hero){--visual-height:620px;}
 html[lang="en"][data-theme] body #app main :is(.page-hero-copy,.drone-hero-copy) .hero-heading h1{font-size:23px;}
}
/* A deeper satin gold: restrained highlight, warm midtone, bronze lower edge. */
html[data-theme="graphite-gold"]{--gold:#dba83d;--button-gold:linear-gradient(112deg,#edc563 0%,#dca636 30%,#bd801b 67%,#e0b14c 100%);--button-gold-hover:linear-gradient(112deg,#f2cd76,#e7b443 38%,#cc9129 72%,#e9be61);}
html[data-theme="graphite-gold"] body #app :is(.primary-btn,.quote-btn,.newsletter button,.theme-done,.category-tabs button.active,.network-modes button[aria-pressed="true"]){color:#17232c;background:var(--button-gold);border:1px solid #bc882c;border-top-color:#f0ce80;border-bottom-color:#916016;box-shadow:inset 0 1px 0 #fff1ba80,inset 0 -1px 0 #70470f55,0 3px 8px #0003;text-shadow:0 1px 0 #ffe9a633;font-weight:650;}
html[data-theme="graphite-gold"] body #app :is(.primary-btn,.quote-btn,.newsletter button,.theme-done,.category-tabs button.active,.network-modes button[aria-pressed="true"]):is(:hover,:focus-visible){background:var(--button-gold-hover);color:#17232c;border-color:#edc563;}
html[data-theme="graphite-gold"] body #app :is(.primary-btn,.quote-btn,.newsletter button,.theme-done)::before,
html[data-theme="graphite-gold"] body #app :is(.primary-btn,.quote-btn,.newsletter button,.theme-done)::after{display:none;}
html[data-theme="graphite-gold"] body #app :is(.secondary-btn,.outline-light){color:#e5b854;border-color:#a77a30;background:linear-gradient(135deg,#30383c,#202b34);box-shadow:inset 0 1px 0 #efc97a22,0 2px 6px #0002;}
html[data-theme="graphite-gold"] body #app :is(.secondary-btn,.outline-light):is(:hover,:focus-visible){background:var(--button-gold);color:#17232c;border-color:#dba83d;}